body {background-color: #fff;color: #444;font-family:'Lato', sans-serif;margin:0px;padding:0px;}
a {color: #0084c4;text-decoration: none;}
img{width:100%;}
.imagen-open{margin:0 0 1% 0;width:100%;}
.imagen-open iframe{width:100%;}
a:hover img{opacity: 0.5;}
.none{margin:0px !important;padding:0px !important;}
strong{color: #000;}

#wrap {margin: 0 auto;}
.inner {margin: 0 auto;max-width: 1150px;padding: 0 5px;}
.relative {position: relative;}
.right {float: right;}
.left {float: left;}
.clear{clear:both;}

/* HEADER */
#wrap > header {background-color: #f5f5f5;padding-bottom: 20px;}
.logo {background: url("../img/logo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);display: block;overflow: hidden;float:left;text-indent: 200%;white-space: nowrap;width: 350px;height:83px;background-size:100% 100%;margin:1% 14% 0 0;}
#navigation {position: absolute;right: 40px;bottom: 16px;}
#menu-toggle {display: none;float: right;}
p{margin:0 0 2% 0;line-height: 1.5em;font-family:'Lato', sans-serif;font-weight:300;font-size: 1em;}
.negro{background-color:#333;color:#fff !important;padding:0.5%;border-top: 2px solid #59B6E2;clear:both;}
.contenedor li{font-size: 1em;font-weight: 300;}
.idioma{background-color:#000;padding:4px !important;}
.idioma a{color:#fff !important;background-color::#000;}


/* FOOTER */
footer{ background-color: #59B6E2;width:100%;}
footer .logo-inf{width:70%;margin:0px auto;text-align: center;}
footer .logo-inf img{width:12%;}


/* MENU */
.responsive-m{display:none;}
/**** MENU ****/
#cssmenu {margin: 3.5% 0 0 0;padding: 0;line-height: 1;display: block;position: relative;float:left;width:55%;z-index:9999;}
#cssmenu ul {list-style: none;margin: 0;padding: 0;display: block;}
#cssmenu ul:after {content: ' ';display: block;font-size: 0;height: 0;clear: both;visibility: hidden;}
#cssmenu ul li {margin: 0;padding: 0;display: block;position: relative;}
#cssmenu ul li a {text-decoration: none;display: block;margin: 0;-webkit-transition: color .2s ease;-moz-transition: color .2s ease;  -ms-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease;}
#cssmenu ul li ul {position: absolute;left: -9999px;top: auto;}
#cssmenu ul li ul li {max-height: 0;position: absolute;-webkit-transition: max-height 0.4s ease-out;-moz-transition: max-height 0.4s ease-out;-ms-transition: max-height 0.4s ease-out;-o-transition: max-height 0.4s ease-out;transition: max-height 0.4s ease-out;background-color: #333;border: 1px solid #444;border-top: none;color: #bbb;display: block;font-size: 12px;line-height: 15px;padding: 10px 12px;}
#cssmenu .parent{background-image: url("../img/plus-gray.png");background-position: left center;background-repeat: no-repeat;background-size: 7px 7px;}
#cssmenu .idi{background-color:#59B6E2 !important;color:#fff;}
#cssmenu .idi a{color:#fff;}
#cssmenu .idi a:hover{color:#000 !important;}

#cssmenu ul li a:hover{color:#59B6E2 !important;}
#cssmenu ul li ul {border-top:3px solid #59B6E2; z-index: 99999;}
#cssmenu ul li ul li a {font-size: 12px;text-transform: none;color: #ccc;letter-spacing: 0;display: block;width: 140px;}
#cssmenu ul li ul li:hover > a {color: #4cb6ea;}
#cssmenu ul li ul li:hover:after{background: #4cb6ea;}
#cssmenu ul li ul li:hover > ul {left: 170px;top: 0;}
#cssmenu ul li ul li:hover > ul > li {max-height: 72px;position: relative;}
#cssmenu > ul > li {float: left;}
#cssmenu > ul > li:after {content: '';display: block;position: absolute;width: 100%;height: 0;top: 0;z-index: 0;
  -webkit-transition: height .2s;-moz-transition: height .2s;-ms-transition: height .2s;-o-transition: height .2s;transition: height .2s;}
#cssmenu > ul > li > a {color: #000;padding: 15px 13px;letter-spacing: 1px;text-transform: uppercase;font-size: 13px;z-index: 2;position: relative;}
#cssmenu > ul > li:after {content: '';display: block;position: absolute;width: 100%;height: 0;top: 0;z-index: 0;
  -webkit-transition: height .2s;-moz-transition: height .2s;-ms-transition: height .2s;-o-transition: height .2s;transition: height .2s;}
#cssmenu > ul > li > a {color: #000;padding: 15px 9px;letter-spacing: 1px;text-transform: uppercase;font-size: 13px;z-index: 2;position: relative;}
#cssmenu > ul > li:hover:after,#cssmenu > ul > li.active:after {height: 100%;}
#cssmenu > ul > li:hover > a,#cssmenu > ul > li.active > a {color: #000000;}
#cssmenu > ul > li:hover > a:after,#cssmenu > ul > li.active > a:after {background: #000000;}
#cssmenu > ul > li:hover > a:before,#cssmenu > ul > li.active > a:before {border-top-color: #ffffff;}
#cssmenu > ul > li:hover > ul {left: 0;}
#cssmenu > ul > li:hover > ul > li {max-height: 72px;position: relative;}
#cssmenu #menu-button {display: none;}


/*PORTADA*/
.portada{max-width:1920px;margin:1% auto 0 auto;}
.portada .slider-bg {background: url("../img/slider-bg-sp.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);height: 279px;padding: 0 0px 42px;width: 100%;}
.portada .slider {background: url("../img/home_01.jpg") no-repeat scroll 1px 0 rgba(0, 0, 0, 0);height: 279px;overflow: hidden;position: relative;max-width: 100%;}
.banner {width: 50%;float:left;}
.text {width: 40%;float:left;padding:5% 5% 9% 5%;background-color: #f8f8f8;}
.banner h1 {color: #FFFFFF;display: block;font-size: 2.6em;padding:10px;line-height: 1.2em;margin-bottom: -7px;text-transform: uppercase;background-color:#59b6e2;font-family: 'Open Sans', sans-serif;font-weight: 300;height:206px;}
h2 {color: #CCCCCC;display: block;font-size: 1em;line-height: 1.2em;margin:0px 0 0 0;background-color:#000;padding:10px;font-family:'Lato', sans-serif;;font-weight: 300;height:73px;}
.slidernum{margin:0px auto;max-width:1152px;}
.contenedor span{font-weight: bold;}
.portada .text p{font-family: 'Lato',sans-serif;font-size: 1.1em;font-weight: 300;line-height: 1.5em;margin: 0 0 2%;}

/* PRODUCTOS */
.productos-int .productos h3,.productos-int .productos p  {display: none;}
.productos-int .productos{margin:3% 0 0 0;}
.productos{max-width: 1150px;margin:0px auto 3.8% auto;}
.producto{width:12.68%;float:left;margin:0 0.8% 0 0.8%;text-align: center;}
.producto h4{text-align: center;font-weight: bold;color:#333;}
.producto span{display: block;font-size:0.9em;margin:5px 0 0 0;color:#333;font-weight:300;height: 55px;}
.productos .none{margin:0px;padding:0px;}
.productos h3{text-align: center;font-family:'Lato', sans-serif;font-size:3em;color:#484848;font-weight: 300;padding:0 0 2% 0;}
.productos p{text-align: center;font-family:'Open Sans', sans-serif;font-size:0.9em;color:#666666;margin:0 0 4% 0;}
.productos a {color:#000;}
.productos a .acceder {background-color:#59B6E2;color:#fff;font-size:0.7em;text-transform: uppercase;font-weight: bold;padding:2%;width: 40%;margin: 0 auto;}
.productos a:hover .acceder {background-color:#000;color:#fff;font-size:0.7em;text-transform: uppercase;font-weight: bold;padding:2%;}
.producto img{width: 80%;}

/* Contactar */
.contactar .col-2 {float: left;width: 38% !important;margin:0 0 0 2%;}
.contactar .col-2 p{margin:0px;padding:0px;}
.contactar .col-2 .direccion{margin:1% 0 0 0;}

/* OTROS PORTADA */
.otros{background-color:#484848;width:100%;padding:2.4% 0 2.4% 0;}
.otros .bloque {width:100%;margin:0 auto 0 auto;}
.otros .bloque .serv{float:left;color:#fff;font-weight: bold;width:25%;text-align: center;}
.otros .bloque .serv a{color:#c3c3c3;}
.otros .bloque .serv a:hover{color:#59B6E2;}
.otros .bloque .serv span{display: block;font-weight: normal;font-size: 0.9em;text-align: center;}

/*CONTENEDOR*/
.contenedor{margin:0 auto 1% auto;max-width: 1152px;padding:1%;}
.contenedor h1{color: #59B6E2;font-family:'Lato', sans-serif;font-size: 2.5em;font-weight: 400;margin:2% 0 2% 0;text-transform:uppercase;border-bottom:1px solid #59B6E2;text-align: center;}
.contenedor .col-1{width: 60%;float:left;}
.contenedor .col-2{width: 40%;float:left;}
.contenedor .col-3{width: 100%;}
.contenedor .col-4{width: 17.6%;float:left;margin: 0 3% 0 0;}

.listado {margin:0px;padding:0 0 0 0;}
.listado li{margin:0 0 1% 0;padding:0 0 0 0;list-style-type: square;}

/*ATM mirage*/
.new-1{width:50% !important;}
.new-2{width: 49% !important;float: left;}

/* TAB */
#horizontalTab{padding:2% 0 2% 0;clear:both;}
.resp-tabs-container ul{padding:0 0 2% 0;}
.resp-tab li{ background: url("../img/visto.png") no-repeat scroll 0 1px rgba(0, 0, 0, 0);list-style-type: none;padding: 0 0 0 2%;}
.resp-tab-2 li{ background: url("../img/flecha.png") no-repeat scroll 0 1px rgba(0, 0, 0, 0);list-style-type: none;padding: 0 0 0 2% !important;}
.resp-tabs-container ul li{padding: 0 0 0 0;margin:0 0 0.5% 0;}
#horizontalTab h3{margin:0 0 2% 1%;color:#59B6E2;}

.resp-tabs-list li {font-weight: 600;font-size: 13px;display: inline-block;padding: 13px 15px;margin: 0;list-style: none;cursor: pointer;float: left;}
.resp-tabs-container {padding: 0px;background-color: #fff;clear: left;}
h2.resp-accordion {cursor: pointer;padding: 5px; display: none;}
.resp-tab-content {display: none;padding: 15px;}
.resp-tab-active {border: 1px solid #c1c1c1;border-bottom: none;margin-bottom: -1px !important;padding: 12px 14px 14px 14px !important;}
.resp-tab-active {border-bottom: none;background-color: #f5f5f5;color: #59B6E2;}
.resp-content-active, .resp-accordion-active {display: block;}
.resp-tab-content {border: 1px solid #c1c1c1;}
h2.resp-accordion {font-size: 13px;border: 1px solid #c1c1c1;border-top: 0px solid #c1c1c1;margin: 0px;padding: 10px 15px;}
h2.resp-tab-active {border-bottom: 0px solid #c1c1c1 !important;margin-bottom: 0px !important;padding: 10px 15px !important;}
h2.resp-tab-title:last-child {border-bottom: 12px solid #c1c1c1 !important;background: blue;}
/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {float: left;width: 30%;}
.resp-vtabs .resp-tabs-list li {display: block;padding: 15px 15px !important;margin: 0;cursor: pointer;float: none;}
.resp-vtabs .resp-tabs-container {padding: 0px;background-color: #fff;border: 1px solid #c1c1c1;float: left;width: 68%;min-height: 250px;border-radius: 4px;clear: none;}
.resp-vtabs .resp-tab-content {border: none;}
.resp-vtabs li.resp-tab-active {border: 1px solid #c1c1c1;border-right: none;background-color: #fff;position: relative;z-index: 1;margin-right: -1px !important;padding: 14px 15px 15px 14px !important;}
.resp-arrow {width: 0;height: 0;float: right;margin-top: 3px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 12px solid #fff;}
h2.resp-tab-active span.resp-arrow {border: none;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 12px solid #fff;}

.resp-tab-content ul li ul li{font-size:1em;margin:0px;padding:0;background: none;}
.resp-tab-content ul li ul {margin:1% 0 0 0;}

/*-----------Accordion styles-----------*/
h2.resp-tab-active {background: #DBDBDB !important;}
.resp-easy-accordion  h2.resp-accordion {display: block;}
.resp-easy-accordion .resp-tab-content {border: 1px solid #c1c1c1;}
.resp-easy-accordion .resp-tab-content:last-child {border-bottom: 1px solid #c1c1c1 !important;}
.resp-jfit {width: 100%;margin: 0px;}
.resp-tab-content-active {display: block;}
h2.resp-accordion:first-child {border-top: 1px solid #c1c1c1 !important;}

/* COLABORADORES */
.colaboradores{width: 100%;}
.colaborador{border: 1px solid #F3F3F3;float: left;margin: 0 2.3% 2% 1.5%;width: 16%;}
.contenedor h2{;margin:0 0 2% 0;border:0px;background:none !Important; color: #666666;padding: 0px;font-family:'Lato', sans-serif;font-weight:300;font-size: 1em;}

/* CLIENTES */
.clientes{width: 100%;}
.cliente{border: 1px solid #F3F3F3;float: left;margin: 0 2.3% 2% 1.5%;width: 16%;}

/*Dwide*/
.dwide-text{width:60% !important;margin-top: 7% !important;}
.dwide-image{width:38.5% !important;}

/*Actualidad*/
.articulo h2{margin:0px 0px 0px 10px;padding:0px;font-size:1.8em;font-weight:400;color:#59B6E2;}
.articulo p{margin:0px 0px 0px 10px;padding:0px;}
.articulo{margin-top:30px;margin-bottom:30px;padding-bottom:20px !important;margin-bottom: 20px !important;}
.articulo .text{float:left;width: 67.5%;padding:2% 5% 3% 5%;margin-left:2%;}
.articulo .day{margin:0px;padding:0 0 0 1.5%;font-size:0.9em;margin-bottom:10px;}
.articulo figure{margin:0px;padding:0px;}

/* DISTRIBUIDORES */
.contenedor .col-4 h3{color:#fff;background:none;border:none;padding:0.5% 0 0.5% 1%;font-size: 1.1em;background-color: #000;margin: 0 0 1% 0;}
.contenedor .col-4 img{width:60% !important;}
.distribuidores .block {border-top: 1px solid #ccc;padding:2% 0 2% 0;margin:1% 0 1% 0;}
.distribuidores .block h2{font-size: 1.5em;color:#111;font-weight: 700;}
.distribuidores .block h3{font-size: 1.5em;color:#333;margin:0 0 1% 0;}
.distribuidores .block img{padding:0.2%;}
.distribuidores .block ul li{margin:1% 0 0 0;}

.distribuidores .block-l .texto{width:74%;float:left;margin:0 1% 0 0;}
.distribuidores .block-l .imagen{width:25%;float:left;margin:0 0 0 0;}
.distribuidores .block-r .texto{width:74%;float:right;margin:0 0 0 1%;}
.distribuidores .block-r .imagen{width:25%;float:right;margin:0 0 0 0;}

.distribuidores .datos-des span{font-size: 0.8em;margin:0 1% 0 0;}
.distribuidores .datos-des {background-color: #F3F3F3;clear: both;font-size: 0.9em;padding: 0.7%;-moz-border-radius: 10px;border-radius: 10px;margin-bottom:5px;}
.distribuidores .datos-des ul li{margin:0 0 0.3% 0;padding:0px;}

/* COMPANIA */
.compania .col-1{width:100%;margin:0 0 2% 0;padding:0 0 0 0;border-bottom:1px solid #f3f3f3;}
.compania .col-2{width:100%;margin:0 0 0 0;padding:0 0 0 0;}
.compania .lead{float:right;width:20%;background-color: #111;-moz-border-radius: 10px;border-radius: 10px;padding:0.5%;color:#fff;margin-left:2%;font-size:1.1em;}
.compania img{float:left;width:20%;}

/* PORDUCTOS */
.producto-int h2{font-weight: bold;}
.producto-int .productos h3{background-color: #C1C1C1;color:#fff;padding:0;margin:0 0 2% 0;font-size:2em;font-weight:300;}
.imagen-producto{width:100%;background-color:#484848;padding:0;margin:0 0 2% 0;background-image: url(../img/lineas.png);background-repeat: repeat;}
.imagen-producto inner{max-width:1150px;margin:0px auto;}
.imagen-producto h1{font-size:3em;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);color:#fff;padding:2% 0 1% 0;}
.imagen-producto h2{background:none;border:none;color:#fff;font-size: 1em;font-weight: normal;line-height:auto;margin: 0;padding:0 0 3% 0;text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);}


.imagen-producto .inner{position: relative;}
.imagen-producto img {position:absolute;top:0;right:0;top: 40px;width: 20%;}
.producto-int .block {border-bottom: 1px solid #ccc;padding:0 0 3% 0;margin:0 0 3% 0;}
.producto-int .block h2{font-size: 1.4em;font-weight: 400;margin:0 0 3.5% 0;line-height: 100%;color:#333;height: auto;}
.producto-int .block h2 span{font-size: 0.7em !important;font-weight: 300;margin:0;line-height: 0px;color:#444;}
.producto-int .block img{border:1px dotted #ccc;padding:0.2%;}

.producto-int .block-l .texto{width:64%;float:left;margin:0 1% 0 0;}
.producto-int .block-l .imagen{width:35%;float:left;}
.producto-int .block-r .texto{width:64%;float:right;margin:0 0 0 1%;}
.producto-int .block-r .imagen{width:35%;float:right;}
.producto-int .block .dos-lineas{margin-top:5%;}
.producto-int .block .tres-lineas{margin-top:3%;}
.producto-int .block .doble-lineas{margin-top:2%;}
.producto-int .block .triple-lineas{margin-top:4%;}
.producto-int .block .cuatro-lineas{margin-top:6%;}
.producto-int .block .cinco-lineas{margin-top:10%;}
.producto-int .block .seis-lineas{margin-top:20%;}

.producto-int strong{color:#59B6E2 !important;}


/* SERQUO */

@font-face {
    font-family: TiemposHeadline;
    src: url("../fonts/TiemposHeadline/TiemposHeadline-Light.ttf");
}

@font-face {
    font-family: FKGrotesk;
    src: url("../fonts/FKGrotesk/FKGrotesk-Regular.woff");
}



  

.hero {
    position: relative
}

.hero.blanco-serquo .arrow line,.hero.blanco-serquo .arrow path {
    stroke: #fff
}

.hero.vh {
    min-height: 50vh
}

.hero__container {
    /* height: 100%; */
    /* min-height: 720px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 10;
    text-align: center
}

@media(max-width: 1441px) {
    .hero__container {
        min-height:50vw
    }
}

@media(max-width: 767px)and (orientation:portrait) {
    .hero__container {
        min-height:225vw
    }
}

@media(max-width: 767px)and (orientation:landscape) {
    .hero__container {
        min-height:112.5vw
    }
}

.vh .hero__container {
    min-height: 50vh
}

@media(max-width: 767px) {
    .hero__container {
        padding:37.5vw 6.5625vw
    }
}

.hero>svg {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

h3 {
    font-weight: 100;
}

.hero .titulo {
    position: relative;
    max-width: 790px;
    margin-bottom: 20px;
    font-family: TiemposHeadline;
    font-weight: 300;
    font-style: normal;
    font-size: 80px;
    line-height: 1;
    letter-spacing: -.02em
}



@media(max-width: 1441px) {
    .hero .titulo {
        max-width:54.8611111111vw
    }
}

@media(max-width: 767px)and (orientation:portrait) {
    .hero .titulo {
        max-width:246.875vw
    }
}

@media(max-width: 767px)and (orientation:landscape) {
    .hero .titulo {
        max-width:123.4375vw
    }
}

@media(max-width: 1441px) {
    .hero .titulo {
        margin-bottom:1.3888888889vw
    }
}

@media(max-width: 767px)and (orientation:portrait) {
    .hero .titulo {
        margin-bottom:9.375vw
    }
}

@media(max-width: 767px)and (orientation:landscape) {
    .hero .titulo {
        margin-bottom:4.6875vw
    }
}

@media(max-width: 1441px) {
    .hero .titulo {
        font-size:5.5555555556vw
    }
}

@media(max-width: 767px)and (orientation:portrait) {
    .hero .titulo {
        font-size:15vw
    }
}

@media(max-width: 767px)and (orientation:landscape) {
    .hero .titulo {
        font-size:7.5vw
    }
}

@media(max-width: 767px) {
    .hero .titulo {
        line-height:1.0416666667;
        letter-spacing: -.02em
    }
}

@media(max-width: 767px) {
    .hero .titulo br {
        display:none
    }
}

.hero .descripcion.normal {
    max-width: 720px;
    font-family: FKGrotesk;
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    line-height: 1.2727272727;
    letter-spacing: 0
}


.hero p {
    font-family: FKGrotesk;
    font-weight: 100;
}

@media(max-width: 1441px) {
    .hero .descripcion.normal {
        max-width:50vw
    }
}

@media(max-width: 767px)and (orientation:portrait) {
    .hero .descripcion.normal {
        max-width:225vw
    }
}

@media(max-width: 767px)and (orientation:landscape) {
    .hero .descripcion.normal {
        max-width:112.5vw
    }
}

@media(max-width: 1441px) {
    .hero .descripcion.normal {
        font-size:1.5277777778vw
    }
}

@media(max-width: 767px)and (orientation:portrait) {
    .hero .descripcion.normal {
        font-size:5.625vw
    }
}

@media(max-width: 767px)and (orientation:landscape) {
    .hero .descripcion.normal {
        font-size:2.8125vw
    }
}

@media(max-width: 767px) {
    .hero .descripcion.normal {
        line-height:1.2222222222;
        letter-spacing: 0
    }
}

.hero .descripcion.small {
    max-width: 960px;
    font-family: FKGrotesk;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 1.5555555556;
    letter-spacing: 0
}

@media(max-width: 1441px) {
    .hero .descripcion.small {
        max-width:66.6666666667vw
    }
}

@media(max-width: 767px)and (orientation:portrait) {
    .hero .descripcion.small {
        max-width:300vw
    }
}

@media(max-width: 767px)and (orientation:landscape) {
    .hero .descripcion.small {
        max-width:150vw
    }
}

@media(max-width: 1441px) {
    .hero .descripcion.small {
        font-size:1.25vw
    }
}

@media(max-width: 767px)and (orientation:portrait) {
    .hero .descripcion.small {
        font-size:4.375vw
    }
}

@media(max-width: 767px)and (orientation:landscape) {
    .hero .descripcion.small {
        font-size:2.1875vw
    }
}

@media(max-width: 767px) {
    .hero .descripcion.small {
        line-height:1.4285714286;
        letter-spacing: 0;
        width: 100%;
        max-width: unset
    }
}

@media(max-width: 767px) {
    .hero .descripcion br {
        display:none
    }
}

.hero .boton {
    margin-top: 47px
}

@media(max-width: 1441px) {
    .hero .boton {
        margin-top:3.2638888889vw
    }
}

@media(max-width: 767px)and (orientation:portrait) {
    .hero .boton {
        margin-top:14.6875vw
    }
}

@media(max-width: 767px)and (orientation:landscape) {
    .hero .boton {
        margin-top:7.34375vw
    }
}

.hero .arrow-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    pointer-events: none
}

@media(max-width: 1441px) {
    .hero .arrow-bottom {
        bottom:2.0833333333vw
    }
}

@media(max-width: 767px)and (orientation:portrait) {
    .hero .arrow-bottom {
        bottom:10vw
    }
}

@media(max-width: 767px)and (orientation:landscape) {
    .hero .arrow-bottom {
        bottom:5vw
    }
}

.hero .arrow-bottom .icon {
    width: 32px
}

@media(max-width: 1441px) {
    .hero .arrow-bottom .icon {
        width:2.2222222222vw
    }
}

@media(max-width: 767px)and (orientation:portrait) {
    .hero .arrow-bottom .icon {
        width:10vw
    }
}

@media(max-width: 767px)and (orientation:landscape) {
    .hero .arrow-bottom .icon {
        width:5vw
    }
}


.module__container {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 20px;
} 

@media(max-width: 1441px) {
    .module__container {
        /*padding-top:12.5vw*/
        padding-top:5vw
    }
}

@media(max-width: 767px)and (orientation:portrait) {
    .module__container {
        /*padding-top:18.75vw;*/
        padding-top:6vw
    }
}

@media(max-width: 767px)and (orientation:landscape) {
    .module__container {
        /*padding-top:9.375vw;*/
        padding-top:3vw
    }
}

@media(max-width: 1441px) {
    .module__container {
        /*padding-bottom:12.5vw;*/
        padding-bottom:4vw;
    }
}

@media(max-width: 767px)and (orientation:portrait) {
    .module__container {
        /*padding-bottom:18.75vw;*/
        padding-bottom:6vw
    }
}

@media(max-width: 767px)and (orientation:landscape) {
    .module__container {
        padding-bottom:9.375vw;
        padding-bottom:0vw
    }
}

@media(max-width: 767px) {
    .module__container {
        min-height:auto;
        padding-right: 8.4375vw;
        padding-left: 8.4375vw
    }
}

.hero.vh {
    min-height: 50vh
}

.module.blanco-serquo {
    color: #fff
}

.module.blanco-serquo .flecha .arrow:after {
    border-color: #fff
}

.module.blanco-serquo .flecha .arrow:before {
    background-color: #fff
}

.module.blanco-serquo svg line,.module.blanco-serquo svg path {
    stroke: #fff
}


.background-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.background-video video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}


.visible {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.container-sequo {
    width: 100%;
    max-width: 1440px;
    margin-right: auto;
    margin-left: auto
}



.dark-serquo {
    color: #000;
}


.hero.blanco-serquo .arrow line,.hero.blanco-serquo .arrow path {
    stroke: #fff
}

.visible {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}




.boton>a,.boton>span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 48px;
    padding: 0 12px 0 17px;
    border: 1px solid;
    border-radius: 48px;
    font-family: FKGrotesk;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 1.5555555556;
    letter-spacing: 0;
}

@media(max-width: 1441px) {
    .boton>a,.boton>span {
        height:3.3333333333vw
    }
}

@media(max-width: 767px)and (orientation:portrait) {
    .boton>a,.boton>span {
        height:11.25vw
    }
}

@media(max-width: 767px)and (orientation:landscape) {
    .boton>a,.boton>span {
        height:5.625vw
    }
}

@media(max-width: 1441px) {
    .boton>a,.boton>span {
        padding:0 .8333333333vw 0 1.1805555556vw
    }
}

@media(max-width: 767px)and (orientation:portrait) {
    .boton>a,.boton>span {
        padding:0 3.75vw 0 4.6875vw
    }
}

@media(max-width: 767px)and (orientation:landscape) {
    .boton>a,.boton>span {
        padding:0 1.875vw 0 2.34375vw
    }
}

@media(max-width: 1441px) {
    .boton>a,.boton>span {
        border-radius:3.3333333333vw
    }
}

@media(max-width: 767px)and (orientation:portrait) {
    .boton>a,.boton>span {
        border-radius:11.25vw
    }
}

@media(max-width: 767px)and (orientation:landscape) {
    .boton>a,.boton>span {
        border-radius:5.625vw
    }
}

@media(max-width: 1441px) {
    .boton>a,.boton>span {
        font-size:1.25vw
    }
}

@media(max-width: 767px)and (orientation:portrait) {
    .boton>a,.boton>span {
        font-size:4.375vw
    }
}

@media(max-width: 767px)and (orientation:landscape) {
    .boton>a,.boton>span {
        font-size:2.1875vw
    }
}

@media(max-width: 767px) {
    .boton>a,.boton>span {
        line-height:1.4285714286;
        letter-spacing: 0
    }
}

.boton>a:hover .icon,.boton>span:hover .icon {
    /*height: 28px;*/
    height: 0px;
    width: 45px
}

@media(max-width: 1441px) {
    .boton>a:hover .icon,.boton>span:hover .icon {
        /*height:1.9444444444vw*/
        height:0.0vw
    }
}

@media(max-width: 767px)and (orientation:portrait) {
    .boton>a:hover .icon,.boton>span:hover .icon {
        /*height:8.75vw*/
        height:0.0vw
    }
}

@media(max-width: 767px)and (orientation:landscape) {
    .boton>a:hover .icon,.boton>span:hover .icon {
        /*height:4.375vw*/
        height:0.0vw
    }
}

@media(max-width: 1441px) {
    .boton>a:hover .icon,.boton>span:hover .icon {
        width:3.125vw
    }
}

@media(max-width: 767px)and (orientation:portrait) {
    .boton>a:hover .icon,.boton>span:hover .icon {
        width:14.0625vw
    }
}

@media(max-width: 767px)and (orientation:landscape) {
    .boton>a:hover .icon,.boton>span:hover .icon {
        width:7.03125vw
    }
}

.boton .etiqueta {
    margin-right: 25px
}

@media(max-width: 1441px) {
    .boton .etiqueta {
        margin-right:1.7361111111vw
    }
}

@media(max-width: 767px)and (orientation:portrait) {
    .boton .etiqueta {
        margin-right:3.125vw
    }
}

@media(max-width: 767px)and (orientation:landscape) {
    .boton .etiqueta {
        margin-right:1.5625vw
    }
}

.boton-circle {
    border: none;
    padding: 0
}

.boton-circle a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 48px;
    height: 48px;
    padding: 0 12px 0 17px;
    border: 1px solid;
    border-radius: 24px;
    -webkit-transition: width .3s ease;
    transition: width .3s ease
}

@media(max-width: 1441px) {
    .boton-circle a {
        width:3.3333333333vw
    }
}

@media(max-width: 767px)and (orientation:portrait) {
    .boton-circle a {
        width:11.25vw
    }
}

@media(max-width: 767px)and (orientation:landscape) {
    .boton-circle a {
        width:5.625vw
    }
}

@media(max-width: 1441px) {
    .boton-circle a {
        height:3.3333333333vw
    }
}

@media(max-width: 767px)and (orientation:portrait) {
    .boton-circle a {
        height:11.25vw
    }
}

@media(max-width: 767px)and (orientation:landscape) {
    .boton-circle a {
        height:5.625vw
    }
}

@media(max-width: 1441px) {
    .boton-circle a {
        padding:0 .8333333333vw 0 1.1805555556vw
    }
}

@media(max-width: 767px)and (orientation:portrait) {
    .boton-circle a {
        padding:0 3.75vw 0 4.6875vw
    }
}

@media(max-width: 767px)and (orientation:landscape) {
    .boton-circle a {
        padding:0 1.875vw 0 2.34375vw
    }
}

@media(max-width: 1441px) {
    .boton-circle a {
        border-radius:1.6666666667vw
    }
}

@media(max-width: 767px)and (orientation:portrait) {
    .boton-circle a {
        border-radius:5.625vw
    }
}

@media(max-width: 767px)and (orientation:landscape) {
    .boton-circle a {
        border-radius:2.8125vw
    }
}

.boton-circle a .icon {
    width: 100%
}

.boton-circle a:hover {
    width: 68px
}

@media(max-width: 1441px) {
    .boton-circle a:hover {
        width:4.7222222222vw
    }
}

@media(max-width: 767px)and (orientation:portrait) {
    .boton-circle a:hover {
        width:17.5vw
    }
}

@media(max-width: 767px)and (orientation:landscape) {
    .boton-circle a:hover {
        width:8.75vw
    }
}






.icon {
    width: 25px;
    -webkit-transition: width .3s ease;
    transition: width .3s ease;
}

.icon .flecha {
    width: 100%;
    display: block;
    margin: 0 auto;
    height: 0;
    opacity: 1;
    position: relative;
}

.icon .flecha .arrow:after {
    content: "";
    display: block;
    margin: 0;
    padding: 0;
    width: 15px;
    height: 15px;
    border-width: 1px;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -7px;
    right: 2px;
    position: absolute
}

@media(max-width: 1441px) {
    .icon .flecha .arrow:after {
        width:1.0416666667vw
    }
}

@media(max-width: 767px)and (orientation:portrait) {
    .icon .flecha .arrow:after {
        width:3.4375vw
    }
}

@media(max-width: 767px)and (orientation:landscape) {
    .icon .flecha .arrow:after {
        width:1.71875vw
    }
}

@media(max-width: 1441px) {
    .icon .flecha .arrow:after {
        height:1.0416666667vw
    }
}

@media(max-width: 767px)and (orientation:portrait) {
    .icon .flecha .arrow:after {
        height:3.4375vw
    }
}

@media(max-width: 767px)and (orientation:landscape) {
    .icon .flecha .arrow:after {
        height:1.71875vw
    }
}

@media(max-width: 1441px) {
    .icon .flecha .arrow:after {
        border-width:.0694444444vw
    }
}

@media(max-width: 767px)and (orientation:portrait) {
    .icon .flecha .arrow:after {
        border-width:.3125vw
    }
}

@media(max-width: 767px)and (orientation:landscape) {
    .icon .flecha .arrow:after {
        border-width:.15625vw
    }
}

@media(max-width: 1441px) {
    .icon .flecha .arrow:after {
        top:-.4861111111vw
    }
}

@media(max-width: 767px)and (orientation:portrait) {
    .icon .flecha .arrow:after {
        top:-1.5625vw
    }
}

@media(max-width: 767px)and (orientation:landscape) {
    .icon .flecha .arrow:after {
        top:-.78125vw
    }
}

@media(max-width: 1441px) {
    .icon .flecha .arrow:after {
        right:.1388888889vw
    }
}

@media(max-width: 767px)and (orientation:portrait) {
    .icon .flecha .arrow:after {
        right:.625vw
    }
}

@media(max-width: 767px)and (orientation:landscape) {
    .icon .flecha .arrow:after {
        right:.3125vw
    }
}

.icon .flecha .arrow:before {
    content: "";
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 1px;
    background: #000;
    position: absolute;
    top: 0;
    right: 0
}

@media(max-width: 1441px) {
    .icon .flecha .arrow:before {
        height:.0694444444vw
    }
}

@media(max-width: 767px)and (orientation:portrait) {
    .icon .flecha .arrow:before {
        height:.3125vw
    }
}

@media(max-width: 767px)and (orientation:landscape) {
    .icon .flecha .arrow:before {
        height:.15625vw
    }
}

@media(max-width: 767px) {
    .desktop,.hide--mobile {
        display:none!important
    }
}

@media(min-width: 768px) {
    .mobile {
        display:none!important
    }
}