@charset "utf-8";
@font-face {
  font-family: 'icomoon';
  src:  url('../imagenes/iconos/fonts/icomoon.eot?8i0meo');
  src:  url('../imagenes/iconos/fonts/icomoon.eot?8i0meo#iefix') format('embedded-opentype'),
    url('../imagenes/iconos/fonts/icomoon.ttf?8i0meo') format('truetype'),
    url('../imagenes/iconos/fonts/icomoon.woff?8i0meo') format('woff'),
    url('../imagenes/iconos/fonts/icomoon.svg?8i0meo#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-telefono-footer:before {
  content: "\e924";
}
.icon-whatsapp-footer:before {
  content: "\e926";
}
.icon-descripcion-proyecto:before {
  content: "\e900";
}
.icon-ejecucion-proyecto:before {
  content: "\e901";
}
.icon-presentacion-proyecto:before {
  content: "\e902";
}
.icon-alta-calidad:before {
  content: "\e903";
}
.icon-alto-funcionamiento:before {
  content: "\e904";
}
.icon-aislacion:before {
  content: "\e905";
}
.icon-app-mobile:before {
  content: "\e906";
}
.icon-automaticos:before {
  content: "\e907";
}
.icon-humedad:before {
  content: "\e908";
}
.icon-sistema-fieltros:before {
  content: "\e909";
}
.icon-instalacion-infinitiva:before {
  content: "\e90a";
}
.icon-instalacion-int-ext:before {
  content: "\e90b";
}
.icon-variedad-plantas:before {
  content: "\e90c";
}
.icon-abrir-menu:before {
  content: "\e90d";
}
.icon-cerrar-menu:before {
  content: "\e90e";
}
.icon-chek-beneficio:before {
  content: "\e90f";
}
.icon-terrazas-verdes:before {
  content: "\e910";
}
.icon-logout:before {
  content: "\e911";
}
.icon-innovacion:before {
  content: "\e912";
}
.icon-bien:before {
  content: "\e913";
}
.icon-mi-cuenta-header:before {
  content: "\e914";
}
.icon-telefono:before {
  content: "\e915";
}
.icon-flecha-derecha:before {
  content: "\e916";
}
.icon-jardines-verticales:before {
  content: "\e917";
}
.icon-proyectos-paisajismo:before {
  content: "\e918";
}
.icon-sistemas-riego:before {
  content: "\e919";
}
.icon-email-header:before {
  content: "\e91a";
}
.icon-ubicacion-header:before {
  content: "\e91b";
}
.icon-whatsapp-header:before {
  content: "\e91c";
}
.icon-email-contacto:before {
  content: "\e91d";
}
.icon-ubicacion-contacto:before {
  content: "\e91e";
}
.icon-whatsapp-contacto:before {
  content: "\e91f";
}
.icon-email-footer:before {
  content: "\e920";
}
.icon-facebook-header:before {
  content: "\e921";
}
.icon-horario-footer:before {
  content: "\e922";
}
.icon-instagram-header:before {
  content: "\e923";
}
.icon-telefono-popup:before {
  content: "\e925";
}
.icon-ubicacion-footer:before {
  content: "\e927";
}
.icon-whatsapp-popup:before {
  content: "\e928";
}
.icon-email:before {
  content: "\e929";
}
.icon-facebook-footer:before {
  content: "\e92a";
}
.icon-horario-header:before {
  content: "\e92b";
}
.icon-instagram-footer:before {
  content: "\e92c";
}
.icon-telefono-header:before {
  content: "\e92d";
}
.icon-ubicacion:before {
  content: "\e92e";
}
.icon-whatsapp:before {
  content: "\e92f";
}
.icon-telefono-contacto:before {
  content: "\e930";
}
.icon-flecha-abajo:before {
  content: "\e931";
}
.icon-menu:before {
  content: "\e93f";
}

@font-face {font-family: 'ITCAvantGardePro-Bk';src: url('../fuentes/ITCAvantGardePro-Bk.otf') format('truetype');font-weight:900}
@font-face {font-family: 'ITCAvantGardePro-Md';src: url('../fuentes/ITCAvantGardePro-Md.ttf') format('truetype');font-weight:800}

.icon-email-header:before,.icon-facebook-header:before,.icon-instagram-header:before{background-color:rgba(31,31,31,1.00);color:#fff;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;border-radius: 50%;padding: 10px 0px}

.icon-email-header:hover:before,.icon-facebook-header:hover:before,.icon-instagram-header:hover:before{color: rgba(66,66,66,1);}

.icon-whatsapp:before{background-color:rgba(254,254,254,1);color:#25D366;border-radius:50%}

.icon-facebook-footer:before,.icon-instagram-footer:before{color:#373737}

.icon-facebook-footer:hover:before,.icon-instagram-footer:hover:before{color: rgba(66,66,66,1);}

.icon-telefono-footer:before,.icon-email-footer:before,.icon-whatsapp-footer:before,.icon-ubicacion-footer:before{color:rgba(3,3,3,0.80)}

.icon-menu:before{color: rgba(130,130,130,0.35);font-weight:normal;border:1px solid rgba(130,130,130,0.45);border-radius: 50%;background-color:transparent}

.icon-close:before{color:rgba(24,24,24,1);font-weight:normal;border-radius:50%;background-color:rgba(252,252,252,1)}

.icon-abrir-menu:before{color:rgba(24,24,24,1);font-weight:normal;border-radius:0px 50px 50px 0px;background-color:rgba(0,0,0,0.10)}

.icon-cerrar-menu:before{color:rgba(24,24,24,1);font-weight:normal;border-radius:50px 0px 0px 50px;background-color:rgba(0,0,0,0.10)}

.back-to-top {position: fixed;bottom: 50px;left: 50px;width: 50px;height: 50px;text-decoration: none;padding: 1em;display: none;z-index: 99999;}

a{text-decoration: none;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}

li {list-style-type: none;}

.box-form-tramp{float: left;position: absolute;margin:10px;display: none !important;bottom:0px;z-index:-9999999999999999999999999999999999999999999999 !important}

.espacio-blanco-tramp{font-family: 'Nunito Sans', sans-serif;color:transparent;border: thin solid transparent;text-indent: 5px;font-weight: 400;z-index:-9999999999999999999999999999999999999999999999 !important;text-align: center;border-radius: 4px;display: none !important;float: none;position:relative;background-color:transparent}

.p-form-tramp{font-family: 'Nunito Sans', sans-serif;color:transparent;border: thin solid transparent;text-indent: 5px;font-weight: 400;z-index:-9999999999999999999999999999999999999999999999 !important;text-align: center;border-radius: 4px;display: none !important;float: none;position:relative;background-color:transparent}

body{margin:0;}

html {scroll-behavior: smooth;}

h1, h2, h3, p{font-family: 'Montserrat', sans-serif;}

.h2-sub-header a{color:rgba(255,255,255,1.00);font-family: 'Montserrat', sans-serif;font-weight:600;text-align:center;background-color:rgba(14,130,59,1.00);text-transform:uppercase}

.h2-sub-header a:hover {background-color:rgba(0,0,0,1.00);color:#fff;}

.h2-sub-header a span {cursor: pointer;display: inline-block;position: relative;transition: 0.5s;}

.h2-sub-header a span:after {content: '\00bb';position: absolute;opacity: 0;right: -20px;transition: 0.5s;}

.h2-sub-header a:hover span {padding-right: 25px;}

.h2-sub-header a:hover span:after {opacity: 1;right: 0;}

#main-header {float: left;width: 100%;height: auto;position:relative;margin: 0;z-index: 999;}

.li-main-header-a a,.li-main-header-c a{position: relative;font-family: 'Montserrat', sans-serif;font-weight:400;color:rgba(255, 99, 72,1.0);float:left;}

.li-main-header-der-a a,.li-main-header-der-b a{position: relative;font-family: 'Montserrat', sans-serif;font-weight:500;color:rgba(81,81,81,1.00);float:left;text-transform: uppercase}

.p-txt-main-header-izq{position: relative;font-family: 'Montserrat', sans-serif;font-weight:500;color:rgba(255,255,255,1.00);float:left;}

.icon-telefono-header:before,.icon-email-header:before,.icon-whatsapp-header:before{color:rgba(255,255,255,1.00)}

.li-nav a{z-index: 999999;position: relative;float: left;color:rgba(1,1,1,1.00) !important;font-family: 'Montserrat', sans-serif;font-weight:600;}

.txt-menu-nav{position: relative;font-family: 'Montserrat', sans-serif;font-weight:600;color:rgba(0,0,0,1);float:left}

footer{width: 100%;z-index: 999999;background-color:rgba(255,255,255,1.00);border-top:3px solid rgba(0,0,0,1);position: relative;float: left}

.h2-footer{font-family: 'Montserrat', sans-serif;position: relative;float: left;font-weight:600;color:rgba(130,130,130,1)}

.p-footer{font-family: 'Montserrat', sans-serif;position: relative;float: left;font-weight:400;color:rgba(47,47,47,1.00)}

.h3-footer{font-family: 'Montserrat', sans-serif;position: relative;float: left;font-weight:600;color:rgba(41,40,40,1.00)}

.h4-footer{font-family: 'Montserrat', sans-serif;position: relative;float: left;font-weight:500;color:rgba(46,46,46,1.00)}

.h5-footer{font-family: 'Montserrat', sans-serif;line-height:25px;text-align:left;color:rgba(34,34,34,1.00);letter-spacing: 1px;font-weight:700;}

.p-footer-2 a{font-family: 'Montserrat', sans-serif;position: relative;float: left;font-weight:400;color:rgba(33,32,32,1.00)}

.p-footer-3 a{font-family: 'Montserrat', sans-serif;position: relative;float: left;font-weight:400;color:rgba(33,32,32,1.00)}

.p-footer-2 a:hover, .p-footer-3 a:hover{color:rgba(129,129,129,1)}

.p-footer-4 a{font-family: 'Montserrat', sans-serif;position: relative;float:left;text-align: left;z-index: 9999999999;font-weight:600;letter-spacing:1px;color:rgba(47,47,47,1.00)}

.p-footer-social a{font-family: 'Montserrat', sans-serif;position: relative;float:left;text-align: left;z-index: 9999999999;font-weight:300;letter-spacing:1px;}

.p-copy-footer, .p-copy-footer-a a, .p-autor-footer{font-family: 'Montserrat', sans-serif;color:rgba(27,27,27,1.00);position: relative;font-weight:300;}

.p-autor-footer a:hover,.p-copy-footer a:hover{color:#f90;}	


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

    .sub-header{width:180px;left:5px;height:auto;position:fixed;z-index: 99 !important;bottom:10px !important}	

    .h2-sub-header a{font-size:13px;position:absolute!important;width:180px;height:auto;bottom:0px !important;border-radius:25px;z-index: 999 !important;padding:12.5px 0px;background-color:rgba(19,19,19,0.80);}

    .h2-sub-header a span {font-size:30px}

    .h2-sub-header a span:after {top: -26px;}
    
    .icono-whatsapp{display:block;position:fixed;bottom:10px;right:10px;width:50px;height:50px;z-index:9999999999999999999999999999999999999999 !important;}

    .sidenav {height: 100%;width:0%;position: fixed; z-index:999 !important;top: 0;left: 0;background-color:#fff !important;overflow-x: hidden;transition: 0.5s;border-right: 2px solid rgba(0,0,0,0.15);}

    .sidenav a {;text-decoration: none;font-size: 35px;color: #fff;display: block;transition: 0.3s;z-index: 999 !important;}

    .sidenav a:hover {color: #f1f1f1;}

    .sidenav-f{width:0 !important;}

    .sidenav-a{position: fixed !important; width:100% !important;z-index: 999 !important}

    .back-header{height:100%;position:absolute;background-color:#fff;width: 100%;margin: 0;left:-10px !important;z-index:1 !important;}

    .header{height:100%;width:100%;position:absolute;padding:0px 10px;float:left;background-color:#fff;z-index: 9999999999999999999999999999 !important;top:0px !important}

    #main-header {width:100%;left:0px;position:relative;float: left; height:auto;z-index:4 !important;padding:0;display:block}

    #logo,.logo {position: absolute;width:75px;height:auto;left:5px;float:left;margin:0px;z-index:9 !important;top:5px;display:block;}

    .img-logo {display: none !important;}

    .img-logo-mob {position: relative;float:left;width:75px;height:auto;top: 0px;left: 0%;margin-left:10px;z-index: 9 !important;background-color: #fff}

    .sticky-img-logo {position: fixed !important;width:60px !important;height:auto !important;left:10px !important;margin-left:0px !important;z-index:-9 !important;top:10px !important;background-color: transparent !important}

    .ul-main-header-der{position: absolute;padding:0px;height:150px;width:100%;top:400px;left:0px;float:left;}

    .li-main-header-der a{width:40px;font-size: 14px;display: inline; padding:5px 10px;height:37px;top:0px;text-transform:uppercase;color:rgba(66,66,66,1);font-weight:600;border-right:1px solid rgba(235,235,235,1);text-align:center;left:0px;position:relative;float:left}

    .li-sub-header-der:last-child a{border-right:none;padding:5px 5px 5px 5px;}

    .icon-email-header:before,.icon-facebook-header:before,.icon-instagram-header:before {margin: 0px;font-size:20px;display:inline;float:left;width:30px;height:30px;position:relative;padding:10px 5px 0px 5px}

    .icon-menu:before{font-size:40px;position: fixed;top:15px;padding:10px;height:40px;width:40px;margin:0;right:0.8%;text-align:center;cursor:pointer;z-index: 99999999999999999999999 !important;background: transparent;color:rgba(51,51,51,0.70);border:1px solid rgba(51,51,51,0.70)}

    .icon-menu:hover:before{font-size:25.5px;height:27.5px !important;width:27.5px !important;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 0.2s ease-in-out;padding:15px}

    .icon-abrir-menu:before{display: none !important}

    nav{position:absolute;height:auto;padding:0px 5%;top:90px;width:90%;left:0%;float:left;display:block;border-top:1px solid rgba(39,39,39,0.20);border-bottom:1px solid rgba(39,39,39,0.20)}

    .menu-ul{height:auto;top:0px;z-index: 99999;padding:0;position: relative;width:100%;left:0px;}

    .li-nav a{padding:0px 0px 15px 0px;margin:0px 0px 10px 0px;font-size: 13px;width: 100%;text-align: left;height:auto;text-transform: uppercase}

    .li-nav a:hover{border-bottom:1px solid #1a1a1a}

    .header-f{height:70px !important;width:100%;position:fixed;padding:0px !important;float:left;background-color:#fff;}

    .back-header-f{height:70px;position:fixed;z-index:99999999 !important;background-color:rgba(14,14,14,0.45);top:0px;box-shadow:2px 2px 2px rgba(187,187,187,1)}

    .mob {display: block !important}

    .closebtn{font-size:40px !important;position: absolute !important;top:20px;padding:5px !important;height:35px !important;width:35px !important;margin:0px !important;right:25px;text-align:center;color:rgba(0,0,0,1.00) !important;background-color:transparent;z-index: 99999999999999999999999999999999999999999999999999999 !important;display: block;border-radius:50%;border:2px solid rgba(0,0,0,1.00);line-height: 35px}

    .closebtn:hover{font-size:20px !important;height:17.5px !important;width:17.5px !important;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 0.2s ease-in-out;padding:15px !important;line-height:20.5px;border:1px solid rgba(0,0,0,0.70);}

    .cerrar-menu{display: none !important}

    .icon-cerrar-menu:before{display: none !important}

    .mostrar {display: block !important; z-index: 99999999999999999999999999999999999999999999999999999999999 !important;position: fixed}

    .esconder {display: none !important}

    .opaco {opacity: 0 !important}

    footer{float: left;position: relative;text-align: center;z-index:99999999999;width:100%;background-size:contain;-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.25);-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.25);box-shadow: 0px 0px 10px rgba(0,0,0,.25);display:block}

    .contenedor-columnas-footer{position: relative;z-index: 9999999999;width:98%;float:left;padding:0px;height:auto;display:block;margin:10px 1%;}

    .columnas-footer{position: relative;float: left;z-index: 9999999999;width:100%;height:auto;padding:10px 0px;border-bottom:1px solid rgba(192,192,192,.45);margin:5px 0px}

    .columnas-footer:last-child{position: relative;float: left;z-index: 9999999999;width:100%;height:auto;padding:10px 0px;border-bottom:1px solid rgba(192,192,192,.45);margin:5px 0px}

    .h2-footer{width:100% !important;padding:0px 0px 5px 0px;border-bottom:1px solid rgba(192,192,192,.45);position: relative;float: left}

    .img-columnas-footer{width:125px;height:auto;left:50%;position:relative;float: left; margin:0px 0px 5px -62.5px;}

    .p-footer{font-size: 14px;line-height:28px;width:90%;margin:0px 5% 15px 5%;text-align:center}

    .h3-footer{font-size:18px;width:100%;margin:5px 0px;text-align:center}

    .p-footer-2 a{padding:5px 0px;font-size: 12px;margin:5px 0px;width:100%;text-transform:uppercase}

    .p-footer-3 a{font-size:13px;margin:10px 15%;width:70%;text-align: left;letter-spacing:0.5px}

    .icon-telefono-footer:before,.icon-email-footer:before,.icon-whatsapp-footer:before,.icon-ubicacion-footer:before{font-size:25px;width:30px;margin-right:0px;margin-top:-5px !important;display:block !important;position:relative;float:left}
    
    .contenedor-columnas-footer-2{position: relative;z-index: 9999999999;width:100%;float:left;padding:0px;height:auto;display:block;margin:0px;}

    .columnas-footer-2{position: relative;float: left;z-index: 9999999999;width:95%;height:auto;margin:0px 2.5%;border-bottom:1px solid rgba(192,192,192,.45);padding:0px 0px 20px 0px}

    .p-footer-4 a{margin:0px;font-size:15px;position:relative;left: 0; line-height: 20px;float:left;text-align:center;width:100%;padding:10px 0px !important}

    .p-footer-social a{margin:0px;font-size:30px;position:relative;left: 35%; line-height: 20px;float:left;text-align:center;width:50px;padding:10px 0px !important}

    .icon-facebook-footer:before,.icon-instagram-footer:before  {font-size:25px;display: inline;float: left;margin:0px;text-align:center;position:relative;width: 100%;color:rgba(73,73,73,1.00) !important}

    #copy{height:auto;width: 100%;margin-top:0px;position: relative;float:left;display:block;}

    #copyright{float: left;width: 90%;position: relative;z-index: 99999999999;padding:0px;margin:2px 5%}

    #autor{float: left;width:100%;position: relative;z-index: 99999999999;padding:0px;margin:5px 0px}

    .copy-legal{height:auto;width:100%;margin:0px;position: relative;float:left;text-align:center}

    .p-copy-footer,.p-copy-footer-a a{font-size: 14px;width:100%;position: relative;line-height:24px;text-align: center;float:left}

    .p-copy-footer-a a{padding:0px 8px;display:inline;border-right:thin solid #fff}

    .p-copy-footer-a:last-child a{border-right:0}

    .p-autor-footer{font-size: 13px;width:100%;position: relative;margin:0px;line-height:0px;text-align: center;top:0px;display:block;float:left}

    .logo-gm {width:143px;height:50px;margin:0px 0px 0px -71.5px;left:50%;position: relative;float:left}

}
/*


@media screen and (min-width:601px) and (max-width:980px) {

header {height:160px;position:relative;padding:0px 0px;}

.back-header{height:40px;position:fixed;z-index:-1;}

#header{float: left;height:160px;width: 95%;margin:0px 2.5%;position:relative;}

#main-header {width:100%;left:0px;position:relative;height:35px;z-index:99999999999 !important;top:5px;padding:0;}

.ul-main-header-izq{position: relative;padding:0;height:35px;width:610px;left:50%;margin-left:-305px;margin-top:5px;top:-5px;float:left;}

.li-main-header-a a{width:auto;display: inline; padding:2px 6px;height:40px;top:0px;text-align:center}

.txt-main-header-izq{width:auto;font-size:12px;display: inline;height:auto;top:5px;text-align:left}

.icon-telefono-header:before,.icon-email-header:before,.icon-ubicacion-header:before{font-size:20px;position: relative;float: left;display: inline;text-align: center;width:25px;margin-right:5px;margin-top:2px}

.li-main-header-c a{width:auto;font-size: 12px;display: inline; padding:8px 8px 0px 8px;height:55px;top:460px;right:50px;text-align:center;position:fixed;background-color:transparent}

.icon-whatsapp:before{font-size:45px;display:block;float: left;padding:0px 2px;text-align:center;position:relative}

.ul-main-header-der {position: relative;padding:0;height:45px;width:130px;margin-right:5px;margin-top:70px;right:0px;float:right;}

.li-main-header{margin:0px 5px;display: inline;height: 20px;margin-top:10px;text-align:center;font-size:14px}

.li-main-header-b a{margin:0px 6px;display: inline;height: 20px;padding:5px 6px;text-align:center;position:relative;float:left;top:0px;width:35px}

.img-icono-header{display: inline;float: left;text-align:center;position:relative;z-index:9999999999999999999999999999999999999999 !important;width:35px;height:auto}

.icon-facebook-header:before,.icon-instagram-header:before{font-size:30px;display: none;float: left;text-align:center;position:relative;z-index:9999999999999999999999999999999999999999 !important;}

.icon-facebook-header:before{background-color:rgba(66, 103, 178,1);color:rgba(255,255,255,1);padding:6px 2px 0px 5px;border-radius:50%;border:1px solid rgba(66, 103, 178,1)}

.icon-instagram-header:before{color:rgba(247, 119, 55,1);font-size:35px;margin-top:2px}

.icon-facebook-header:hover:before{color:rgba(66, 103, 178,1);background-color:rgba(255,255,255,1);}

.icon-instagram-header:hover:before{border-radius:10px;color:rgba(193,53,132,1)}

#logo,.logo {position: absolute;width:200px;height:auto;left:50%;float:left;margin-left:-100px;z-index:99;top:40px;}

.img-logo {position: absolute;width:100%;height:auto;top: 0px;left: 0px;}

.nav{background-color: rgba(252,252,252,1);height:500px;width: 80%;left: 0px;top: 50px;-webkit-box-shadow: 3px 2px 4px 0px rgba(0,0,0,0.75);-moz-box-shadow: 3px 2px 4px 0px rgba(0,0,0,0.75);box-shadow: 3px 2px 4px 0px rgba(0,0,0,0.75);z-index: 99999999;position:absolute;display:none;border-radius:0px 10px 10px 0px}

.icon-nav:before{font-size:30px;}

.icon-inicio:before,.icon-la-empresa:before,.icon-productos:before,.icon-ofertas:before, .icon-club-la-granja:before, .icon-pack-cerrado a:before,.icon-contacto:before {font-size: 30px;text-align: center;display: inline;float: none;width: 10%;position: relative;margin-right: 25px;top: 5px;left: 5px;color:rgba(99,99,99,1)}
	
.menu-ul{list-style-type: none;padding: 0;width: 100%;margin:0;text-align: center;top: 75px;display:block;height:400px;position:absolute}

.li-nav a{height:40px;display: block;padding: 20px 0px;color: rgba(99,99,99,1);border-top:thin solid rgba(99,99,99,.31);text-align: left;font-size: 12px;letter-spacing: 2px;width:100%}

.li-nav a:hover{border-bottom:0;background-color:#2ECC71;color:#fff}

.li-nav:last-child a{border-bottom:thin solid rgba(99,99,99,.31)}

.back-header-f{height:70px;position:fixed;z-index:99999999 !important;background-color:rgba(255,255,255,1);top:0px;box-shadow:2px 2px 2px rgba(187,187,187,1)}

.ul-main-header-der-f {position: fixed !important;width:130px !important;height:35px !important;left:420px !important;margin-left:60px !important;z-index:999999999999 !important;top:-52.5px !important;float:left !important}

.li-main-header-b-f a{margin:0px 6px;display: inline;height: 20px;padding:5px 10px;text-align:center;position:relative;float:left;top:0px;width:30px;color:rgba(25,25,25,1) !important;z-index:9999999999999999999999999999999999999999 !important;}

.img-icono-header-f{display: inline;float: left;text-align:center;position:relative;z-index:9999999999999999999999999999999999999999 !important;width:30px;height:auto}

.icon-facebook-header-f:before,.icon-instagram-header-f:before{font-size:30px;display: none;float: left;text-align:center;position:relative;z-index:9999999999999999999999999999999999999999 !important;}

.logo-f {position: fixed !important;width:120px !important;height:auto !important;left:0% !important;margin-left:10px !important;z-index:9999999999999999 !important;top:5px !important;}

.nav-f{z-index:99999999999999999999999 !important;top:12.5px;position: fixed;width:330px;height:50px;margin-left:140px !important;left:0%; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out} 

.menu-ul-f{list-style-type: none;top:0px;width:330px !important;text-align: center;display:block;z-index: 999999999999999 !important;position:relative;float:left;margin-left:0px;padding:0;height:35px;}

.li-nav-f a{font-family: 'Montserrat', sans-serif;display: block;z-index:9;position: relative;float: left;padding:0px 10px;top:0px;font-size: 12px;width:auto !important;text-align: center;height:20px;left:0px;border-right:none;}

footer{float: left;position: relative;z-index:99999999999;width:100%;background-color:rgba(66,66,66,1)}

.contenedor-columnas-footer{position: relative;float: left;z-index: 9999999999;}

.columnas-footer{position: relative;float: left;z-index: 9999999999;}

.p-footer-a a{font-family: 'Montserrat', sans-serif;position: relative;float: left;font-weight:400;color:rgba(109,109,109,1)}

.h2-footer{margin:10px 0px;font-size:15px;}

.p-form-footer{font-size: 12px;position: relative;display: block;text-align:center;width: 100%;left: 0px;line-height: 25px;}

#newsletter-form {position: relative !important;float: left;z-index: 9999999999;width: 100%;margin:10px 0px;height:auto;}

.campo-newsletter {width:80%;float: left;margin:10px 10%;position: relative !important;font-size:14px}

#enviar-newsletter {position: relative !important;float: left;width:90%;margin:20px 5%;font-size:18px}

.p-footer{margin:10px 15px;font-size: 14px;line-height: 25px;width:auto;position:relative;float:left;left:0px}

.h3-footer{margin:10px 0px 0px 0px;font-size:14px;}

.icon-whatsapp-footer:before,.icon-telefono-footer:before,.icon-email-footer:before,.icon-ubicacion-footer:before{font-size:15px;position: relative;float: left;display: inline;text-align: center;width:auto;margin-right:5px;top:2.5px;}

.contenedor-columnas-footer-2{position: relative;float: left;z-index: 9999999999;width: 100%;padding:0px 0px 5px 0%;border-bottom:thin dotted rgba(244,244,244,.55);background-color:rgba(253,253,253,1);}

.columnas-footer-2{position: relative;float: left;z-index: 9999999999;width:95%;height:auto;margin:0px 2.5% 5px 2.5%;}

.p-footer-social a{margin:0px 7.5% 5px 25%;position: relative;float:left;text-align:center;width:10%}

.icon-facebook-footer:before,.icon-instagram-footer:before {font-size:35px;display: inline;float: left;padding: 0;margin:0px;text-align:center;position:relative;width:100%}

#copy{height:auto;width:100%;margin:0px;position: relative;float:left;display:block;}

#copyright,#autor{float: left;width:100%;position: relative;z-index: 99999999999;padding:0px;margin:0px 0px 5px 0px}

.p-copy-footer,.p-copy-footer-a a{font-size: 12px;width:100%;position: relative;line-height:24px;text-align: center;float:left;color:rgba(98%,98%,98%,1);margin:1% 0px 1.5% 0px}

.p-copy-footer-a a{padding:0px;display:inline;}

.p-autor-footer{font-size: 13px;width:150px;position: relative;margin:0px 0px 0px -75px;left:50%;line-height:0px;text-align: center;top:6px;display:block;float:left}

.p-autor-footer-a a{font-size: 13px;top:5px;position: relative;float:left;width:100%}

.logo-gm {width:143px;height:50px;margin:10px 0px 0px -71.5px;left:50%;position: relative;float:left}
		
}

@media screen and (min-width:981px) and (max-width:1100px) {
.closebtn,.no-mob,.mob{display:none !important}

.icon-whatsapp:before{font-size:45px;display:block;float: left;padding:0px 2px;text-align:center;position:relative}

header {height:180px;position:relative;padding:0px 0px;float:left}

.back-header{box-shadow:2px 2px 2px 1px rgba(247, 147, 30, 1);height:120px;position:absolute;display:block}

#header{float: left;height:180px;width: 980px;margin-left: -490px;position:relative;left: 50%;top:0px;}

#main-header {width:980px;left:0px;position:relative;height:auto;z-index:99999999999 !important;top:0px;padding:0;display:block}

#logo,.logo {position: absolute;width:290px;height:auto;left:0%;float:left;margin:0px;z-index:9999999999999 !important;top:5px;display:block;}

.img-logo {position: absolute;width:100%;height:auto;top: 0px;left: 0px;}

.ul-main-header-izq{position: absolute;padding:5px 0px 0px 0px;height:60px;width:675px;top:30px;left:300px;float:left;}

.li-main-header-a a{width:auto;display: inline; padding:2px 15px 5px 15px;height:50px;top:0px;text-align:center;border-right:1px solid rgba(214,214,214,.50)}

.li-main-header-a:last-child a{border-right:none}

.icon-telefono-header:before,.icon-email-header:before,.icon-horario-header:before{font-size:25px;position: relative;float: left;display: inline;text-align: center;width:25px;margin-right:5px;margin-top:0px}

.p-txt-main-header-izq{width:auto;font-size:13px;display: inline;height:auto;top:6px;text-align:left}

.txt-main-header-izq{width:auto;font-size:15px;display: inline;height:auto;top:8px;text-align:left}

.li-main-header-c a{width:auto;font-size: 12px;display: inline; padding:8px 8px 0px 8px;height:55px;top:460px;right:50px;text-align:center;position:fixed;background-color:transparent}
    
.icon-whatsapp-header:before{font-size:65px;position: relative;float: left;display: inline;text-align: center;width:25px;margin-right:15px;margin-top:0px;color:rgba(43,224,15,1.00);border-radius:50%}

.ul-main-header-der {position: relative;padding:6px 0px 4px 0px;height:35px;width:270px;margin-top:0px;top:-5px;right:0px;float:right;background-color:rgba(254,254,254,1);border-radius:25px}

.li-main-header-b a{width:175px;display: inline; padding:8px 12px;height:25px;top:0px;text-align:center;position: relative !important; float:left !important; }

.corto-head{float:right !important; }

.txt-main-header-der{width:auto;font-size:12px;display: inline;height:auto;top:5px;text-align:left}

.icon-mi-cuenta-header:before{font-size:25px;position: relative;float: left;display: inline;text-align: center;width:25px;margin-right:5px;margin-top:0px}

.li-main-header-d a{width:50px;position: relative !important; float:left !important; padding:8px;height:50px;top:0px;text-align:center;color:#1a1a1a !important}

.icon-logout:before{font-size:25px;position: relative;float: left;display: inline;text-align: center;width:50px;margin:0px;margin-top:0px}

.icon-facebook-header:before,.icon-instagram-header:before{font-size:30px;display: none;float: left;text-align:center;position:relative;z-index:9999999999999999999999999999999999999999 !important;}

.icon-facebook-header:before{background-color:rgba(66, 103, 178,1);color:rgba(255,255,255,1);padding:6px 2px 0px 5px;border-radius:50%;border:1px solid rgba(66, 103, 178,1)}

.icon-instagram-header:before{color:rgba(247, 119, 55,1);font-size:35px;margin-top:2px}

.icon-facebook-header:hover:before{color:rgba(66, 103, 178,1);background-color:rgba(255,255,255,1);}

.icon-instagram-header:hover:before{border-radius:10px;color:rgba(193,53,132,1)}

nav{position:absolute;height:60px;padding:0px 0px 5px 0px;width:980px;left:0px;top:115px;float:left;display:block}

.menu-ul{height:42px;top:0px;z-index: 99999;padding:0;position: relative;width:980px;left:0px;}

.li-nav a{margin:0px 0px;padding:10px;font-size: 14px;width: auto;text-align: center;height:18px;color:rgba(255,255,255,1.00);margin-left:0px;border-radius:2px}

.li-nav a:hover{color:rgba(254,254,254,1);background-color:rgba(87,87,87,1)}

.back-header-f{height:70px;position:fixed;z-index:99999999 !important;background-color:rgba(255,255,255,1);top:0px;box-shadow:2px 2px 2px rgba(187,187,187,1)}

.ul-main-header-der-f {position: fixed !important;width:130px !important;height:35px !important;left:50% !important;margin-left:360px !important;z-index:999999999999 !important;top:-82.5px !important;float:left !important}

.li-main-header-b-f a{margin:0px 6px;display: inline;height: 20px;padding:5px 10px;text-align:center;position:relative;float:left;top:0px;width:30px;color:rgba(25,25,25,1) !important;z-index:9999999999999999999999999999999999999999 !important;}

.img-icono-header-f{display: inline;float: left;text-align:center;position:relative;z-index:9999999999999999999999999999999999999999 !important;width:30px;height:auto}

.icon-facebook-header-f:before,.icon-instagram-header-f:before{font-size:30px;display: none;float: left;text-align:center;position:relative;z-index:9999999999999999999999999999999999999999 !important;}

.logo-f {position: fixed !important;width:160px !important;height:auto !important;left:50% !important;margin-left:-420px !important;z-index:9999999999999999 !important;top:0px !important}

.nav-f{z-index:99999999999999999999999 !important;top:12.5px;position: fixed;width:440px;height:50px;margin-left:-220px !important;left:50%; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out} 

.menu-ul-f{list-style-type: none;top:0px;width:470px !important;text-align: center;display:block;z-index: 999999999999999 !important;position:relative;float:left;margin-left:0px;padding:0;height:35px;}

.li-nav-f a{font-family: 'Montserrat', sans-serif;display: block;z-index:9;position: relative;float: left;padding:0px 25px;top:0px;font-size: 13px;width:auto !important;text-align: center;height:20px;left:0px;border-right:none;}

footer{position: relative;height:auto;float: left;margin-top:0px;z-index:99999999999999;bottom:0px}

#footer{position: relative;z-index: 9999999999;width: 980px;margin-left:-490px;left:50%;float:left;padding:0px;height:auto;display:block;}

.contenedor-columnas-footer{position: relative;z-index: 9999999999;width:980px;float:left;padding:0px;height:auto;display:block;margin:25px 0px 10px 0px;}

.columnas-footer:first-child{position: relative;float: left;z-index: 9999999999;width:220px;height:130px;padding:5px 5px 0px 0px;border-right:1px solid rgba(192,192,192,.45);margin:5px 15px 10px 10px}

.columnas-footer{position: relative;float: left;z-index: 9999999999;width:200px;height:auto;margin:5px 0px 5px 10px;}

.logo-footer{width:100%;height:auto;margin:0px 0px 0px 0px;position:relative;float:left}

.h2-footer{font-size:25px;width:100%;margin:0px ;}

.img-columnas-footer{width:125px;height:auto;left:50%;position:relative;margin:0px 0px 0px -42.5px;}

.p-footer{font-size: 14px;line-height:25px;width:300px;margin:0px 25px;text-align:left}

.h3-footer{font-size:16px;width:100%;margin:0px 0px 5px 0px;}

.p-footer-2 a{padding:5px 0px;font-size: 12px;margin:2.5px 0px;width:100%;text-transform:uppercase}

.p-footer-3{padding:5px 0px;font-size: 12px;margin:2.5px 0px;width:100%;text-transform:uppercase}

.contenedor-columnas-footer-2{position: relative;z-index: 9999999999;width:960px;float:left;padding:10px 10px;height:auto;display:block;margin:50px 0px 20px 0px;background-color:rgba(151,151,151,.10)}

.columnas-footer-2:first-child{position: relative;float: left;z-index: 9999999999;width:150px;height:auto;margin:5px 5px 5px 0px;border-right:1px solid rgba(192,192,192,.45)}

.columnas-footer-2{position: relative;float: left;z-index: 9999999999;width:802px;height:auto;margin:25px 0px 5px 0px;}

.h4-footer{font-size:20px;width:100%;margin:0px 0px 5px 0px;}

.p-footer-social a{margin:5px 8px 5px 0px;font-size:30px;position:relative;line-height: 20px;float:left;text-align:center;left:25px;width:50px;}

.icon-facebook-footer:before,.icon-instagram-footer:before  {font-size:25px;display: inline;float: left;padding: 0;margin:0px 0px 0px 0px;text-align:center;position:relative}

.p-footer-3{padding:5px 10px;font-size:13px;margin:2.5px 0px;width:auto;}

.icon-telefono-footer:before,.icon-email-footer:before,.icon-whatsapp-footer:before,.icon-ubicacion-footer:before{font-size:30px;position: relative;float: left;display: block;text-align: center;width:30px;margin-right:10px;top:-10px;}

#copy{height:auto;width: 980px;margin-top:0px;position: relative;float:left;display:block;}

#copyright{float: left;width: 400px;position: relative;z-index: 99999999999;padding:0px;margin:2px 0px 2px -200px;left:50%}

#autor{float: left;width:100%;position: relative;z-index: 99999999999;padding:0px;margin:15px 0px 0px 0px}

.copy-legal{height:auto;width:100%;margin:0px;position: relative;float:left;text-align:center}

.p-copy-footer,.p-copy-footer-a a{font-size: 13px;width:auto;position: relative;line-height: 14px;text-align: left;float:left}

.p-copy-footer-a a{padding:0px 8px;display:inline;border-right:thin solid #fff}

.p-copy-footer-a:last-child a{border-right:0}

.p-autor-footer{font-size: 13px;width:100%;position: relative;margin:0px;line-height:0px;text-align: center;top:0px;display:block;float:left}

.logo-gm {width:143px;height:50px;margin:0px 0px 0px -71.5px;left:50%;position: relative;float:left}

}


*/

@media screen and (min-width:1101px){

    .h2-sub-header a{font-size:14px;position:fixed !important;width:200px;height:auto;right:-75px !important;top:50%;margin:-50px 0px 0px 0px !important;z-index: 9999999999999999999999999999 !important;padding:10px 0px;border-radius:25px 25px 0px 0px}

    .h2-sub-header a span {font-size:30px}

    .h2-sub-header a span:after {top: -26px;}
    
    .rotate a{

      transform: rotate(-90deg);


      /* Legacy vendor prefixes that you probably don't need... */

      /* Safari */
      -webkit-transform: rotate(-90deg);

      /* Firefox */
      -moz-transform: rotate(-90deg);

      /* IE */
      -ms-transform: rotate(-90deg);

      /* Opera */
      -o-transform: rotate(-90deg);

      /* Internet Explorer */
      filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

    }
    .icono-whatsapp{display:block;position:fixed;bottom:30px;right:30px;width:70px;height:70px;z-index:9999999999999999999999999999999999999999 !important;}

    /*.sidenav {height: 100%;width:0px;position: fixed; z-index:999 !important;top: 0;left: 0;background-color:rgba(254,254,254,.65) !important;overflow-x: hidden;transition: 0.5s;border-right: 2px solid rgba(0,0,0,0.15)}

    .sidenav a {;text-decoration: none;font-size: 35px;color: #fff;display: block;transition: 0.3s;z-index: 999 !important;}

    .sidenav a:hover {color: #f1f1f1;}

    .sidenav-f{width:0}

    .sidenav-a{position: fixed; width:320px !important;z-index: 999 !important}

    .sidenav-o{width:0;z-index: -9999999999999999999999999999 !important;display: none !important}
    */
    
    header{height:130px;width:100%;position:fixed;padding:0px;left:0%;margin:0px;float:left;z-index: 99999999999999999999 !important;top:0px !important;}

    .back-header{height:130px;position:fixed;width: 100%;left:0px;margin: 0;z-index:99 !important;background-color:rgba(255,255,255,0.50)}

    .header{height:130px;width:1100px;position:fixed;padding:0px;left:50%;margin:0px 0px 0px -550px;float:left;z-index: 99999999999999999999 !important;top:0px !important}

    #logo,.logo {position: relative;width:105px;height:auto;left:10px;float:left;margin:0px !important;z-index:9999999 !important;top:15px;display:block;}

    .img-logo {position: relative;width:100%;height:auto;top: 0px;left: 0px;z-index: 9 !important;display: block !important}

    .img-logo-mob {display: none !important}

    .sticky-img-logo {position: fixed !important;width:60px !important;height:auto !important;left:0.5% !important;margin-left:0px !important;z-index:-9 !important;top:25px !important;display: none !important;background-color: transparent !important}

    nav{position:relative;height:60px;padding:0px;top:40px;width:770px;left:0px;float:left;display:block;z-index: 9999999999999999999999 !important;margin: 0px 0px 0px 60px;}

    .menu-ul{height:auto;top:0px;z-index: 99999;padding:0;position: relative;width:100%;left:0px;}

    .li-nav a{padding:5px 0px;margin:0px 10px;font-size: 14px;width: auto;text-align: left;height:auto;text-transform: uppercase}

    .li-nav:first-child a{margin:0px 10px 0px 0px;}

    .li-nav:last-child a{margin:0px 0px 0px 10px;}

    .li-nav a:hover{border-bottom:1px solid #1a1a1a}

    .header-f{height:70px !important;width:280px;position:fixed;padding:0px !important;float:left;background-color:#fff;}

    .back-header-f{height:70px;position:fixed;z-index:99999999 !important;background-color:rgba(14,14,14,0.45);top:0px;box-shadow:2px 2px 2px rgba(187,187,187,1)}

    #main-header {width:160px;top:30px;left:0px;position:relative;float: left; height:auto;z-index:9999 !important;display:block;}
    
    .ul-main-header-der{position: relative;padding:0px;height:auto;width:100%;top:0px;left:0px;float:left;}

    .li-main-header-der a{width:30px;height:30px;font-size: 12px;padding:0;top:0px;margin:0px 11px;position:relative;float:left;text-align: center}

    .icon-email-header:before,.icon-facebook-header:before,.icon-instagram-header:before {margin: 0px;font-size:20px;display:inline;float:left;width:30px;height:30px;position:relative;padding:10px 5px 0px 5px}

    .mob, .closebtn{display: none !important}
    
    footer{z-index: 99999999999999 !important;left:0%;height:auto;display:block;background-color:rgba(255,255,255,1.00) !important;bottom:0px;position: relative;float: left}

    #footer{position: relative;z-index: 99999999999 !important;width: 1100px;margin-left:-550px;left:50%;float:left;padding:0px;height:auto;display:block;}

    .contenedor-columnas-footer{position: relative;z-index: 9999999999999 !important;width:1100px;float:left;padding:0px;height:150px;display:block;margin:25px 0px 0px 0px;}

    .columnas-footer:nth-child(2){position: relative;float: left;z-index: 9999999999;width:200px;height:auto;margin:5px 0px;}

    .columnas-footer:nth-child(1){position: absolute;float: left;z-index: 9999999999;width:400px !important;height:auto;margin:5px 0px 5px -200px !important;left:50% !important;padding:5px}

    .columnas-footer:nth-child(3){position: absolute;float: left;z-index: 9999999999;width:300px;height:auto;margin:10px 0px 0px 0px;right:0px;}

    .h2-footer{width:135px !important;padding:0px 5px 0px 0px;border-right:1px solid rgba(192,192,192,.45);position: relative;float: left}

    .img-columnas-footer{width:125px;height:auto;left:0%;position:relative;float: left; margin:0px 0px 0px 0px;}

    .p-footer{font-size: 14px;line-height:25px;width:240px;margin:20px 0px 0px 10px;position: relative;float: left}

    .h3-footer{font-size:16px;width:100%;margin:0px 0px 5px 0px;}

    .p-footer-2 a{padding:5px 0px;font-size: 12px;margin:2.5px 0px;width:100%;text-transform:uppercase}

    .icon-telefono-footer:before,.icon-email-footer:before,.icon-whatsapp-footer:before,.icon-ubicacion-footer:before{font-size:20px;width:20px;margin-right:10px;margin-top:-5px !important;display:block !important;position:relative;float:left}

    .p-footer-3 a{font-size:12px;margin:10px 0px;width:100%;text-align: left;letter-spacing:0.5px}

    .contenedor-columnas-footer-2{position: relative;z-index: 9999999999;width:1100px;float:left;height:auto;display:block;padding:20px 0px 0px 0px;border-bottom:1px solid rgba(35,34,34,0.10);}

    .columnas-footer-2{position: relative;float: left;z-index: 9999999999;width:1000px;height:24px;margin:0px;padding:0px 0px 20px 0px}

    .columnas-footer-2:last-child{width:100px;padding:0px;}

    .p-footer-4 a{margin:0px;font-size:12px;position:relative;float:left;text-align:left;width:auto;line-height: 24px; padding:0px 15px 0px 0px !important;border-right:1px solid rgba(63,63,63,1.00);height:20px !important;text-transform: uppercase}
    
    .p-footer-4:last-child a{border-right:none;padding:0px 0px 0px 15px !important }

    .p-footer-social a{margin:0px 10px;font-size:30px;position:relative;line-height: 20px;float:left;text-align:center;width:30px;padding:10px 0px !important;height:30px}

    .icon-facebook-footer:before,.icon-instagram-footer:before  {font-size:25px;display: inline;float: left;margin:-15px 0px 0px 0px;text-align:center;position:relative;width: 100%;color:rgba(73,73,73,1.00) !important}

    #copy{height:auto;width: 1100px;margin-top:0px;position: relative;float:left;display:block;padding:10px 0px}

    #copyright{float: left;width: 850px;position: relative;z-index: 99999999999;padding:0px;margin:0%}

    #autor{float: left;width:250px;position: relative;z-index: 99999999999;padding:0px;margin:0px}

    .copy-legal{height:auto;width:100%;margin:0px;position: relative;float:left;text-align:center}

    .p-copy-footer,.p-copy-footer-a a{font-size: 14px;width:auto;position: relative;line-height: 14px;text-align: left;float:left}

    .p-copy-footer-a a{padding:0px 8px;display:inline;border-right:thin solid #fff}

    .p-copy-footer-a:last-child a{border-right:0}

    .p-autor-footer{font-size: 13px;width:100px;position: absolute;margin:0px 5px 0px 0px;line-height:0px;text-align: left;left:0px;top:25px;float:left}

    .p-autor-footer-a{width:143px;height:50px;position: absolute !important;float:left;left:100px}
    
    .logo-gm {width:100%;height:auto;position: relative;float:left}

}