/*RESET*/
@charset "utf-8";a{text-decoration:none}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}

/*GENERALES*/
body { margin:0px; background-color:#FFF; overflow-x: hidden !important; box-sizing: border-box;}
p, b, a, i, u, h1, h2, h3, h4, h5, h6, ul ,li, input, textarea, select, span, * { 
    /* font-family: 'PT Serif', serif; */
    font-family: 'Open Sans', sans-serif;
 }
b { font-weight:700}
.clear0 { clear:both; height:0px}
.clear5 { clear:both; height:5px}
.clear10 { clear:both; height:10px}
.clear15 { clear:both; height:15px}
.clear20 { clear:both; height:20px}
.clear30 { clear:both; height:30px}
.clear40 { clear:both; height:40px}
.clear50 { clear:both; height:50px}
.clear90 { clear:both; height:90px}
::selection {color:#CCC;background:#444;}
::-moz-selection {color:#EEE;background:#444;}
*:focus { outline:none}




.africa { width: 100%; height: auto; background-color: #111; text-align: center; padding: 10px 0px}
.africa p { color: #CCC; font-size: 10px; line-height: 12px; text-transform: uppercase; letter-spacing: 1px; opacity: 0.7;}
.africa p a { color: #CCC; }
.africa p a:hover { color: #CCC; text-decoration: underline}




.lighMenu { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,0.7); z-index: 99999; display: none}
.lighMenu .izq { position: absolute; top: 0; bottom: 0; left: 0; right: 350px}
.lighMenu .der { width: 350px; height: 100%; position: absolute; right: -350px; top: 0; background-color: #FFF}
.lighMenu .der .cerrar { font-size: 26px; color: #36732d; padding: 10px; position: absolute; top: 10px; right: 10px; opacity: 1; cursor: pointer; -moz-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; -ms-transition: all 0.25s ease 0s; -webkit-transition: all 0.25s ease 0s;
}
.lighMenu .der .listaMenu { top: 100px; width: 80%; left: 10%; position: absolute }
.lighMenu .der .listaMenu li { width: 100%; border-bottom: 1px solid #CCC; cursor: pointer}
.lighMenu .der .listaMenu li p { color: #333; font-size: 20px; padding: 20px 0px; font-weight: 300;
 -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.lighMenu .der .listaMenu li:hover p {}
.lighMenu .der .listaMenu .activo p {color: #36732d; font-weight: bold;}


.lighMenu .der .listaMenu li ul { width: 100%; display: none; margin-top: -10px;}
.lighMenu .der .listaMenu li ul li { width: 100%; border-bottom: 1px solid #EEE;}
.lighMenu .der .listaMenu li ul li p { font-size: 12px; font-weight: 400;padding: 10px 0px;  }
.lighMenu .der .listaMenu li.activo ul li p { color: #333; font-weight: 400;}















.document-opacity { opacity: 1; margin-top: 0vh;}
#page-loader {
    position: fixed; display: flex; justify-content: center; align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: #36732d;
    z-index: 9999999;
}
#page-loader img { width: 80%; max-width: 240px; }


.whatsapp { position: fixed; width: 34px; height: auto; right: 20px; bottom: 20px; z-index: 99;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.whatsapp:hover { opacity: 0.7;}

.scroll1 { width: 100vw; height: 100vh; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; overflow: hidden;}
.scroll1 .logo { width: 360px; z-index: 1;}
.scroll1 .line { width: 90px; height: 2px; background-color: #FFF; margin: 4vw 0px; margin-bottom: 2.8vw; z-index: 1;}
.scroll1 h6 { color: #FFF;font-family: 'PT Serif', serif; font-size: 30px; line-height: 44px;text-shadow: 0px 2px 2px rgba(0,0,0,0.43); z-index: 1;}
.scroll1 .flecha { width: 10px; position: absolute; bottom: 12px; z-index: 1; cursor: pointer;
    animation-duration: 2s;
    animation-name: semueve;
    animation-iteration-count: infinite;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
    .scroll1 .flecha:hover { opacity: 0.7;}


@keyframes semueve {
    0% { bottom: 4% }
    50% { bottom: 2% }
    100% { bottom: 4%  }
}





header { background-color: #f7f7f7; width: 100%; height: auto; display: flex; justify-content: space-between; position: sticky; z-index: 9999;}
header .logo { height: 24px; margin: 18px 0px; margin-left: 20px;}
header nav { display: flex; justify-content: center; align-items: center; margin-right: 0px;}
header nav p { width: auto; padding: 4px 3px; margin:0px 20px; color: #1e1e1e; font-size: 13px; font-weight: 700; position: relative; overflow: hidden; cursor: pointer; }
header nav p>span { width: 100%; height: 1px; background-color: #222; bottom: 0; left: -100%; position: absolute;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
header nav p:hover span { left: 0%;}
header i { position: absolute; right: 20px; font-size: 22px; top: 50%; transform: translateY(-50%); color: #36732d; display: none !important; cursor: pointer;}
header nav p.activo  {  color: #36732d; font-weight: 900; }
header nav p.activo>span { left: 0%; background-color: #36732d; height: 2px;}



.destacado1 { width: 96%;  margin: 50px auto; background-image: url(../img/fondo-destacado1.jpg); background-repeat: no-repeat; background-size: cover; height: 38vw; background-position: center right; position: relative;}
.destacado1 .izq { background-color: rgba(35,95,26,0.7); position: absolute; top: 0; left: 0; width: 50%; height: 100%; display: flex; align-items: center;}
.destacado1 .izq p { color: #FFF;font-family: 'PT Serif', serif; font-size: 3vw; line-height: 4.1vw; font-weight: 300; margin-left: 90px;;}
.destacado1 .izq p b { font-family: 'PT Serif', serif;}
.destacado1 .borde { position: absolute; border: 1px solid #aec3aa; top: 30px; bottom: 30px; left: 30px; right: 30px;}
.destacado1 .centro {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 80px; height: 80px; background-color: #36732d; display: flex; justify-content: center; align-items: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;}
.destacado1 .centro img { width: 44%;}




.laempresa { width: 100%; height: auto; display: flex; flex-wrap: wrap; margin: 120px 0px; position: relative;}
.laempresa .back { position: absolute; width: 80vw; height: 114%; background-image: url(../img/background.jpg); z-index: -1; right: 0; top: -7%; background-size: cover;}
.laempresa .izq { width: 500px; height: auto; position: relative; }
.laempresa .izq .slider1 { width: 100%; height:auto; overflow: hidden; }
.laempresa .izq .line { width: 8px; height: 20vw; background-color: #d9981e; position: absolute; bottom: 8vw; right: -8px; }

.laempresa .der { flex: 1; margin: 60px 0px;}
.laempresa .der .bloque { width: 50vw; margin-left: 4vw; margin-bottom: 0px;}
.laempresa .der .bloque .titulo { display: flex;  align-items: center; margin-bottom: 2.4vw; margin-top: 0px;}
.laempresa .der .bloque .line { width: 5vw; height: 1px; background-color: #222; margin-right: 20px;}
.laempresa .der .bloque h3 { color: #676767;font-family: 'PT Serif', serif; font-size: 3vw; line-height: 4vw;}
.laempresa .der .bloque p.dest { margin-left: 12vw; color: #36732d; font-size: 1.2vw; line-height: 2.3vw; font-weight: bold; font-style: italic; margin-bottom: 25px;}
.laempresa .der .bloque p {  margin-left: 12vw; font-size: 1vw; line-height: 2vw; color: #383838; }
.laempresa .der .btn-verde { background-color: #36732d; margin-left: 12vw; margin-top: 30px; width: 220px; position: relative;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.laempresa .der .btn-verde>p { color: #FFF; margin-left: 0px; font-weight: bold; font-size: 12px; padding: 5px 15px;}
.laempresa .der .btn-verde>p span { position: absolute; height: 100%; width: 0%; background-color: #3e8c3b; top: 0; right: 0; z-index: -1;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.laempresa .der .btn-verde>.p2 { background-color: #3e8c3b; padding: 0px; text-align: center; padding: 5px 16px; font-size: 18px; font-weight: 300; position: absolute; top: 0; right: 0;;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.laempresa .der .btn-verde:hover span{ width: 100%;}
.laempresa .der .btn-verde:hover .p2 {background-color: #2a5f23;}




.servicios {width: 100%; height: auto; position: relative; text-align: center;}
.servicios h3 { color: #676767;font-family: 'PT Serif', serif; font-size: 3vw; line-height: 4vw; margin-bottom: 2.5vw;}
.lista-servicios { margin-bottom: 6vw; }
.lista-servicios .cu { padding-bottom: 20px; opacity: 0.6;}
.lista-servicios .cu .in {  width: 90%;  margin: auto;  position: relative;}
.lista-servicios .cu .in a {  width: 100%;}
.lista-servicios .cu .in h5 { position: absolute; color: #000000; font-size: 2vw; line-height:2.5vw;font-family: 'PT Serif', serif; border-left: 1px solid #d9981e; padding: 8px 12px; text-align: left; font-style: italic; top: 30px; left: 0px;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.lista-servicios .cu .in img { margin-left: auto; width: 86%; margin-right: 4%;}
.lista-servicios .cu:hover h5 { top: 45px;}


.lista-servicios .btn-negro { position: absolute; right: 60px; bottom: 0px; background-color: #4a4a4a; display: flex; margin-top: 30px; width: 195px; justify-content: space-between; transform: translateY(50%);
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.lista-servicios .btn-negro>p { color: #FFF; margin-left: 0px; font-weight: bold; font-size: 12px; padding: 12px 15px;}
.lista-servicios .btn-negro>p span { position: absolute; height: 100%; width: 0%; background-color: #555555; top: 0; right: 0; z-index: -1;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.lista-servicios .btn-negro>.p2 { background-color: #555555; padding: 0px; text-align: center; padding: 9px 13px; padding-bottom: 0px; font-size: 14px; font-weight: 300;
-moz-transition:all 0.25s ease 0s;
-o-transition:all 0.25s ease 0s;
-ms-transition:all 0.25s ease 0s;
-webkit-transition:all 0.25s ease 0s;}
.lista-servicios .btn-negro:hover  span { width: 100%; }
.lista-servicios .btn-negro:hover .p2 {background-color: #333333;}

.lista-servicios .slick-current {opacity: 1;}
.lista-servicios .slick-active {opacity: 1;}
.lista-servicios .slick-center{opacity: 1;}

.lista-servicios .slick-prev{    left: 19vw; width: 40px; height: 40px; }
.lista-servicios .slick-next{    right: 19vw; width: 40px; height: 40px; }




.productos { width: 100%; height: auto; position: relative; text-align: center; padding-bottom: 100px;}
.productos h3 { color: #676767;font-family: 'PT Serif', serif; font-size: 3vw; line-height: 4vw; margin-bottom: 1vw;}
.productos .line { background-color: #36732d; width: 1px; height: 6vw; margin: auto; margin-bottom: 1.5vw;}
.productos .back { position: absolute; z-index: -1; width: 100%; top: 8vw; bottom: 0px; background-color: #f7f6f5;}

.lista-productos { width: 90%; margin:auto;}
.lista-productos .cu { width: 100%; height: auto; text-align: center;  padding: 20px; position: relative;}
.lista-productos .cu .in { width: 100%; height: auto;border: 1px solid #CCC; background-color: #f7f6f5;  margin: auto;
     position: relative;
     -moz-transition:all 0.25s ease 0s;
     -o-transition:all 0.25s ease 0s;
     -ms-transition:all 0.25s ease 0s;
     -webkit-transition:all 0.25s ease 0s;}
.lista-productos .cu .in .cont-icono { width: 160px; height: 150px; position: relative; margin: 20px auto; margin-bottom: 0px;}
.lista-productos .cu .in .cont-icono .verde { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 135px; height: auto; z-index: 10;}
.lista-productos .cu .in .cont-icono .blanco { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 135px; height: auto; z-index: 11; opacity: 0;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.lista-productos .cu p { color: #383838; font-size: 15px; line-height: 18px; padding: 0px 10px; padding-bottom: 26px;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.lista-productos .cu .linea { background-color: #9a9c9a; width: 60px; height: 6px; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 50%);
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.lista-productos .cu:hover .in {background-color: #36732d;}
.lista-productos .cu:hover .in p { color: #FFF;}
.lista-productos .cu:hover .in .linea { background-color: #39a035; width: 120px;}
.lista-productos .cu:hover .in .blanco { opacity: 1;}

.lista-productos .slick-dots { bottom: -30px;}
.lista-productos .slick-dots li button:before{    color: #c0bfbf;}
.lista-productos .slick-dots li.slick-active button:before{    color: #6d6d6d;}




.membresia {  background-color: #f7f6f5; width: 100%; display: flex; height: auto; padding: 0vw 0; padding-bottom: 6vw;  position: relative; justify-content: center; }
.membresia .izq { display: flex; align-items: center; margin-left: 3vw; z-index: 100;}
.membresia .izq p { color: #676767;font-family: 'PT Serif', serif; font-size: 2vw; line-height: 2vw;}
.membresia .izq .line { background-color: #676767; width: 5vw; height: 1px; margin-left: 1vw;}
.membresia ul { width: 88vw;  height: 120px;  margin-left: auto; display: flex; padding-left: 2vw; z-index: 100; align-items: center;}
.membresia ul li {margin: 0px 0.5vw;}
.membresia ul li img { height: 5vw; margin-top: 6px;}
.membresia .back { height: 120px; width: 83vw; position: absolute; top: 0px; right: 0px; background-color: #FFF; z-index: 1;}





.contacto { background-color: #363533; width: 100%; height: auto; padding: 80px 0px; display: flex; justify-content: center;}
.contacto .elform { display: flex; flex-direction: column; margin: 0px 3vw; position: relative;}
.contacto .elform h3 { color: #939393;font-family: 'PT Serif', serif; font-size: 3vw; line-height: 4vw; margin-bottom: 20px; position: absolute; top: 0px; }
.contacto .elform form { display: flex; flex-direction: column; margin-top: 6vw;}
.contacto .elform form input { width: 450px; background: transparent; border: 1px solid #939393; color: #FFF; padding: 10px 14px; margin-bottom: 15px; font-weight: 300; letter-spacing: 1px; font-size: 16px;}
.contacto .elform form textarea { width: 450px; background: transparent; border: 1px solid #939393; color: #FFF; padding: 10px 14px; margin-bottom: 15px; font-weight: 300; letter-spacing: 1px; font-size: 16px; resize: none; height: 140px;}
.contacto .elform form textarea.txtarea2 {  height: 118px;}

.contacto .elform form .btn-verde { background-color: #36732d; margin-left: auto;  display: flex; margin-top: 5px; width: 130px; justify-content: space-between; cursor: pointer;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.contacto .elform form .btn-verde>p { color: #FFF; margin-left: 0px; font-weight: bold; font-size: 12px; padding: 12px 15px;}
.contacto .elform form .btn-verde>.p2 { background-color: #3e8c3b; padding: 0px; text-align: center; padding: 10px 12px; font-size: 18px; font-weight: 300;
-moz-transition:all 0.25s ease 0s;
-o-transition:all 0.25s ease 0s;
-ms-transition:all 0.25s ease 0s;
-webkit-transition:all 0.25s ease 0s;}
.contacto .elform form .btn-verde>.p2 i { color: #FFF;  font-size: 14px;}
.contacto .elform form .btn-verde:hover  {background-color: #2a5f23;}
.contacto .elform form .btn-verde:hover .p2 {background-color: #2a5f23;}

.contacto .elmapa { width: 360px; margin-top: 6vw;}
.contacto .elmapa .mapa { width: 100%; height: 255px; margin-bottom: 16px;}
.contacto .elmapa .mapa iframe { width: 100%; height: 100%;}
.contacto .elmapa .direccion { display: flex;}
.contacto .elmapa .direccion i { color: #FFF; font-size: 18px; margin-right: 12px; }
.contacto .elmapa .direccion p { color: #FFF; font-size: 13px; line-height: 21px; font-weight: 300;}

.contacto .datos { margin: 0px 3vw; margin-top: 6vw;}
.contacto .datos .cu { display: flex; margin-bottom: 18px; align-items: center;}
.contacto .datos .cu p { color: #FFF; font-size: 16px; line-height: 26px; font-weight: 500;}
.contacto .datos .cu p a { color: #FFF; font-size: 16px; line-height: 26px; font-weight: 500;}
.contacto .datos .cu i { color: #FFF; font-size: 20px; margin-right: 10px;}
.contacto .datos .cu i.fa-phone-alt {  font-size: 18px;}
.contacto .datos .cu i.fa-whatsapp {  font-size: 23px;}
.contacto .datos .cu i.fa-envelope {  font-size: 18px;}
.contacto .datos .cu p a:hover { text-decoration: underline;}







.encabezado { width: 100%; height: auto; padding-bottom: 60px; margin-top: 40px; position: relative;}
.encabezado .cont-foto { width: 95vw; height: 400px; overflow: hidden; position: relative; background-image: url(../img/foto-empresa.jpg); background-size: cover;
background-position: center center;}
.encabezado .cont-foto h2 { color: #FFF; font-size: 60px;font-family: 'PT Serif', serif; position: absolute; bottom: 50px; left: 40px;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);}
.encabezado .fondo { position: absolute; width: 86vw; height: 420px; top: 40px; right: 0px; background-image: url(../img/background.jpg); background-size: cover; z-index: -1;}
.encabezado .linea { width: 14vw; height: 8px; background-color: #d9981e; position: absolute; right: 0px; bottom:120px}



.texto-solo { width: 80%; max-width: 1000px; margin: 60px auto;}
.texto-solo h6 { font-size: 24px; line-height: 32px; font-style: italic; font-weight: 700; color: #36732d; margin-bottom: 30px;}
.texto-solo p { color: #383838; font-size: 16px; line-height: 28px;}





.txt-2col { width: 100%; height: auto; background-color: #f7f7f7; display: flex;}
.txt-2col .lafoto { width: 35%; background-image: url(../img/foto-empresa2.jpg); background-size: cover; background-position: center center; }
.txt-2col .der { flex: 1;display: flex; justify-content: center; align-items: center; box-sizing: border-box; padding: 60px 80px;}
.txt-2col .der h6 { font-size: 20px; line-height: 32px; font-style: italic;font-family: 'PT Serif', serif;color: #383838; margin-bottom: 25px;}
.txt-2col .der p { color: #383838; font-size: 16px; line-height: 28px;}
.txt-2col .der .line { width: 60px; height: 3px; background-color: #d9981e; margin-top:18px; }




.txt-2col-2 {width: 100%; height: auto; display: flex; margin: 100px auto; overflow: hidden;}
.txt-2col-2 .izq { width: 35%; }
.txt-2col-2 .franja { width: 80%; height: 50px; background-color: #447c3b; float: right;}
.txt-2col-2 img { width: 100%;}
.txt-2col-2 .der { flex: 1;}
.txt-2col-2 .der .verde { background-color: #3c7134;  width: 90%; box-sizing: border-box; padding: 70px; flex-direction: column; position: relative;}
.txt-2col-2 .der .verde .gris2 { width: 12%; height: 50px; background-color: #ececec; position: absolute; bottom: 0px; right: -12%;}
.txt-2col-2 .der .verde h6 { font-size: 40px; line-height: 40px;font-family: 'PT Serif', serif;color: #FFF; margin-bottom: 22px;}
.txt-2col-2 .der .verde p { color: #FFF; font-size: 16px; line-height: 27px; font-weight: 300; margin-bottom: 20px;}
.txt-2col-2 .der ul { margin-bottom: 18px;}
.txt-2col-2 .der ul li { margin-bottom: 4px;}
.txt-2col-2 .der ul li p { font-style: italic; margin-bottom: 0px;}
.txt-2col-2 .der .gris { background-color: #ececec;  width: 100%; box-sizing: border-box; padding: 60px 70px; flex-direction: column; position: relative;}
.txt-2col-2 .der .gris div { border-left: 8px solid #d9981e; height: auto; padding-top: 4px; padding-bottom: 4px;  padding-left: 15px;}
.txt-2col-2 .der .gris div h6 { font-size: 26px; line-height: 34px; margin-bottom: 6px;color: #383838; }
.txt-2col-2 .der .gris p { color: #383838; font-size: 16px; line-height: 27px; font-weight: 300; margin-bottom: 0px; padding-right: 80px;}






.mision-vison { width: 80%; height: auto; margin: 80px auto; display: flex; margin-bottom: 140px;}
.mision-vison div { margin: 0px 7%; width: 36%;}
.mision-vison div h6 { font-size: 40px; line-height: 48px; margin-bottom: 6px;font-family: 'PT Serif', serif;color: #4b4b4b; font-weight: 300; }
.mision-vison div p { color: #383838; font-size: 16px; line-height: 28px; font-weight: 400; margin-bottom: 0px; }
.mision-vison div .line { width: 60px; height: 1px; background-color: #d9981e; padding: 0px; margin: 14px 0px;}










.contacto-in { background-color: #efefef; width: 100%; height: auto; padding: 80px 0px; display: flex; justify-content: center;}
.contacto-in .elform { display: flex; flex-direction: column; margin: 0px 3vw; position: relative;}
.contacto-in .elform h3 { color: #3e8c3b;font-family: 'PT Serif', serif; font-size: 3vw; line-height: 4vw; position: absolute; top: 0px; }
.contacto-in .elform form { display: flex; flex-direction: column; margin-top: 5vw;}
.contacto-in .elform form input { width: 450px; background: transparent; border: 1px solid #939393; color: #333; padding: 10px 14px; margin-bottom: 15px; font-weight: 300; letter-spacing: 1px; font-size: 16px;}
.contacto-in .elform form textarea { width: 450px; background: transparent; border: 1px solid #939393; color: #333; padding: 10px 14px; margin-bottom: 15px; font-weight: 300; letter-spacing: 1px; font-size: 16px; resize: none; height: 140px;}

.contacto-in .elform form .btn-verde { background-color: #36732d; margin-left: auto;  display: flex; margin-top: 5px; width: 130px; justify-content: space-between; cursor: pointer;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.contacto-in .elform form .btn-verde>p { color: #FFF; margin-left: 0px; font-weight: bold; font-size: 12px; padding: 12px 15px;}
.contacto-in .elform form .btn-verde>.p2 { background-color: #3e8c3b; padding: 0px; text-align: center; padding: 10px 12px; font-size: 18px; font-weight: 300;
-moz-transition:all 0.25s ease 0s;
-o-transition:all 0.25s ease 0s;
-ms-transition:all 0.25s ease 0s;
-webkit-transition:all 0.25s ease 0s;}
.contacto-in .elform form .btn-verde>.p2 i { color: #FFF;  font-size: 14px;}
.contacto-in .elform form .btn-verde:hover  {background-color: #2a5f23;}
.contacto-in .elform form .btn-verde:hover .p2 {background-color: #2a5f23;}

.contacto-in .elmapa { width: 500px; margin-top: 5vw;}
.contacto-in .elmapa .mapa { width: 100%; height: 282px; margin-bottom: 16px;}
.contacto-in .elmapa .mapa iframe { width: 100%; height: 100%;}
.contacto-in .elmapa .direccion { display: flex;}
.contacto-in .elmapa .direccion i { color: #36732d; font-size: 12px; margin-right: 6px; }
.contacto-in .elmapa .direccion p { color: #333; font-size: 12px; line-height: 16px; font-weight: 300;}

.datos-cont { width: 100%; background-color: #efefef; display: flex; justify-content: center; align-items: center; padding-bottom: 70px; margin-bottom: 80px; }
.datos-cont .cu { display: flex; margin: 0px 40px; align-items: center;}
.datos-cont .cu p { color: #333; font-size: 20px; line-height: 26px; font-weight: 500;}
.datos-cont .cu p a { color: #333; font-size: 20px; line-height: 26px; font-weight: 500;}
.datos-cont .cu i { color: #3e8c3b; font-size: 32px; margin-right: 10px;}
.datos-cont .cu i.fa-phone-alt {  font-size: 25px;}
.datos-cont .cu i.fa-whatsapp {  font-size: 30px;}
.datos-cont .cu i.fa-envelope {  font-size: 23px;}
.datos-cont .cu p a:hover { text-decoration: underline;}






.head-news { width: 100%; height: auto; min-height: 100px; position: relative; margin-top: 20px; display: flex; margin-bottom: 90px; }
.head-news .in {  width: 1040px; margin: auto; position: relative; margin-top: 50px;}
.head-news .titulo { position: absolute; left: 0; top: 40px;}
.head-news .titulo p { color: #383838; font-size: 46px; line-height: 56px; font-family: 'PT Serif', serif; font-style: italic;}
.head-news .data { width: 86%; float: right; padding-bottom: 80px; }
.head-news .data .foto { width: 100%; margin-bottom: 32px;}
.head-news .titulo .flechaServicios { width: 12px; margin-left: 30px; margin-top: 35px; cursor: pointer;
animation-duration: 2s;
animation-name: semueve2;
animation-iteration-count: infinite;
-moz-transition:all 0.25s ease 0s;
-o-transition:all 0.25s ease 0s;
-ms-transition:all 0.25s ease 0s;
-webkit-transition:all 0.25s ease 0s;}

@keyframes semueve2 {
    0% { margin-top: 35px }
    50% { margin-top: 45px }
    100% { margin-top: 35px  }
}

.head-news .data h2 { color: #333; font-size: 22px; line-height: 30px; font-weight: 700; margin-bottom: 20px;}
.head-news .data p { color: #333; font-size: 16px; line-height: 26px; font-weight: 500;}
.head-news .data .line { width: 130px; height: 8px; background-color: #d9981e; margin-top: 35px;}

.head-news .background { position: absolute;  background-image: url(../img/background.jpg); background-size: cover; z-index: -1; bottom: 0px; top: 420px; left: 0%; right: 8%;}






.head-productos { width: 100%; height: 460px; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.head-productos img { width: 160px; height: auto; margin-bottom: 10px;}
.head-productos h2 { color: #FFF; font-size: 34px; line-height: 43px; font-family: 'PT Serif', serif; font-style: italic;}
.head-productos.fondo-bolson-termoliner { background-image: url(../img/termoliner.jpg); background-size: cover; background-position:  center center;}
.head-productos.fondo-bolson-bagor { background-image: url(../img/bolson-bagor.jpg); background-size: cover; background-position:  center center;}
.head-productos.fondo-acopiofos { background-image: url(../img/acopiofos.jpg); background-size: cover; background-position:  center center;}
.head-productos.fondo-maquina { background-image: url(../img/maquina-gasificadora.jpg); background-size: cover; background-position:  center center;}
.head-productos.fondo-fosfuro { background-image: url(../img/aluminio.jpg); background-size: cover; background-position:  center center;}
.head-productos.fondo-manta-gel { background-image: url(../img/gel-point.jpg); background-size: cover; background-position:  center center;}
.head-productos.fondo-absorbente { background-image: url(../img/absorbente.jpg); background-size: cover; background-position:  center center;}


.cont-info { width: 90%; height: auto;background-image: url(../img/background.jpg); background-size: cover; margin: auto; margin-bottom: 60px; text-align: center; padding: 75px 13vw; padding-top: 0px; box-sizing: border-box;}
.cont-info p { color: #333; font-size: 16px; line-height: 29px; font-weight: 500;}
.cont-info .line { width: 130px; height: 8px; background-color: #d9981e; margin: auto; margin-top: 40px;}
.cont-info  h6 { color: #333; font-size: 20px; line-height: 31px; font-weight: 700; margin-bottom: 20px; font-style: italic; margin-bottom: 25px;}
.cont-info img { width: 12px; margin-bottom: 50px;}







.bloques { width: 1100px; height: auto; display: flex; margin: 80px auto;}
.bloques .bl1 { width: 33.33%;box-sizing: border-box; padding: 40px; background-color: #447c3b;position: relative;}
.bloques .bl2 { width: 33.33%;box-sizing: border-box; padding: 40px; background-color: #56894e;position: relative;}
.bloques .bl3 { width: 33.33%;box-sizing: border-box; padding: 40px; background-color: #3c7134;position: relative;}
.bloques p { color: #FFF; font-size: 15px; line-height: 27px; font-weight: 300;}
.bloques p.st1 { color: #FFF; font-size: 21px; line-height: 32px; font-weight: 400;}
.bloques p.titulos { color: #FFF; font-size: 15px; line-height: 27px; font-weight: 700; text-transform: uppercase;}
.bloques .punta { position: absolute; right: -16px; top: 50%; z-index: 99; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}





.btn-ficha { margin: 30px auto; padding: 10px 25px; border: 1px solid #333; color: #222;
    -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.btn-ficha:hover { background-color: #333; color: #FFF;}







.menu-servicios {position: relative;}
.menu-servicios ul { position: absolute; background-color: #dedddd; padding: 6px 10px; left: 14px;visibility: hidden; opacity: 0; height: 0;
    transition:all 0.35s ease 0s;
    -moz-transition:all 0.35s ease 0s;
    -o-transition:all 0.35s ease 0s;
    -ms-transition:all 0.35s ease 0s;
    -webkit-transition:all 0.35s ease 0s; }
.menu-servicios ul li { padding: 2px; border-bottom: 1px solid #CCC;
    transition:all 0.35s ease 0s;
    -moz-transition:all 0.35s ease 0s;
    -o-transition:all 0.35s ease 0s;
    -ms-transition:all 0.35s ease 0s;
    -webkit-transition:all 0.35s ease 0s;}
.menu-servicios ul p { font-size: 12px; line-height: 16px; width: 194px; font-weight: 400; padding: 4px 0px; margin: 0px;}
.menu-servicios:hover ul { visibility: visible; opacity: 1; height: auto;}
.menu-servicios:hover ul li:hover {border-bottom: 1px solid #3c7134;}



.menu-productos {position: relative;}
.menu-productos ul { position: absolute; background-color: #dedddd; padding: 6px 10px; left: 14px;visibility: hidden; opacity: 0; height: 0;
    transition:all 0.35s ease 0s;
    -moz-transition:all 0.35s ease 0s;
    -o-transition:all 0.35s ease 0s;
    -ms-transition:all 0.35s ease 0s;
    -webkit-transition:all 0.35s ease 0s; }
.menu-productos ul li { padding: 2px; border-bottom: 1px solid #CCC;
    transition:all 0.35s ease 0s;
    -moz-transition:all 0.35s ease 0s;
    -o-transition:all 0.35s ease 0s;
    -ms-transition:all 0.35s ease 0s;
    -webkit-transition:all 0.35s ease 0s;}
.menu-productos ul p { font-size: 12px; line-height: 16px; width: 160px; font-weight: 400; padding: 4px 0px; margin: 0px;}
.menu-productos:hover ul { visibility: visible; opacity: 1; height: auto;}
.menu-productos:hover ul li:hover {border-bottom: 1px solid #3c7134;}



















@media screen and (max-width: 1300px) {
    .laempresa .izq {  width: 480px; }
    .laempresa .der .bloque {  width: 48vw; }
    .laempresa .der .bloque>p { margin-left: 10vw; font-size: 1.2vw; line-height: 2vw;}
    .laempresa .der .bloque>p.dest { margin-left: 10vw; font-size: 1.3vw; line-height: 2.4vw;}
    .laempresa .der .btn-verde { margin-left: 10vw; }

    .laempresa .der .btn-verde>p { padding: 8px 15px; }
    .laempresa .der .btn-verde>.p2 {  padding: 8px 16px; padding-bottom: 0px; }

    .lista-servicios .btn-negro>.p2 {  padding: 12px 13px;}

    .head-news .data h2 { width: 86%; }
    .head-news .data p { width: 86%; }

    .bloques {  width: 90%; }


}


@media screen and (max-width: 1100px) {
    .destacado1 {  height: 44vw; }
    .destacado1 .izq p {  font-size: 4vw; line-height: 5.1vw;  margin-left: 8vw; }

    .laempresa .izq {  width: 400px; }
    .laempresa .der {  margin: 3vw 0px; }
    .laempresa .der .bloque {  width: 46vw; }
    .laempresa .der .bloque>p { margin-left: 10vw; font-size: 1.4vw; line-height: 2.2vw;}
    .laempresa .der .bloque>p.dest { margin-left: 10vw; font-size: 1.5vw; line-height: 2.6vw;}
    .laempresa .der .btn-verde { margin-left: 10vw; }

    .servicios h3 { font-size: 4vw; }
    .lista-servicios .cu .in img {  width: 96%; margin-right: 2%;}
    .lista-servicios .cu .in h5 { font-size: 2.3vw; line-height: 3vw; margin-left: -30px;}
    .lista-servicios .slick-prev{    left: 12vw; width: 30px; height: 30px; }
    .lista-servicios .slick-next{    right: 12vw; width: 30px; height: 30px; }
    
    .productos h3 {  font-size: 4vw;  }

    .membresia .izq p { font-size: 2.6vw;  line-height: 3vw; }
    .membresia ul li img { height: 5vw;  }

    .contacto .elform form input { width: 300px;}
    .contacto .elform form textarea { width: 300px;  height: 190px;}
    .contacto .elmapa { width: 330px; }
    .contacto .elmapa .mapa { height: 306px; }
    
    .contacto .elform form textarea.txtarea2 {  height: 169px;}

    .head-news .titulo { left: 30px;}
    .head-news .data h2 { width: 83%; }
    .head-news .data p { width: 83%; }
    .head-news .background { top: 282px; left: 10%; right: 0%;}

    .contacto-in .elform form input { width: 350px;}
    .contacto-in .elform form textarea {width: 350px;}
    .contacto-in .elmapa {  width: 450px; }

}


@media screen and (max-width: 960px) {
    .destacado1 .borde { top: 15px;  bottom: 15px;  left: 15px;  right: 15px;}
    .destacado1 .izq p {  font-size: 4.5vw; line-height: 5.5vw;  margin-left: 5vw; }

    .laempresa .izq {  width: 300px; }
    .laempresa .izq .line { bottom: initial; top: 15vw;margin-right: 0px; }
    .laempresa .der .bloque {  width: 47vw; }
    .laempresa .der .bloque h3 {  font-size: 4.5vw;  line-height: 5vw; }
    .laempresa .der .bloque>p { margin-left: 4vw; font-size: 1.8vw; line-height: 2.8vw;}
    .laempresa .der .bloque>p.dest { margin-left: 4vw; font-size: 1.9vw; line-height: 3.1vw;}
    .laempresa .der .btn-verde { margin-left: 4vw; }
    .laempresa .der .bloque .line {  width: 2vw;}

    .laempresa .der .btn-verde>p {  padding: 12px 15px; }
    .laempresa .der .btn-verde>.p2 { padding: 12px 16px; }

    .servicios h3 { font-size: 5vw; margin-bottom: 5vw; }
    .lista-servicios .cu .in h5 { font-size: 3.3vw;  line-height: 4vw; }
    .lista-servicios .slick-prev{    left: 6vw; width: 30px; height: 30px; }
    .lista-servicios .slick-next{    right: 6vw; width: 30px; height: 30px; }

    .productos h3 {  font-size: 5vw;  }

    .membresia ul {  width: auto;    height: 170px;    display: flex;    flex: 1;    flex-wrap: wrap;}
    .membresia .izq p {  font-size: 3.8vw;  line-height: 4vw; }
    .membresia ul li img {   height: 7vw;    }
    .membresia .back { height: 180px;   width: 80vw; }

    .contacto { flex-direction: column;}
    .contacto .elform h3 {  font-size: 32px; line-height: 45px; margin-bottom: 0px;  position: relative; }
    .contacto .elform form {  margin-top: 15px;}
    .contacto .elform { margin: 0px 10vw;}
    .contacto .elform form input { width: 100%;box-sizing: border-box; }
    .contacto .elform form textarea { width: 100%; box-sizing: border-box;}
    .contacto .elmapa {  width: auto;margin: 0px 10vw; margin-top: 40px; }
    .contacto .datos {margin: 0px 10vw; margin-top: 40px;}

    .head-news .background { top: 282px; left: 4%; right: 0%;}
    .head-news .data h2 { width: 90%; }
    .head-news .data p { width: 90%; }

    .head-productos {  height: 380px;}
    .cont-info h6 { font-size: 18px; line-height: 29px;}
    .cont-info { padding: 75px 8vw; padding-top: 0px;}

    .bloques { flex-direction: column;}
    .bloques .bl1 { width: 100%;}
    .bloques .bl2 { width: 100%;}
    .bloques .bl3 { width: 100%;}
    .bloques .punta { display: none; }

    .texto-solo h6 { font-size: 21px; line-height: 29px;}
    .txt-2col .der { padding: 35px 40px;}
    .txt-2col .der h6 { font-size: 18px; line-height: 28px; margin-bottom: 20px; }
    .txt-2col-2 .der .verde { width: 90%;}
    .txt-2col-2 .der .gris { padding: 40px 50px;}
    .mision-vison {  width: 90%; margin-bottom: 90px; }

    .datos-cont .cu { margin: 0px 10px; }
    .datos-cont .cu p { font-size: 16px; }
    .datos-cont .cu p a {font-size: 16px; }
    .datos-cont .cu i.fa-whatsapp {  font-size: 22px;    }
    .datos-cont .cu i.fa-envelope {  font-size: 18px;    }
    .datos-cont .cu i.fa-phone-alt {  font-size: 18px;    }

    .contacto-in { flex-direction: column;  align-items: center; }
    .contacto-in .elform form input {        width: 450px;    }
    .contacto-in .elform form textarea {        width: 450px;    }
    .contacto-in .elmapa {   width: 480px; }
    .contacto-in .elform form {  margin-bottom: 40px; }

}


@media screen and (max-width: 720px) {
  
    header nav { display: none;}
    header i { display: block !important;}

    .scroll1 { background: transparent  !important; background-image: url(../img/fondo-mobile.jpg) !important; background-size: cover !important; background-position: center center !important;}
    .video-background { display: none;}
    .video-foreground { display: none;}

    .destacado1 .centro { width: 64px;  height: 64px; }
    .destacado1 .izq p {  font-size: 5vw; line-height: 6vw;  margin-left: 5vw; }

    .laempresa { margin: 80px 0px; flex-direction: column;  margin-bottom: 120px; }
    .laempresa .izq { width: 450px; margin: auto;}
    .laempresa .izq .line { width: 4px; height: 50vw;  right: -4px; }
    .laempresa .der { width: 80%; margin: auto; margin-top: 40px;}
    .laempresa .der .bloque { width: 100%; margin: auto; }
    .laempresa .der .bloque h3 { font-size: 36px;  line-height: 45px; }
    .laempresa .der .bloque>p.dest { margin-left: 8vw; font-size: 16px; line-height: 26px;}
    .laempresa .der .bloque>p { margin-left: 8vw; font-size: 14px; line-height: 26px;}
    .laempresa .der .btn-verde {  margin-left: 8vw; }
    .laempresa .back {  width: 90vw;  height: 108%; top: -4%; }

    
    .servicios h3 { font-size: 36px; margin-bottom: 30px; }
    .lista-servicios .slick-prev{    left: 3vw; width: 30px; height: 30px; }
    .lista-servicios .slick-next{    right: 3vw; width: 30px; height: 30px; }

    .productos h3 {  font-size: 36px; margin-bottom: 30px; margin-top: 70px; }
    .productos .line { height: 40px; margin: auto; margin-bottom: 10px;    }
    .productos .back {   top: 9vw; }

    .membresia { flex-direction: column; background-color: #FFF; padding: 60px 0px;}
    .membresia .izq {  margin-left: 0vw; justify-content: center; }
    .membresia .izq p { font-size: 35px;  line-height: 44px; margin: 0; margin-bottom: 20px;}
    .membresia .izq .line { display: none; }
    .membresia ul { width: 100%; height: auto; display: flex; flex: 1; flex-wrap: wrap; padding: 0px; justify-content: center; }
    .membresia ul li img {  height: 10vw; }
    .membresia .back { display: none; }
    
    .head-news .in {  margin-top: 20px; }
    .head-news .titulo { top: 0; left: 0px; color: #FFF; width: 100%;}
    .head-news .titulo p { font-size: 38px; line-height: 49px; color: #FFF; background-color: #56894e; padding: 20px; padding-right: 60px; display: inline-block; }
    .head-news .titulo .flechaServicios { position: absolute; top: -19px; right: 10%;}
    .head-news .data { width: 100%; float: initial;  margin-top: 80px;}
    .head-news .data h2 { width: 90%;  margin: auto; margin-bottom: 25px; }
    .head-news .data p { width: 90%;  margin: auto; margin-bottom: 40px; }
    .head-news .data .line { margin-left: 5%;}
    .head-news .background { top: 65px; left: 0%; right: 0%; }

    .datos-cont { flex-direction: column;  }
    .datos-cont .cu { margin: 10px 0px;}

}


@media screen and (max-width: 640px) {

    .scroll1 { height: 90vh;}

    header .logo {   height: 22px;  margin: 16px 0px;  margin-left: 15px; }

    .destacado1 .centro { width: 50px;  height: 50px; }
    .destacado1 .izq p {  font-size: 5.5vw; line-height: 6.5vw;  margin-left: 5vw; }

    .laempresa .izq { width: 80%; }
    .laempresa .der .bloque .line { display: none; }
    .laempresa .der .bloque>p.dest { margin-left: 0vw; }
    .laempresa .der .bloque>p { margin-left: 0vw; }
    .laempresa .der .btn-verde {  margin-left: 0vw; }
    .laempresa .back {  width: 94vw;  height: 108%; top: -4%; }

    .lista-servicios .cu .in {  width: 100%;  }
    .lista-servicios .cu .in h5 { font-size: 22px;   line-height: 30px;   margin-left: 20px;}
    .lista-servicios .cu .in img { width: 100%;  margin-right: 0%; }

    .membresia .izq {  margin-left: 0vw; justify-content: center; }
    .membresia .izq p { font-size: 30px;  line-height: 40px;  }
    .membresia ul { flex-wrap: wrap;width: 80%;  margin: auto;}
    .membresia ul li { margin: 0; width: 50%; display: flex; justify-content: center; align-items: center; }
    .membresia ul li img { height: auto;  width: 60%; }

    .cont-info { width: 100%;}
    .head-productos { height: 310px; }
    .head-productos img { width: 125px; }
    .head-productos h2 { font-size: 26px; line-height: 34px;}

    .texto-solo h6 { font-size: 20px; line-height: 28px;}

    .txt-2col { flex-direction: column;}
    .txt-2col .lafoto { width: 100%;  height: 450px;}

    .txt-2col-2 {  width: 100%;  margin: 65px auto;  flex-direction: column;}
    .txt-2col-2 .izq { width: 100%;}

    .mision-vison { flex-direction: column; width: 80%;}
    .mision-vison div { margin: 0px 0%; width: 100%; box-sizing: border-box; margin-bottom: 50px; }

    .txt-2col-2 .der .gris p { padding-right: 0px; }

    .contacto-in .elform form input {        width: 360px;    }
    .contacto-in .elform form textarea {        width: 360px;    }
    .contacto-in .elmapa {   width: 400px; }

    .lista-servicios .cu .in h5 {text-shadow: 2px 2px 8px #FFFFFF;  }

}


@media screen and (max-width: 520px) {

    .scroll1 .logo { width: 80%; max-width: 320px; min-width: 280px; }
    .scroll1 h6 { font-size: 27px; line-height: 38px; }
    .scroll1 .line { margin: 10vw 0px; margin-bottom: 7.8vw; }
    .destacado1 .borde { display: none;}
    .destacado1 { height: 52vw; }
    .destacado1 .izq { width: 38vw;}
    .destacado1 .izq p {  font-size: 6vw; line-height: 7vw;  margin-left: 3vw; }
    .destacado1 .centro { display: none;}

    .lista-servicios .cu .in h5 {  font-size: 19px;     line-height: 26px;     margin-left: 16px;     top: 20px; }
    .lista-servicios .btn-negro {  right: 30px;   width: 180px;  }
    .lista-servicios .btn-negro>p {  font-size: 11px; }

    .membresia ul li img { height: auto;  width: 80%; }

    .head-news .titulo p { font-size: 26px; line-height: 36px;}
    .head-news .titulo .flechaServicios { width: 9px; }
    .head-news .data h2 { font-size: 20px; line-height: 28px;}

    .encabezado .cont-foto h2 { font-size: 50px;}
    .txt-2col-2 .der .verde { width: 100%;}
    .txt-2col-2 .der .verde h6 { font-size: 32px; line-height: 34px;}
    .txt-2col-2 .der .verde {  padding: 40px; }


    .contacto-in .elform form input {        width: 320px;    }
    .contacto-in .elform form textarea {        width: 320px;    }
    .contacto-in .elmapa {   width: 360px; }

}


@media screen and (max-width: 400px) {

    .laempresa .der .bloque>p.dest {  font-size: 14px; line-height: 23px;}
    .laempresa .der .bloque>p {  font-size: 13px; line-height: 23px;}
    
}