@charset "utf-8";

body { padding:0px; margin:0px; background:#fff; font-size:16px; color:#282828; line-height:20px; font-family: 'HelveticaNeue-Roman';}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, audio, video, source { display: block; margin: 0; padding: 0; }
a, img { border: medium none; }
a { color: #192432; text-decoration: none;  }
div { margin: 0; padding: 0; }
p { font-size:16px; line-height:24px; padding:0px; margin:0px; color:#000000;} 
h1, h2, h3, h4, h5, h6 { padding:0px; margin:0px;  line-height: 30px; font-weight: normal;}
a{ color: #192432; outline:none; transition:all .5s ease; }
ul, li { list-style:none;}
a:focus, :focus{ outline:none; }
ul,ol { list-style-type:none; padding:0px; margin:0px; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; } 
* html .clearfix { height: 1%; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear { clear: both; line-height: 1px; padding:0px; height:0px; font-size:1px; }
.left { float:left; }
.right { float:right; }
.anim { transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; }
.anim2 { transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.row { width:1170px; margin:auto; padding:0px;}
.row1 { width:1235px; margin:auto; padding:0px;}
.row2 { width:100%; max-width: 975px; margin:auto; padding:0px;}

/****************header css starts*****************/
.head {z-index: 9;float: left;width: 100%;} 
.top-head {float: left;width: 100%;background:#EAEEF2;transition: all 0.5s ease;padding: 4px 0;}
.ht-main {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.ht-lft {flex: 0 1 auto; display: flex;flex-wrap: wrap;column-gap: 30px;}
.ht-lft ul {display: flex;align-items: center;column-gap: 20px;}
.ht-lft ul li {flex: 0 1 auto;}
.ht-lft ul li a {width: auto;display: flex;align-items: center;}
.ht-lft ul li a img {width: auto;}
.ht-lft a.contacto-btn{font-family: 'HelveticaNeue-Medium'; font-size: 14px;line-height: 16px;letter-spacing: 0.4px; color: #327994;display: flex;align-items: center;background: transparent;border-radius: 3px;padding: 5px 10px;transition: all 0.5s ease;}
.ht-lft a.contacto-btn:hover{background: #327994; color: #ffff;}

.ht-rgt {flex: 0 1 auto; display: flex;column-gap: 30px;align-items: center;}
.ht-rgt a.search{font-family: 'HelveticaNeue-Medium'; font-size: 14px;line-height: 16px; letter-spacing: 0.4px; color: #327994;display: flex;align-items: center; column-gap: 10px;}
.ht-rgt a.search span{background: url(../images/ico-search.svg) no-repeat center center;width: 14px;height: 14px;position: relative; display: inline-flex;}
.ht-rgt a:hover { opacity: 0.7;}

.ht-rgt ul {display: flex;align-items: center;column-gap: 5px;}
.ht-rgt ul li {flex: 0 1 auto;} 
.ht-rgt ul li a {font-size: 14px;line-height: 16px;color: #327994;letter-spacing: 0.4px;font-family: 'HelveticaNeue-Roman';display: flex;align-items: center; background: transparent; border-radius: 3px; padding: 5px 10px; transition: all 0.5s ease;}
.ht-rgt ul li a:hover {background: #327994; color: #ffff; /*font-family: 'HelveticaNeue-Medium';*/}
header {float: left;width: 100%;position: relative;z-index: 9999;}
.head-top { float: left; width: 100%;}
.head-top-in{float: left;width: 100%;display: flex;align-items: center;justify-content: space-between; padding: 10px 0;}
.is-sticky header .head-top {background: #fff; box-shadow: 0 10px 20px rgba(0,0,0,0.15);}
.is-sticky header .head-top::after { border: none;} 
.logo-top {float: left;padding: 0px;z-index: 9;}
.logo-top img {width: 165px; float: left;transition: all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;z-index: 9999;position: relative;}
.head-rgt {flex-wrap: wrap;display: flex;align-items: center;width: 83%; justify-content: end; }
.web-btn { float: right; width: auto;}
.web-btn a { display: inline-flex; align-items: center; justify-content: center; height: 45px; background: #0080AD; border: 3px solid rgba(50,121,148,18.31%); color: #fff; padding: 0 25px; border-radius: 23px; font-family: 'HelveticaNeue-Bold'; font-size: 15px; line-height: 25px; letter-spacing: 0.15px; transition:all .5s ease;}
.web-btn a:hover { background: #00D1FF; border: 3px solid #00D1FF; color: #FFFFFF;}
.menu-wrap {margin-right: 25px;margin-top: 0px;left: 0;right: 0;}
.hidden-mob .is-sticky header .head-top::after { border-bottom: 1px solid rgba(255,255,255, 0.5); } 
.inner-mobile header .head-top::after { border-bottom: 1px solid rgba(255,255,255, 0.5); } 
.mob-search { display: none; }
.mob-search a.search {display: inline-block; background: url(../images/ico-search.svg) no-repeat;width: 19px;height: 19px;position: relative; } 
.hide-scroll .head-top { box-shadow: none; }
.hide-scroll .is-sticky .head-top { box-shadow: none; background: none; }
.is-sticky .inner-header .cbp-hrmenu > ul > li > a.active::after, .is-sticky .inner-header .cbp-hrmenu > ul > li > a:hover::after  { background: #fff;}
.is-sticky header.dark-bg .head-top::after { border-bottom: 1px solid rgba(255,255,255, 0.5); }
.inner-mobile .is-sticky header .head-top::after { border-bottom: 1px solid rgba(255,255,255, 0.5); }

/************desktop search**************/
.desktop-search { float: left; width: 100%; height: 100%; background: #327994; padding: 100px 0px 30px; text-align: center; opacity: 0; visibility: hidden; position: fixed; top: 0; transition: all 0.4s ease; z-index: 99999; 
display: flex; align-items: center; justify-content: center; overflow-y: scroll;}
.desktop-search h2 { float: left; width: 100%; text-align: center; color: #fff; font-size: 60px; line-height: 80px; font-family: 'HelveticaNeue-Medium'; margin-bottom: 20px; letter-spacing: 0.19px; }
.search-inn { float: none; width: 100%; position: relative; max-width: 610px; display: inline-block;margin-bottom: 80px;}
.search-inn input[type="text"] { border: none; width: 100%; font-size: 18px; line-height: 20px; font-family: 'HelveticaNeue-Roman'; color: #1D1D1D; padding: 0 75px 0 35px; height: 70px;border-radius: 70px;box-shadow: 0px 0px 36px rgba(0,0,0,0.5); }
.search-box input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #424242;}
.search-box input[type="text"]::-moz-placeholder { /* Firefox 19+ */  color: #424242;}
.search-box input[type="text"]:-ms-input-placeholder { /* IE 10+ */  color: #424242;}
.search-box input[type="text"]:-moz-placeholder { /* Firefox 18- */ color: #424242;}
.search-inn button { position: absolute; border: none; background: #0080AD url(../images/ico-search-white.svg) no-repeat center center; width: 52px; height: 52px; right: 10px; top: 8px; cursor: pointer; border-radius: 100%;}
.search-inn button:hover { background: #02397C url(../images/ico-search-white.svg) no-repeat center center;}
.desktop-search.search-open { opacity: 1; visibility: visible;}
.search-tags { float: left; width: 100%;text-align: center; }
.search-tags h3 { color: #fff; font-size: 16px; line-height: 28px; font-family: 'HelveticaNeue-Medium'; letter-spacing: 1.3px; text-transform: uppercase; margin-bottom: 20px; }
.search-tags ul { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; column-gap: 10px; row-gap: 10px; padding: 0px 200px;}
.search-tags ul li { flex: 0 1 auto;}
.search-tags ul li a { display: inline-block; background: transparent; color: #fff; font-size: 14px; line-height: 16px; font-family: 'HelveticaNeue-Roman'; padding: 5px 15px; border: 1px solid rgba(255,255,255,0.5); border-radius: 30px;transition:all .5s ease;}
.search-tags ul li a:hover { background: #fff; border: 1px solid #fff; color: #327994;}
.search-in  { float: left; width: 100%; margin-top: 75px; }
.search-det { height: 100%; overflow-y: scroll; }
/* Works on Firefox */
.desktop-search { scrollbar-width: thin; scrollbar-color: #fff transparent; }
/* Works on Chrome, Edge, and Safari */
.desktop-search::-webkit-scrollbar { width: 10px; }
.desktop-search::-webkit-scrollbar-track { background: transparent; } 
.desktop-search::-webkit-scrollbar-thumb { background-color: #fff; border-radius: 0px; border: 2px solid transparent; }
body.hide-scroll { overflow-y: hidden; }
a.search-close { float: right; color: #fff; font-size: 16px; line-height: 18px; font-family: 'HelveticaNeue-Roman'; text-decoration: underline; }

.slider {float: left;width: 100%; background: rgba(0,187,255, 0.08); position: relative;}
.slider .swiper-slide{width: 100%; float: left; position: relative;}
.slider .swiper-slide img {float: left;width: 100%;}
.slider .swiper-slide .banner-caption { position: absolute;width: 500px;top: 150px; z-index: 99;}
.slider .swiper-slide .banner-caption h2 {font-size: 80px;line-height: 80px;color: #fff; font-family: 'HelveticaNeue-Bold'; letter-spacing: -1.39px; margin-bottom: 15px;}
.slider .swiper-slide .banner-caption p{width: 100%; float: left; font-family: 'HelveticaNeue-Light'; font-size: 16px; line-height: 22px; letter-spacing: 0.1px; color: #fff; margin-bottom: 20px;}
.banner-caption a.saber-btn{ width: auto; padding: 5px 32px; height: 50px; border-radius: 25px; background: #0299BA; border: 1px solid #0299BA; display: inline-flex; align-items: center; justify-content: center;
font-size: 15px; line-height: 20px; color: #fff; font-family: 'HelveticaNeue-Bold'; letter-spacing: 0.15px; transition: all 0.5s ease;}
.banner-caption a.saber-btn:hover { background: #fff; border: 1px solid rgba(255, 255, 255, 1); color: #0299BA;}

/* footer */
footer { float: left; width: 100%; padding: 0 0 100px 0; background: #005062;}
.subscrui-te{width: 100%; float: left; padding: 25px 105px; background: url(../images/subscrui-bg.png) no-repeat center center; background-size: cover; overflow: hidden; border-radius: 12px; position: relative; margin-top: -82px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.subscrui-te:after{position: absolute; content: ""; left: 0; top:0; width: 100%; height: 100%; background: rgba(50, 121, 148, 0.86);}
.subscrui-inner{width: 100%; float: left; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; column-gap: 50px; z-index: 99; position: relative;}
.subscrui-te h2{color: #fff; font-family: 'HelveticaNeue-Bold'; font-size: 60px; line-height: 56px; letter-spacing: -1.04px;}
.subscrui-te p{color: rgba(255,225,255, 0.6); font-family: 'HelveticaNeue-Medium'; font-size: 18px; line-height: 23px; letter-spacing: -0.2px;}
.subscrui-te a.subscribirme-btn{background: #0299BA; border-radius: 25px; color: #fff; height: 50px; padding: 5px 20px; font-family: 'HelveticaNeue-Bold'; font-size: 15px; line-height: 24px; letter-spacing: 0.15px; display: flex;align-items: center;justify-content: center;min-width: 160px; transition:all .5s ease;}
.subscrui-te a.subscribirme-btn:hover{background: #00D1FF;}

.footer-mid-sec {float: left; width: 100%; position: relative; }
.foot-mid-top {float: left; width: 100%; padding: 65px 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.foot-logo-lft {flex: 0 1 auto; display: flex; column-gap: 30px;}
.foot-logo-lft a{float: left;}
.foot-logo-lft img, .foot-logo-rgt img {float: left; transition:all .5s ease;}
.foot-logo-lft a:hover img, .foot-logo-rgt a:hover img {opacity: 0.7;}
.foot-logo-rgt { flex: 0 1 auto;}

.foot-mid-btm { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 5%;}
.foot-mid-lft {flex: 0 1 27%;}
.address{float: left; width: 100%; margin-bottom: 20px;}
.address h3{float: left; width: 100%; color: #fff; font-family: 'HelveticaNeue-Bold'; font-size: 16px; line-height: 24px; letter-spacing: -0.24px; margin-bottom: 15px;}
.address p{float: left; width: 100%; color: #fff; font-family: 'HelveticaNeue-Light';}
.ph{float: left; width: 100%; margin-bottom: 30px;}
.ph ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 10px;}
.ph ul li{flex: 0 1 100%; font-family: 'HelveticaNeue-Light'; color: #fff; font-size: 16px; line-height: 24px; letter-spacing: -0.24;}
.ph ul li a{font-family: 'HelveticaNeue-Bold'; font-size: 16px; line-height: 24px; letter-spacing: -0.24px; color: #00D1FF; text-decoration: underline; transition:all .5s ease;}
.ph ul li a:hover{opacity: 0.7;}
.social{float: left; width: 100%;}
.social ul{float: left; width: 100%; display: flex; column-gap: 15px;}
.social ul li{flex: 0 1 auto;}
.social ul li a img{float: left; transition:all .5s ease;}
.social ul li a:hover img{opacity: 0.7;}
.foot-mid-center{flex: 0 1 50%; display: flex; flex-wrap: wrap; column-gap: 4%;}
.foot-mid-center ul{flex: 0 1 48%; display: flex; flex-wrap: wrap; row-gap: 5px;}
.foot-mid-center ul li{flex: 0 1 100%;}
.foot-mid-center ul li a{color: #fff; font-family: 'HelveticaNeue-Bold'; font-size: 18px; line-height: 32px; letter-spacing: -0.34px; transition:all .5s ease;}
.foot-mid-center ul li a:hover{color: #00D1FF;}
.foot-mid-rgt{flex: 0 1 13%;}
.foot-mid-rgt ul{flex: 0 1 100%; display: flex; flex-wrap: wrap; row-gap: 5px;}
.foot-mid-rgt ul li{flex: 0 1 100%;}
.foot-mid-rgt ul li a{color: #fff; font-family: 'HelveticaNeue-Light'; font-size: 16px; line-height: 32px; letter-spacing: -0.3px; transition:all .5s ease;}
.foot-mid-rgt ul li a:hover{ color: #00D1FF;}

/* contact page */
.contact-sec { float: left; width: 100%; padding: 10px 0px 60px; position: relative;}
.contact-left { float: left; width: 100%;}
.contact-left h2 { color:#070707; font-size: 80px; line-height: 85px; letter-spacing: -1.39px; font-family: 'HelveticaNeue-Bold'; margin-bottom: 55px; }
ul.contact-lst { width: 100%; display: flex; flex-wrap: wrap; row-gap: 45px; align-items: flex-start; }
ul.contact-lst li { flex: 0 1 26%; display: flex; flex-wrap: wrap; align-content: flex-start; color: #3A4A50; font-size: 18px; line-height: 28px; letter-spacing: 0px; font-family: 'HelveticaNeue-Roman'; padding-left: 30px; }
ul.contact-lst li p {color: #3A4A50; font-size: 18px; line-height: 28px; letter-spacing: 0px; font-family: 'HelveticaNeue-Roman'; }
ul.contact-lst li:first-child { flex: 0 1 38%;}
ul.contact-lst li:nth-child(2n - 2) { flex: 0 1 24%; }
ul.contact-lst li:last-child { flex: 0 1 12%; padding-left: 0;}
ul.contact-lst li .con-left { width: 100%; margin-bottom: 5px;}
ul.contact-lst li .con-right { width: 100%; color: #565656; }
ul.contact-lst li a { color: #0080AD; font-family: 'HelveticaNeue-Bold'; transition: all 0.5s ease; text-decoration: underline; }
ul.contact-lst li a:hover { color: #00D1FF; }
ul.contact-lst li.loc { background: url(../images/ico-address.svg) no-repeat left 0 top 5px; }
ul.contact-lst li.mail { background: url(../images/ico-mail.svg) no-repeat left 0 top 8px; }
ul.contact-lst li.phn { background: url(../images/ico-phone.svg) no-repeat left 0 top 7px; }
ul.con-social { width: 100%; display: flex; flex-wrap: wrap; column-gap: 20px; align-items: center; padding-top: 5px; justify-content: right; }
ul.con-social li { flex: 0 1 auto !important; padding-left: 0px; }
ul.con-social li a img { float: left; transition: all 0.5s ease; }
ul.con-social li a:hover img { opacity: 0.7; }

.contact-form-sec { float: left; width: 100%; padding: 60px 0px 80px; background: rgba(0,128,173, 5%); margin-top: 0px;}
.contact-inn { display: flex; flex-wrap: wrap; justify-content: center; padding: 0px 0px; }
.contact-out { width: 825px; display: flex; flex-wrap: wrap; row-gap: 30px;}
.contact-lft { flex: 0 1 100%; text-align: center;}
.contact-lft h2 { font-size: 40px; line-height: 40px; color: #2C2C2C; letter-spacing: -0.5px; font-family: 'HelveticaNeue-Bold'; margin-bottom: 15px;}
.contact-lft p { font-size: 18px; line-height: 27px; font-family: 'HelveticaNeue-Roman'; color: #565656; }
.contact-rht { flex: 0 1 100%;}
.contact-form { float: left; width: 100%; }
.contact-form .form-box  { float: left;width: 100%;display: flex;flex-wrap: wrap;column-gap: 1.6%;}
.contact-form .form-box .frm-input { float: left; width: 49.2%; margin-bottom: 13px; position: relative;}
.contact-form .form-box .frm-input.full-input { width: 100%;}
.contact-form .form-box .frm-input .floating-label-group { float: left; width: 100%; position: relative;}
.contact-form .form-box input[type="text"], .form-box textarea { width:100%; color:rgba(46,70,84, 0.7); font-family: 'HelveticaNeue-Roman'; letter-spacing: -0.2px; padding: 10px 20px 10px; height: 54px; border-radius: 10px 10px 0 0; border:none;  border-bottom: 1px solid #0080AD; font-size:16px; transition: all .5s ease; background:#FFFFFF; }
.contact-form .form-box input[type="text"]:focus, .contact-form .form-box textarea:focus { border: 1px solid #0080AD;}
.contact-form .form-box textarea { resize:none; height:148px; line-height:22px; padding: 15px 20px 10px; font-family: 'HelveticaNeue-Roman'; color:rgba(46,70,84, 0.7);}
.contact-form .form-box .frm-input.checkbox { float: left; width: calc(100% - 160px); display: flex; flex-wrap: wrap; row-gap: 12px; margin-bottom: 0;}
.contact-form .form-box .frm-input.checkbox > div { flex: 0 1 100%;}
.contact-form .form-box .frm-input.checkbox input {  height: 1px; left: 0; position: absolute; top: 0; visibility: hidden; width: 1px;}
.contact-form .form-box .frm-input .floating-label { color: #3A4A50; cursor: pointer; font-size: 16px; line-height:24px; font-family: 'HelveticaNeue-Roman'; width: auto; letter-spacing: 0px; display: inline-block; }
.contact-form .form-box .frm-input .floating-label span { color: #3A4A50;}
.contact-form .form-box .frm-input.checkbox label { color: #4F5A60; cursor: pointer; letter-spacing: 0px; font-family: 'HelveticaNeue-Roman'; font-size: 16px; padding-left: 35px; position: relative; float: left; width: auto; line-height:24px; margin-bottom:0px; text-align:left;}
.contact-form .form-box .frm-input.checkbox label::before {  background: none; content: ""; height: 20px; left: 0; position: absolute; top: 0px; transition: all 0.3s ease-in-out 0s; width: 20px; border-radius: 3px; z-index: 9; }
.contact-form .form-box .frm-input.checkbox label::after { background: #FFFFFF; content: ""; width: 20px; height: 20px;left: 0; position: absolute; top: 0px; border-radius: 3px; border: 1px solid rgba(63,138,163, 29%);}
.contact-form .form-box .frm-input.checkbox input:checked + label::before {background: #3F8AA3 none repeat scroll 0 0; }
.contact-form .form-box .frm-input.checkbox:last-child label { padding-bottom: 0;}
.contact-form .form-box .frm-input.checkbox span { font-size:9px; color: #3A4A50; float: none; width:100%; font-family: 'HelveticaNeue-Light'; line-height:16px; letter-spacing: 0.4px; }
.contact-form .form-box .frm-input.checkbox span a {color: #31638E; text-decoration:underline; transition:all .5s ease;}
.contact-form .form-box .frm-input.checkbox span a:hover { color:#02397C;} 
.contact-form .form-box .frm-input:last-child { margin-bottom: 0; margin-top: 10px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.contact-form .form-box .frm-input.checkbox label a { text-decoration: underline; color: #4F5A60; font-family: 'HelveticaNeue-Bold'; transition:all .5s ease;}
.contact-form .form-box .frm-input.checkbox label a:hover { color: #3F8AA3;}
.contact-form .btn-ctr { float: right; width: auto; margin-top: 0px;}
.contact-form .form-box button { display: inline-flex; align-items: center; justify-content: center; cursor: pointer; height: 50px; font-family: 'HelveticaNeue-Bold'; background: #0080AD; border: none; color: #ffffff; font-size: 15px; line-height: 16px; padding: 0 40px;border-radius: 25px 25px; transition:all .5s ease; letter-spacing: 0.15px;  }
.contact-form .form-box button:hover { background: #00D1FF; }
.contact-form .floating-label { position: relative;}
.contact-form .floating-label { position: absolute; pointer-events: none; top: 15px; left: 16px; transition: all 0.5s ease;}
.contact-form input:focus ~ .floating-label, .contact-form input:not(:focus):valid ~ .floating-label, 
.contact-form textarea:focus ~ .floating-label, .contact-form textarea:not(:focus):valid ~ .floating-label { top: 2px; bottom: 0px; left: 20px; font-size: 9px !important; opacity: 1; text-transform: uppercase; color: #31638E !important; font-family: 'HelveticaNeue-Light' !important; letter-spacing: 0.4px !important;}

.contact-form .form-box .sbHolder { width: 100%;height: 54px;text-align: center; padding: 6px 0; border: 2px solid rgba(63,138,163, 29%); color:#ff6600; font-size: 16px;font-family: 'HelveticaNeue-Medium'; width: 100%; background:#ffffff; border-radius: 6px; font-weight:200;}
.contact-form .form-box .sbToggle { background: url(../images/slct-arw-cntct.svg) no-repeat 0 0; right: 20px; top: 19px; width: 14px;height: 8px;position: absolute;}
.contact-form .form-box .sbToggle.sbToggleOpen { transform: rotate(180deg);}
.contact-form .form-box .sbSelector {font-family: 'HelveticaNeue-Medium'; color:#909090 ! important; padding: 18px 16px; position: absolute; width: 100%; text-align: left;}
.contact-form .form-box .sbHolder ul.sbOptions {float: left; width: 100% !important; padding: 0; left: 0px; top: 43px !important;}
.contact-form .form-box .sbHolder ul.sbOptions li { padding: 0; border-bottom: 1px solid #ddd;}
.contact-form .form-box .sbHolder ul.sbOptions li:last-child { border-bottom:none;}
.contact-form .form-box .sbSelector{ text-transform: capitalize; font-size: 16px; font-family: 'HelveticaNeue-Medium';}
.contact-form .form-box .sbHolder .sbOptions li a { font-size: 16px;padding: 8px 20px; text-align: left; border-bottom:none;}
.contact-form .form-box .sbOptions a:focus, .contact-form .form-box .sbOptions a.sbFocus { color: #0080AD;}
.contact-form .form-box .frm-lft { float: left; width: 70%;}
.contact-form .form-box .frm-rgt { float: right; width: auto;}
.contact-form .form-box .sbHolder .sbOptions li:last-child { margin-top: 0;}

.map-section { float: left; width: 100%; }
.map-section #map { height:575px; border-radius: 0px; overflow: hidden; border: none;}

/*Home css start*/
.hm-area-ban { float: left; width: 100%; position: relative;}
.hm-area-ban img { float: left; width: 100%; }
.hm-area-cont { position: absolute; width: 100%; left: 0px; top: 50%; transform: translateY(-50%); }
.ban-content { float: left; width: 100%; max-width: 700px; }
.ban-content h2 { color: #fff; font-size: 80px; line-height: 75px; letter-spacing: -1.39px; font-family: 'HelveticaNeue-Bold'; margin-bottom: 25px;}
.ban-content a{background: #0299BA; border-radius: 25px; color: #fff; height: 50px; padding: 5px 20px; font-family: 'HelveticaNeue-Bold'; font-size: 15px; line-height: 24px; letter-spacing: 0.15px; display: inline-flex;align-items: center;justify-content: center;min-width: 160px; transition:all .5s ease;}
.ban-content a:hover{background: #00D1FF;}

.agencia-sec{float: left; width: 100%; background: rgba(2,153,186, 0.1); padding: 0 0 80px 0;}
.agencia-list{float: left; width: 100%; overflow: hidden; border-radius: 5px; position: relative; margin-top: -85px; z-index: 999;}
.agencia-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 0;}
.agencia-list ul li{flex: 0 1 25%;}
.agencia-list ul li a{width: 100%; float: left; padding: 25px 30px; height: 100%; }
.agencia-list ul li.clr1 a{background: #327994;}
.agencia-list ul li.clr2 a{background: #0080AD;}
.agencia-list ul li.clr3 a{background: #0299BA;}
.agencia-list ul li.clr4 a{background: #66CC33;}
.agencia-list ul li a h3{float: left; width: 100%;font-family: 'HelveticaNeue-Bold'; font-size: 26px; line-height: 30px; letter-spacing: -1.04px; color: #fff; margin-bottom: 10px;}
.agencia-list ul li a p{float: left; width: 100%; font-family: 'HelveticaNeue-BoldItalic'; font-size: 16px; line-height: 24px; letter-spacing: -0.7px; color: rgba(255, 255, 255, 0.7); margin-bottom: 10px;}
.agencia-list ul li a span{float: left; width: 100%; font-family: 'HelveticaNeue-Light'; font-size: 16px; line-height: 30px; letter-spacing: -0.7px; color: rgba(255, 255, 255, 0.7); transition: all .5s ease;}
.agencia-list ul li a:hover span {text-decoration: underline; color: #fff;}
.provincial-cnt{float: left; width: 100%; padding: 80px 0 0 0;}
.provincial-title{width: 100%; float: left; padding: 0 10%; margin-bottom: 50px;}
.provincial-cnt h2{float: left; width: 100%; font-family: 'HelveticaNeue-Bold'; font-size: 45px; line-height: 50px; letter-spacing: -0.78px; text-align: center; margin-bottom: 20px;}
.provincial-cnt h2 span{color: #0080AD;}
.provincial-cnt p{float: left; width: 100%; color: #3A4A50; font-family: 'HelveticaNeue-Light'; font-size: 16px; line-height: 26px; text-align: center;}
.provincial-list{width: 100%; float: left;}
.provincial-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 5%; row-gap: 50px;}
.provincial-list ul li{flex: 0 1 30%; display: flex; flex-wrap: wrap; column-gap: 15px; align-content: flex-start;}
.provincial-list ul li .provincial-lft{flex: 0 1 65px; text-align: center;}
.provincial-list ul li .provincial-lft img{width: auto;}
.provincial-list ul li .provincial-rgt{flex: 0 1 calc(100% - 80px);}
.provincial-list ul li .provincial-rgt h5{width: 100%; float: left;font-family: 'HelveticaNeue-Medium'; color: #0299BA; font-size: 14px; line-height: 21px; letter-spacing: 0.7px; margin-bottom: 5px;}
.provincial-list ul li .provincial-rgt h6{width: 100%; float: left;font-family: 'HelveticaNeue-Bold'; color: #3E5E6A; font-size: 18px; line-height: 22px; letter-spacing: -0.2px;}

/* venta slider */
.venta-slider{float: left;width: 100%;padding: 60px 0 60px; overflow: hidden;}
.title{float: left;width: 100%;display: flex;align-items: center;justify-content: space-between;margin-bottom: 30px;}
.title-lft {flex: 0 1 57%;}  
.title-rht {flex: 0 1 auto;}
.title-lft h2{float: left;width: 100%;font-family: 'HelveticaNeue-Bold'; font-size: 50px;line-height: 65px; letter-spacing: -0.87px; color: #34424A;}  
.title-lft h2 span{color: #0299BA;}
.title-rht a{background: #0299BA;border-radius: 25px;color: #fff;height: 50px;padding: 5px 20px;font-family: 'HelveticaNeue-Bold';font-size: 15px;line-height: 24px;letter-spacing: 0.15px;display: flex;align-items: center;justify-content: center;min-width: 160px;transition: all .5s ease;}
.title-rht a:hover{background: #00D1FF;} 
.venta-list{float: left;width: 100%;padding-left: calc((100% - 1170px) / 2);position: relative;} 
.venta-list .swiper-container{float: left;width: 100%;}
.venta-list .swiper-slide{float: left;width: 100%;position: relative;overflow: hidden;} 
.venta-main{float: left;width: 100%;}
.venta-img{float: left;width: 100%;margin-bottom: 15px;overflow:hidden; border-radius: 5px; position: relative;} 
.venta-img img{float: left;width: 100%;transition:all 0.5s ease;}
.venta-main:hover .venta-img img{transform: scale(1.03);}
.venta-main:hover .venta-img .venta-icon img{transform: none;}
.venta-icon{position: absolute; left: 20px; bottom: 20px;}
.venta-cnt{float: left;width: 100%;} 
.venta-cnt h3{float: left;width: 100%; font-family: 'HelveticaNeue-Bold'; font-size:30px;line-height: 27px; letter-spacing: -0.52px;color: #34424A; margin-bottom: 15px;}
.venta-cnt p{float: left;width: 100%; font-family: 'HelveticaNeue-Light'; font-size:14px;line-height: 22px; letter-spacing: 0.26px;color: #0F3544; margin-bottom: 15px;}
.venta-cnt a{float: left; font-family: 'HelveticaNeue-Bold'; font-size: 16px;line-height:26px;color:#0080AD;letter-spacing: 0.3px; text-decoration: underline; transition:all 0.5s ease;}
.venta-cnt a:hover{color: #00D1FF;}  
.venta-list .paginations {position: absolute;top: 50%;left: 0;}
.venta-list .swiper-button {float: left;width: 100%;position: relative;display: flex;justify-content: space-between;z-index: 99;}
.venta-list .swiper-button-prev{width: 81px;height: 81px;position: relative;top: unset;background: url("../images/arrow-left.svg");left: 0;background-repeat: no-repeat;background-position: center;border:none;margin: 0;bottom: unset;transition: all 0.4s ease;}
.venta-list .swiper-button-next{width: 81px;height: 81px;position: relative;top: unset;background: url("../images/arrow-right.svg");right: 0;background-repeat: no-repeat;background-position: center;border:none;margin: 0;bottom: unset;transition: all 0.4s ease;}
.venta-list .swiper-button-next:hover {opacity: 0.8;}
.venta-list .swiper-button-prev:hover {opacity: 0.8;}
.venta-list .swiper-button-next.swiper-button-disabled, .venta-list .swiper-button-prev.swiper-button-disabled {cursor:none;opacity: 0;}

/* posters */
.energia-sec {float: left;width: 100%;padding: 80px 0;} 
.energia-sec h2{float: left;width: 100%; text-align: center; font-family: 'HelveticaNeue-Bold'; font-size:50px;line-height: 60px; letter-spacing: -0.87px;color: #34424A; margin-bottom: 30px;}
.energia-sec h2 span{color: #0080AD;}
.energia-list{float: left;width: 100%;}
.energia-list ul {float: left;width: 100%;display: flex;flex-wrap: wrap;column-gap: 2%;align-items: center;}
.energia-list ul li{flex: 0 1 32%; position: relative; overflow: hidden;}
.energia-list ul li a {float: left;width: 100%;}
.energia-list ul li a img{float: left;width: 100%; transition:all 0.5s ease;}
.energia-list ul li:hover a img{transform: scale(1.03);}
.energia-list ul li a:hover{background: #fff;color: #00A7AC;border: 1px solid #00A7AC;} 
.energia-list ul li a .energia-cnt {position: absolute;left: 0;right: 0;margin: 0 auto;width: 100%;text-align: center;top: 50%;transform: translateY(-50%);}
.energia-list ul li a .energia-cnt h3{float: left;width: 100%; font-family: 'HelveticaNeue-Bold'; font-size:45px;line-height: 50px; letter-spacing: -0.78px;color: #fff; margin-bottom: 25px; min-height: 100px; display: flex; align-items: center; justify-content: center;}
.energia-list ul li a .energia-cnt span{ font-family: 'HelveticaNeue-Bold'; color: #66CC33; font-size: 16px; line-height: 26px; letter-spacing: 0.3px; text-decoration: underline; transition:all 0.5s ease;}
.energia-list ul li:hover a .energia-cnt span{color: #fff;}

/*odameter*/
.enroll-sec{float: left; width: 100%; background: rgba(2, 153, 186, 0.1); padding: 65px 0;}
.enroll-list{flex: 0 1 100%;}
.enroll-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 5%;}
.enroll-list ul li{flex: 0 1 30%;}
.enroll-icon{width: 100%; float: left; text-align: center; margin-bottom: 15px;}
.enroll-cnt{width: 100%; float: left; text-align: center;}
.enroll-cnt .exp-number{width: 100%; float: left; text-align:center;display: flex;align-items: center;justify-content: center;}
.enroll-cnt .exp-number .odometer.odometer-auto-theme, .experience-sec ul li .exp-number  .odometer.odometer-theme-default{font-size: 90px; line-height: 65px; letter-spacing: -1.56px;}
.enroll-cnt .exp-number strong{ font-family: 'HelveticaNeue-Bold';color: #34424A; font-size: 60px; line-height: 42px;}
.enroll-cnt h3{float: left; font-family: 'HelveticaNeue-Bold'; color: #34424A; font-size: 90px; line-height: 40px; letter-spacing: -1.56px; text-align: center;}
.enroll-cnt h4{float: left; width: 100%; font-family: 'HelveticaNeue-Bold'; color: #0080AD; font-size: 30px; line-height: 40px; letter-spacing: -0.52px; text-align: center;}
.enroll-cnt p{float: left; width: 100%; font-family: 'HelveticaNeue-Light'; color: #0299BA; font-size: 20px; line-height: 32px; letter-spacing:-0.35px; text-align: center;}
.enroll-list .enroll-cnt .exp-number strong{font-family: 'HelveticaNeue-Bold'; font-size: 60px; line-height: 45px; color: #34424A;}

.actualidad-sec{float: left; width: 100%; background: #fff; padding: 80px 0;}
.actualidad-list{float: left; width: 100%;}
.actualidad-list .swiper-container{float: left; width: 100%;}
.actualidad-list .swiper-slide{float: left; width: 100%;}
.actualidad-main{float: left;width: 100%;}
.actualidad-img{float: left;width: 100%;margin-bottom: 15px;overflow:hidden; border-radius: 5px; position: relative;} 
.actualidad-img img{float: left;width: 100%;transition:all 0.5s ease;}
.actualidad-main:hover .actualidad-img img{transform: scale(1.03);}
.actualidad-cnt{float: left;width: 100%;} 
.actualidad-cnt h4{float: left;width: 100%; font-family: 'HelveticaNeue-Bold'; color: #0299BA; font-size: 16px; line-height: 22px; margin-bottom: 10px;}
.actualidad-cnt h3{float: left;width: 100%; margin-bottom: 12px;}
.actualidad-cnt h3 a{float: left;width: auto; font-family: 'HelveticaNeue-Bold'; font-size:28px;line-height: 34px; letter-spacing: -0.49px;color: #34424A; text-decoration: none;}
.actualidad-cnt p{float: left;width: 100%; font-family: 'HelveticaNeue-Light'; font-size:14px;line-height: 22px; letter-spacing: 0.26px;color: #0F3544; margin-bottom: 15px;}
.actualidad-cnt a{float: left; font-family: 'HelveticaNeue-Bold'; font-size: 16px;line-height:26px;color:#0080AD;letter-spacing: 0.3px; text-decoration: underline; transition:all 0.5s ease;}
.actualidad-list .swiper-slide:hover .actualidad-cnt h3 a {color: #0299BA;}  
.actualidad-cnt ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 12px; row-gap: 10px;}
.actualidad-cnt ul li{flex: 0 1 auto;}
.actualidad-cnt ul li a{background: transparent; border:3px solid #327994;border-radius: 25px;color: #0299BA;height: 32px;padding: 3px 20px;font-family: 'HelveticaNeue-Bold'; text-decoration: none;font-size: 15px;line-height: 22px;letter-spacing: 0.15px;display: flex;align-items: center;justify-content: center;transition: all .5s ease;}
.actualidad-cnt ul li a:hover{border:3px solid #327994; background: #327994; color: #fff;}

.interes-sec{float: left;width: 100%; background: rgba(2, 153, 186, 0.1); padding: 65px 0 150px 0;}
.interes-inner{float: left;width: 100%; position: relative;}
.interes-sec h2{float: left;width: auto;font-family: 'HelveticaNeue-Bold';font-size: 50px;line-height: 65px;letter-spacing: -0.87px;color: #34424A; margin-bottom: 25px;}
a.ver-btn {background: #0299BA;border-radius: 25px;color: #fff;height: 50px;padding: 5px 20px;font-family: 'HelveticaNeue-Bold';font-size: 15px;line-height: 24px;letter-spacing: 0.15px;display: inline-flex;align-items: center;justify-content: center;min-width: 160px;transition: all .5s ease; position: absolute; right: 0; top: 0;}
a.ver-btn:hover{background: #00D1FF;} 
.interes-list{width: 100%; float: left;}
.interes-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 0;}
.interes-list ul li{flex: 0 1 23.5%; border: 1px solid rgba(50,121,148, 0.4); border-radius: 5px;}
.interes-list ul li a{width: 100%; float: left; padding: 30px 25px 30px 60px;}
.interes-list ul li a h3{float: left;width: 100%; font-family: 'HelveticaNeue-Bold'; font-size: 18px; line-height: 23px; letter-spacing: 0; color: #0299BA; margin-bottom: 12px; position: relative; height: 70px;}
.interes-list ul li a h3:after{position: absolute; content: ""; left: -30px; top: 5px; background: url("../images/link.svg") 0 0; width: 15px; height: 16px;}
.interes-list ul li a span{float: left;width: auto; font-family: 'HelveticaNeue-Medium'; font-size: 12px;line-height: 14px;letter-spacing: 0.22px; border:1px solid #0299BA;border-radius: 3px;color: #0299BA; padding: 5px 10px; transition:all 0.5s ease;}
.interes-list ul li a:hover span{background: #0299BA; color: #fff;}

/*Home css ens*/


/**** inner-page ****/
/* breadcrum css */
.breadcrum { float: left; width: 100%; padding: 40px 0 25px;}
.breadcrum ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 10px;}
.breadcrum ul li { flex: 0 1 auto; font-family: 'HelveticaNeue-Roman'; color: #070707; font-size: 15px; line-height: 18px; padding-right: 12px; margin-right: 10px; letter-spacing: 0.3px; position: relative;}
.breadcrum ul li::after { position: absolute; content: "|"; color: #070707; right: 0; top: 0; font-size: 15px;}
.breadcrum ul li:last-child { padding-right: 0; margin-right: 0;}
.breadcrum ul li a { float: left; font-family: 'HelveticaNeue-Roman'; color: #070707; font-size: 15px; line-height: 18px; letter-spacing: 0.3px; transition:all .5s ease;}
.breadcrum ul li a:hover { color: #0080AD;}
.breadcrum ul li:last-child:after { content: none;}
.breadcrum.abs-sec ul li::after { color: #FFFFFF;}
.breadcrum.abs-sec ul li { color: #FFFFFF;}
.breadcrum.abs-sec ul li a { color: #FFFFFF;}
.breadcrum.abs-sec ul li a:hover { color: #0080AD;}

.inner-header .head-top {box-shadow: 0 5px 10px 0 rgba(0,0,0,0.22);}

/* ejemplo-de-energía */
.esolar-sec {float: left;width: 100%;padding: 10px 0 80px;}
.esolar-sec .title-lft h2 { font-size: 70px; line-height: 85px;}
.esolar-main { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 7%; padding-top: 10px;}
.esolar-lft { flex: 0 1 46.5%;}
.esolar-rht { flex: 0 1 46.5%;}
.esolar-main p { font-size: 18px; line-height: 28px; color: #3A4A50; padding-bottom: 20px;}
.esolar-img { float: left; width: 100%; margin-top: 50px;}
.esolar-img img { float: left; width: 100%; }
.esolar-btm { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 1.8%; padding-top: 65px;}
.esolar-btm-lft { flex: 0 1 49.1%; padding: 35px 37px 45px; background: rgba(0,128,173, 6.13%); border-radius: 10px; border: 5px solid rgba(0,128,173, 21.39%);}
.esolar-btm-rht { flex: 0 1 49.1%;}
.esolar-btm h3 { font-size: 40px; line-height: 50px;font-family: 'HelveticaNeue-Bold'; color: #34424A; margin-bottom: 20px;}
.esolar-btm-lft ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 15px;}
.esolar-btm-lft ul li { flex: 0 1 100%;font-size: 18px; line-height: 28px; color: #2D393D; padding-left: 30px; position: relative;}
.esolar-btm-lft ul li::after { position: absolute; content: ''; background: url("../images/circle-blue.svg") 0 0; left: 0; top: 5px; width: 16px; height: 16px;}
.esolar-btm-lft:last-child {background: rgba(102,204,51, 9.31%); border: 5px solid rgba(102,204,51, 22%); }
.esolar-btm-lft:last-child ul li::after { background: url("../images/circle-green.svg") 0 0; left: 0; }

.otras-slider { float: left; width: 100%; background: rgba(0,128,173, 5%); padding: 70px 0 165px;}
.otras-slider .title-rht a { font-size: 20px; color: #0080AD; text-decoration: underline; background: none; border: none;padding: 0;height: auto;justify-content: right;letter-spacing: 0;min-width: auto;}
.otras-slider .title-rht a:hover { color: #00D1FF;}
.otras-list{float: left;width: 100%;padding-left: calc((100% - 1170px) / 2);position: relative;} 
.otras-list .swiper-container{float: left;width: 100%;}
.otras-list .swiper-slide{float: left;width: 100%;position: relative;overflow: hidden;} 
.otras-main{float: left;width: 100%;}
.otras-img{float: left;width: 100%;margin-bottom: 15px;overflow:hidden; border-radius: 5px; position: relative;} 
.otras-img img{float: left;width: 100%;transition:all 0.5s ease;}
.otras-main:hover .otras-img img{transform: scale(1.03);}
.otras-main:hover .otras-img .otras-icon img{transform: none;}
.otras-icon{position: absolute; left: 20px; bottom: 20px;}
.otras-cnt{float: left;width: 100%;} 
.otras-cnt h3{float: left;width: 100%; font-family: 'HelveticaNeue-Bold'; font-size:30px;line-height: 27px; letter-spacing: -0.52px;color: #34424A; margin-bottom: 15px;transition:all 0.5s ease;}
.otras-cnt p{float: left;width: 100%; font-family: 'HelveticaNeue-Light'; font-size:14px;line-height: 22px; letter-spacing: 0.26px;color: #0F3544; margin-bottom: 15px;}
.otras-cnt a{float: left; font-family: 'HelveticaNeue-Bold'; font-size: 16px;line-height:26px;color:#0080AD;letter-spacing: 0.3px; text-decoration: underline; transition:all 0.5s ease;}
.otras-cnt a:hover{color: #00D1FF;}  
.otras-list .swiper-slide:hover .otras-cnt h3 { color: #0080AD;}

.swiper-nav-rel { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-top: 45px; padding-right: calc((100% - 1170px) / 1.5); }
.otras-list .swiper-container-horizontal > .swiper-pagination-bullets{width: auto; bottom: auto; text-align: right; justify-content: left; position: relative; right: auto; left: 0; top:inherit; margin-top: 55px;}
.otras-list .swiper-pagination-bullet { background-color: rgba(50, 121, 148, 0.28); border: none; width: 8px; height: 8px; opacity: 1;transition:all .5s ease;}
.otras-list .swiper-pagination-bullet-active, .otras-list .swiper-pagination-bullet:hover { background-color: #0299BA; border-radius: 25px;}
.otras-list .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 15px 0px 0px;}

.otras-list .swiper-button{ width: 142px; bottom: 0; align-items: center; justify-content: space-between; position: relative; right: 0; left: auto; top:inherit; display: flex; column-gap: 10px; }
.otras-list .swiper-button-prev-otras{background: url("../images/arrow-right-w.svg") no-repeat 0 0; background-size: cover; width: 66px; height: 66px; cursor: pointer; transition:all .5s ease; transform: rotateZ(-180deg);}
.otras-list .swiper-button-next-otras{background: url("../images/arrow-right-w.svg") no-repeat 0 0;background-size: cover; width: 66px; height: 66px; cursor: pointer; transition:all .5s ease;}
.otras-list .swiper-button-prev-otras:hover, .otras-list .swiper-button-next-otras:hover{opacity: 0.7; } 

/* ficha-de-proyecto */
.single-puntos{float:left; width:100%; padding: 0 0 70px 0;}
.single-puntos h2{width: 100%; float: left; font-family: 'HelveticaNeue-Bold'; color: #070707; font-size: 70px; line-height: 85px; margin-bottom: 30px;}
.single-puntos h3 { font-size: 20px; line-height: 30px; color: #34424A; letter-spacing: -0.8px; margin-bottom: 20px;font-family: 'HelveticaNeue-Bold';}
.single-puntos p{width: 100%; float: left; color: #34424A;  font-family: 'HelveticaNeue-Roman'; font-size: 16px; line-height: 24px; margin-bottom: 17px;letter-spacing: -0.2px;}
.single-puntos p:last-child { margin-bottom: 0;}
.puntos-li { float: left; width: 100%;margin-bottom: 17px;}
.puntos-li ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 11px; }
.puntos-li ul li { flex: 0 1 100%;font-size: 16px; line-height: 24px; color: #34424A; padding-left: 20px; position: relative;}
.puntos-li ul li::after { position: absolute; content: ''; background: #0299BA; left: 0; top: 9px; width: 6px; height: 6px; border-radius: 50px;}
.single-puntos-inner{width: 100%; float: left;}
.rasat-lft{width: calc(100% - 460px); float: left;}
.rasat-rgt{width: 375px; float: right;}
.informacion-list{width: 100%; float: left; background: #ffffff; box-shadow: 0 0 15px 0 rgba(1, 70, 109, 0.22); padding: 30px 45px 30px 35px; margin-bottom: 0px; border-radius: 10px;}
.informacion-list h3{width: 100%; float: left; color: #34424A; font-family: 'HelveticaNeue-Bold'; font-size: 20px; line-height: 30px; margin-bottom: 25px; letter-spacing: -0.8px;}
.informacion-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 30px;}
.informacion-list ul li{flex: 0 1 100%; color: #34424A; font-size: 20px; line-height: 22px; font-family: 'HelveticaNeue-Roman'; padding-left: 36px; position: relative;}
.informacion-list ul li a{float: left; color: #0299BA; font-size: 20px; line-height: 22px; font-family: 'HelveticaNeue-Bold'; transition:all 0.5s ease; text-decoration: underline;}
.informacion-list ul li a:hover{color: #34424A;}
.informacion-list ul li.info { font-size: 16px; line-height: 26px;font-family: 'HelveticaNeue-Light'; color: #0F3544;}
.informacion-list ul li::before{position: absolute; content: ""; left: 0; top: 5px;}
.informacion-list ul li.calender::before{background:url(../images/ico-calendari.svg) no-repeat 0 0; background-size: cover; width: 14px; height: 16px;}
.informacion-list ul li.link::before{background:url(../images/link.svg) no-repeat 0 0; background-size: cover; width: 14px; height: 14px;}
.informacion-list ul li.info::before{background:url(../images/ico-info.svg) no-repeat 0 0; background-size: cover; width: 14px; height: 14px;}
.single-map { float: left; width: 100%; margin-top: 40px;}
.single-map img { float: left; width: 100%; }

.europeos .otras-img { min-width: 375px; min-height: 230px; background: #ffffff; border-radius: 5px; border: 2px solid rgba(2,153,186, .3); display: flex; align-items: center; justify-content: center; margin-bottom: 20px;}
.europeos .otras-img img { width: auto;}
.europeos .otras-cnt { padding-right: 30px;}
.europeos .otras-cnt h3 { font-size: 28px; line-height: 34px; letter-spacing: -0.49px;}
.europeos .otras-cnt p { color: #0F3544; font-size: 14px; line-height: 22px; letter-spacing: 0.26px;}
.europeos .swiper-nav-rel { display: none;}

.proyecto-lst ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 1.8%; row-gap: 30px;}
.proyecto-lst ul li { flex: 0 1 32.1%;}

/* proyectos */
.title-full { float: left; width: 100%; padding-right: 5%;}
.title-full h2{float: left;width: 100%;font-family: 'HelveticaNeue-Bold'; font-size: 70px;line-height: 75px; letter-spacing: -1.21px; color: #070707; margin-bottom: 20px;}  
.title-full h2 span{color: #0299BA;}
.title-full p { font-size: 18px; line-height: 26px; color: #3A4A50;}
.proyectos-list { float: left; width: 100%; padding-top: 10px;}
.proyectos-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 1.8%; row-gap: 38px;} 
.proyectos-list ul li { flex: 0 1 32.1%;}
.proyectos-main{float: left;width: 100%;}
.proyectos-img{float: left;width: 100%;min-height: 230px; background: #ffffff; border-radius: 5px; border: 2px solid rgba(2,153,186, .3); display: flex; align-items: center; justify-content: center; margin-bottom: 20px;overflow:hidden; border-radius: 5px; position: relative;} 
.proyectos-img img{float: left;width: auto;transition:all 0.5s ease;}
.proyectos-main:hover .proyectos-img img{transform: scale(1.03);}
.proyectos-main:hover .proyectos-img .proyectos-icon img{transform: none;}
.proyectos-icon{position: absolute; left: 20px; bottom: 20px;}
.proyectos-cnt{float: left;width: 100%;} 
.proyectos-cnt h3{float: left;width: 100%; font-family: 'HelveticaNeue-Bold'; font-size:28px;line-height: 27px; letter-spacing: -0.49px;color: #34424A; margin-bottom: 15px;transition:all 0.5s ease;}
.proyectos-cnt p{float: left;width: 100%; font-family: 'HelveticaNeue-Light'; font-size:14px;line-height: 22px; letter-spacing: 0.26px;color: #0F3544; margin-bottom: 0px;}
.proyectos-list ul li:hover h3 { color: #0080AD;}

/* campanas */
.grey-bg { background: #F8F8F8;}
.campanas-top { float: left; width: 100%; padding: 10px 0 40px;background: #F8F8F8; position: relative; z-index: 9;}
.campanas-top .title { margin-bottom: 0;}
ul.campanas-btn { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 15px; margin-top: 10px;}
ul.campanas-btn li { flex: 0 1 auto;}
ul.campanas-btn li a { display: inline-flex; align-items: center; justify-content: center; height: 50px; min-width: 211px; background: #0080AD; border: 3px solid rgba(50,121,148,18.31%); color: #fff; padding: 0 25px; border-radius: 25px; font-family: 'HelveticaNeue-Bold'; font-size: 15px; line-height: 25px; letter-spacing: 0.15px; transition:all .5s ease;}
ul.campanas-btn li a:hover { background: #00D1FF; border: 3px solid #00D1FF; color: #FFFFFF;}
ul.campanas-btn li:last-child a { background: #ffffff; border: 3px solid rgba(50,121,148,22.16%); color:#327994;}
ul.campanas-btn li:last-child a:hover { background: #0080AD; border: 3px solid #0080AD; color: #FFFFFF;}

.campanas-sec { float: left; width: 100%; padding: 35px 0 170px;}
.campanas-sec h2{float: left;width: 100%;font-family: 'HelveticaNeue-Bold'; font-size: 50px;line-height: 55px; letter-spacing: -2px; color: #34424A; margin-bottom: 22px;}  
.campanas-list { float: left; width: 100%; padding-top: 25px; border-top: 4px solid rgba(0, 85, 120, 0.15); }
.campanas-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 1.8%; row-gap: 50px;} 
.campanas-list ul li { flex: 0 1 32.1%;}
.campanas-main{float: left;width: 100%;}
.campanas-img{float: left;width: 100%;margin-bottom: 20px;overflow:hidden; border-radius: 5px; position: relative;} 
.campanas-img img{float: left;width: 100%;transition:all 0.5s ease;}
.campanas-main:hover .campanas-img img{transform: scale(1.03);}
.campanas-cnt{float: left;width: 100%;} 
.campanas-cnt h3{float: left;width: 100%; margin-bottom: 20px;}
.campanas-cnt h4{float: left;width: 100%; font-family: 'HelveticaNeue-Bold'; color: #0299BA; font-size: 16px; line-height: 22px; margin-bottom: 10px;}
.campanas-cnt h3 a{float: left;width: auto; font-family: 'HelveticaNeue-Bold'; font-size:28px;line-height: 34px; letter-spacing: -0.49px;color: #34424A; text-decoration: none;}
.campanas-cnt a{float: left; font-family: 'HelveticaNeue-Bold'; font-size: 16px;line-height:26px;color:#0080AD;letter-spacing: 0.3px; text-decoration: underline; transition:all 0.5s ease;}
.campanas-list .swiper-slide:hover .campanas-cnt h3 a {color: #0299BA;}  
.campanas-cnt p{float: left;width: 100%; font-family: 'HelveticaNeue-Light'; font-size:14px;line-height: 22px; letter-spacing: 0.26px;color: #0F3544; margin-bottom: 15px;}
.campanas-cnt ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 12px; row-gap: 10px;}
.campanas-cnt ul li{flex: 0 1 auto;}
.campanas-cnt ul li a{background: transparent; border:3px solid #327994;border-radius: 25px;color: #0299BA;height: 32px;padding: 3px 20px;font-family: 'HelveticaNeue-Bold'; text-decoration: none;font-size: 15px;line-height: 22px;letter-spacing: 0.15px;display: flex;align-items: center;justify-content: center;transition: all .5s ease;}
.campanas-cnt ul li a:hover{border:3px solid #327994; background: #327994; color: #fff;}
.cargar-btm { float: left; width: 100%; margin-top: 80px; text-align: center;}
.cargar-btm a { display: inline-flex; align-items: center; justify-content: center; height: 50px; min-width: 211px; background: #0080AD; border: 3px solid rgba(50,121,148,18.31%); color: #fff; padding: 0 25px; border-radius: 25px; font-family: 'HelveticaNeue-Bold'; font-size: 15px; line-height: 25px; letter-spacing: 0.15px; transition:all .5s ease;}
.cargar-btm a:hover { background: #00D1FF; border: 3px solid #00D1FF; color: #FFFFFF;}

/* noticia-ampliada */
.noticia-title  { float: left; width: 100%; padding: 10px 0 0px;background: #F8F8F8;}
.noticia-title h2{float: left;width: 100%;font-family: 'HelveticaNeue-Bold'; padding: 0 30px; font-size: 50px;line-height: 55px; letter-spacing: -0.87px; color: #34424A; margin-bottom: 30px; text-align: center;}  
.noticia-pad { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 35px; align-items: center; justify-content: center; margin-bottom: 30px;}
.noticia-title h4{width: auto; font-family: 'HelveticaNeue-Bold'; color: #0299BA; font-size: 16px; line-height: 22px; margin-bottom: 10px;}
.noticia-title p{width: 100%; float: left; text-align: center; font-family: 'HelveticaNeue-Bold'; color: #4E6877; font-size: 20px; line-height: 30px; letter-spacing: -0.8px; margin-bottom: 0px;}
.noticia-title ul{width: auto; display: flex; flex-wrap: wrap; column-gap: 12px;}
.noticia-title ul li{flex: 0 1 auto;}
.noticia-title ul li a{background: transparent; border:3px solid #327994;border-radius: 25px;color: #0299BA;height: 32px;padding: 3px 20px;font-family: 'HelveticaNeue-Bold'; text-decoration: none;font-size: 15px;line-height: 22px;letter-spacing: 0.15px;display: flex;align-items: center;justify-content: center;transition: all .5s ease;}
.noticia-title ul li a:hover{border:3px solid #327994; background: #327994; color: #fff;}


.qui-som-main { float: left; width: 100%; padding: 35px 0 55px; position: relative; }
.qui-som-main::after { position: absolute; content: ''; background: #F8F8F8; width: 100%; height: 340px; left: 0; top: 0;}
.qui-som-main .row2 { position: relative; z-index: 1;}
.qui-som-img { float: left; width: 100%; margin-bottom: 40px;}
.qui-som-img.mid-btm { margin-bottom: 55px;}
.qui-som-cnt.hist-img-btm { margin-bottom: 40px;}
.qui-som-img.mid-btm.lst-img {margin-top: 20px;}
.qui-som-img img { float: left; width: 100%;}
.qui-som-img span { float: left; color: #282828; font-size: 12px; line-height: 18px; padding-top: 15px;}
.qui-som-cnt { float: left; width: 100%; padding: 0 100px;}
.qui-som-cnt h3 { font-size: 20px; line-height: 26px; color: #34424A;font-family: 'HelveticaNeue-Bold'; letter-spacing: -0.8px; margin-bottom: 15px;}
.qui-som-cnt p { float: left; width: 100%; color: rgba(58, 74, 80, 0.82); font-size: 16px; line-height: 24px; letter-spacing: 0px; padding-bottom: 15px;}
.qui-som-cnt p:last-child { padding-bottom: 0;}
.qui-som-cnt.hist-img-btm p {color: rgba(58, 74, 80, 0.82); font-size: 18px; line-height: 28px;}
ul.qui-lst { float: left; width: 100%; padding-bottom: 60px; display: flex; flex-wrap: wrap; align-items: center; row-gap: 13px; }
ul.qui-lst li { flex: 0 1 100%; color: rgba(58, 74, 80, 0.8); font-size: 16px; line-height: 24px; letter-spacing: 0px;}
ul.qui-lst li span { float: left; color: rgba(58, 74, 80, 0.8); font-size: 12px; line-height: 18px; padding-top: 15px;}

.para-link { float: left; width: 100%; padding-top: 25px; border-top: 3px solid #F2F2F2;}
.para-link h4 { font-size: 18px; line-height: 28px; color: #3A3A3A;font-family: 'HelveticaNeue-Bold'; letter-spacing: -0.25px; margin-bottom: 15px; padding-left: 35px; background: url(../images/external-link.svg) no-repeat 0 5px;}
.para-link ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 17px; padding-left: 35px;}
.para-link ul li { flex: 0 1 100%;}
.para-link ul li a { font-size: 15px; line-height: 20px;color: #0299BA;font-family: 'HelveticaNeue-Bold'; letter-spacing: 0px; text-decoration: underline;transition:all 0.5s ease; }
.para-link ul li a:hover { text-decoration: none;}

.siguenos-list{width: 100%; float: left; padding: 0 0 55px 0; }
.siguenos-inner{width: 100%; float: left; padding-top: 30px; border-top: 2px solid rgba(0, 126, 151, 0.31); display: flex; flex-wrap: wrap; justify-content: space-between; }
.siguenos-list p { float: left; color: #002B43; font-family: 'HelveticaNeue-medium'; text-transform: uppercase; font-size: 12px; line-height: 12px; text-align: left; margin-bottom: 0px;}
.siguenos-list ul{width: auto; float: left; display: flex; flex-wrap: wrap; column-gap: 5px; row-gap: 0; align-items: center; justify-content: center;}
.siguenos-list ul li{flex: 0 1 auto;}
.siguenos-list ul li a img{transition: all .5s ease; width: auto;}
.siguenos-list ul li a:hover img { filter:brightness(0) saturate(100%) invert(35%) sepia(89%) saturate(1400%) hue-rotate(164deg) brightness(80%) contrast(92%); opacity: 1;}
/* .siguenos-list ul li a:hover img{opacity: 0.7;} */
.siguenos-list ul li a.imprimir-btn { padding-left: 28px; border: 1.5px solid rgba(52, 59, 75, 0.2); color:#585858; font-size:12px; line-height: 12px; font-family: 'HelveticaNeue-medium'; letter-spacing: 0.48px; padding:12px 24px 12px 41px; border-radius:8px; display:inline-block; background:url('../images/ico-printer.svg') no-repeat 18px center; transition:all .5s ease;}
.siguenos-inner-lft {width: auto; float: left; display: flex; flex-wrap: wrap; column-gap: 20px; row-gap: 0; align-items: center; justify-content: center;}
.siguenos-list ul li a.imprimir-btn:hover { border: 1.5px solid #007E97; background:#ffffff url('../images/ico-printer-b.svg') no-repeat 18px center; color: #007E97;  } 

/* noticias-principal */
.noticias { padding-top: 0px;}
.noticias h2 { font-size: 70px; line-height: 85px; letter-spacing: -1.21px;}
.noticias .campanas-list { border-top: none; padding-top: 15px;}

.inner-video-div { float:left; width: 100%; margin-bottom: 55px; z-index: 1; position: relative;}
.inner-video-div .video-sec { float: left; width: 100%; border-radius: 0px; overflow: hidden; }
.inner-video-div .videoWrapper { position: relative; width: 100%; height: 0; background-color: #000;}
.inner-video-div .videoWrapper43 { padding-top: 75%;}
.inner-video-div .videoWrapper169 { padding-top: 50%;} 
.inner-video-div .videoIframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: transparent;}
.inner-video-div .videoPoster { position: absolute; top: 0; right: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; cursor: pointer; border: 0; outline: none;  background-position: 50% 50%; background-size: 100% 100%; background-size: cover; text-indent: -999em; overflow: hidden; opacity: 1; -webkit-transition: opacity 800ms, height 0s; -moz-transition: opacity 800ms, height 0s; transition: opacity 800ms, height 0s; -webkit-transition-delay: 0s, 0s; -moz-transition-delay: 0s, 0s; transition-delay: 0s, 0s;}
.inner-video-div .videoPoster:after { content: '';position: absolute; top: 50%; left: 0; width: 139px; right: 0; margin: 0 auto; height: 140px; background:url(../images/ico-video-play.svg) no-repeat scroll center center; transform: translateY(-50%); }
.inner-video-div .videoWrapperActive .videoPoster { opacity: 0; height: 0; -webkit-transition-delay: 0s, 800ms; -moz-transition-delay: 0s, 800ms; transition-delay: 0s, 800ms;}

.sanguesa-sec{float: left; width: 100%; background: #ffffff; padding: 10px 0;}
.sanguesa-sec h2{float: left;width: 100%;font-family: 'HelveticaNeue-Bold'; font-size: 70px;line-height: 75px; letter-spacing: -1.21px; color: #34424A; margin-bottom: 50px;}  
.sanguesa-inner{float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 50px; row-gap: 0; margin-bottom: 55px; }
.sanguesa-lft{flex: 0 1 500px; order: 2;}
.sanguesa-lft img{width: 100%;}
.sanguesa-rgt{flex: 0 1 calc(100% - 550px);}
.sanguesa-sec h3{float: left;width: 100%;font-family: 'HelveticaNeue-Bold'; font-size: 50px;line-height: 55px; letter-spacing: -2px; color: #34424A; margin-bottom: 20px;}  
.sanguesa-sec p{width: 100%; float: left; font-family: 'HelveticaNeue-Roman'; color: #3A4A50; font-size: 18px; line-height: 28px; margin-bottom: 20px; letter-spacing: 0px;}
.sanguesa-sec ul{width: 100%; display: flex; flex-wrap: wrap; column-gap: 23%;}
.sanguesa-sec ul li{flex: 0 1 auto; font-family: 'HelveticaNeue-Roman'; color: #3A4A50; font-size: 22px; line-height: 45px;}
.sanguesa-sec ul li span{font-family: 'HelveticaNeue-Light'; color: #3A4A50; font-size: 30px; line-height: 35px; display: block;}
.sanguesa-sec ul li strong{font-family: 'HelveticaNeue-Bold'; display: block;font-size: 30px;}
.inner-pad{padding-right: 60px;}
.inner-pad.no-pad{padding: 0;}

.sanguesa-sec ul.etapa{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 15px;}
.sanguesa-sec ul li{flex: 0 1 auto;}

.sanguesa-img { float: left; width: auto; max-width: 100%; position: relative;}
.sanguesa-btn {  position: absolute; bottom: 45px; right: 0; margin: 0; width: 100%; max-width: 230px;}
.sanguesa-btn h4{width: 100%; float: left; font-family: 'HelveticaNeue-Bold'; color: #3A4A50; font-size: 18px; line-height: 28px; margin-bottom: 20px; letter-spacing: 0px;}
.sanguesa-btn ul{width: 100%; display: flex; flex-wrap: wrap; column-gap: 10%; row-gap: 12px; justify-content: left;}
.sanguesa-btn ul li{flex: 0 1 auto; font-family: 'HelveticaNeue-Roman'; color: #fff; font-size: 22px; line-height: 45px;}
.sanguesa-btn ul li a { display: inline-flex; align-items: center; justify-content: center; height: 45px; background: #0080AD; border: 3px solid rgba(50,121,148,18.31%); color: #fff; padding: 0 25px; border-radius: 25px; font-family: 'HelveticaNeue-Bold'; font-size: 15px; line-height: 25px; letter-spacing: 0.15px; transition:all .5s ease;}
.sanguesa-btn ul li a:hover { background: #00D1FF; border: 3px solid #00D1FF; color: #FFFFFF;}

.sanguesa-btm {float: left; width: 100%; background: #ffffff; padding: 10px 0;}
.sanguesa-main { float: left; width: 100%; margin-bottom: 95px;}
.sanguesa-btm h2{float: left;width: 100%;font-family: 'HelveticaNeue-Bold'; font-size: 35px;line-height: 45px; letter-spacing: -1.4px; color: #34424A; border-bottom: 4px solid rgba(0, 85, 120, 0.15); padding-bottom: 25px;}  
.sanguesa-btm-inner{float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 50px; row-gap: 0; margin-top: 30px; margin-bottom: 0px; }
.sanguesa-btm-lft{flex: 0 1 540px; }
.sanguesa-btm-lft img{width: 100%;}
.sanguesa-btm-rgt{flex: 0 1 calc(100% - 590px);}
.sanguesa-btm h3{float: left;width: 100%;font-family: 'HelveticaNeue-Bold'; font-size: 20px;line-height: 28px; letter-spacing: -0.8px; color: #34424A; margin-bottom: 15px;}  
.sanguesa-btm p{width: 100%; float: left; font-family: 'HelveticaNeue-Roman'; color: rgba(52, 66, 74, 0.8); font-size: 16px; line-height: 24px; margin-bottom: 55px; letter-spacing: 0px;}
.sanguesa-btm p:last-child { margin-bottom: 0;}
.sanguesa-btm .inner-pad{padding-right: 40px;}

/* 15 */
.hogar .title-full { padding-right: 0;}
.vistes-menu { float: left; width: 100%;}
#section-sub-menu.fixed { position: fixed; top: 129px; z-index: 99; background: #0080AD; left: 0;height: auto; box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.16);}
.fixed .sub-menu { position: relative; padding: 15px 0;float: left; width: 100%;}
.vistes-menu.fixed li a:hover { background: #00D1FF; color: #ffffff;  border: 2px solid #00D1FF;}

ul.campanas-btn li a { display: inline-flex; align-items: center; justify-content: center; height: 50px; min-width: 211px; background: #0080AD; border: 3px solid rgba(50,121,148,18.31%); color: #fff; padding: 0 25px; border-radius: 25px; font-family: 'HelveticaNeue-Bold'; font-size: 15px; line-height: 25px; letter-spacing: 0.15px; transition:all .5s ease;}
ul.campanas-btn li a:hover { background: #ffffff; border: 2px solid #00D1FF; color: #FFFFFF;}
ul.campanas-btn li:last-child a { background: #ffffff; border: 2px solid rgba(50,121,148,22.16%); color:#327994;}
ul.campanas-btn li:last-child a:hover { background: #0080AD; border: 2px solid #0080AD; color: #FFFFFF;}

.vistes-menu { float: left; width: 100%; }
.vistes-menu ul {  float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 10px; row-gap: 10px; justify-content: center; margin-bottom: 0px; }
.vistes-menu li { flex: 0 1 auto; }
.vistes-menu li a { height: 50px; display: flex; align-items: center; padding: 0 21px; border-radius: 35px; color: #327994; 
font-size: 15px; line-height: 20px; font-family: 'HelveticaNeue-Roman'; letter-spacing: 0.15pxpx; transition: all .5s ease;background: #ffffff;border: 2px solid rgba(50, 121, 148, 0.22);}
.vistes-menu li a.active { background: #327994; color: #ffffff; border: 3px solid #327994;}
.vistes-menu li a:hover { background: #327994; color: #ffffff;  border: 3px solid #327994;}

.ejemplo-sec { float: left; width: 100%; padding: 75px 0 170px;}
.ejemplo-main {float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 60px; row-gap: 0; margin-top: 0px; border-bottom: 2px solid rgba(50,121,148,0.5); padding-bottom: 60px; margin-bottom: 60px; }
.ejemplo-lft{flex: 0 1 577px; order: 2; }
.ejemplo-lft img{width: 100%;}
.ejemplo-rgt{flex: 0 1 calc(100% - 637px); }
.ejemplo-main h3{float: left;width: 100%;font-family: 'HelveticaNeue-Bold'; font-size: 50px;line-height: 55px; letter-spacing: -2px; color: #34424A; margin-bottom: 15px;}  
.ejemplo-main h4{float: left;width: calc(100% - 81px);font-family: 'HelveticaNeue-Bold'; font-size: 35px;line-height: 45px; letter-spacing: -1.4px; color: #34424A;  }  
.ejemplo-main p{width: 100%; float: left; font-family: 'HelveticaNeue-Roman'; color: rgba(52, 66, 74, 0.8); font-size: 16px; line-height: 24px; margin-bottom: 15px; letter-spacing: 0px;}
.ejemplo-main p:last-child { margin-bottom: 0;}
.ejemplo-main ul.ejemplo-lst { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 15px;}
.ejemplo-main ul.ejemplo-lst li { flex: 0 1 100%; padding-left: 20px; font-family: 'HelveticaNeue-Roman'; color: rgba(52, 66, 74, 0.8); font-size: 16px; line-height: 24px; margin-bottom: 0px; letter-spacing: 0px; position: relative;}
.ejemplo-main ul.ejemplo-lst li::after { position: absolute; content: ''; background: #0299BA; left: 0; top: 10px; width: 7px; height: 7px; border-radius: 100px;}
.bdr-none { border-bottom: none; padding-bottom: 0;}
.second .ejemplo-lft { order: 1;}
.second .ejemplo-rgt { order: 2;padding-left: 20px;}
.third .ejemplo-lft { order: 1;}
.third .ejemplo-lft ul { padding-right: 40px;}
.third .ejemplo-rgt { order: 2;padding-left: 0px;padding-right: 0px;}
.ejemplo-title { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; column-gap: 28px;padding-bottom: 20px; margin-bottom: 20px;border-bottom: 2px solid rgba(0,85,120,0.15);}
.ejemplo-main span img{width: auto; display: block; }
.pr-20 { padding-right: 20px;}
.pr-30 { padding-right: 30px;}
.mb-0, .bars-list.mb-0 { margin-bottom: 0;}

/* chart */
.bars-rgt h4{float: left; width: 100%; color: #34424A; font-family: 'HelveticaNeue-Bold'; font-size: 30px; line-height: 30px; letter-spacing: -1.2px; margin-bottom: 30px;}
.chart-wrapper { float: left; width: 100%; background: #ffffff; border-radius: 12px;   padding: 30px; margin-bottom: 20px; /* box-shadow: 0 2px 8px rgba(0,0,0,0.1);*/}
.chart-wrapper:last-child { margin-bottom: 0;}
.chart-main { float: left; width: 100%; display: flex; flex-wrap: wrap; }
.chart-container {position: relative; width: 300px; order: 2;  }
.legend { display: flex; flex-direction: column; gap: 12px; margin-top: 0px; width: calc(100% - 450px);}
.legend-item { display: flex; align-items: center; gap: 10px;}
.legend-color {width: 16px; height: 16px; border-radius: 50%; flex-shrink: 0;}
.legend-label { color: #4a5568; font-size: 16px;}
a.documento-link { display: inline-flex; align-items: center; justify-content: center; height: 45px; background: #0299BA; border: 3px solid rgba(2,153,186,18.31%); color: #fff; padding: 0 25px; border-radius: 23px; font-family: 'HelveticaNeue-Bold'; font-size: 15px; line-height: 25px; letter-spacing: 0.15px; column-gap: 12px; transition:all .5s ease;}
a.documento-link:hover { background: #00D1FF; border: 3px solid #00D1FF; color: #FFFFFF;}
a.documento-link span{background: url(../images/ico-download.svg) no-repeat 0 0; width: 16px; height: 15px; transition: all 0.5s ease;}
.mb-40 { margin-bottom: 40px;}

/* 16 */
.bars-title h1.title-sml { font-size: 70px; line-height: 85px; letter-spacing: -1.21px;} 
.bars-rgt ul.qui-lst { padding-bottom: 20px;}
.bars-rgt ul.qui-lst li { color: rgba(52,66,74,0.8);}

/* 17 */
.bars-list { float: left; width: 100%; padding-top: 25px; border-top: 2px solid rgba(0,85,120, 15%); margin-bottom: 40px;}
.bars-list h5 { font-size: 18px; line-height: 28px; color: #3E5E6A;font-family: 'HelveticaNeue-Bold'; letter-spacing: -0.2px; margin-bottom: 12px; }
.bars-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 22px;}
.bars-list ul li { flex: 0 1 100%; padding-left: 45px;  background: url(../images/tick-icon.svg) no-repeat 0 3px;}
.bars-list ul li p:last-child { margin-bottom: 0;}
.bars-img { float: left; width: 100%; margin-top: 20px; margin-bottom: 0px;}
.bars-img img { float: left; width: 100%;}
.mt-30 { margin-top: 30px;}

/* 10 */
.principal { padding-top: 0px;}
.principal h2 { font-size: 80px; line-height: 85px; letter-spacing: -1.39px;}
.principal h4 { float: left; width: 100%; font-size: 35px; line-height: 50px; letter-spacing: -0.61px; color: #34424A;font-family: 'HelveticaNeue-Bold'; margin-bottom: 15px;}
.principal h4 span { color: #0080AD;}
.principal p { font-size: 16px; line-height: 26px; color: rgba(58, 74, 80, 0.82); padding-right: 60px;}
.principal .campanas-list { border-top: none; padding-top: 40px;}

/*03*/
.breadcrum.blue ul li::after {color: #327994;}
.breadcrum.blue ul li a, .breadcrum.blue ul li {color: #327994;}
.breadcrum ul li a:hover{opacity: 0.7;}
.la-agencia-list{width: 100%; float: left; margin-top: 20px;}
.la-agencia-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 20px;}
.la-agencia-list ul li{flex: 0 1 23.5%; background: rgba(0, 128, 173, 21.39%); border: 5px solid rgba(0, 128, 173, 6.13%); border-radius: 10px; transition: all .5s ease;}
.la-agencia-list ul li a{width: 100%; float: left; height: 100%;}
.la-agencia-list ul li a .la-agencia-main{width: 100%; float: left; height: 100%; display: flex; flex-wrap: wrap; row-gap: 50px; height: 100%; padding: 25px;}
.la-agencia-list ul li a .la-agencia-main .la-agencia-icon{width: 100%; float: left;}
.la-agencia-list ul li a .la-agencia-main .la-agencia-icon img{width: auto; float: left; transition: all .5s ease;}
.la-agencia-list ul li a .la-agencia-main .la-agencia-cnt{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 10px; align-items: flex-end;}
.la-agencia-list ul li a .la-agencia-main .la-agencia-cnt h3{flex: 0 1 calc(100% - 30px); font-family: 'HelveticaNeue-Bold'; color: #34424A; font-size: 28px; line-height: 32px; letter-spacing: -0.49px; transition: all .5s ease;}
.la-agencia-list ul li:hover{background: #0080AD;}
.la-agencia-list ul li:hover .la-agencia-main .la-agencia-cnt h3{color: #fff;}
.la-agencia-list ul li:hover .la-agencia-icon img, .la-agencia-list ul li:hover span img {filter: brightness(0) invert(1);}
.la-agencia-list.portal ul li{flex: 0 1 32%; background: #fff;}
.la-agencia-list.portal ul li:hover{background: #0080AD;}
.la-agencia-list.portal ul li a .la-agencia-main .la-agencia-cnt h3{margin: 0; font-size: 24px;line-height: 30px;letter-spacing: -0.45px;}

/*04*/
.bars-sec {float: left; width: 100%; padding: 15px 0 80px; position: relative;}
.bars-title{float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 50px; justify-content: space-between; align-items: center; margin-bottom: 35px; position: relative; z-index: 99;}
.bars-title h1{float: left; width: auto;font-size: 80px; line-height: 85px; letter-spacing: -1.39px;color: #34424A; font-family: 'HelveticaNeue-Bold';}
a.tornar-btn{color: #0299BA;font-family: 'HelveticaNeue-Medium';font-size: 15px;line-height: 24px; display: inline-flex; align-items: center;column-gap: 10px;transition: all 0.5s ease;}
a.tornar-btn span{background: url(../images/arrow-back.svg) no-repeat 0 0; width: 16px; height: 15px; transition: all 0.5s ease;}
a.tornar-btn:hover{opacity: 0.7;}

.bars-inner{float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 70px; z-index: 99; position: relative;}
.bars-sec .bars-lft { flex: 0 1 330px;}
.bars-sec .bars-rgt { flex: 0 1 calc(100% - 400px);}
/*sidebar-menu*/
.sidebar-menu { float: left; width: 100%; box-shadow: 0 0 15px 0 rgba(1, 70, 109, 0.22); background: #ffffff; border-radius: 10px; overflow: hidden;}
.sidebar-menu ul{width: 100%; float: left; display: flex; flex-wrap: wrap;}
.sidebar-menu ul li{flex: 0 1 100%;}
.sidebar-menu ul li a {cursor: pointer; font-family: 'HelveticaNeue-Roman'; display: flex; align-items: center; padding: 12px 45px 12px 22px; font-size: 20px; line-height: 35px; letter-spacing: normal; color: #34424A; position: relative; transition:all .5s ease;}
.sidebar-menu ul li a:hover {background: #0299BA; color: #fff;}
.sidebar-menu ul li ul.submenu { width:100%; float: left; flex-wrap: wrap;}
.sidebar-menu ul li ul.submenu li a { float: left; width: 100%;cursor: pointer; padding: 8px 45px 8px 36px; color: #6B787F; font-size: 18px; line-height: 32px; font-family: 'HelveticaNeue-Roman';}
.sidebar-menu ul li ul.submenu li a::after {position: absolute; content: ""; right: 20px; top:18px; background: url(../images/link-arrow-wh.svg) no-repeat 0 0; background-size: cover; width: 14px; height: 14px; opacity: 0;}
.sidebar-menu ul li ul.submenu li a:hover {background: #0299BA; color: #fff;}
.sidebar-menu ul li ul.submenu li a.active { color: #006C35; border: none; opacity: 1; background: none; font-family: 'SFProDisplay-Medium';}
.sidebar-menu ul li ul.submenu li a.active::after, .sidebar-menu ul li ul.submenu li a:hover::after{opacity: 1;}
.sidebar-menu ul li a.active {background: #0299BA; color: #fff; font-family: 'HelveticaNeue-Bold';}
.sidebar-menu ul li a::after{position: absolute; content: ""; right: 20px; top:23px; background: url(../images/link-arrow-wh.svg) no-repeat 0 0; background-size: cover; width: 14px; height: 14px; opacity: 0;}
.sidebar-menu ul li a.active::after, .sidebar-menu ul li a:hover::after{opacity: 1;}
.sidebar-menu ul li ul.submenu.open {display: inline-flex;}

.dw-btn{border-radius: 25px; width: 100%; float: left; background: #0299BA; height: 50px; color: #fff; font-size: 15px; line-height: 20px; letter-spacing: 0.15px; font-family: 'HelveticaNeue-Bold'; text-align: center; display: flex; align-items: center; justify-content: center; column-gap: 15px; padding: 8px 15px;transition: all .5s ease; margin-top: 30px;}
.dw-btn span{background: url(../images/dw-icon.svg) no-repeat; background-size: cover; width: 16px; height: 16px; display: inline-flex;}
.dw-btn:hover{background: #00D1FF;}
/*sidebar-menu*/

.bars-rgt h2{float: left; width: 100%; color: #34424A; font-family: 'HelveticaNeue-Bold'; font-size: 50px; line-height: 55px;letter-spacing: -2px; border-bottom: 2px solid rgba(0, 85, 120, 0.15); padding-bottom: 25px; margin-bottom: 25px;}
.bars-rgt h3{float: left; width: 100%; color: #34424A; font-family: 'HelveticaNeue-Bold'; font-size: 36px; line-height: 42px; letter-spacing: -1.44px; margin-bottom: 20px;}
.bars-rgt p{width: 100%; float: left; color: rgba(52,66,74,0.8); font-family: 'HelveticaNeue-Roman'; font-size: 16px; line-height: 24px; margin-bottom: 20px;}
.bars-rgt p span{font-family: 'HelveticaNeue-Bold';color: #34424A; font-size: 20px; line-height: 28px; letter-spacing: -0.8px;}
.toni-perez{float: left; width: 100%; margin-top: 30px;}
.toni-perez-img{float: left; width: 100%; margin-bottom: 15px;}
.toni-perez-img img{width: 100%; float: left;}
.toni-perez-cnt{float: left; width: 100%;}
.toni-perez-cnt h5{float: left; width: 100%; font-family: 'HelveticaNeue-Bold'; font-size: 20px; line-height: 30px; letter-spacing: -1.04px;}
.toni-perez-cnt h6{float: left; width: 100%; font-family: 'HelveticaNeue-Bold'; font-size: 16px; line-height: 28px; letter-spacing: -0.8px;}


/*5*/
.provincial-list.fines ul{column-gap: 8%;}
.provincial-list.fines ul li{flex: 0 1 46%;}

.provincial-cnt.fines{padding: 50px 0 0 0;}
.provincial-title.fines{padding: 0; margin-bottom: 25px;}
.provincial-cnt.fines p{text-align: left;}
.bars-rgt .provincial-cnt h2{text-align: left; border-bottom: none; padding-bottom: 0; font-size: 36px; line-height: 36px; letter-spacing: -1.44px; margin-bottom: 20px;}

.vision-cnt{width: 100%; float: left; margin-bottom: 30px;}
.vision-cnt h4{width: 100%; float: left; color: #34424A; font-family: 'HelveticaNeue-Bold'; font-size: 16px; line-height: 24px; text-transform: uppercase; margin-bottom: 12px;}
.vision-cnt p{width: 100%; float: left; margin: 0; color: #34424A;}
.vision-cnt ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 5%; row-gap: 20px; margin-top: 12px;}
.vision-cnt ul li{flex: 0 1 45%; padding-left: 42px; color: #3E5E6A; font-family: 'HelveticaNeue-Bold'; font-size: 18px; line-height: 23px; letter-spacing: -0.2px; position: relative;}
.vision-cnt ul li::after{position: absolute; content: ""; left: 0; top: -2px; background: url(../images/tick-icon.svg) no-repeat 0 0; background-size: cover; width: 25px; height: 27px;}
.vision-img{width: 100%; float: left; margin-top: 15px;}
.vision-img img{width: 100%; float: left;}

.alicante-natura-list{width: 100%; float: left;}
.alicante-natura-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 30px;}
.alicante-natura-list ul li{flex: 0 1 100%; border-bottom: 2px solid rgba(0,85,120, 15%); padding-bottom: 45px;}
.alicante-natura-list ul li:last-child{border-bottom: none; padding-bottom: 0;}
.alicante-natura-list ul li h3{margin-bottom: 12px;}
.alicante-logo{float: left; width: 100%; margin-bottom: 20px;}
.alicante-logo img{background: #f9f9f9ff; padding: 10px; border-radius: 6px;}
a.web-link{color: #0299BA; font-family: 'HelveticaNeue-Bold'; font-size: 18px; line-height: 22px; letter-spacing: -0.2px; text-decoration: underline; padding-left: 28px; position: relative; transition: all .5s ease;}
a.web-link::after{position: absolute; content: ""; left: 0; top:2px; background: url(../images/link.svg) no-repeat 0 0; background-size: cover; width: 16px; height: 16px;}
a.web-link:hover{opacity: 0.7;}

/*14*/
.campanas-sec.principal.consejos h2{font-size: 70px; line-height: 75px; letter-spacing: -1.21px;}
.la-agencia-list.consejos{margin-top: 50px;}

/*table*/
.convocat-table table{border-collapse: separate; border-spacing: 0 20px;}
.conoce-sec{width: 100%; float: left; padding: 30px 0 70px 0; /*! background: #ffffff; */ border-top: 2px solid rgba(0, 85, 120, 0.15); margin-top: 40px;}
.bars-rgt .conoce-sec h3{width: 100%; float: left; color: #34424A; font-family: 'HelveticaNeue-Bold'; font-size: 36px; line-height: 32px; letter-spacing: -1.44px;}
.convocat-table table thead tr th {padding: 5px 22px; font-family: 'HelveticaNeue-Light';font-size: 14px;line-height: 24px; border-bottom: 2px solid rgba(0, 85, 120, 0.15); letter-spacing: -0.17px; color: rgba(52, 66, 74, 0.80); text-align: left; background: transparent;}
.convocat-table table tbody tr {box-shadow: 0 0 10px 0 rgba(1, 70, 109, 0.22); border-radius: 10px;overflow: hidden;}
.convocat-table table tbody tr td{font-family: 'HelveticaNeue-Light';font-size: 14px;line-height: 24px;background: #fff; letter-spacing: -0.17px; color: #34424A; text-align: center; padding: 16px 22px;}
.convocat-table table tbody tr td p{font-family: 'HelveticaNeue-Light';font-size: 14px;line-height: 24px; letter-spacing: -0.17px; color: #34424A; text-align: left; display: flex; align-items: center; margin: 0;}
.convocat-table table tbody tr td a{ transition:all .5s ease;}
.convocat-table table tbody tr td a:hover{opacity: 0.7;}
.circle{width: 10px; height: 10px; background: #61BE1A; display: inline-flex; border-radius: 10px;}
.convocat-table table tbody tr td p{width: 100%; float: left;}
.convocat-table table tbody tr td p span{ color: #34424A; font-size: 16px; line-height: 22px; letter-spacing: -0.64px; text-align: left;}
.circle.red{background: #DF1111;}
.circle.org{background: #F39548;}
.conoce-btn{width: 100%; float: left; margin-top: 15px;}
.conoce-btn a{background: #0299BA;border-radius: 25px;color: #fff;height: 50px;padding: 5px 20px;font-family: 'HelveticaNeue-Bold';font-size: 15px;line-height: 24px;letter-spacing: 0.15px;display: inline-flex;align-items: center;justify-content: center;min-width: 160px;transition: all .5s ease;}
.conoce-btn a:hover {background: #00D1FF;}
.convocat-table table tbody tr td:first-child { border-radius: 10px 0 0 10px;}
.convocat-table table tbody tr td:last-child { border-radius: 0 10px 10px 0;}

.convocat-address{width: 100%; float: left; background: #fff; padding: 30px 30px; box-shadow: 0 0 10px 0 rgba(1, 70, 109, 0.22); border-radius: 10px;}
.convocat-address h3{width: 100%; float: left; font-size: 30px; line-height: 28px; letter-spacing: -1.2px; color: #34424A; margin-bottom: 25px;}
.convocat-address ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 15px;}
.convocat-address ul li{flex: 0 1 100%; font-family: 'HelveticaNeue-Light'; font-size: 16px; line-height: 24px; letter-spacing: -0.2px; position: relative; margin: 0; padding-left: 32px;}
.convocat-address ul li.address::before{background:url(../images/ico-address.svg) no-repeat 0 0; background-size: cover; width: 16px; height: 18px;}
.convocat-address ul li.ph::before{background:url(../images/ico-phone.svg) no-repeat 0 0; background-size: cover; width: 16px; height: 16px;}
.convocat-address ul li.mail::before{background:url(../images/ico-mail.svg) no-repeat 0 0; background-size: cover; width: 17px; height: 16px;}
.convocat-address ul li.link::before{background:url(../images/link.svg) no-repeat 0 0; background-size: cover; width: 16px; height: 16px;}
.convocat-address ul li::before{position: absolute; content: ""; left: 0; top: 5px;}
.convocat-address ul li a{font-family: 'HelveticaNeue-Bold'; color: #0299BA; font-size: 16px; line-height: 24px; letter-spacing: -0.2px; text-decoration: underline; transition: all .5s ease;}
.convocat-address ul li a:hover{opacity: 0.7;}

.empresas-title{width: 100%; float: left; margin-bottom: 25px; padding-right: 150px;}
.empresas-title h2{float: left;width: 100%;font-family: 'HelveticaNeue-Bold'; font-size: 70px;line-height: 75px; letter-spacing: -1.21px; color: #34424A; margin-bottom: 22px;} 
.empresas-title p {float: left;width: 100%; font-size: 16px;line-height: 26px;color: rgba(58, 74, 80, 0.82); margin-bottom: 15px;}

/*equip*/
.equip-lst{float: left; width: 100%;border: 2px solid transparent; box-shadow: 0 0 15px 0 rgba(1, 70, 109, 0.22); border-radius: 8px; background: #fff; margin-bottom: 25px;}
.equip-lst.open{border: 2px solid rgba(2,153,186,0.25);}
.equip-top{width: 100%; float: left; display: flex; flex-wrap: wrap; align-items: flex-start; column-gap: 20px; row-gap: 10px; padding: 15px 15px;}
.equip-lft{flex: 0 1 calc(100% - 70px); display: flex; flex-wrap: wrap; column-gap: 25px;}
.equip-img{flex: 0 1 190px; background: #F8F8F8; border-radius: 8px; padding: 10px; display: flex; align-items: center; justify-content: center;}
.equip-img img{width: auto;}
.equip-cnt{flex: 0 1 calc(100% - 230px);}

.equip-rgt{flex: 0 1 50px; display: flex; justify-content: center;}
.equip-rgt a.btn-top{background: url(../images/drop-down.svg) no-repeat 0 0; background-size: cover; width: 46px; height: 46px;}
.equip-rgt a.btn-top:hover, .equip-rgt a.btn-top.active{background: url(../images/drop-down-h.svg) no-repeat 0 0; background-size: cover; width: 46px; height: 46px;}
.equip-top h4{float: left; width: 100%; font-family: 'SFProDisplay-Regular'; font-size: 14px; line-height: 22px; letter-spacing: 0.44px;color: #252525; margin-bottom: 5px;}
.equip-top h5{width: 100%; float: left; font-family: 'HelveticaNeue-Bold'; font-size: 24px; line-height: 32px; letter-spacing: -0.49px; margin-bottom: 5px;}
.equip-top p{width: 100%; float: left; color: #34424A; font-size: 16px; line-height: 26px; font-family: 'HelveticaNeue-Light'; margin-bottom: 5px;}
.equip-top a.emp-link{float: left; color: #0299BA; font-family: 'HelveticaNeue-Bold'; font-size: 16px; line-height: 20px; letter-spacing: -0.2px; text-decoration: underline; position: relative; transition: all .5s ease;}
.equip-top a.web-link:hover{opacity: 0.7;}

.equip-btm{width: 100%; float: left; padding: 15px 15px; display: none;}
.equip-btm h6{width: 100%; float: left; color: #1E1E1E; font-family: 'SFProDisplay-Semibold'; font-size: 16px; line-height: 26px; letter-spacing: 0px; margin-bottom: 10px;}
.equip-btm ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 8px;}
.equip-btm ul li{flex: 0 1 100%; font-family: 'SFProDisplay-Regular'; font-size: 16px; line-height: 24px;letter-spacing: 0px;color: #1E1E1E; position: relative; padding-left: 20px;}
.equip-btm ul li:after{position: absolute; content: ""; left: 0; top:10px; width: 7px; height: 7px; border-radius: 6px; background: #006C35;}
.equip-btm.visible {display: block;}
.equip-rgt a.btn.active {background-color: #006C35;color: #fff;}
.equip-rgt a.btn.active span::after {border-top: 2px solid #fff; border-right: 2px solid #fff; top: 8px;transform: rotate(-45deg);}

.equip-inner{width: 100%;float: left;display: flex;flex-wrap: wrap;align-items: flex-start;column-gap: 20px;}
.equip-btm-lft{flex: 0 1 190px;}
.equip-btm-lft h6{width: 100%;float: left; font-family: 'HelveticaNeue-Light'; font-size: 16px; line-height: 26px; color: #34424A; margin-bottom: 0;}
.equip-btm-lft a{color: #0299BA; font-size: 16px; line-height: 26px; font-family: 'HelveticaNeue-Bold'; text-decoration: underline; transition: all .5s ease;}
.equip-btm-lft a:hover{opacity: 0.7;}

.equip-btm-rgt{flex: 0 1 calc(100% - 215px);}
.equip-btm-rgt p{margin-bottom: 12px; font-family: 'HelveticaNeue-Light';}
a.noticias-btn{display: inline-flex;align-items: center;justify-content: center;height: 45px;background: #0080AD;border: 3px solid rgba(50,121,148,18.31%);color: #fff;padding: 0 25px;border-radius: 23px;font-family: 'HelveticaNeue-Bold';font-size: 15px;line-height: 25px;letter-spacing: 0.15px; margin-top: 40px;transition: all .5s ease;}
a.noticias-btn:hover {background: #00D1FF;border: 3px solid #00D1FF;color: #FFFFFF;}

/*mob filter*/
.mob-filter { float: left; width: auto; margin-left: 0; display: none;}
.mob-filter a { float: left; width: 42px; height: 42px; position:relative; border-radius: 5px;color: #0299BA;text-align: left;padding: 5px 5px; border: 1px solid #0299BA;}
.mob-filter a.close:after {background: url("../images/ico-close.svg") no-repeat center center;}
.mob-filter a:after {content:""; background: url("../images/filter.svg") no-repeat center center;width: 21px;height: 20px;position: absolute;right: 0; left: 0; margin: 0 auto; top: 10px;}
.bars-title{margin-bottom: 30px;}

.sidebar-menu.emp ul li a{font-size: 17px; line-height: 30px;}
.sidebar-menu.emp::before {font-size: 17px; letter-spacing: normal;}

/*part2*/
.simulador-sec{width: 100%; float: left; padding: 120px 0 220px 0; background: #0080AD;}
.simulador-pad{width: 100%; float: left; padding: 0 95px; display: flex; flex-wrap: wrap; column-gap: 6%; align-items: flex-start;}
.simulador-cnt{flex: 0 1 46%;}
.simulador-img{flex: 0 1 48%;}
.simulador-img img{width: 100%; float: left;}
.simulador-icon{width: auto; float: left; margin-bottom: 12px;}
.simulador-sec h3{width: 100%; float: left; font-family: 'HelveticaNeue-Medium'; font-size: 22px; line-height: 21px; letter-spacing: 1.1px; color: rgba(255,255,255, 0.75); margin-bottom: 15px;}
.simulador-sec h2{width: 100%; float: left; font-family: 'HelveticaNeue-Bold'; font-size: 50px; line-height: 50px; letter-spacing: -0.87px; color: #fff; margin-bottom: 15px;}
.simulador-sec p{width: 100%; float: left; font-family: 'HelveticaNeue-Roman'; font-size: 18px; line-height: 24px;  color: rgba(255,255,255, 0.87); margin-bottom: 50px;}
.simulador-sec a.empezar-btn {float: left; display: inline-flex; align-items: center; justify-content: center; height: 50px; min-width: 160px; background: #fff; border: 3px solid #fff; color: #0080AD; padding: 0 25px; border-radius: 23px; font-family: 'HelveticaNeue-Bold'; font-size: 16px; line-height: 25px; letter-spacing: 0.16px; text-transform: uppercase; transition:all .5s ease;}
.simulador-sec a.empezar-btn:hover { background: #00D1FF; border: 3px solid #00D1FF; color: #FFFFFF;}

.categoria-sec{width: 100%; float: left; padding: 50px 0 120px 0; background: #0080AD;}
.categoria-pad{width: 100%; float: left; padding: 0 145px;}
.categoria-sec h4{width: 100%; float: left; text-align: center; font-family: 'HelveticaNeue-Medium'; font-size: 22px; line-height: 21px; color: rgba(255, 255, 255, 0.75); letter-spacing: 1.1px; margin-bottom: 10px;}
.categoria-sec h2{width: 100%; float: left;text-align: center; font-family: 'HelveticaNeue-Bold'; font-size: 50px; line-height: 50px; letter-spacing: -0.87px; color: #fff;}
.categoria-list{width: 100%; float: left; margin-top: 35px; position: relative;}
.categoria-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 20px;}
.categoria-list ul li{flex: 0 1 32%; background: rgba(255, 255, 255, 0.061); border: 5px solid rgba(255, 255, 255, 0.4); border-radius: 10px; transition: all .5s ease;}
.categoria-list ul li a{width: 100%; float: left; height: 100%;}
.categoria-list ul li a .la-agencia-main{width: 100%; float: left; height: 100%; display: flex; flex-wrap: wrap; row-gap: 50px; height: 100%; padding: 25px;}
.categoria-list ul li a .la-agencia-main .la-agencia-icon{width: 100%; float: left;}
.categoria-list ul li a .la-agencia-main .la-agencia-icon img{width: auto; float: left; transition: all .5s ease;}
.categoria-list ul li a .la-agencia-main .la-agencia-cnt{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 10px; align-items: flex-end;}
.categoria-list ul li a .la-agencia-main .la-agencia-cnt h3{flex: 0 1 calc(100% - 32px); font-family: 'HelveticaNeue-Bold'; color: #fff; font-size: 28px; line-height: 32px; letter-spacing: -0.49px; transition: all .5s ease;}
.categoria-list ul li:hover{background: #006092; border: 5px solid #006092;}
.categoria-list ul li:hover .la-agencia-main .la-agencia-cnt h3{color: #fff;}
.categoria-list ul li:hover .la-agencia-icon img, .categoria-list ul li:hover span img {filter: brightness(0) invert(1);}
.categoria-list::before{ position: absolute; content: ""; left: -130px; bottom: 0; background: url("../images/nena.svg") no-repeat 0 0; width: 145px; height: 214px;}
.categoria-list::after{position: absolute; content: ""; right: -105px; bottom: 0; background: url("../images/nen.svg") no-repeat 0 0; width: 115px; height: 261px;}

.resultados-sec{width: 100%; float: left; background: #fff; padding: 60px 0;}
.resultados-title{width: 100%; float: left; display: flex; flex-wrap: wrap; row-gap: 20px; margin-bottom: 40px;}
.resultados-title h2{width: 100%; color: #0080AD; font-family: 'HelveticaNeue-Bold'; font-size: 50px; line-height: 50px; letter-spacing: -0.87px;}
.resultados-title p{width: 100%; color: #0080AD; font-family: 'HelveticaNeue-Light'; font-size: 26px; line-height: 31px; letter-spacing: -0.45px;}

.resultados-list{width: 100%; float: left;}
.resultados-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 35px;}
.resultados-list ul li{flex: 0 1 32%; display: flex; flex-wrap: wrap; row-gap: 15px;}
.result-icon{width: auto; float: left;}
.result-icon img{width: auto; height: 52px; filter: brightness(0) saturate(100%) invert(43%) sepia(56%) saturate(1420%) hue-rotate(164deg) brightness(92%) contrast(101%);}
.resultados-top{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 15px; align-items: center; padding: 0 18px;}
.resultados-top h3{color: #0080AD; font-family: 'HelveticaNeue-Bold'; font-size: 28px; line-height: 32px; letter-spacing: -0.49px;}

.resultados-list ul li .resultados-btm{width: 100%; float: left; border-radius: 10px; border: 5px solid #91C8DC; background: #E7EFF1;}
.resultados-list ul li .resultados-btm ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 0;}
.resultados-list ul li .resultados-btm ul li{flex: 0 1 100%; padding: 9px 12px;  font-size: 16px; line-height: 27px; color: #525E65; font-family: 'HelveticaNeue-Light'; display: flex; flex-wrap: wrap; justify-content: space-between;}
.resultados-list ul li .resultados-btm ul li span{color: #0080AD;font-family: 'HelveticaNeue-Roman';}
.resultados-list ul li .resultados-btm ul li.green{background: #69A554; color: #fff; border-radius: 0 0 5px 5px; font-family: 'HelveticaNeue-Medium';}
.resultados-list ul li .resultados-btm ul li.green span{color: #fff; font-family: 'HelveticaNeue-Medium';}

.consejos-sec{width: 100%; float: left; padding: 100px 0; background: #0080AD;}
.consejos-pad{width: 100%; float: left; padding: 0 90px;}
.consejos-sec h2{width: 100%; float: left; color: #fff; font-family: 'HelveticaNeue-Bold'; font-size: 50px; line-height: 50px; letter-spacing: -0.87px; margin-bottom: 20px;}
.consejos-sec ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 25px;}
.consejos-sec ul li{flex: 0 1 100%; padding-left: 22px; font-family: 'HelveticaNeue-Roman'; color: rgba(255,255,255, 0.87); font-size: 16px; line-height: 22px; letter-spacing: -0.28px; position: relative;}
.consejos-sec ul li::before{position: absolute; content: ""; left: 0; top: 8px; width: 6px; height: 6px; background: #fff; border-radius: 10px;}

.volver{width: 100%; float: left; padding: 35px 0; background: rgba(0, 128, 173, 0.061); text-align: center;}
.volver-btn{width: 100%; float: left;}
.volver-btn a{ display: inline-flex; flex-wrap: wrap; align-items: center; column-gap: 20px; font-family: 'HelveticaNeue-Light'; color: #0080AD; font-size: 26px; line-height: 31px; letter-spacing: -0.45px; transition: all .5s ease;}
.volver-btn a span{width: 60px; height: 60px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; border: 4px solid rgba(107, 177, 200, 30%); background: #fff; border-radius: 100%; transition: all .5s ease;}
.volver-btn a:hover span{background: #0080AD;}
.volver-btn a:hover span img{filter: brightness(0) invert(1);}

.total-sec{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 5%; padding: 60px 0 80px 0;}
.total-lft{flex: 0 1 45%; position: relative;}
.familia{position: absolute; left: 75px;top: -70px; width: 400px;}
.familia img{width: 100%; float: left;}
.total-rgt{flex: 0 1 50%; background: rgba(105, 165, 84, 0.15);}
.total-rgt ul{width: 100%; float: left; display: flex; flex-wrap: wrap; align-items: flex-start; column-gap: 0; row-gap: 0;}
.total-rgt ul li{flex: 0 1 100%; padding: 8px 25px; font-size: 16px; line-height: 27px; color: #525E65; font-family: 'HelveticaNeue-Light'; display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 2px solid rgba(0, 128, 173, 0.21);}
.total-rgt ul li span{color: #0080AD;font-family: 'HelveticaNeue-Roman';}
.total-rgt ul li.green{background: #69A554; color: #fff; font-family: 'HelveticaNeue-Medium';}
.total-rgt ul li.green span{color: #fff; font-family: 'HelveticaNeue-Medium';}

.total-lft .volver-btn{width: auto; float: none; position: absolute; right: 0; bottom: 0;}
.total-lft .volver-btn img{width: auto; transform: rotate(-90deg);}
.total-lft .volver-btn {width: auto;float: none;position: absolute;right: -140px;bottom: 20px;}

.product-sec{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 0;}
.sidebar{flex: 0 1 365px; border-right: 1px solid #0299BA; overflow: hidden;}
.sidebar ul{width: 100%; float: left; display: flex; flex-wrap: wrap; align-items: flex-start; column-gap: 0; row-gap: 0;}
.sidebar ul li{flex: 0 1 100%; }
.sidebar ul li a{width: 100%; padding: 8px 15px; font-size: 16px; line-height: 27px; color: #525E65; font-family: 'HelveticaNeue-Light'; display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 2px solid rgba(0, 128, 173, 0.21); background: rgba(105, 165, 84, 0.15);}
.sidebar ul li a.active {background: #69A554; color: #fff; font-family: 'HelveticaNeue-Medium';}
.sidebar ul li a:hover{background: #69A554; color: #fff;}


/* custom scrollbar (WebKit) */
.content::-webkit-scrollbar { width:10px; }
.content::-webkit-scrollbar-track { background:#f0f0f0; border-radius:999px; }
.content::-webkit-scrollbar-thumb { background:var(--accent); border-radius:999px; }
.content{width: 100%; float: left; padding: 10px 10px 0 0 !important;}
.accordion-item {border-top: 1px dashed var(--border);}
.accordion-header {display:flex; width: 100%;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;cursor:pointer;user-select:none;background: none;border: none;}
.accordion-header:hover { background:#fff; }
.accordion-item .title {display:flex;gap:8px;align-items:center;font-family: 'HelveticaNeue-Light';color:#0080AD;font-size:16px; margin: 0; justify-content: left;}
.accordion-item .title span{font-family: 'HelveticaNeue-Medium';}
.count {color:rgba(54, 135, 27, 0.75);font-family: 'HelveticaNeue-Light';font-size:16px; line-height: 18px; letter-spacing: -0.28px;}
.chev {width:20px; height:20px;display:inline-flex; align-items:center; justify-content:center;transition: transform .25s ease; color:#0080AD;}
.panel {padding:0 14px;display:none;}
.panel.open { display:block; }
.list {list-style:none;padding:0;}
.list li {display:flex;align-items:center;gap:10px;padding:6px 0;color:var(--text);font-size:14px;}
.name {flex:0 0 auto;margin-right:10px;white-space:nowrap;color: #34424A; font-size: 16px; font-family: 'HelveticaNeue-Light';}
.name span{font-family: 'HelveticaNeue-Medium';}
.dots {flex:1 1 auto;border:1px dashed #979797;margin-right:10px;}
.price {flex:0 0 auto;white-space:nowrap;font-family: 'HelveticaNeue-Light';color:#0080AD;font-size:14px;}
.price span{font-family: 'HelveticaNeue-Medium';}
.category-compact { color:var(--muted); font-size:13px; }
.chev svg { display:block; }
.accordion-header:focus { color:#0080AD;}

.prduct-summary{flex: 0 1 calc(100% - 365px); display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 0;}
.prduct-lft{flex: 0 1 55%; padding: 40px 45px; background: rgba(0, 128, 173, 0.06);}
.prduct-rgt{flex: 0 1 45%; background: #0080AD; position: relative;}
.prduct-rgt::after{position: absolute; content: ""; right: 40px; top: 40px; background: url("../images/ilu-nena-sorpresa.svg") no-repeat 0 0; width: 125px; height: 225px;}
.consejo{width: 100%; float: left; padding: 35px 42px; display: flex; flex-wrap: wrap;row-gap: 15px; align-content: flex-start;}
.consejo.blue{background: #0299BA; min-height: 230px;}
.consejo h3{width: 100%; float: left; font-family: 'HelveticaNeue-Bold'; color: #fff; font-size: 30px; line-height: 36px; letter-spacing: -0.52px;}
.consejo p{width: 100%; float: left; font-family: 'HelveticaNeue-Light'; color: #fff; font-size: 16px; line-height: 21px; letter-spacing: -0.28px;}
.consejo ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 15px;}
.consejo ul li{flex: 0 1 100%; font-family: 'HelveticaNeue-Light'; color: #fff; font-size: 16px; line-height: 21px; letter-spacing: -0.28px; padding-left: 22px; position: relative;}
.consejo ul li::before{position: absolute; content: ""; left: 0; top:8px; width: 6px; height: 6px; border-radius: 10px; background: #fff;}

.prd-img{width: 100%; float: left; margin-bottom: 20px;}
.prd-img img{width: auto; float: left;}
.prd-cnt{width: 100%; float: left;}
.prd-cnt h2{width: 100%; float: left; font-family: 'HelveticaNeue-Bold'; color: #0080AD; font-size: 50px; line-height: 50px; letter-spacing: -0.87px; margin-bottom: 15px;}
.prd-cnt p{width: 100%; float: left; font-family: 'HelveticaNeue-Light'; color: #0080AD; font-size: 26px; line-height: 31px; letter-spacing: -0.45px;}
.prd-form{width: 100%; float: left; padding: 30px 0 100px 0;}
.prd-form ul{width: 100%; display: flex; column-gap: 20px; margin-bottom: 25px;}
.prd-form ul li{flex: 0 1 auto;}
.prd-form ul li label{width: 100%; float: left; color: #34424A; font-family: 'HelveticaNeue-Light'; font-size: 16px; line-height: 31px; letter-spacing: -0.28px; margin-bottom: 5px;}
.prd-form ul li .contact-select{width: 100%; float: left;}
.prd-form ul li ul.list{flex-wrap: wrap;}
.prd-form ul li ul.list li.option {flex: 0 1 100%; font-family: 'HelveticaNeue-Light'; color: #0080AD;  font-size: 16px; line-height: 21px;}
.prd-form ul li .nice-select{width: 100%; float: left; height: 54px;padding: 8px 15px;border: 2px solid rgba(63,138,163, 29%); background: #fff; text-transform: capitalize; font-size: 16px; line-height: 32px; color: #2E4654;font-family: 'HelveticaNeue-Medium';}
.prd-form ul li .nice-select::after {right: 25px;}
.prd-form ul li .nice-select .option.selected{font-weight: normal;}
.prd-form ul li .nice-select .option:hover {background-color: #0080AD;color: #fff;}
.prd-form ul li:first-child {max-width: 265px;}

.nav-wrapper {display: flex;justify-content: space-between;align-items: center;margin: 40px auto;width: 100%;}
.nav-btn {display: flex;align-items: center;gap: 12px;font-size: 26px; line-height: 31px; letter-spacing: -0.45px;color: #0080AD;cursor: pointer;font-family: 'HelveticaNeue-Light';transition: all .5s ease;}
.nav-btn .arrow {width: 60px;height: 60px; background: #fff; border-radius: 50%;border: 4px solid rgba(107, 177, 200, 30%);display: flex;align-items: center;justify-content: center;box-shadow: 0px 8px 16px 0 rgba(0, 126, 167, 9%); transition: all .5s ease;}
.nav-btn:hover .arrow{background: #0080AD; border: 4px solid #0080AD;}
.nav-btn:hover .arrow img{filter: brightness(0) invert(1);}
.prev-btn .arrow {transform: rotate(0deg);}
.next-btn .arrow {transform: rotate(-180deg);}
.sidebar-scroll {overflow-y: auto;}
.total-btn{float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 15px;}
.total-btn .amt-btn{background-color: #0080AD;color: #fff; font-family: 'HelveticaNeue-Medium'; height: 45px; padding: 5px 20px; font-size: 16px; line-height: 27px; border: 2px solid #0080AD; border-radius: 6px; cursor: pointer; transition: all .5s ease;}
.total-btn .amt-btn:hover{background: #00D1FF;border: 2px solid #00D1FF;}
.nicescroll-rails.nicescroll-rails-vr{border-radius: 11px !important;}

/*tooltip*/
.tooltip {position: relative;display: inline-block;}
.tooltip-text {visibility: hidden;opacity: 0;position: absolute;top: -7px;right: -60px;background: #ffffff;color: #36a3c7;padding: 4px 15px;border-radius: 4px;white-space: nowrap;font-family: 'HelveticaNeue-Light'; color: #0080AD;  font-size: 14px; line-height: 24px;box-shadow: 1px 4px 1px 0 rgba(0,0,0,0.25);transition: opacity 0.2s ease;z-index: 10;}
.tooltip:hover .tooltip-text {visibility: visible;opacity: 1;}

.popup { float:left; display:none; background:#fff;width:650px;z-index: 999999; position: relative; border-radius: 25px; box-shadow: 1px 4px 1px 0 rgba(0,0,0,0.25); overflow: hidden;}
.fancybox-outer, .fancybox-inner { border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;}
.popup-box .prduct-rgt{float: left;}
.popup-box .prduct-rgt::after{display: none;}
.popup-box .prduct-rgt .consejo{padding: 70px 20px 40px 20px;}
.popup-box .prduct-rgt .consejo.blue{padding: 20px 20px 40px 20px;}


.product-sec {
    /* keep the dynamic height from JS */
    overflow: hidden; /* prevent extra scroll on the section itself */
    position: relative;
}

.prduct-summary {
    height: 100%;      /* take full height of .product-sec */
    overflow-y: auto;  /* enable vertical scroll if content overflows */
    box-sizing: border-box;
}



/*artboard-icon*/
.icon-wrap {
    position: relative;
    width: 70px;
    height: 70px;
}

.big-icon {
    width: 100%;
    height: 100%;
    background: #077DA5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 28px;
}

.inner-icon {
    line-height: 1;
}

.badge {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 28px;
    height: 28px;
    background: #67A956;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
     font-family: 'HelveticaNeue-Medium';
}
.icon-wrap{display: none;}
.prd-img.pop-up{display: flex;justify-content: space-between;column-gap: 15px;}