/* Font */
@font-face{font-family:'akzentconddb';src:url('../fonts/AkzentCond/akzentcond-regular_db-webfont.eot');src:url('../fonts/AkzentCond/akzentcond-regular_db-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/AkzentCond/akzentcond-regular_db-webfont.woff2') format('woff2'),url('../fonts/AkzentCond/akzentcond-regular_db-webfont.woff') format('woff'),url('../fonts/AkzentCond/akzentcond-regular_db-webfont.ttf') format('truetype'),url('../fonts/AkzentCond/akzentcond-regular_db-webfont.svg#akzentcond_dbregular') format('svg');font-weight:normal;font-style:normal; }

/*Fuentes*/
.arial{ font-family:Arial,Helvetica,sans-serif;font-weight:normal;font-style:normal; }
.popil{font-family:'Poppins', sans-serif !important;font-weight:300;}
.popir{font-family:'Poppins', sans-serif !important;font-weight:400;}
.popim{font-family:'Poppins', sans-serif !important;font-weight:500;}
.popis{font-family:'Poppins', sans-serif !important;font-weight:600;}
.popib{font-family:'Poppins', sans-serif !important;font-weight:700;}
.popie{font-family:'Poppins', sans-serif !important;font-weight:800;}
.aconddb{font-family:'akzentconddb' !important;}

/*CONFIGURACION*/
a:focus-visible{outline:none;}
.row{max-width:76.875em;}
.columns{padding-left:15px;padding-right:15px;}
.callout{padding:0;margin:0;border:0;}
.rel{position:relative !important;}
.abs{position:absolute;top:0;left:0;}
.nothing{padding:0;}
.verticalalignmiddle{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;}
.fullwidth{ width:100%;}
.em{font-style:italic;}
.bold{font-weight:bold;}
.color1{color:#0069B3;}
.color2{color:#4B5663;}
.color3{color:#333;}
.color-blanco{color:white;}
.color-negro{color:black;}
.fondo-blanco{background-color:white;}
.fondo-negro{background-color:black;}
.texto{color:#2D3E50;}
.boton{color:#333;background-color:#FFCD02;border:0;border-radius:5px;max-width:245px;width:100%;transition:all 0.5s ease;padding:0;font-size:17px;line-height:50px;display:block;text-align:center;margin:0;}
.boton:hover,.boton:focus{color:#FFF !important;background-color:#0069B3 !important;}
h1{font-size:36px;line-height:41px;margin:0;}
h2{font-size:30px;line-height:35px;margin:0;}
h3{font-size:28px;line-height:33px;margin:0;}
h4{font-size:32px;line-height:37px;margin:0;}
h5{font-size:38px;line-height:43px;margin:0;}
p{font-size:16px;line-height:25px;margin:0;}
span{display:block;}
blockquote{padding:0;margin:0;border:0;}
figure{margin:0;}
form ::-webkit-input-placeholder{color:#666;}
form :-moz-placeholder{color:#666;}
form ::-moz-placeholder{color:#666;}
form :-ms-input-placeholder{color:#666;}
.iconos{display:inline-block;background-color:transparent;background-image:url(../img/iconos/menu.png);background-repeat:no-repeat;vertical-align:middle;}
.menu-adaptable{width:23px;height:17px;}
.menu_bar{display:none;}
.en-linea > *{ display:inline-block;vertical-align:middle; }
.pagination a:hover, .pagination .current{background:#E5E5E5 !important;color:#333;}

/*Formulario*/
form{margin:0;max-width:730px;width:100%;}
form [type='text']:focus,form [type='password']:focus,form [type='date']:focus,form [type='datetime']:focus,form [type='datetime-local']:focus,
form [type='month']:focus,form [type='week']:focus,form [type='email']:focus,form [type='number']:focus,form [type='search']:focus,form [type='tel']:focus,
form [type='time']:focus,form [type='url']:focus,form [type='color']:focus,form textarea:focus,form select:focus,
form [type='text'],form [type='password'],form [type='date'],form [type='datetime'],form [type='datetime-local'],
form [type='month'],form [type='week'],form [type='email'],form [type='number'],form [type='search'],form [type='tel'],
form [type='time'],form [type='url'],form [type='color'],form textarea,form select{font-size:15px;line-height:20px;background-color:#FFF;border:0;border-bottom:1px solid #BDC0C4;box-shadow: none !important;height:45px;color:#666;outline:0;border-radius:0;margin:0 0 15px;padding:5px;}
form textarea,form textarea:focus{height:150px;}
form select,form select:focus{padding-right:30px;}
form .group-flex{display: flex;justify-content: space-between;align-items: center;}
form label{font-size:16px;line-height:21px;padding-bottom:5px;}
form label.error{font-size: 10px;line-height: 10px;position: absolute;color: white;bottom: 1px;background: #ff0000;width: 100%;padding: 2px;}
form label.error.valid{display: none !important;}

body{font-family: 'Poppins', sans-serif !important;font-weight:400;color:#000;background:white;}
main{margin-top:152px;}
h1, h2, h3, h4, h5, h6{font-family: 'Poppins', sans-serif;font-weight:400;}

/* Header */
header{position:fixed;z-index:11;width:100%;top:0;transition:all 1s ease;background-color:#FFF;border-bottom: 1px solid transparent;}
header.flota{top:-68px;border-bottom-color: #0069B3;}
header .callout-arriba{background-color: #0069B3;}
header .callout-arriba .proy{font-size:14px;line-height:23px;}
header .flex-contac{display: flex;justify-content: center;align-items: center;gap: 50px;padding: 4px 0;}
header .flex-contac p{font-size: 19px;line-height: 19px;}
header .boton{width: 188px;font-size: 16px;line-height: 43px;border-radius: 25px;border: 1px solid #FFCD02;color:#0069B3;}
header .boton.boton2{background-color:#F0F0F0;border-color:#D1D1D1;color:#0069B3;}
header .boton.btn-extra{font-size:15px;width:160px;color:#0069B3;}
header .logo{display:inline-block;transition:all 1s ease;z-index:99;margin:10px 0;position:relative;max-width:214px;}
header .logo img{width:100%;}
header.flota .logo{margin:9px 0;max-width:160px;}
header .parteD{display:flex;align-items:center;gap:10px;height:83px;transition:all 1s ease;}
header.flota .parteD{height:65px;}

/*Menu*/
nav{margin:0;padding:0;text-align:center;transition:all 0.5s ease;padding:29px 0;}
header.flota nav{padding:22px 0;}
nav > ul{line-height:15px;margin-bottom:0;}
nav > ul > li{position:relative;display:inline-block;vertical-align:middle;line-height:15px;padding: 0 10px;}
nav > ul > li.ultimo{display:none;}
nav > ul > li > a{font-size:15px;color:#4B4B4B;display:block;padding:0;text-align:center;transition:all 0.5s ease;line-height:14px;}
nav > ul > li > a i{color:#0069B3;}
nav > ul > li:hover > a, nav > ul > li:focus > a, nav > ul > li.active > a, nav > ul > li > a:focus{color:#0069B3;}
/*SubMenu*/
nav > ul > li > ul{display:none;position:absolute;width:150px;text-align:left;padding-top:20px;}
nav li:hover > ul{display:block;}
nav > ul > li > ul > li{line-height:14px;position:relative;}
nav > ul > li > ul > li > a{display:block;background-color:#FCC005;font-size:15px;line-height:14px;color:#333;transition:all 0.5s ease;padding:10px;position: relative;}
nav > ul > li > ul > li > a > i{position:absolute;top:0;right:10px;bottom:0;margin:auto;height:14px;}
nav > ul > li > ul > li:hover > a,
nav > ul > li > ul > li > a:focus{background-color:#545454;color:#FFF;}

.banners.solo-portada, .banners.solo-portada .fondo{height:100%;}

/*Banners*/
.banners .fondo{background-repeat:no-repeat;background-attachment:scroll;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center;}
.banner-parallax{background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-position:center;}
.banner-parallax .row{position: relative;height:100%;}
.banner-parallax:before{content:'';background-color:rgba(0, 0, 0, .3);position:absolute;width:100%;height:100%;top:0;left:0;}
.banner-port{height:602px;}
.banner-port2{height:728px;}
.banner-test{height:500px;background-image:url(../img/banners/testimonio.jpg);}
.banners .slick-slide{padding-bottom:66px;}
.banners .cuadro-central{position:absolute;bottom:0;left:0;right:0;margin:auto;width:650px;height:124px;border:1px solid #0069b3;border-radius:15px;display:flex;overflow:hidden;}
.banners .cuadro-central > div:first-child{width:calc(100% - 200px);background:#0069b3;display:flex;justify-content:center;align-items:center;padding:20px;}
.banners .cuadro-central > div:last-child{width:200px;background:white;display:flex;justify-content:center;align-items:center;}
.banners .cuadro-central > div:first-child p{color:white;font-size:27px;text-align:center;line-height:1.3;}

.slick-slide img{display:inline-block;}
.slick-nav{width:41px;height:41px;position:absolute;cursor:pointer;top:45%;}
.slick-nav.prev-arrow{left:-5px;transform:scaleX(-1);z-index:1;}
.slick-nav.next-arrow{left:auto;right:-5px;}
.slick-nav i{display:block;position:absolute;margin:-10px 0 0 -10px;width:14px;height: 17px;left:50%;top:50%;}
.slick-nav i:before, .slick-nav i:after{content:'';width:14px;height:3px;border-radius:1px;position:absolute;left:50%;top:50%;background:#116A35;margin:-1px 0 0 -5px;display:block;transform-origin:13px 50%;}
.slick-nav i:before{transform:rotate(-40deg);}
.slick-nav i:after{transform:rotate(40deg);}
.slick-nav:before, .slick-nav:after{content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;border:0;background-color: rgba(255, 255, 255, .8);border-radius:50%;box-shadow: 0 0 6px #999;}
.slick-nav:after{background-color:transparent;}
.slick-nav svg{width:41px;height:41px;display:block;position:relative;z-index:1;color:#333;stroke-width:2px;stroke-dashoffset:126;stroke-dasharray:126 126 0;transform:rotate(0deg);}
.slick-nav.animate svg{animation:stroke 1s ease forwards .1s;}
.slick-nav.animate i{animation:arrow 1s ease forwards;}
.slick-nav.animate i:before{animation:arrowUp 1s ease forwards;}
.slick-nav.animate i:after{animation:arrowDown 1s ease forwards;}
@keyframes stroke{
    52%{transform:rotate(-180deg);stroke-dashoffset:0;}
    52.1%{transform:rotate(-360deg);stroke-dashoffset:0;}
    100%{transform:rotate(-180deg);stroke-dashoffset:126;}
}

@keyframes arrow{
    0%,100%{transform:translateX(0);opacity: 1;}
    23%{transform:translateX(17px);opacity:1;}
    24%,80%{transform:translateX(-22px);opacity:0;}
    81%{opacity:1;transform:translateX(-22px);}
}

@keyframes arrowUp{
    0%,100%{transform:rotate(-40deg) scaleX(1);}
    20%,80%{transform:rotate(0deg) scaleX(.1);}
}

@keyframes arrowDown{
    0%,100%{transform:rotate(40deg) scaleX(1);}
    20%,80%{transform:rotate(0deg) scaleX(.1);}
}
.arrow-prev,.arrow-next{cursor:pointer;}
.slick-dots{position:absolute;bottom:100px;left:0;right:0;display:block;max-width:1200px;width:100%;padding:0;margin:0 auto;line-height:4px;list-style:none;padding-left:90px;}
.slick-dots li{position:relative;display:inline-block;width:14px;height:14px;margin:0 5px;padding:0;cursor:pointer;}
.slick-dots li button{font-size:0;line-height:0;display:block;width:14px;height:14px;padding:0;cursor:pointer;color:transparent;border:0;outline:none;background:transparent;}
.slick-dots li button:before{position:absolute;top:0;left:0;width:14px;height:14px;content:'';text-align:center;opacity:1;color:black;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:50%;background-color:#FFF;}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{opacity:.7;}
.slick-dots li.slick-active button:before{opacity:1;background:#FF9C12;}

.callout.primary, .callout.alert, .callout.success{padding:15px 20px;border-radius:20px;margin:10px 0 0;color:#333;}

/*Pagina Principal*/

.banners.movil{display:none;}
#portada .banners a.abs{width:100%;height:100%;}
.banners .slick-nav.prev-arrow{left:15px;}
.banners .slick-nav.next-arrow{right:15px;}
#portada .callout-0{padding:80px 0 40px;background-color:#F4F6F5;background-image: url(../img/iconos/linea.png);background-repeat: no-repeat;background-position: center 5px;}
#portada .callout-0 h5{padding-bottom:35px;}
#portada .callout-0 .categoria{display: flex;flex-flow:row wrap;justify-content: center;align-items: center;}
#portada .callout-0 .categoria > div{width: 180px;text-align: center;margin-bottom:15px;}
#portada .callout-0 .categoria > div img{margin-bottom: 10px;}
#portada .callout-0 .categoria p{font-size: 18px;line-height: 18px;}
#portada .callout-1{padding:40px 0 80px;position:relative;}
#portada .callout-1 .flotante{position:absolute;top:-62px;left:0;right:0;margin:auto;}
#portada .callout-1 h1{padding:130px 0 20px;}
#portada .callout-1 p{padding-bottom:40px;max-width:700px;}
.slider-proyectos{max-width: 870px;margin: 0 auto;}
.proyecto{max-width:394px;margin:10px auto;box-shadow: 0 0 15px #CCCCCC;padding: 10px 10px 25px;border-radius: 10px;}
.proyecto figure{margin-bottom: 0;}
.proyecto .flex-titu{display: flex;justify-content: start;align-items: center;padding-left:15px}
.proyecto .flex-titu h4{font-size:16px;line-height:20px;padding-left: 10px;}
.proyecto .flex-titu h4.ulti{padding-right: 15px;}
.proyecto .precio{background:#FFCD02;width:267px;display:flex;padding:8px;justify-content:center;align-items:center;gap:15px;border-radius:35px;margin-top:-45px;margin-left:10px;position:relative;margin-bottom:15px;}
.proyecto .precio > p:first-child{font-size:15px;padding:0!important;line-height:15px;}
.proyecto .precio > p:last-child{font-size:40px;padding:0!important;line-height:40px;color:#0069B3;}
.proyecto .precio > p:last-child small{font-size:25px;line-height:25px;}
.proyecto .titulo{font-size:22px;line-height:25px;padding-bottom:10px!important;padding-left:15px;}
#portada .medio{background-image:url(../img/banners/medio.jpg);}
#portada .callout-2{padding:85px 0 0;background-color:#0069B3;}
#portada .callout-2 blockquote{font-size: 50px;line-height: 55px;padding-bottom: 30px;}
#portada .callout-2 blockquote span{color:#FFCD02;display:inline-block;}
#portada .callout-2 p{font-size: 17px;padding-bottom: 20px;}
#portada .callout-2 p > strong:last-child{color:#FFCD02;}
#portada .callout-2 .group-flex > div{width: 100%;max-width:286px;}
#portada .callout-2 form input,
#portada .callout-2 form select{background-color: #EDEEF2;color: #4A4A4A;width: 100%;height: 49px;border-radius: 5px; padding: 5px 14px;border: 0;background-position: right 0px center;}
#portada .callout-2 form .boton:hover{border:1px solid white;}
#portada .callout-3{padding: 85px 0;}
#portada .callout-3 h4{max-width: 950px;margin: 0 auto 30px;color:#0069B3;}
.slider-testimonio{max-width: 1160px;margin: 0 auto;}
.testimonio{max-width: 950px;margin:0 auto;display:flex;gap:60px}
.texto-centro{max-width: 950px;margin:0 auto;}
.texto-centro .central{max-width: 387px;text-align:center;}
.testimonio figure{text-align: center;margin:0 auto 25px;width:387px;}
.testimonio .detalle{width:calc(100% - 447px);}
.testimonio .detalle .det{font-size:22px;line-height:27px;padding:15px 0 20px!important;}
.testimonio .detalle .nombre{font-size:34px;line-height:1.3;padding-bottom:20px!important;}
.btn-test{font-size:16px;line-height:1.3;color:#0069B3;}
.btn-test:hover{text-decoration:underline;color:#0069B3;}
#portada .callout-4{padding: 65px 0;background-color: #F4F6F5;}
#portada .callout-4 h4{padding-bottom: 40px; }
.blog{max-width:366px;margin:10px auto;box-shadow: 0 0 15px #CCCCCC;padding: 15px;border-radius: 10px;background-color: #FFF;}
.blog figure{margin-bottom: 20px;overflow:hidden;}
.blog figure img{-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.blog figure:hover img{-webkit-transform: scale(1.15);transform: scale(1.15);}
.blog figure a{width:100%;height:100%;}
.blog .fecha-link{display: flex;justify-content: space-between;align-items: center;}
.blog .fecha-link .fecha{width: 50px;border-right: 1px solid #BDC0C4;font-size: 16px;text-align: center;padding-right: 10px;}
.blog .fecha-link .fecha b{display: block;font-size: 30px;line-height:30px;}
.blog .fecha-link .linka{width: calc(100% - 60px);}
.blog .fecha-link .linka a{font-size: 16px;line-height: 23px;color: #333;}
#portada .callout-5{padding: 80px 0;}
#portada .callout-5 .conta{display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;}
#portada .callout-5 .conta > div:first-child{width: 213px;}
#portada .callout-5 .conta > div:last-child{width: calc(100% - 225px);}
#portada .callout-5 blockquote{font-size: 38px;line-height: 43px;padding-bottom: 15px;}
#portada .callout-5 p{font-size: 18px;line-height: 23px;padding-bottom: 10px;}
#portada .callout-5 .boton{max-width: 341px;line-height:65px;font-size: 22px;}

/*Contacto*/
#gene .callout-1{background-color:#F4F6F5;padding:40px 0;background-image: url(../img/iconos/linea.png);background-repeat: no-repeat;background-position: center 5px;}
#gene .callout-1 .contacto-banner img{border-radius:10px;margin-bottom:50px;}
#gene .callout-1 .contacto-banner > img:last-child{display:none;}
#gene .callout-1 h2{padding-bottom:30px;}
#gene .callout-1 h2 b{display:block;font-size:50px;line-height:55px;}
#gene .callout-1 h3{padding-bottom:30px;}
#gene .callout-1 .clearfix{padding-bottom:50px;}
#gene .callout-1 .ubica{display: flex;flex-flow:row wrap;justify-content:space-between;align-items:flex-start;margin-bottom:15px;}
#gene .callout-1 .ubica > div{width:50px;text-align:center;padding-top:10px;}
#gene .callout-1 .ubica > p{width:calc(100% - 55px);}
#gene .callout-1 .ubica.ubica2{align-items:center;max-width:210px;margin:0 auto 15px;}
#gene .callout-1 .ubica.ubica2 > div{padding-top:0;}
#gene .callout-1 .ubica.ubica2 p{font-size:20px;line-height:20px;}
#gene .callout-1 .mivi{background:#0069B3;display:flex;flex-flow:column;justify-content:center;align-items:flex-start;margin-bottom:-115px;height:242px;padding:15px 55px;border-radius:10px;position:relative;z-index:1;}
#gene .callout-1 .mivi h5{font-size:36px;line-height:41px;padding-bottom:15px;}
#gene .callout-1 .blog{margin:10px auto 40px;}
#gene .callout-1 .bloga{font-size:20px;line-height:25px;padding-bottom:30px;}
#gene .callout-1 .bloga a{font-size:13px;line-height:13px;color:#FAC101;}
#gene .callout-1 .compa{font-size:15px;line-height:20px;padding-bottom:10px;}
#gene .callout-1 .fechad{font-size:14px;line-height:20px;padding:15px 0;}
#gene .callout-1 .fechad img{margin-top:-3px;}
#gene .callout-1 .detalle{padding-bottom:30px;}
#gene .callout-1 .detalle h3{font-size:22px;line-height:27px;}
#gene .callout-1 .detalle * {padding-bottom:15px;}
#gene .callout-2{padding:50px 0 100px;}
#gene .callout-2 h3{padding-bottom:15px;}
#gene .callout-2 p{padding-bottom:50px;}
#gene .callout-2 h3 img{padding-left:40px;}
#gene .callout-2 .group-flex{display: flex;flex-flow:row wrap;justify-content:space-between;align-items:center;}
#gene .callout-2 .group-flex > div{max-width:330px;width:100%;}
#gene .callout-2 .boton{max-width:264px;margin:30px 0 10px;border:1px solid #333;font-size:18px;line-height:50px;border-radius:30px;}
#gene .callout-2 .boton img{padding-right:10px;}
#gene .callout-2 .boton:hover{background-color:#ffe680 !important;color:#333 !important}
#gene .callout-3{padding:200px 0 280px;}
#gene .callout-3 h2{padding-bottom:30px;}
#gene .callout-3 .valores{display:flex;flex-flow:row wrap;justify-content:space-evenly;align-items:center;}
#gene .callout-3 .valores > div{width:180px;}
#gene .callout-3 .valores figure{height:140px;}
#gene .callout-3 .valores span{font-size:30px;line-height:35px;padding:5px 0 10px;}
#gene .callout-4{padding:0 0 50px;background:#F4F6F5;}
#gene .callout-4 img{margin-bottom:40px;border-radius:10px;}
#gene .callout-4 img.img-one{margin-top:-190px;}
#gene .callout-5{padding:20px 0 10px;background-image: url(../img/iconos/linea.png);background-repeat: no-repeat;background-position: center top;}
#gene .callout-5 .c_tit{background:#FDCC0A;font-size:16px;line-height:16px;display:inline-block;padding:5px 15px;border-radius:5px;margin-bottom:15px;}
#gene .callout-5 .c_tit img{max-width:30px;margin-right:5px;}
#gene .callout-5 h1{padding-bottom:20px;}
#gene .callout-5 .precio{background:#FFF;font-size:33px;line-height:33px;max-width:259px;padding:5px 15px;border-radius:5px;margin:15px auto;text-align:center;}
#gene .callout-5 .precio small{display:block;font-size:13px;line-height:18px;}
#gene .callout-5 .ban-inmu img{border-radius:15px;}
#gene .callout-5 .ban-inmu > img:last-child{display:none;}
#gene .raya{background-image:url(../img/banners/rayas.jpg);}
#gene .callout-6{padding:25px 0 75px;position:relative;}
#gene .callout-6::before{content:'';background:url(../img/iconos/sombra.png) no-repeat;height:14px;width:100%;position:absolute;top:0;}
#gene .callout-6 h1{padding-bottom:20px;color:#0069B3;}
#gene .callout-6 .images-flex{display:flex;gap:15px;justify-content:space-between;align-items:center;margin-bottom:100px;}
#gene .callout-6 .images-flex > div{width: 25%;display: flex;flex-direction: column;gap: 15px;}
#gene .callout-6 .images-flex > div:first-child{order: 1;width: 50%;}
#gene .callout-6 .images-flex > div:last-child{order: 2;}
#gene .callout-6 .images-flex figure,
#gene .callout-6 .images-flex figure img{border-radius: 10px;transition: all 0.5s ease;}
#gene .callout-6 .images-flex figure a{width:100%;height:100%;}
#gene .callout-6 .proy{max-width:141px;padding:10px;border-radius:5px;font-size:15px;line-height:14px;margin-bottom:15px;}
#gene .callout-6 .logo-proy{margin-bottom:15px;}
#gene .callout-6 p{padding-bottom:20px;}
#gene .callout-6 .forma{position:sticky;top:70px;}
#gene .callout-6 .div-form{max-width:589px;margin:0 auto 20px;background:#ECF5FC;border: 1px solid #e6e6e6;padding:50px 25px 40px;border-radius:10px;position:relative;z-index:1;}
#gene .callout-6 .div-form h3{padding-bottom:20px;}
#gene .callout-6 .div-form p{font-size:17px;}
#gene .callout-6 form input,
#gene .callout-6 form textarea,
#gene .callout-6 form select{background-color: #FFF;color: #4A4A4A;width: 100%;height: 49px;border-radius: 5px; padding: 5px 18px;border: 0;}
#gene .callout-6 form textarea{height:119px;margin-bottom:20px;}
#gene .callout-6 .div-form .group-flex > div{width:260px;}
#gene .callout-6 .div-form .boton{background:#0069B3;margin:0 auto 10px;color:white;}
#gene .callout-6 .cuadros-finales{padding: 50px 0;position:relative;}
#gene .callout-6 .cuadros-finales::before{content: "";width: 100vw;height: 100%;background-color:rgba(191,218,234,.6);position: absolute;margin: 0;padding: 0;top: 0;left: calc(100% - 49.5vw);z-index: 0;}
#gene .callout-7{padding:50px 0;background:rgba(191,218,234,.6);}
#gene .callout-7 h4,
#gene .callout-6 h4{max-width:550px;margin:0 0 40px;position:relative;}
#gene .callout-7 h4.titulo-oportunidad,
#gene .callout-6 h4.titulo-oportunidad{padding-left:90px;}
#gene .callout-7 h4.titulo-oportunidad img{}
#gene .callout .apro-flex{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;width:518px;position:relative;}
#gene .callout .apro-flex > div{background-color:#FFF;width:240px;height:133px;margin-bottom:20px;border-radius:10px;font-size:30px;line-height:35px;display:flex;justify-content:center;align-items:center;text-align:center;height:82px;border:1px solid #B8CCA2;}
#gene .callout .apro-flex > div small{font-size:16px;line-height:21px;display:block;padding-bottom:5px;color:#333;}
#gene .callout .apro-flex > div span{width:200px;color:#004A8E;}
#gene .callout-7 .contado,
#gene .callout-6 .contado{display:flex;gap:40px;width:518px;padding:10px 30px;background:#0069B3;height:82px;justify-content:center;align-items:center;border-radius:10px;margin-bottom:20px;position:relative;}
#gene .callout-7 .contado p,
#gene .callout-6 .contado p{color:white;padding-bottom:0;position:relative;}
#gene .callout-7 .contado p.precio,
#gene .callout-6 .contado p.precio{font-size:30px;}
#gene .callout-7 .contado.contado2,
#gene .callout-6 .contado.contado2{gap:60px;background:#FFF;border:1px solid #B8CCA2;position:relative;}
#gene .callout-7 .contado.contado2 p,
#gene .callout-6 .contado.contado2 p{color:#333;}
#gene .callout-7 .contado.contado2 p.precio,
#gene .callout-6 .contado.contado2 p.precio{color:#004A8E;}
#gene .callout-7 p.pagoCuota,
#gene .callout-6 p.pagoCuota{font-size:17px;padding-bottom:20px;position:relative;}
#gene .callout-7 p a,
#gene .callout-6 p a{color:#0069B3;}
#gene .callout-7 p a:hover,
#gene .callout-6 p a:hover{text-decoration:underline;}
#gene .callout-8{padding:80px 0;}
#gene .callout-8 h4{padding-bottom:40px;}
#gene .callout-8 h4 small{display:block;font-size:24px;line-height:29px;}
#gene .callout-8 .apro-flex{justify-content:space-evenly;}
#gene .callout-8 .apro-flex > div{font-size:35px;line-height:40px;}
#gene .callout-8 .apro-flex > div small{font-size:20px;line-height:25px;height:auto;padding-bottom:5px;}
#gene .callout-8 .tit-vid{padding:0 0 20px;}
#gene .callout-8 .video-iframe{border-radius:10px;padding:20px;margin:0 auto;background:#FFF;max-width:956px;-webkit-box-shadow: 0px 13px 7px -10px rgba(0,0,0,0.75);-moz-box-shadow: 0px 13px 7px -10px rgba(0,0,0,0.75);box-shadow: 0px 13px 7px -10px rgba(0,0,0,0.75);}
#gene .callout-8 .video-iframe iframe{max-width:916px;width:100%;height:519px;margin:0 auto;position:relative;}
#gene .callout-8 .ico-flex{display:flex;flex-flow:row wrap;justify-content:space-evenly;align-items:flex-start;}
#gene .callout-8 .ico-flex > div{width:180px;font-size:15px;line-height:20px;}
#gene .callout-8 .ico-flex > div small{display:block;font-size:22px;line-height:25px;padding-bottom:5px;}
#gene .callout-8 .ico-flex figure{height:110px;margin-bottom:10px;}
#gene .callout-8 .ico-flex figure img{max-height:95px;}
#gene .callout-9{padding:60px 0;background:#F4F6F5;}
#gene .callout-9.fondo-blanco{background:#FFF;}
#gene .callout-9 .curvo{border-radius:10px;}
#gene .callout-9 h4{padding-bottom:30px;}
#gene .callout-9 .tit1{font-size:36px;line-height:1.2;padding:20px 0 25px;}
#gene .callout-9 .tit{font-size:22px;line-height:1.2;padding-left:25px;}
#gene .callout-9 .tit img{top:3px;}
#gene .callout-9 .deta{font-size:15px;line-height:1.2;padding-bottom:15px;padding-left:25px;}
#gene .callout-9 .slider-principal{max-width:1068px;margin:0 auto}
#gene .callout-9 .slick-nav.prev-arrow{left:-20px;}
#gene .callout-9 .slick-nav.next-arrow{right:-20px;}
#gene .callout-10{padding:40px 0 0;}
#gene .callout-10 .contac-flex{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;max-width:800px;margin:0 auto;}
#gene .callout-10 .contac-flex > div:first-child{width:430px;}
#gene .callout-10 .contac-flex a:hover img{opacity:.7;}
#gene .callout-10 span{font-size:40px;line-height:45px;padding-bottom:10px;}
#gene .callout-10 p{font-size:18px;line-height:23px;padding-bottom:10px;}
#gene .callout-titulo{padding:30px 0;background-image:url(../img/iconos/fon01.png);background-repeat:no-repeat;background-size:cover;background-position:center;background-color:#F4F6F5;}
#gene .callout-titulo .c_tit{background:#FDCC0A;font-size:16px;line-height:16px;display:inline-block;padding:5px 15px;border-radius:5px;margin-bottom:15px;}
#gene .callout-titulo .c_tit img{max-width:30px;margin-right:5px;}
#gene .callout-titulo .ubicacion{font-size:24px;line-height:29px;padding-left:50px;margin-top:20px;}
#gene .callout-titulo .ubicacion small{font-size:20px;line-height:25px;display:block;}
#gene .callout-titulo .ubicacion img{bottom:0;margin:auto;}
#gene .callout-titulo2{background-image:url(../img/iconos/fon02.png);background-repeat:no-repeat;background-size:cover;background-position:center;background-color:#F4F6F5;}
#gene .callout-titulo3{background-image:url(../img/iconos/fon03.png);background-repeat:no-repeat;background-size:cover;background-position:center;background-color:#F4F6F5;}
#test .callout-1{padding:60px 0;}
#test .callout-1 h4{max-width:950px;margin:0 auto 50px;}
#test .callout-1 .testimonio{margin:0 auto 60px;}
#modalTestimonio{padding:30px;border-radius:20px;}
#modalTestimonio .central{display:flex;gap:30px;margin-bottom:30px;}
#modalTestimonio .central > div{flex:1;}
#modalTestimonio .central .tites{font-size:18px;padding:10px 0 20px;}
#modalTestimonio .central .nombre{font-size:30px;padding:20px 0 0;line-height:1.3;}

/*Reclamo*/
#reclamo .callout-1{padding:60px 0;background:#F1f1f1;}
#reclamo .callout-1 h1{font-size: 24px !important;line-height:29px;padding-bottom:15px;}
#reclamo .callout-1 p{padding-bottom: 20px;font-size:15px;line-height:20px;}
#reclamo .callout-1 h4{font-size:18px !important;line-height:23px;padding-bottom:20px;}
#reclamo .callout-1 form label{color:#333;}
#reclamo input[type="text"], #reclamo input[type="password"], #reclamo input[type="file"], #reclamo input[type="email"], #reclamo textarea, #reclamo select {background-color: #FFF !important;border: 0 !important;box-shadow: none !important;height: auto;padding:7px;margin-bottom: 15px !important;color: #333;font-size: 15px;}
#reclamo textarea{height: 110px;}
#reclamo select{padding-right:25px;}

/*Pie de página*/
footer{background:#0069B3;padding:0;}
footer .logo {width:250px;display:block;margin:50px auto 20px;}
footer .callout-final{border-bottom:1px solid #5BA0CE;background:transparent;margin-bottom:30px;}
footer .callout-final .flex-links{display:flex;justify-content:center;align-items:center;gap:50px;height:80px;}
footer .callout-final .flex-links a{font-size:17px;line-height:17px;color:rgba(255,255,255,.5);}
footer .callout-final .flex-links a:hover{text-decoration:underline;color:#FFCD02;}
footer .flex-redes{display:flex;justify-content:center;align-items:center;gap:50px;margin-bottom:20px;}
footer .flex-redes a{font-size:15px;text-align:center;}
footer .flex-redes a span{display:block;color:white;margin-top:10px;}
footer .flex-redes a:hover span{text-decoration:underline;}
footer .flex-redes a:hover img{opacity:.7;}
footer .flex-contacto{display:flex;justify-content:center;align-items:center;gap:100px;margin-bottom:25px;}
footer .flex-contacto p{display:flex;justify-content:center;align-items:center;gap:10px;color:white;font-size:15px;}
footer .flex-fin{display:flex;justify-content:center;align-items:center;margin:15px 0;}
footer .flex-fin a{color:#333;font-size:15px;line-height:17px;}
footer .flex-fin a:hover{text-decoration:underline;}
footer .flex-fin a:hover img{opacity:.7;}
footer .flex-fin span{padding-left:20px;margin-left:20px;border-left:1px solid #0069B3;height:33px;}
footer blockquote{font-size:40px;color:#FFCD02;}
footer p.regu{font-size:17px;line-height:20px;padding:15px 0 45px;color:white;}
footer .p{display:flex;align-items:center;height:60px;}
footer .p p{font-size:15px;}
footer .p p a:hover{text-decoration:underline;}

.btn-flota{position:fixed;right:15px;bottom:105px;z-index:1;}
#formulario-modal{max-width:750px;width:100%;padding:40px 20px;}
#formulario-modal form{max-width:700px;width:100%;margin:0 auto;}
#formulario-modal h5{font-size:32px;line-height:37px;padding-bottom:20px;}
#formulario-modal p{padding-bottom:20px;}
#formulario-modal .boton{max-width:264px;margin:30px 0 10px;border:1px solid #333;font-size:18px;line-height:50px;border-radius:30px;display:inline-block;}
#formulario-modal .boton img{padding-right:10px;}
#formulario-modal .boton:hover{background-color:#ffe680 !important;color:#333 !important}
#formulario-modal .cerrar{margin:30px 20px 10px 0;border:1px solid transparent;font-size:18px;line-height:50px;border-radius:30px;display:inline-block;text-align:center;color:#333;}
#formulario-modal .cerrar:hover{color:#0069B3;}
#formulario-modal form label.error{width: calc(100% - 30px);}

/* Tablet y Movil */
@media screen and (max-width: 69.6875em){
    nav > ul > li{padding:0 3px;}
}
@media screen and (max-width: 64em){
    .menu_bar{display:block;margin:12px 0;text-align:right;}
    header.flota .menu_bar{margin:9px 0;}
    .menu_bar a{display:inline-block;line-height:18px;padding:13px 0;}
    .menu_bar span{display:inline-block;font-size:18px;line-height:18px;padding-right:10px;}
    .contact-ulti{display:none;}
    /*Menu*/
    nav {position:absolute;z-index:99;width:100%;left:0;display:none;padding:0 !important;transition:none;top:100%;}
    nav ul{display:block;border-bottom:1px solid #D6D6C7;}
    nav > ul > li{display:block !important;border-top:1px solid #D6D6C7 !important;margin:0;padding:0;}
    nav > ul > li.ultimo{display:block;}
    nav > ul > li + li{padding-left:0;border-left: 0;margin-top:-3px;}
    nav > ul > li > a{display:block;padding:10px 0px;margin:0;border:0;font-size:16px;color:#333;line-height:16px;background:#ffd217;}
    nav > ul > li:hover > a,nav > ul > li:focus> a,nav > ul > li.active > a{color:#333;background:#ebd15f;border:0;}
    /*SubMenu*/
    nav > ul > li > ul{position:relative;width:100%;text-align:center;padding-top:0;}
    nav > ul > li > ul > li{line-height:14px;position:relative;}
    nav > ul > li > ul > li > a{display:block;background-color:#0069b3;font-size:15px;line-height:14px;color:#FFF;transition:all 0.5s ease;padding:10px;position: relative;}
    nav > ul > li > ul > li > a > i{position:absolute;top:0;right:10px;bottom:0;margin:auto;height:14px;}
    nav > ul > li > ul > li:hover > a,
    nav > ul > li > ul > li > a:focus{background-color:#545454;color:#FFF;}
}

@media only screen and (max-width:55em){
    main{margin-top:102px;}
    header .flex-contac{display:none;}
    header.flota{top:0;}
}
@media only screen and (max-width:39.999em){
    .banners.movil{display:block;}
    .banners.escritorio{display:none;}
    .banner-port{height:auto;}
    .banner-port2{height:450px;}
    .banner-test {height: 200px;}
    #portada .callout-1 h1{padding: 0 0 20px;}
    #portada .callout-2 blockquote{font-size:35px;line-height:40px;}
    #portada .callout-2{padding:65px 0;}
    #portada .callout-2 p{padding-top:20px;}
    form .group-flex{flex-flow:column;}
    form .group-flex > div{max-width:100% !important;width:100% !important;}
    #portada .callout-5 .conta{flex-flow:column;}
    #portada .callout-5 .conta > div:last-child{width:100%;padding-top:15px;}
    #gene .callout-5 .ban-inmu > img:first-child,
    #gene .callout-1 .contacto-banner > img:first-child{display:none;}
    #gene .callout-1 .contacto-banner > img:last-child,
    #gene .callout-5 .ban-inmu > img:last-child{display:inline-block;}
    #portada .callout-1{padding:25px 0 100px;}
    #gene .callout-1 h2 b{font-size:35px;line-height:40px;padding-bottom:10px;}
    #gene .callout-1 .mivi{margin-bottom:40px;height:auto;padding:30px;}
    #gene .callout-3{padding:65px 0;}
    #gene .callout-3 .valores{flex-flow:column;}
    #gene .callout-4{padding:40px 0;}
    #gene .callout-4 img.img-one{margin-top:0;}
    #gene .callout-1 .ubica.ubica2{max-width:100%;}
    #gene .callout-2 .contac{display:none;}
    #gene .callout-5 .precio{margin: 0 0 20px;}
    #gene .callout-6 .div-form{margin:20px auto;padding:40px 20px;}
    #gene .callout .apro-flex{justify-content:center;flex-flow: column;width: 100%;}
    #gene .callout-8 .video-iframe{margin:80px 0 70px;height:200px;}
    #gene .callout-8 .video-iframe iframe{max-width:450px;height:225px;top:-60px;}
    #gene .callout-8 .ico-flex{flex-flow:column;justify-content:center;align-items:center;}
    #gene .callout-8 .ico-flex > div{margin-bottom:20px;}
    #portada .callout-1 .flotante{position: relative;top: 0px;margin: 0 auto 40px;}
    footer .callout-final .flex-links{gap:25px;height:auto;flex-wrap:wrap;padding:20px 0;}
    footer .flex-redes {gap:25px;height:auto;flex-wrap:wrap;}
    footer .flex-fin{flex-wrap:wrap;gap:20px;flex-direction: column;align-items: start;}
    footer .flex-fin span {display:none;}
    footer .flex-contacto {gap:25px;flex-wrap:wrap;justify-content: left;}
    footer blockquote {font-size: 25px;line-height: 1.3;}
    .testimonio{gap:25px;flex-wrap:wrap;}
    .testimonio .detalle,
    .testimonio figure{width:100%;}
    #gene .callout-6 .images-flex {flex-flow:column;}
    #gene .callout-6 .images-flex > div,
    #gene .callout-6 .images-flex > div:first-child{width:100%;}
    #gene .callout-7 .contado {flex-wrap:wrap;gap:20px;width:100%;height:auto;padding:10px;}
    #gene .callout-7 .contado > p:last-child,
    #gene .callout-6 .contado > p:last-child{display:none;}
    #gene .callout-10 .contac-flex{justify-content: center;}
    main{margin-top:84px;}
    #gene .callout-6 .cuadros-finales::before {left: -15px;}
    #gene .callout-7 .contado, #gene .callout-6 .contado,#gene .callout-6 .contado.contado2 {flex-wrap: wrap;height: auto;width: 100%;margin:0 auto 20px;gap:20px}
    footer .flex-fin a br {display:none;}
    #gene .callout .apro-flex > div{width:100%;}
}

@media screen and (max-width: 25em){

}

/* min widt*/

@media only screen and (min-width:64em){
    nav{display:block !important;}
}

@media only screen and (min-width: 66.259em) {
}

@media only screen and (min-width: 76em){

}