@charset "utf-8";

body { padding:0px; margin:0px; background:#fff; font-size:16px; color:#282828; line-height:20px; font-family: 'FoundersGrotesk-Regular'; }
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:1220px; margin:auto; padding:0px;}
.row1 { width: 100%; margin: auto; padding: 0px; max-width: 1340px;}

.hdr-top-sec { float: left; width: 100%; background: #212F59;}
.hdr-top-main { float: left; width: 100%; display: flex; align-items: center; justify-content: space-between;}
.scl-links {margin-top: 0px;position: relative; z-index: 2;}
.scl-links ul {display: flex; flex-wrap: wrap; justify-content: center;align-items: center;column-gap: 18px;}
.scl-links ul li {flex: 0 1 auto;}
.scl-links ul li a { transition: all .5s ease; display: flex; }
.scl-links ul li a:hover { opacity: 0.7;}
a.area-clients { display: inline-flex; column-gap: 10px; align-items: center; color: #212F59; font-size: 16px; line-height: 1.4; padding: 10px 20px 5px; font-family: 'FoundersGrotesk-Medium'; background: #e5b41a; }

.menu-wrap {float: left; width: auto; display: flex; align-items: center; column-gap: 25px;}
.hdr-links {float: right;margin-right: 0;padding: 0;margin-top: 0px; z-index: 9; position: relative;}
.hdr-links > ul { display: flex; flex-wrap: wrap; align-items: center; column-gap: 12px;}
.hdr-links > ul > li {/*float: left;*/margin-right: 0px;position: relative;display: inline-flex;}
.hdr-links ul li:last-child {margin-right: 0px;margin-left: 20px;}
.hdr-links ul li a { transition: all 0.5s ease;}
.hdr-links ul li a .mobile-search { display: none;}
.hdr-links ul li a:hover { opacity: 0.7;}
.hdr-links ul li a.search-active img {filter: brightness(0) saturate(100%) invert(84%) sepia(46%) saturate(469%) hue-rotate(358deg) brightness(103%) contrast(97%); }
.select-lang {float: right;width: 45px;position: relative; }
.select-lang .nice-select { font-size: 16px; line-height: 1.4; font-family: 'FoundersGrotesk-Medium'; color: #fff; letter-spacing: 1px; background: none;}
.select-lang .nice-select::after { border-bottom: 2px solid #fff; border-right: 2px solid #fff; }
.select-lang .nice-select .list { left: auto; right: 0px; }
.select-lang .nice-select .option { background: #fff; letter-spacing: normal;}

/* informacio css */
.informacio-sec { position: absolute; top: 0; z-index: 9; float:left; width:100%; background:#5694BC; padding:7px 0 0; display: block; opacity: 1; visibility: visible; transition: opacity 0.3s ease, visibility 0.3s ease;}
.informacio-sec.hidden { opacity: 0; visibility: hidden; pointer-events: none;}
.sc-title { float:left; width:auto; padding-right: 15px;}
.sc-title img { float: left; margin: 4px 10px 0 0;}
.sc-title h2 { color:#ffffff; font-family: 'FoundersGrotesk-Bold'; font-size:18px; line-height: 32px; display:inline-flex; align-items: center; column-gap: 20px; letter-spacing:0px;}
.sc-title h2 span { font-size: 22px;}
.sc-text { float:left; width:calc(100% - 23%); overflow: hidden;}
.sc-text ul li { float:left; line-height:30px; position:relative; padding-right: 15px;}
.sc-text ul li::after { position: absolute; content: ""; background: #FFFFFF; right: 0; top: 5px; width: 1px; height: 15px;}
.sc-text ul li:last-child { padding-right: 0;}
.sc-text ul li:last-child:after { content: none;}
.sc-text ul li a { font-size:18px; color:#ffffff; letter-spacing:0px;}
.info-close { float:right; transition:all 0.5s ease;}
.info-close img { width:auto; margin: 10px 0 0 0; float:right; }
.info-close:hover { opacity:0.7;}
.marquee {list-style-type:none; padding:0; margin:0; overflow:hidden; height:30px; position:relative; white-space:nowrap; display:flex; width:100%;}
.marquee li {display:inline-block; margin-right:20px; font-size:18px; color:white;}
.marquee-wrapper {display:flex; width:max-content; animation:marqueeScroll 30s linear infinite;}
@keyframes marqueeScroll {
0% {transform:translateX(20%);}
100% {transform:translateX(-100%);}
}

/* header css */
header {float: left;width: 100%;position: relative; background: #ffffff; box-shadow: 0 10px 20px rgba(0,0,0,0.15); z-index: 999;}
.head-top { float: left; width: 100%;}
.head-top-in { float: left;width: 100%;display: flex;align-items: center; justify-content: space-between;}
.is-sticky header .head-top { background: #ffffff;}
.inner-hdr header .head-top { box-shadow: 0 10px 20px rgba(0,0,0,0.15); }
.logo-top { float: left; padding: 0px; z-index: 9;}
.logo-top img { 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: 82%; justify-content: space-between; column-gap: 40px;}

/* search box */  
a.search {background: rgba(86,148,188,0.15) url(../images/ico-search.svg) no-repeat center center; position: relative; display: inline-block; width: 40px; height: 40px; border-radius: 50px;}
a.search.close {background: #183C69 url(../images/ico-search-white.svg) no-repeat center center;}
.desktop-search {width: 100%;height: 100vh;background: rgba(29, 62, 143,0.94); position: fixed;left: 0;top: 0;z-index: 9999;display: none;transition: all 0.5s ease;}
.desktop-search-main { float: left; width: 100%; position: relative;}
.search-block {width: 100%; position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%);display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: column;row-gap: 100px;}
.search-div {width: 100%; max-width: 650px; margin: 0 auto; }  
.search-div h2 { color: #ffffff; font-size: 60px; line-height: 70px; font-family: 'FoundersGrotesk-Medium'; letter-spacing: -0.21px; padding-bottom: 30px; text-align: center;}
.search-list { width: 100%;margin: 0 auto;max-width: 760px;}
.search-list h3 { width: 100%; text-align: center; color: #ffffff; font-size: 16px; line-height: 28px; font-family: 'FoundersGrotesk-Medium'; letter-spacing: 1.3px; text-transform: uppercase; margin-bottom: 20px; } 
.search-list ul { width: 100%;display: flex;align-items: center;column-gap: 8px;row-gap: 10px;flex-wrap: wrap;justify-content: center;}
.search-list ul li {flex: 0 1 auto;}
.search-list ul li a { padding: 9px 20px 5px; border: 1px solid #5694BC; border-radius: 25px; line-height: 20px; color: #ffffff; text-transform: none; transition: all 0.5s ease; font-size: 13px; font-family: 'FoundersGrotesk-Medium'; text-align: center; height: 28px; display: inline-flex; align-items: center; justify-content: center; width: 100%;}
.search-list ul li a:hover{background: #5694BC; border: 1px solid #5694BC;}
.search-close-btn { position: absolute; right: 25px; top: 25px; }
.search-close-btn span { background: url("../images/ico-close.svg") no-repeat top right; display: block; width: 50px; height: 50px; cursor: pointer;}

.search-box { position: relative; width: 100%; margin: 0 auto; max-width: 720px;} 
.search-box input { color: #FFFFFF; font-size: 18px;line-height: 30px;background: rgba(255,225,255, 0.22);border: 2px solid #FFFFFF; height: 65px; width: 100%; padding: 18px 65px 10px 35px; border-radius: 12px !important; box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.3); font-family: 'FoundersGrotesk-Bold';}
.search-box input::placeholder{color: rgba(255,255,255);} 
.search-ico { display: flex;align-items: center;justify-content: center;transition: all 0.5s ease; right: 25px; top: 50%; transform: translateY(-50%); position: absolute;background: none; border-radius: 100%; cursor: pointer;}
.desktop-search .search-box input { font-family: 'FoundersGrotesk-Medium'; height: 72px; border: 3.5px solid #5694BC; background: #FFFFFF; color: #1D3E8F; border-radius: 50px !important;}
.desktop-search .search-box input::placeholder {color: #1D3E8F;}
.desktop-search .search-ico { background: #1D3E8F; right: 10px; top: 50%; transform: translateY(-50%); width: 52px; height: 52px; border-radius: 100%;}
.desktop-search .search-ico:hover {background: #5694BC;}

.swiper-nav-rel { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-top: 35px; column-gap: 40px; }

.hm-slide { float: left; width: 100%; position: relative; }
.hm-slide .swiper-slide img { float: left; width: 100%;}
.hm-slide .swiper-nav-rel { float: right; width: auto; position: absolute; top: 58%; transform: translateY(-50%); left: 0; margin: 0 auto; right: 0; justify-content: center; margin-top: 0; z-index: 9;}
.hm-slide .swiper-pagination-hm { display: flex; align-items: center; column-gap: 12px;}
.hm-slide .swiper-pagination-bullet { margin-right: 0; background: rgba(255, 255, 255, 0.31); border: none; width: 8px; height: 8px; opacity: 1;transition:all .5s ease;}
.hm-slide .swiper-pagination-bullet-active, .hm-slide .swiper-pagination-bullet:hover { background: #FFFFFF; border-radius: 25px;}
.hm-slide .swiper-button{ width: 90px; height: 60px; bottom: 0; align-items: center; justify-content: space-between; position: relative; right: 0; left: auto; top:0; display: flex; column-gap: 10px;}
.hm-slide .swiper-button-prev-hm{background: url("../images/ico-arrow-white.svg") no-repeat 0 0; background-size: cover; width: 40px; height: 40px; border-radius: 50px; cursor: pointer; transition:all .5s ease; transform: rotateZ(-180deg);}
.hm-slide .swiper-button-next-hm{background: url("../images/ico-arrow-white.svg") no-repeat 0 0;background-size: cover; width: 40px; height: 40px; border-radius: 50px; cursor: pointer; transition:all .5s ease;}
.hm-slide .swiper-button-prev-hm:hover, .hm-slide .swiper-button-next-hm:hover{ background-color: #5694BC; }
.hm-slide-caption { position: absolute; max-width: 980px; top: 35%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; text-align: center; z-index: 9;}
.hm-slide-caption h1 { font-family: 'FoundersGrotesk-Bold'; color: #FFFFFF; font-size: 85px; line-height: 1; }

.hm-slide-btns { position: absolute; bottom: 80px; left: 0; right: 0; margin: 0 auto; z-index: 9; }
.hm-slide-btns ul { display: flex; align-items: center; justify-content: center; column-gap: 20px;}
.hm-slide-btns ul li { flex: 0 1 auto;}
.hm-slide-btns ul li a { display: inline-flex; align-items: center; justify-content: center; column-gap: 20px; padding: 22px 25px 14px; border: 2px solid #212F59; background: #E3B51C; color: #212F59; font-size: 20px; font-family: 'FoundersGrotesk-Semibold'; letter-spacing: 0px; border-radius: 14px; transition: all 0.5s ease; }
.hm-slide-btns ul li a:hover { background: #5694BC; color: #FFFFFF; border: 2px solid #5694BC;}
.hm-slide-btns ul li a.hm-btn1, .hm-slide-btns ul li a.hm-btn2 { background: none; color: #FFFFFF; border: 2px solid #5694BC;}
.hm-slide-btns ul li a.hm-btn1:hover, .hm-slide-btns ul li a.hm-btn2:hover { background: #5694BC; color: #FFFFFF; border: 2px solid #5694BC;}
.hm-slide-btns ul li a:hover img { filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(204deg) brightness(104%) contrast(103%);}

.home-btm-sec { float: left; width: 100%; padding: 120px 0 100px;}
.home-btm-main { float: left; width: 100%; display: flex; justify-content: space-between;}
.home-btm-main > div:first-child { flex: 0 1 40%;}
.home-btm-main > div:last-child { flex: 0 1 53%;}
.home-btm-main h2 { float: left; width: 100%; color: #212F59; font-size: 60px; line-height: 1.1; font-family: 'FoundersGrotesk-Bold';}
.home-btm-main p { float: left; width: 100%; color: #4D556D; font-size: 18px; line-height: 1.4; padding-bottom: 20px;}
.home-btm-main .sab-btn { float: left; width: 100%; margin-top: 20px;}
.sab-btn a { display: inline-flex; align-items: center; justify-content: center; padding: 20px 60px 15px; color: #212F59; font-size: 16px; font-family: 'FoundersGrotesk-Bold'; border: 2px solid #212F59; border-radius: 34px; transition: all 0.5s ease;}
.sab-btn a:hover { background: #212F59; color: #FFFFFF;}

.home-list-sec { float: left; width: 100%; padding-bottom: 85px; position: relative; z-index: 1;}
.home-list-sec::after { position: absolute; content: ""; background: linear-gradient(180deg,rgba(86, 148, 188, 0.01) 0%, rgba(86, 148, 188, 0.12) 100%); width: 100%; height: 45%; left: 0; bottom: 0; z-index: -1;}
.home-list { float: left; width: 100%; padding-bottom: 115px;}
.home-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 2.5%; row-gap: 30px;}
.home-list ul li { flex: 0 1 31.5%;}
.home-lst-main { float: left; width: 100%; position: relative; overflow: hidden;}
.home-lst-img { float: left; width: 100%;}
.home-lst-img img { float: left; width: 100%; transition: all 0.5s ease;}
.home-lst-cnt { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 45px 25px; text-align: center;}
.home-lst-cnt h3 { color: #FFFFFF; font-size: 40px; line-height: 1.1; font-family: 'FoundersGrotesk-Bold'; padding-bottom: 5px;}
.home-lst-cnt p { color: #FFFFFF; font-size: 18px; line-height: 1.2; font-family: 'FoundersGrotesk-Light'; padding-bottom: 10px;}
.home-lst-cnt span { color: #E3B51C; font-size: 16px; line-height: 1.4; padding-bottom: 10px; font-family: 'FoundersGrotesk-Bold'; transition: all 0.5s ease; position: relative;}
.home-lst-cnt span::after { position: absolute; content: ""; background: #E3B51C; bottom:0; left: 0px; width: 100%; height: 2px; transition: all 0.5s ease; top: 50%; transform: translateY(-50%);}
.home-lst-main:hover span { color: #FFFFFF;}
.home-lst-main:hover span::after { background: #FFFFFF; }

.el-ciclo-sec { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 100px;}
.el-ciclo-lft { flex: 0 1 450px;}
.el-ciclo-rgt { flex: 0 1 calc(100% - 550px);}
.el-ciclo-lft h2 { float: left; width: 100%; color: #212F59; font-size: 60px; line-height: 1.1; font-family: 'FoundersGrotesk-Bold'; padding-bottom: 10px;}
.el-ciclo-lft h4 { float: left; width: 100%; color: #4D556D; font-size: 26px; line-height: 1.2; font-family: 'FoundersGrotesk-Bold'; padding-bottom: 15px;}
.el-ciclo-lft p { float: left; width: 100%; color: #4D556D; font-size: 18px; line-height: 1.4; padding-bottom: 20px;}
.el-ciclo-lft .sab-btn a { background: #FFFFFF; padding: 20px 50px 15px;}
.el-ciclo-lft .sab-btn a:hover { background: #212F59; color: #FFFFFF;}

.process-wrapper {width:100%; max-width:760px; aspect-ratio:900 / 560; position:relative; overflow:visible;}
.process-stage {position:absolute; width:900px; height:560px; left:0; top:0; transform-origin:top left;}
.process-stage > svg {position:absolute; inset:0; width:900px; height:560px; overflow:visible;}
.base-line {fill:none; stroke:#212F59; stroke-width:16; stroke-linecap:round;}
.active-line {fill:none; stroke:#5694BC; stroke-width:16; stroke-linecap:round; transition:stroke-dashoffset 0.45s ease;}
.svg-dot {fill:#212F59; cursor:pointer; transition:fill 0.25s ease, transform 0.25s ease; transform-box:fill-box; transform-origin:center;}
.svg-dot:hover, .svg-dot.active {fill:#5694BC; transform:scale(1.08);}
.icon-circle {position:absolute; width:120px; height:120px; background:#5694BC; border-radius:50%; display:flex; align-items:center; justify-content:center; color:white; z-index:4; box-shadow:0 10px 20px rgba(0,0,0,0.12);}
.icon-circle svg {position:static; width:56px; height:56px;}
.icon-1 {left:390px; top:20px;}
.icon-2 {left: 635px; top: 225px; background:#212F59;}
.label {position:absolute; color:#5694BC; font-family: 'FoundersGrotesk-Medium'; font-size:30px; line-height:1.1; text-transform:uppercase; z-index:3; transition:opacity 0.2s ease;}
.label-1 {left:300px; top:392px;}
.tooltip {position:absolute; width:440px; min-height:165px; background:white; border-radius:16px; padding:32px 40px; box-shadow:0 18px 35px rgba(32, 44, 70, 0.18); opacity:0; pointer-events:none; transform:translateY(10px); transition:0.3s ease; z-index:10;}
.tooltip.show {opacity:1; transform:translateY(0);}
.tooltip::after {content:""; position:absolute; bottom:-20px; left:210px; border-width:22px 20px 0 20px; border-style:solid; border-color:white transparent transparent transparent;}
.tooltip h2 {margin:0 0 10px; font-family: 'FoundersGrotesk-Bold'; color:#212F59; font-size:32px; line-height:1.1;}
.tooltip p { margin:0; color:#414657; font-size:20px; line-height:1.4;}

.estado-embalse-sec { float: left; width: 100%; padding: 120px 0 180px;}
.estado-embalse-title { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 100px; padding: 0 50px; margin-bottom: 60px;}
.estado-embalse-lft { flex: 0 1 450px;}
.estado-embalse-rgt { flex: 0 1 calc(100% - 550px);}
.estado-embalse-title h2 { float: left; width: 100%; font-family: 'FoundersGrotesk-Bold'; color: #212F59; font-size: 60px; line-height: 1; padding-bottom: 10px;}
.estado-embalse-title h4 { float: left; width: 100%; font-family: 'FoundersGrotesk-Bold'; color: #212F59; font-size: 26px; line-height: 1.2;}
.estado-embalse-title p { float: left; width: 100%; color: #4D556D; font-size: 18px; line-height: 1.4;}
.estado-embalse-rgt .estado-btn { float: right; width: auto; padding-bottom: 30px;}
.estado-btn a { display: inline-flex; align-items: center; justify-content: center; column-gap: 15px; padding: 20px 25px 15px; background: none; color: #183C69; border: 2px solid #5694BC; font-size: 20px; font-family: 'FoundersGrotesk-Semibold'; letter-spacing: 0px; border-radius: 14px; transition: all 0.5s ease; }
.estado-btn a:hover { background: #5694BC;}
.estado-btn a img { max-width: 26px;}
.estado-btn p { color: #183C69; font-size: 20px;}
.estado-btn p b { text-decoration: underline;}
.estado-btn a:hover p { color: #FFFFFF;}
.estado-btn a:hover span img { filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(204deg) brightness(104%) contrast(103%);}

.dashboard-main { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 4%;}
.dashboard-main > div { flex: 0 1 48%;}
.dashboard-main img { float: left; width: 100%;}

.noticias-sec { float: left; width: 100%; background: linear-gradient(0deg,rgba(86, 148, 188, 0.01) 0%, rgba(86, 148, 188, 0.12) 100%); padding: 95px 0 30px;}
.noticias-cont { float: left; width: 100%; position: relative;}
.noticias-cont h2 { float: left; width: 100%; text-align: center; font-family: 'FoundersGrotesk-Bold'; color: #212F59; font-size: 60px; line-height: 1; margin-bottom: 20px; letter-spacing: 0px; }
.noticias-slide { float: left; width: 100%; position: relative; z-index: 1;}
.abs-btn-div {float: left; position: absolute; right: 0px; top: 0px;}
.noticias-cont .abs-btn-div { top: -52px; position: relative; z-index: 1;}
.noticias-cont a.more-btn { display: inline-flex; align-items: center; justify-content: center; padding: 20px 60px 15px; color: #212F59; font-size: 16px; font-family: 'FoundersGrotesk-Bold'; border: 2px solid #212F59; border-radius: 34px; transition: all 0.5s ease;}
.noticias-cont a.more-btn:hover { background: #212F59; color: #FFFFFF;}
.noticias-main { float: left; width: 100%;}
.noticias-main .noticias-img { float: left; width: 100%; border-radius: 13px; overflow: hidden; position: relative;}
.noticias-main .noticias-img img { float: left; width: 100%; transition:all .5s ease;}
.noticias-main .noticias-img span.tag { position: absolute; top: 20px; left: 20px; height: 26px; display: inline-flex; align-items: center; padding: 10px 15px 5px; border-radius: 35px; color: #212F59; font-family: 'FoundersGrotesk-Bold'; font-size: 18px; line-height: 1.2; background: #E3B51C; letter-spacing: 0.6px; transition: all .5s ease; z-index: 1;}
.noticias-main .noticias-cnt { float: left; width: 100%; padding-top: 20px;}
.noticias-main .noticias-cnt h3 { float: left; width: 100%; color: #212F59; font-family: 'FoundersGrotesk-SemiBold'; font-size: 30px; line-height: 1.2; padding-bottom: 15px; transition: all 0.4s ease;}
.noticias-main .noticias-cnt p { float: left; width: 100%; font-family: 'FoundersGrotesk-Medium'; font-size: 18px; line-height: 1.4; color: #4D556D; letter-spacing: -0.22px; padding-right: 100px;}
.noticias-main .noticias-cnt p.date { font-size: 22px; color: #5694BC; font-family: 'FoundersGrotesk-Bold'; padding-right: 0;}
.noticias-main:hover .noticias-cnt a h3 { color: #5694BC;}
.noticias-main:hover .noticias-img img { transform: scale(1.03);}

.noticias-slide .swiper-nav { float: right; width: auto; margin-top: 50px; display: flex; align-items: center; column-gap: 50px;}
.noticias-slide .swiper-pagination-bullet {margin-right: 0; background: rgba(33, 47, 89, 0.25); border: none; width: 8px; height: 8px; opacity: 1;transition:all .5s ease;}
.noticias-slide .swiper-pagination-bullet-active { background: #212F59; border-radius: 25px;}
.noticias-slide .swiper-pagination-bullets { display: inline-flex; column-gap: 12px; bottom: 0; width: auto; text-align: left; position: relative; justify-content: left; align-items: center; }
.noticias-slide .swiper-pagination-bullets .swiper-pagination-bullet { margin:0;}
.noticias-slide .swiper-nav-noticias {width: 100px; bottom: 0; align-items: center; justify-content: space-between; position: relative; right: 15px; left: auto; top:inherit; display: flex; column-gap: 10px; }
.noticias-slide .swiper-button-prev-noticias{background: url("../images/ico-arrow-black.svg") no-repeat 0 0; background-size: cover; width: 44px; height: 44px; cursor: pointer; border-radius: 50%; transition:all .5s ease; transform: rotateZ(-180deg);}
.noticias-slide .swiper-button-next-noticias{background: url("../images/ico-arrow-black.svg") no-repeat 0 0;background-size: cover; width: 44px; height: 44px; cursor: pointer; border-radius: 50%; transition:all .5s ease;}
.noticias-slide .swiper-button-prev-noticias:hover, .noticias-slide .swiper-button-next-noticias:hover{ background-color: #E3B51C;} 

.fullwidth-banner-sec { float: left; width: 100%; position: relative;}
.fullwidth-banner-sec > img { float: left; width: 100%;}
.fullwidth-banner-caption { position: absolute; left: 0; right: 0; margin: 0 auto; top: 55%; transform: translateY(-50%); text-align: center;}
.fullwidth-caption { float: none; margin: 0 auto; max-width: 650px;}
.fullwidth-banner-sec h1 { color: #FFFFFF; font-size: 60px; line-height: 1; font-family: 'FoundersGrotesk-Bold'; text-align: center; padding-bottom: 15px;} 
.fullwidth-banner-sec p { color: #FFFFFF; font-size: 22px; line-height: 1.4; padding-bottom: 30px;}
.fullwidth-banner-sec .sab-btn { margin-top: 10px;}
.fullwidth-banner-sec .sab-btn a { background: none; border-color: #FFFFFF; color: #FFFFFF; padding: 20px 50px 15px;}
.fullwidth-banner-sec .sab-btn a:hover { background: #FFFFFF; color: #212F59;}

.home-gestiones-sec { float: left; width: 100%; padding: 95px 0;}
.home-gestiones-sec .acosol-list.gestiones-list { padding: 0; margin: 0;}
.home-gestiones-sec .acosol-list-main { text-align: center; padding: 65px 30px 40px;}
.home-gestiones-sec .acosol-list.gestiones-list ul li { flex: 0 1 23.87%;}
.home-gestiones-sec .acosol-list-main h3 { font-size: 32px;}

.subscribe-buzon-sec { float: left; width: 100%; padding: 0 20px;}
.subscribe-buzon-main { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 1%;}
.subscribe-buzon-main > div { flex: 0 1 49.5%; border-radius: 14px; overflow: hidden;}
.subscribe-cnt { float: left; width: 100%; background: #212F59; padding: 75px 160px 60px; padding-left: calc((100% - 1220px + 0rem) / 2);}
.buzon-cnt { float: left; width: 100%; background: #5694BC; padding: 75px 100px 60px; position: relative; padding-right: calc((100% - 1220px + 0rem) / 2); z-index: 1;}
.buzon-cnt::after { position: absolute; content: ""; background: url("../images/img-logo-acosol.svg") no-repeat scroll 0 0; bottom: 0px; right: 30px; width: 371px; height: 400px; z-index: -1;}
.subscribe-buzon-main h2 { float: left; width: 100%; color: #FFFFFF; font-size: 60px; line-height: 1; font-family: 'FoundersGrotesk-Bold'; padding-bottom: 15px;}
.subscribe-buzon-main p { float: left; width: 100%; color: #FFFFFF; font-size: 18px; line-height: 1.4; font-family: 'FoundersGrotesk-Light'; padding-bottom: 40px;}
.subscribe-buzon-sec .sab-btn { margin-top: 20px;}
.subscribe-buzon-sec .sab-btn a { background: none; border-color: #FFFFFF; color: #FFFFFF; padding: 20px 50px 15px;}
.subscribe-buzon-sec .sab-btn a:hover { background: #FFFFFF; color: #212F59;}

.news-box-out { float: left; width: 100%; }
.news-box { float: left; width: 100%; position: relative;}
.news-box input[type="text"] { background: none; border: 2px solid rgba(255, 255, 255, 0.36); width: 100%; color: #FFFFFF; font-size: 16px; height: 60px; font-family: 'FoundersGrotesk-Regular'; border-radius: 35px; padding: 10px 120px 5px 30px;}
.news-box button { position: absolute; right: 5px; top:5px; color: #212F59; font-size: 18px; font-family: 'FoundersGrotesk-Bold'; padding: 16px 30px 12px; border-radius: 25px; display: flex; align-items: center; justify-content: center; border: none; background: #ffffff; transition: all 0.5s ease; cursor: pointer;} 
.news-box button:hover { background: #5694BC; color: #FFFFFF;}
.news-box-out .frm-input.checkbox { float: left; width: 100%; margin-top: 25px; } 
.news-box-out .frm-input.checkbox input { height: 1px; left: 0; position: absolute; top: 0; visibility: hidden; width: 1px;}
.news-box-out .frm-input.checkbox label {color:#ffffff;cursor: pointer;font-size: 16px;padding-left: 24px;position: relative;float: left;width: auto;line-height:20px;text-align:left; font-family: 'FoundersGrotesk-Light'; letter-spacing: 0.4px;}
.news-box-out .frm-input.checkbox label::before { background: transparent; content: ""; height: 15px; left: 0; position: absolute; top: -1px; transition: all 0.3s ease-in-out 0s; width: 15px; border-radius: 3px; }
.news-box-out .frm-input.checkbox label::after {background: transparent none repeat scroll 0 0;border: 1px solid #ffffff;content: "";height: 15px;left: 0;position: absolute;top: -1px;width: 15px; border-radius: 3px; }
.news-box-out .frm-input.checkbox input:checked + label::before {background: #5694BC;} 
.news-box-out .frm-input.checkbox input:checked + label::after {border-color: #5694BC;} 
.news-box-out .frm-input.checkbox:last-child label { padding-bottom: 0; margin-bottom: 0;}
.news-box-out .frm-input.checkbox a {color:#ffffff;text-decoration:underline;transition:all .5s ease; font-family: 'FoundersGrotesk-Bold';}
.news-box-out .frm-input.checkbox a:hover { color: #5694BC;}

.siguenos-sec { float:left; width:100%; padding: 80px 0px 90px; position:relative; }
.siguenos-sec h2 { color:#212F59; font-size:60px; line-height:1; margin-bottom: 10px; letter-spacing: 0.54px; display:block; text-align: center; font-family: 'FoundersGrotesk-Bold';}
.siguenos-sec h2 span {font-family: 'FoundersGrotesk-Regular';}
.siguenos-inst ul { float: left; width: 100%; display: flex; flex-wrap: wrap; }
.siguenos-inst ul > li { flex: 0 1 25%; overflow:hidden; position:relative;}
.siguenos-inst ul > li img { float:left; width:100%; transition:all .5s ease;}
.siguenos-inst ul > li:hover img  { transform:scale(1.05);}
.siguenos-sec.bg-white { padding-top: 40px;}

.share-links { float: left; width: 100%; padding-top: 30px; }
.share-links ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 10%; justify-content: center;}
.share-links ul li { flex: 0 1 auto; }
.share-links li a { display: flex; align-items: center; column-gap: 15px;}
.share-links li a:hover p { color: #5694BC;}
.share-links li a img { transition: all 0.5s ease;}
.share-links li a:hover img { filter: brightness(0) saturate(100%) invert(52%) sepia(57%) saturate(333%) hue-rotate(160deg) brightness(94%) contrast(99%);}
.share-links li a p { color: #212F59; font-size: 18px; letter-spacing: -0.18px; transition:all .5s ease;}

.video-sec { float: left; width: 100%; position: relative;}
.video-sec > img { float: left; width: 100%;}
.video-sec .play-btn { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); margin: 0 auto; text-align: center;}
.video-sec .play-btn span { background: rgba(67, 89, 102, 0.14); transition: all 0.5s ease; display: inline-flex; align-items: center; justify-content: space-between; column-gap: 30px; color: #FFFFFF; font-family: 'FoundersGrotesk-Bold'; border: 2px solid #FFFFFF; padding: 5px 5px 0px 25px; border-radius: 50px;}
.video-sec .play-btn span img { position: relative; top: -2.5px;}
.video-sec .play-btn span:hover { background: rgba(67, 89, 102, 1); border-color: rgba(67, 89, 102, 1); }
.yt-icon { display: inline-flex; align-items: center; justify-content: center; column-gap: 10px; position: absolute; left: 0; right: 0; bottom: 30px; margin: 0 auto; text-align: center;}
.yt-icon p { color: #FFFFFF; font-size: 16px; line-height: 1.3; font-family: 'FoundersGrotesk-Bold';}
.yt-icon img { float: left; width: auto; position: relative; top: -3px;}

.footer-logo-sec { float: left; width: 100%; padding: 30px 0;}
.footer-logo-list { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.footer-logo-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 40px; row-gap: 30px; align-items: center;}
.footer-logo-list ul li { flex: 0 1 auto;}
.footer-logo-list ul li img { float: left; width: auto;}

footer { float: left; width: 100%; background: #212F59;}
.ftr-top-sec { float: left; width: 100%; padding: 85px 0;}
.ftr-top-main { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; column-gap: 90px; padding-bottom: 40px;}
.ftr-lft { flex: 0 1 calc(100% - 312px); display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.ftr-logo { float: left; width: auto;}
.ftr-logo img { float: left; width: auto;}
.ftr-rgt { flex: 0 1 220px;}
.ftr-tel { float: left; width: auto; background: url("../images/ico-settings-wh.svg") no-repeat top 10px left; padding-left: 45px;}
.ftr-tel h4 { color: #FFFFFF; font-size: 18px; line-height: 1.3; font-family: 'FoundersGrotesk-Light';}
.ftr-tel p a { color: #FFFFFF; font-size: 20px; line-height: 1.3; font-family: 'FoundersGrotesk-Bold'; transition: all 0.5s ease;}
.ftr-tel p a:hover { color: #5694BC;}
.emp-btn a { display: inline-flex; align-items: center; justify-content: center; column-gap: 15px; padding: 20px 45px 12px; background: none; color: #FFFFFF; border: 2px solid #5694BC; font-size: 20px; font-family: 'FoundersGrotesk-Semibold'; letter-spacing: 0px; border-radius: 14px; transition: all 0.5s ease; }
.emp-btn a:hover { background: #5694BC; color: #FFFFFF; border: 2px solid #5694BC;}

.ftr-mid-main { float: left; width: 100%; display: flex; flex-wrap: wrap; }
.ftr-mid-main .foot-mid-lft { flex: 0 1 30%;}
.ftr-mid-main .foot-mid-rgt { flex: 0 1 70%;}
.menu-container {display:grid; grid-template-columns:repeat(4, 1fr); gap:10px;}
.menu-container > div { display: flex; flex-wrap: wrap; align-content: flex-start; row-gap: 30px;}
.menu-column h2 a { float: left; width: 100%; color: #FFFFFF; font-size:20px; line-height: 1.4; font-family: 'FoundersGrotesk-Bold'; transition: all 0.5s ease;}
.menu-column h2 a:hover { color: #5694BC;}
.menu-column ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 10px; margin-top:10px;}
.menu-column ul li { flex: 0 1 100%;}
.menu-column ul li a { color: #FFFFFF; font-size: 16px; line-height: 1.4; font-family: 'FoundersGrotesk-Light'; transition: all 0.5s ease;}
.menu-column ul li a:hover { color: #5694BC;}
.menu-column.other-links ul { display: flex; flex-wrap: wrap; row-gap: 22px;}
.menu-column.other-links ul li { flex: 0 1 100%;}
.menu-column.other-links ul li a { font-size:20px; line-height: 1.4; font-family: 'FoundersGrotesk-Bold'; transition: all 0.5s ease;}
.menu-column.other-links ul li a:hover { color: #5694BC;}

ul.ftr-addr { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 15px; margin-bottom: 50px;}
ul.ftr-addr li { flex: 0 1 100%; column-gap: 15px; display: flex; color: #FFFFFF; font-size: 16px; line-height: 1.4; font-family: 'FoundersGrotesk-Light'; }
ul.ftr-addr li a { color: #FFFFFF; font-size: 16px; line-height: 1.4; font-family: 'FoundersGrotesk-Light'; transition: all 0.5s ease;}
ul.ftr-addr li a:hover { color: #5694BC;}

ul.ftr-social { float: left; width: 100%; display: flex; flex-wrap: nowrap; column-gap: 30px; align-items: center; padding-left: 35px;}
ul.ftr-social li { flex: 0 1 auto;}
ul.ftr-social li img { float: left; width: auto; transition:all .5s ease;}
ul.ftr-social li a img:hover {filter: brightness(0) saturate(100%) invert(52%) sepia(57%) saturate(333%) hue-rotate(160deg) brightness(94%) contrast(99%);}

.ftr-btm-sec { float: left; width: 100%; background: rgba(0, 0, 0, 0.13); padding: 25px 0 15px;}
.foot-btm { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.foot-btm p { color: #FFFFFF; font-size: 16px; line-height: 1.4; font-family: 'FoundersGrotesk-Light';}
.foot-btm-rht ul { display: flex; flex-wrap: wrap; column-gap: 20px; align-items: center; }
.foot-btm-rht ul li a {color: #FFFFFF; font-size: 16px; line-height: 1.4; font-family: 'FoundersGrotesk-Light'; transition:all .5s ease;}
.foot-btm-rht ul li a:hover {color: #5694BC;}


/* inner banner css */
.inner-banner { float: left; width: 100%; position: relative; }
.inner-banner > img { float: left; width: 100%;}
.inner-banner h1 { text-transform: uppercase; color: #FFFFFF; font-size: 75px; line-height: 1; font-family: 'FoundersGrotesk-Bold'; text-align: center;} 

/* breadcrumb css */
.breadcrumb { float: left; width: 100%; padding: 50px 0;}
.breadcrumb ul { float: left; width: 100%; display: flex; flex-wrap: wrap; align-content: center;}
.breadcrumb ul li { flex: 0 1 auto; font-size: 12px; color: #444444; position: relative; margin-right: 10px; padding-right: 15px;}
.breadcrumb ul li img { float: left; width: auto;}
.breadcrumb ul li a { color: #444444; transition: all 0.4s ease; }
.breadcrumb ul li::after { position: absolute; content: ""; background: url("../images/breadcrumb-arrow.svg") no-repeat right center; top: 5px; right: 0; width: 4px; height: 7px;}
.breadcrumb ul li:last-child { margin: 0; padding: 0;}
.breadcrumb ul li:last-child::after { display: none;}
.breadcrumb ul li a:hover { color: #212F59;}

.inner-breadcrumb h1 { text-transform: inherit; text-align: left; padding-left: calc((100% - 1380px + 0rem) / 1);}
.inner-breadcrumb .breadcrumb { padding: 0; position: absolute; top: 30px;}
.inner-breadcrumb .breadcrumb ul li img { filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(204deg) brightness(104%) contrast(103%); }
.inner-breadcrumb .breadcrumb ul li, .inner-breadcrumb .breadcrumb ul li a { color: #FFFFFF;}

.inner-banner-caption { position: absolute; left: 0; right: 0; margin: 0 auto; top: 55%; transform: translateY(-50%);}

.inner-title-sec { float: left; width: 100%; padding-bottom: 25px;}
.inner-title-sec h4 { float: left; width: 100%; color: #E3B51C; font-size: 16px; line-height: 1.4; font-family: 'FoundersGrotesk-Bold'; padding-bottom: 15px;}
.inner-title-sec h1 { float: left; width: 100%; color: #212F59; font-size: 60px; line-height: 1.1; font-family: 'FoundersGrotesk-Bold'; } 

.inner-title-btns { float: left; width: 100%; padding: 20px 0;}
.inner-title-btns ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 25px; row-gap: 10px; overflow-x: auto; white-space: nowrap;}
.inner-title-btns ul li { flex: 0 1 auto;}
.inner-title-btns ul li a { display: inline-flex; align-items: center; height: 58px; padding: 10px 45px 5px 25px; min-width: 275px; border: 3px solid rgba(86, 148, 188, 0.48); background: none; color: #212F59; font-size: 20px; font-family: 'FoundersGrotesk-Medium'; letter-spacing: 0px; border-radius: 14px; transition: all 0.5s ease; }
.inner-title-btns ul li a:hover { background: #5694BC; color: #FFFFFF; border: 3px solid #5694BC;}
.inner-title-btns ul li a.active { background: #5694BC; color: #FFFFFF; border: 3px solid #5694BC;}
.inner-title-btns.is-sticky-nav { position: fixed; z-index: 999; background: #FFFFFF; box-shadow: 0 2px 15px rgba(0,0,0,0.15) inset; padding-top: 20px;}

.common-section { float: left; width: 100%;}

/* acosol main css */
.acosol-sec { float: left; width: 100%; padding: 80px 0 140px; }
.acosol-main { float: left; width: 100%; display: flex; justify-content: space-between; padding: 0 90px; }
.acosol-lft { flex: 0 1 41%;}
.acosol-rgt { flex: 0 1 53%;}
.acosol-main h2 { float: left; width: 100%;  color: #212F59; font-size: 35px; line-height: 1.2; font-family: 'FoundersGrotesk-Bold';}
.acosol-main p { float: left; width: 100%; color: #282828; font-size: 18px; line-height: 1.4; padding-bottom: 15px;}
.acosol-main p:last-child { padding-bottom: 0;}
.acosol-list { float: left; width: 100%; padding-top: 80px;}
.acosol-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 1.5%;}
.acosol-list ul li { flex: 0 1 18.8%;}
.acosol-list-main { float: left; width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; height: 100%; row-gap: 45px; border: 3px solid #5694BC; border-radius: 12px; padding: 30px 30px 22px; transition: all 0.5s ease;}
.acosol-list-main h3 { color: #212F59; font-size: 35px; line-height: 1.1; font-family: 'FoundersGrotesk-Bold';}
.acosol-list-main:hover { background: #5694BC;}
.acosol-list-main:hover h3 { color: #FFFFFF;}
.acosol-list-main:hover img { filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(204deg) brightness(104%) contrast(103%); }

.sub-menu { float: left; width: 100%; padding-bottom: 50px;}
.sub-menu ul { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; row-gap: 15px; padding-right: 50px;}
.sub-menu ul li { flex: 0 1 100%;}
.sub-menu ul li a { float: left; width: 100%; color: #4D556D; font-size: 20px; line-height: 1.4; transition: all 0.5s ease; position: relative;}
.sub-menu ul li a::after { position: absolute; content: ""; background: #212F59; right: -50px; width: 3px; height: 30px; opacity: 0; visibility: hidden; transition: all 0.5s ease; top: 50%; transform: translateY(-50%);}
.sub-menu ul li a.active { color: #212F59; font-family: 'FoundersGrotesk-Bold';}
.sub-menu ul li a.active:after, .sub-menu ul li a:hover:after { opacity: 1; visibility: visible;}
.sub-menu ul li a:hover { color: #5694BC;}
.sub-menu ul li a:hover:after { background: #5694BC;}
.sub-menu ul li ul { padding-top: 15px; padding-left: 15px; padding-bottom: 10px; row-gap: 8px; padding-right: 0;}
.sub-menu ul li ul li a { font-size: 16px;}

.sol-btn { float: left; width: 100%; margin-bottom: 50px; padding-right: 20px;}
.sol-btn a { width: 100%; display: inline-flex; align-items: center; justify-content: left; column-gap: 10px; padding: 15px 20px 10px 20px; background: none; color: #183C69; border: 2px solid #212F59; font-size: 16px; font-family: 'FoundersGrotesk-Semibold'; letter-spacing: 0px; border-radius: 34px; transition: all 0.5s ease; }
.sol-btn a:hover { color: #FFFFFF; background: #5694BC; border-color: #5694BC;}
.sol-btn a:hover span img { filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(204deg) brightness(104%) contrast(103%);}


/* acosol sostenibilidad css */
.acosol-sos-sec { float: left; width: 100%; position: relative; z-index: 1;}
.acosol-sos-sec::after { position: absolute; content: ""; background: linear-gradient(180deg,rgba(86, 148, 188, 0.01) 0%, rgba(86, 148, 188, 0.12) 100%); width: 100%; height: 45%; left: 0; bottom: 0; z-index: -1;}

.acosol-sos-top { float: left; width: 100%; padding-bottom: 80px;}
.acosol-sos-list { float: left; width: 100%; padding-top: 80px;}
.acosol-sos-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 1.5%;}
.acosol-sos-list ul li { flex: 0 1 23.87%;}
.acosol-sos-main { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 20px;}
.acosol-sos-main > div { flex: 0 1 100%;}
.acosol-sos-main > div:first-child { position: relative; overflow: hidden; border-radius: 15px;}
.acosol-sos-main img { float: left; width: 100%; transition: all 0.5s ease; }
.acosol-sos-main:hover img { transform: scale(1.03); }
.acosol-sos-main h3 { float: left; width: 100%; color: #212F59; font-size: 40px; line-height: 1; font-family: 'FoundersGrotesk-Bold'; padding-bottom: 10px; transition: all 0.5s ease; }
.acosol-sos-main:hover h3 { color: #5694BC; }
.acosol-sos-main span { float: left; width: auto; color: #5694BC; font-size: 16px; line-height: 1.4; padding-bottom: 10px; font-family: 'FoundersGrotesk-Bold'; transition: all 0.5s ease; position: relative;}
.acosol-sos-main span::after { position: absolute; content: ""; background: #5694BC; bottom:0; left: 0px; width: 100%; height: 2px; transition: all 0.5s ease; top: 50%; transform: translateY(-50%);}
.acosol-sos-main:hover span { color: #212F59;}
.acosol-sos-main:hover span::after { background: #212F59; }

.acosol-sos-btm { float: left; width: 100%;}
.acosol-pro-list { float: left; width: 100%; padding-top: 80px;}

.acosol-pro-slide { float: left; width: 100%;}
.acosol-pro-slide img { float: left; width: 100%;}
.acosol-pro-slide .swiper-nav-rel { float: left; width: 100%; position: relative; justify-content: space-between; margin-top: 10px; z-index: 9; display: none;}
.acosol-pro-slide .swiper-pagination-acosol-pro { display: flex; align-items: center; column-gap: 12px;}
.acosol-pro-slide .swiper-pagination-bullet { margin-right: 0; background: rgba(33, 47, 89, 0.25); border: none; width: 9px; height: 9px; opacity: 1;transition:all .5s ease;}
.acosol-pro-slide .swiper-pagination-bullet-active, .acosol-pro-slide .swiper-pagination-bullet:hover { background: #212F59; border-radius: 25px;}
.acosol-pro-slide .swiper-button{ width: 90px; height: 60px; bottom: 0; align-items: center; justify-content: space-between; position: relative; right: 0; left: auto; top:0; display: flex; column-gap: 10px;}
.acosol-pro-slide .swiper-button-prev-acosol-pro{background: url("../images/ico-arrow-blue.svg") no-repeat 0 0; background-size: cover; width: 40px; height: 40px; border-radius: 50px; cursor: pointer; transition:all .5s ease; transform: rotateZ(-180deg);}
.acosol-pro-slide .swiper-button-next-acosol-pro{background: url("../images/ico-arrow-blue.svg") no-repeat 0 0;background-size: cover; width: 40px; height: 40px; border-radius: 50px; cursor: pointer; transition:all .5s ease;}
.acosol-pro-slide .swiper-button-prev-acosol-pro:hover, .acosol-pro-slide .swiper-button-next-acosol-pro:hover{ background-color: #E3B51C; }

.acosol-pro-main { float: left; width: 100%; display: flex; flex-wrap: wrap; border-radius: 15px; background: #FFFFFF; height: 100%; overflow: hidden; transition: all 0.5s ease; }
.acosol-pro-main .acosol-pro-img { float: left; width: 100%; overflow: hidden;}
.acosol-pro-main .acosol-pro-img img { float: left; width: 100%; transition: all 0.5s ease; }
.acosol-pro-main:hover .acosol-pro-img img { transform: scale(1.03); }
.acosol-pro-main .acosol-pro-cnt { float: left; width: 100%; padding: 35px; row-gap: 50px; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between;}
.acosol-pro-main:hover { background: #E3B51C;}
.acosol-pro-main .acosol-pro-cnt h3 { color: #212F59; font-size: 35px; line-height: 1.1; font-family: 'FoundersGrotesk-Bold'; padding-bottom: 5px; transition: all 0.5s ease;}
.acosol-pro-main .acosol-pro-cnt p { color: #4D556D; font-size: 18px; line-height: 1.3;}
.acosol-pro-main .acosol-pro-cnt h4 { background: #E3B51C; display: inline-flex; align-items: center; column-gap: 10px; color: #212F59; font-size: 13px; line-height: 1.4; padding: 3px 10px 0; border-radius: 4px; transition: all 0.5s ease;}
.acosol-pro-main .acosol-pro-tags { float: left; width: 100%; display: flex; align-items: center; column-gap: 5px; padding-top: 15px;}
.acosol-pro-main .acosol-pro-tags > div { flex: 0 1 auto;}
.acosol-pro-main .acosol-pro-tags > div a { display: inline-flex; align-items: center; column-gap: 5px; color: #4D556D; font-size: 13px; line-height: 1.4; font-family: 'FoundersGrotesk-Medium'; padding: 5px 10px 3px; border: 2px solid #183C69; border-radius: 11px; transition: all 0.5s ease;}
.acosol-pro-main .acosol-pro-tags > div a:hover { background: #183C69; color: #FFFFFF; border: 2px solid #183C69;}
.acosol-pro-main:hover .acosol-pro-cnt h4 { background: #212F59; color: #FFFFFF;}

/* servicios municipales css */
.servicios-municipales-sec { float: left; width: 100%;}
.municipales-cnt-sec { padding-bottom: 50px;}
.servicios-title-cnt { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 20px; padding-bottom: 80px;}
.servicios-title-cnt > div { flex: 0 1 100%;}

/* content box css */
.content-bx-sec { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 30px; row-gap: 20px;}
.cnt-bx-lft { flex: 0 1 392px; background: rgba(86, 148, 188, 0.12); border-radius: 14px; padding: 40px 55px;}
.cnt-bx-rgt { flex: 0 1 calc(100% - 422px); background: rgba(217, 217, 217, 0.12); border-radius: 14px; padding: 40px 60px;}
.cnt-bx-lft h3 { float: left; width: 100%; color: #212F59; font-size: 35px; line-height: 1.2; font-family: 'FoundersGrotesk-Bold'; padding-bottom: 20px;}
.cnt-bx-rgt p { float: left; width: 100%; color: #4D556D; font-size: 18px; line-height: 1.3; padding-bottom: 15px;}
.cnt-bx-rgt p:last-child { padding-bottom: 0;}
.content-bx-sec h4 { float: left; width: 100%; color: #212F59; font-size: 20px; line-height: 1.2; font-family: 'FoundersGrotesk-Medium'; padding-bottom: 10px;}
.content-bx-sec h5 { float: left; width: 100%; color: #212F59; font-size: 18px; line-height: 1.2; font-family: 'FoundersGrotesk-Semibold'; padding-bottom: 10px;}
.cnt-fullwdth { float: left; width: 100%; background: rgba(217, 217, 217, 0.12); border-radius: 14px; padding: 35px 60px;}
.cnt-fullwdth p { float: left; width: 100%; color: #4D556D; font-size: 18px; line-height: 1.3; padding-bottom: 15px;} 
.cnt-fullwdth p:last-child { padding-bottom: 0;}
.cnt-bx-rgt.img-cnt-bx { padding: 0; overflow: hidden;}
.cnt-bx-rgt.img-cnt-bx img { float: left; width: 100%;}
.cnt-bx-lft.sm-bx-lft { flex: 0 1 229px; background: rgba(217, 217, 217, 0.12); }
.cnt-bx-rgt.sm-bx-rgt { flex: 0 1 calc(100% - 259px);}
.cnt-fullwdth.fullwdth-img { padding: 0; overflow: hidden;}
.cnt-fullwdth.fullwdth-img img { float: left; width: 100%;}


.cnt-bx-lft.md-bx-lft { flex: 0 1 374px;}
.cnt-bx-rgt.md-bx-rgt { flex: 0 1 calc(100% - 414px);}
.cnt-one-col ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 10px; padding-top: 10px;}
.cnt-one-col ul li { flex: 0 1 100%;}

.cnt-two-col { float: left; width: 100%;}
.cnt-two-col ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 10px; column-gap: 4%;}
.cnt-two-col ul li { flex: 0 1 48%;}

.servicios-img-slide { float: left; width: 100%; margin-top: 25px;}
.servicios-img-slide img { float: left; width: 100%; border-radius: 14px;}

.servicios-img-slide .swiper-nav-rel { float: left; width: 100%; position: relative; justify-content: space-between; margin-top: 10px; z-index: 9;}
.servicios-img-slide .swiper-pagination-servicios { display: flex; align-items: center; column-gap: 12px;}
.servicios-img-slide .swiper-pagination-bullet { margin-right: 0; background: rgba(33, 47, 89, 0.25); border: none; width: 9px; height: 9px; opacity: 1;transition:all .5s ease;}
.servicios-img-slide .swiper-pagination-bullet-active, .servicios-img-slide .swiper-pagination-bullet:hover { background: #212F59; border-radius: 25px;}
.servicios-img-slide .swiper-button{ width: 90px; height: 60px; bottom: 0; align-items: center; justify-content: space-between; position: relative; right: 0; left: auto; top:0; display: flex; column-gap: 10px;}
.servicios-img-slide .swiper-button-prev-servicios{background: url("../images/ico-arrow-blue.svg") no-repeat 0 0; background-size: cover; width: 40px; height: 40px; border-radius: 50px; cursor: pointer; transition:all .5s ease; transform: rotateZ(-180deg);}
.servicios-img-slide .swiper-button-next-servicios{background: url("../images/ico-arrow-blue.svg") no-repeat 0 0;background-size: cover; width: 40px; height: 40px; border-radius: 50px; cursor: pointer; transition:all .5s ease;}
.servicios-img-slide .swiper-button-prev-servicios:hover, .servicios-img-slide .swiper-button-next-servicios:hover{ background-color: #E3B51C; }

.otras-infrastructure-sec { float: left; width: 100%; background: linear-gradient(0deg,rgba(86, 148, 188, 0.01) 0%, rgba(86, 148, 188, 0.12) 100%); padding: 70px 0 90px;}
.otras-infrastructure-sec h2 { float: left; width: 100%; text-align: center; font-family: 'FoundersGrotesk-Bold'; color: #212F59; font-size: 50px; line-height: 1.1; letter-spacing: -0.5px; padding-bottom: 40px;}

.otras-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 1.5%;}
.otras-list ul li { flex: 0 1 32.33%;}
.otras-list-main { float: left; width: 100%; background: #183C69; display: flex; flex-wrap: wrap; align-content: center; flex-direction: column; justify-content: flex-start; text-align: center; height: 100%; row-gap: 35px; border-radius: 12px; padding: 40px 30px 30px; transition: all 0.5s ease;}
.otras-list-main h3 { color: #FFFFFF; font-size: 32px; line-height: 1.1; font-family: 'FoundersGrotesk-Bold';}
.otras-list-main:hover { background: #5694BC;}
.otras-list-main:hover h3 { color: #FFFFFF;}

.acosol-list.gestiones-list { padding: 0 90px; margin-top: 80px;}
.acosol-list.gestiones-list ul li { flex: 0 1 23.82%;}
.gestiones-list ul li:nth-child(2) .acosol-list-main { border-color: #212F59;}
.gestiones-list ul li:nth-child(2) .acosol-list-main:hover { background: #212F59;}
.gestiones-list ul li:nth-child(3) .acosol-list-main { border-color: #E3B51C;}
.gestiones-list ul li:nth-child(3) .acosol-list-main:hover { background: #E3B51C;}
.gestiones-list ul li:nth-child(4) .acosol-list-main { border-color: #E9783A;}
.gestiones-list ul li:nth-child(4) .acosol-list-main:hover { background: #E9783A;}

.inner-main-edares { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 120px; padding: 20px 0 50px;}
.inner-edares-lft { flex: 0 1 480px;}
.inner-edares-rgt { flex: 0 1 calc(100% - 600px);}
.inner-main-edares h2 { float: left; width: 100%; color: #212F59; font-size: 35px; line-height: 1.1; font-family: 'FoundersGrotesk-Bold';}
.inner-main-edares ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 20px;}
.inner-main-edares ul li { flex: 0 1 100%;}
.inner-main-edares p { float: left; width: 100%; color: #4D556D; font-size: 18px; line-height: 1.3;}
.inner-main-edares p span { font-family: 'FoundersGrotesk-SemiBold';}
.inner-title-sec p { float: left; width: 100%; color: #4D556D; font-size: 18px; line-height: 1.3;}
.inner-title-sec p span { font-family: 'FoundersGrotesk-SemiBold';}
.edares-sec .inner-title-btns ul { column-gap: 20px;}
.edares-sec .inner-title-btns ul li a { min-width: auto; padding: 10px 25px 5px;}

.servicios-main-list { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 35px; margin-top: 85px; padding: 0 60px;}
.servicios-main-list .servicios-list { flex: 0 1 100%; display: flex; flex-wrap: wrap; row-gap: 20px; column-gap: 35px;}
.servicios-list .servicios-list-lft { flex: 0 1 435px;}
.servicios-list .servicios-list-rgt { display: flex; flex-wrap: wrap; align-content: space-between; flex: 0 1 calc(100% - 470px); background: #EEF4F8; padding: 40px 30px 45px 55px; border-radius: 13px;}
.servicios-list-lft .otras-list-main { background: #5694BC; padding: 35px 45px; align-content: flex-start; text-align: left; justify-content: space-between;}
.servicios-list:hover .servicios-list-lft .otras-list-main { background: #212F59;}
.servicios-list-rgt p { float: left; width: 100%; color: #212F59; font-size: 18px; line-height: 1.3; padding-bottom: 20px;}
.servicios-list-rgt p:last-child { padding-bottom: 0;}
.servicios-alta { float: left; width: 100%; padding-top: 30px;}
.servicios-alta p { padding-bottom: 10px;}
.servicios-alta ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 10px; row-gap: 10px; padding-bottom: 15px;}
.servicios-alta ul li { flex: 0 1 auto;}
.servicios-alta ul li a { display: inline-flex; align-items: center; column-gap: 5px; color: #4D556D; font-size: 18px; line-height: 1.4; font-family: 'FoundersGrotesk-Medium'; padding: 10px 15px 5px; border: 3px solid rgba(77, 85, 109,0.50); border-radius: 14px; transition: all 0.5s ease;}
.servicios-alta ul li a:hover { background: #183C69; color: #FFFFFF; border: 3px solid #183C69;}

.sab-btn-link a { float: left; width: auto; color: #212F59; font-size: 18px; line-height: 1.5; padding-bottom: 10px; font-family: 'FoundersGrotesk-Bold'; transition: all 0.5s ease; position: relative;}
.sab-btn-link a::after { position: absolute; content: ""; background: #212F59; bottom:0; left: 0px; width: 100%; height: 2px; transition: all 0.5s ease; top: 50%; transform: translateY(-50%);}
.sab-btn-link a:hover { color: #5694BC;}
.sab-btn-link a:hover::after { background: #5694BC; }

.servicios-embalse-sec { float: left; width: 100%; padding: 0 0 120px;}

.related-projects-sec { padding: 75px 0 140px;}
.related-projects-sec .noticias-slide .swiper-nav { display: none;}
.related-projects-sec .abs-btn-div { display: none;}
.related-projects-sec .noticias-main .noticias-cnt h3 { font-size: 45px; line-height: 1.1; font-family: 'FoundersGrotesk-SemiBold'; padding-bottom: 5px;}

.sustainability-agua-sec { float: left; width: 100%; padding-bottom: 60px;}
.agua-de-sec { float: left; width: 100%; padding-bottom: 60px;}
.agua-de-main { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 90px;}
.agua-de-lft { flex: 0 1 calc(100% - 465px);}
.agua-de-rgt { flex: 0 1 375px;}
.agua-de-lft h4 { float: left; width: 100%; color: #212F59; font-size: 25px; line-height: 1; font-family: 'FoundersGrotesk-Bold'; padding-bottom: 15px;}
.agua-banner-img { float: left; width: 100%; border-radius: 6px; overflow: hidden; padding-bottom: 40px;}
.agua-banner-img img { float: left; width: 100%;}
.agua-para-cnt { float: left; width: 100%; padding-bottom: 70px;}
.agua-para-cnt p { float: left; width: 100%; color: #4D556D; font-size: 18px; line-height: 1.5; padding-bottom: 15px;}
.agua-para-cnt p:last-child { padding-bottom: 0;}

.view-more {cursor: pointer; display: inline-block; background: none; border: none; color: #212F59; font-size: 18px; line-height: 1.5; padding: 0; margin: 0; padding-bottom: 10px; font-family: 'FoundersGrotesk-Bold'; transition: all 0.5s ease; position: relative;}
.view-more::after { position: absolute; content: ""; background: #212F59; bottom:0; left: 0px; width: 100%; height: 2px; transition: all 0.5s ease; top: 50%; transform: translateY(-50%);}
.view-more:hover { color: #5694BC;}
.view-more:hover::after { background: #5694BC; }

.agua-de-list { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 60px;}
.agua-de-list .agua-list { flex: 0 1 100%; border-top: 1px solid rgba(86, 148, 188, 0.24); padding-top: 25px; padding-bottom: 55px;}
.agua-de-list .agua-list:last-child { padding-bottom: 0;}
.agua-list h2 { float: left; width: 100%; color: #212F59; font-size: 35px; line-height: 1; font-family: 'FoundersGrotesk-Bold'; letter-spacing: -0.35px; padding-bottom: 25px;}

.objectives-list { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 20px; column-gap: 8%; align-items: flex-start;}
.objectives-list ul { float: left; width: 46%; display: flex; flex-wrap: wrap; row-gap: 20px;}
.objectives-list ul li { flex: 0 1 100%; background: url("../images/circle-arrow-icon.svg") no-repeat top left; color: #4D556D; font-size: 18px; line-height: 1.5; padding-left: 40px;}

.performances-list { float: left; width: 100%;}
.performances-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 20px; padding-bottom: 15px;}
.performances-list ul li { flex: 0 1 100%; background: url("../images/circle-icon.svg") no-repeat top 8px left; color: #4D556D; font-size: 18px; line-height: 1.5; padding-left: 20px;}

.btn-all {cursor: pointer; display: inline-block; background: none; border: none; color: #212F59; font-size: 18px; line-height: 1.5; padding: 0; margin: 0; padding-bottom: 10px; font-family: 'FoundersGrotesk-Bold'; transition: all 0.5s ease; position: relative;}
.btn-all::after { position: absolute; content: ""; background: #212F59; bottom:0; left: 0px; width: 100%; height: 2px; transition: all 0.5s ease; top: 50%; transform: translateY(-50%);}
.btn-all:hover { color: #5694BC;}
.btn-all:hover::after { background: #5694BC; }

.galeria-list { float: left ;width: 100%; position: relative;}
.galeria-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 20px;}
.galeria-list ul li {flex: 0 1 32%;}
.galeria-list ul li .galeria-img {float: left;width: 100%;overflow: hidden;border-radius: 5px;position: relative; left: 0;}
.galeria-list ul li .galeria-img img {float: left;width: 100%;}
.galeria-list ul li .galeria-img::after { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background: rgba(86, 148, 188, 0.80);opacity: 0; transition: all .5s ease;}
.galeria-list ul li:hover .galeria-img::after {opacity: 1;}
.galeria-list ul li .galeria-img::before {position: absolute;content: ""; background: url(../images/zoom-ico.svg) no-repeat 0 0; width: 50px; height: 50px; background-size: cover;left: 0px;right: 0px;top: 50%; transform: translateY(-50%); display: flex;align-items: center;justify-content: center;z-index: 99;opacity: 0;transition:all .5s ease; margin: 0px auto;}
.galeria-list ul li:hover .galeria-img::before {opacity: 1;}

.agua-de-info { float: left; width: 100%; background: rgba(86, 148, 188, 0.10); border-radius: 6px; padding: 40px 35px 30px 50px; display: flex; flex-wrap: wrap; row-gap: 25px;}
.agua-de-info > div { flex: 0 1 100%; padding-bottom: 15px; border-bottom: 2px solid rgba(0, 51, 153, 0.15);}
.agua-de-info > div:last-child { padding-bottom: 0; border-bottom: none;}
.agua-de-info h4 { float: left; width: 100%; color: #5694BC; font-size: 15px; line-height: 1; text-transform: uppercase; font-family: 'FoundersGrotesk-Medium'; padding-bottom: 5px;}
.agua-de-info p { float: left; width: 100%; color: #4D556D; font-size: 20px; line-height: 1.5; font-family: 'FoundersGrotesk-Medium';}
.agua-de-info h3 { float: left; width: 100%; color: #212F59; font-size: 18px; line-height: 1.3;}
.agua-de-info > div.progress-sec { display: flex; flex-wrap: wrap; align-items: center;}
.agua-de-info > div.progress-sec .progress-title { flex: 0 1 calc(100% - 118px); padding-right: 8px; display: flex; flex-wrap: wrap; row-gap: 25px;}
.agua-de-info > div.progress-sec .progress-title > div { padding-bottom: 15px; border-bottom: 2px solid rgba(0, 51, 153, 0.15);}
.agua-de-info > div.progress-sec .progress-title > div:last-child { border-bottom: none; padding-bottom: 0;}
.agua-de-info > div.progress-sec .progress-bar { flex: 0 1 118px;}
.info-logos { float: left; width: 100%; padding: 15px 0;}
.info-logos ul { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; column-gap: 3%; row-gap: 15px;}
.info-logos ul li { flex: 0 1 48.5%;}
.info-logos ul li img { float: left; width: 100%;}
.info-logos ul li:last-child { flex: 0 1 auto;}

.web-link { float: left; width: 100%; padding-left: 25px; background: url("../images/ico-link-bl.svg") no-repeat top 2px left;}
.web-link a { float: left; width: auto; color: #212F59; font-size: 18px; line-height: 1.5; padding-bottom: 10px; font-family: 'FoundersGrotesk-Bold'; transition: all 0.5s ease; position: relative;}
.web-link a::after { position: absolute; content: ""; background: #212F59; bottom:0; left: 0px; width: 100%; height: 1px; transition: all 0.5s ease; top: 50%; transform: translateY(-50%);}
.web-link a:hover { color: #5694BC;}
.web-link a:hover::after { background: #5694BC; }

.dec-btn { float: left; width: 100%; margin-top: 20px;}
.dec-btn a { width: 100%; display: inline-flex; align-items: center; justify-content: left; column-gap: 15px; padding: 20px 30px 15px; background: none; color: #183C69; border: 2px solid #212F59; font-size: 20px; font-family: 'FoundersGrotesk-Semibold'; letter-spacing: 0px; border-radius: 34px; transition: all 0.5s ease; }
.dec-btn a:hover { color: #FFFFFF; background: #5694BC; border-color: #5694BC;}
.dec-btn a:hover span img { filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(204deg) brightness(104%) contrast(103%);}


.social-main { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; row-gap: 15px; border-top: 2px solid rgba(86, 148, 188, 0.24); padding: 25px 0 0;}
.social-lft { display: flex; flex-wrap: wrap; align-items: center; column-gap: 20px; row-gap: 5px;}
.social-lft p { font-size: 16px; text-transform: uppercase; color: #4D556D; font-family: 'FoundersGrotesk-Medium'; letter-spacing: -0.2px;}
.social-lft ul { display: flex; flex-wrap: wrap; column-gap: 10px;}
.social-lft ul li { flex: 0 1 auto;}
.social-lft ul li a img { transition: all 0.4s ease; }
.social-lft ul li a:hover img { filter: brightness(0) saturate(100%) invert(52%) sepia(57%) saturate(333%) hue-rotate(160deg) brightness(94%) contrast(99%);}
.social-rht a { transition: all 0.4s ease; background: #ffffff; color: #4D556D; font-family: 'FoundersGrotesk-Medium'; text-transform: uppercase; font-size: 16px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding:10px 20px 6px; border-radius: 5px; column-gap: 10px; width: 140px; border: 2px solid #d5d5d5;}
.social-rht a:hover { border: 2px solid #5694BC;}
.social-rht a span { background: url(../images/ico-printer.svg) no-repeat 0 0; width: 15px; height: 15px; display: inline-block;}
.social-rht a:hover { background: #5694BC; color: #ffffff;}
.social-rht a:hover span { background: url(../images/ico-printer-w.svg) no-repeat 0 0;}

.galeria-images-sec { float: left; width: 100%;}
.galeria-images-bg { float: left; width: 100%; padding: 0 0 100px; position: relative;}
.galeria-images-bg::after { position: absolute; content: ""; background: linear-gradient(0deg,rgba(86, 148, 188, 0.01) 0%, rgba(86, 148, 188, 0.12) 100%); bottom: 0; left: 0; width: 100%; height: 90%; z-index: -1;}
.galeria-images-sec .inner-title-sec { padding-bottom: 40px;}
.galeria-images-sec .inner-title-sec p {padding-right: 180px;}
.images-list-sec { float: left; width: 100%;}

.view-tab {float: right; width: auto; padding-bottom: 20px;}
.view-tab ul.tab-list {float: right;width: auto;display: flex;column-gap: 15px;cursor: pointer;}
.view-tab ul.tab-list li {flex: 0 1 auto;}
.view-tab ul.tab-list li span {float: left;width: auto;}
.view-tab ul.tab-list li span.gallery-grid {background: url("../images/ico-grid-off.svg") no-repeat scroll 0 0; width: 26px;height: 25px; background-size: cover;}
.view-tab ul.tab-list li.current span.gallery-grid {background: url("../images/ico-grid-blue-on.svg") no-repeat scroll 0 0; background-size: cover;}
.view-tab ul.tab-list li span.gallery-view {background: url("../images/ico-gallery-off.svg") no-repeat scroll 0 0; width: 29px;height: 25px; background-size: cover;}
.view-tab ul.tab-list li.current span.gallery-view {background: url("../images/ico-gallery-on.svg") no-repeat scroll 0 0; background-size: cover;}

.gallery-list { float: left; width: 100%;}
.gallery-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 1%; row-gap: 20px;}
.gallery-list ul li {flex: 0 1 32.66%;}
.gallery-list ul li .galeria-img {float: left;width: 100%;overflow: hidden;border-radius: 14px;position: relative; left: 0;}
.gallery-list ul li .galeria-img img {float: left;width: 100%;}
.gallery-list ul li .galeria-img::after { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background: rgba(86, 148, 188, 0.80);opacity: 0; transition: all .5s ease;}
.gallery-list ul li:hover .galeria-img::after {opacity: 1;}
.gallery-list ul li .galeria-img::before {position: absolute;content: ""; background: url(../images/zoom-ico.svg) no-repeat 0 0; width: 50px; height: 50px; background-size: cover;left: 0px;right: 0px;top: 50%; transform: translateY(-50%); display: flex;align-items: center;justify-content: center;z-index: 99;opacity: 0;transition:all .5s ease; margin: 0px auto;}
.gallery-list ul li:hover .galeria-img::before {opacity: 1;}

.gallery-slide { float: left; width: 100%;}
.images-slide { float: left; width: 100%; position: relative;}
.images-slide img { float: left; width: 100%; border-radius: 14px;}

.images-slide .swiper-nav-noticias { display: flex; width: 100%; align-items: center; justify-content: space-between; position: absolute; top: 50%; transform: translateY(-50%); z-index: 9;}
.images-slide .swiper-nav { float: left; width: 100%; position: relative; display: flex; align-items: center; justify-content: space-between; margin-top: 15px; z-index: 9;}
.images-slide .swiper-pagination-images { display: flex; align-items: center; column-gap: 12px;}
.images-slide .swiper-pagination-bullet { margin-right: 0; background: rgba(33, 47, 89, 0.25); border: none; width: 9px; height: 9px; opacity: 1;transition:all .5s ease;}
.images-slide .swiper-pagination-bullet-active, .images-slide .swiper-pagination-bullet:hover { background: #212F59; border-radius: 25px;}
.images-slide .swiper-button{ width: 90px; height: 60px; bottom: 0; align-items: center; justify-content: space-between; position: relative; right: 0; left: auto; top:0; display: flex; column-gap: 10px;}
.images-slide .swiper-button-prev-images{ position: relative; left: -15px; background: #FFFFFF url("../images/ico-arrow-blue.svg") no-repeat 0 0; background-size: cover; width: 40px; height: 40px; border-radius: 50px; cursor: pointer; transition:all .5s ease; transform: rotateZ(-180deg);}
.images-slide .swiper-button-next-images{ position: relative; right: -15px;  background: #FFFFFF url("../images/ico-arrow-blue.svg") no-repeat 0 0;background-size: cover; width: 40px; height: 40px; border-radius: 50px; cursor: pointer; transition:all .5s ease;}
.images-slide .swiper-button-prev-images:hover, .images-slide .swiper-button-next-images:hover{ background-color: #E3B51C; }

.incidencias-sec { float: left; width: 100%; padding-bottom: 70px;}
.incidencias-sec .inner-title-sec p {padding-right: 100px;}
.incidencias-main { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 60px; row-gap: 30px; padding-top: 20px;}
.incidencias-main .incidencias-lft { flex: 0 1 346px;}
.incidencias-main .incidencias-rgt { flex: 0 1 calc(100% - 406px);}
.detail-list-sec { float: left; width: 100%;}
.detail-list-sec ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 22px;}
.detail-list-sec ul li { flex: 0 1 100%;}
.detail-list-sec ul li a { float: left; width: 100%; background: #5694BC; min-height: 120px; display: flex; justify-content: flex-end; border-radius: 14px; transition: all 0.5s ease; flex-direction: column; padding: 30px 25px 25px;}
.detail-list-sec ul li a.clients-icon { background: #5694BC url("../images/ico-phone-wh-opacity.svg") no-repeat right 25px center;}
.detail-list-sec ul li a.loc-icon { background: #183C69 url("../images/ico-ubi-wh-opacity.svg") no-repeat right 25px center;}
.detail-list-sec ul li a.whatsapp-icon { background: #5694BC url("../images/ico-whatsapp-wh-opacity.svg") no-repeat right 25px center;}
.detail-list-sec ul li a.surgery-icon { background: #E3B51C url("../images/ico-sugerencias-wh-opacity.svg") no-repeat right 25px center;}
.detail-list-sec ul li a.request-icon { background: #183C69 url("../images/ico-phone-wh-opacity.svg") no-repeat right 25px center;}
.detail-list-sec ul li a:hover { background-color: #E3B51C;}
.detail-list-sec ul li a.surgery-icon:hover { background-color: #5694BC;}
.detail-list-sec ul li h3 { float: left; width: 100%; color: #FFFFFF; font-size: 25px; line-height: 1.2; font-family: 'FoundersGrotesk-Bold'; }
.detail-list-sec ul li p { float: left; width: 100%; color: #FFFFFF; font-size: 16px; line-height: 1.4; }
.detail-list-sec ul li p span { font-family: 'FoundersGrotesk-SemiBold'; text-decoration: underline;}

.incidencias-list-main { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 40px;}
.incidencias-list-main .incidencias-list { flex: 0 1 100%;}
.incidencias-list h2 { float: left; width: 100%; color: #212F59; font-size: 42px; line-height: 1.2; font-family: 'FoundersGrotesk-Bold'; padding-bottom: 5px;}
.incidencias-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 30px;}
.incidencias-list ul li { flex: 0 1 100%; display: flex; flex-wrap: wrap; column-gap: 40px; background: rgba(217, 217, 217, 0.25); transition: all 0.5s ease; padding: 40px 30px 30px; border-radius: 14px;}
.incidencias-list ul li .incidencias-date { flex: 0 1 100px;}
.incidencias-date h4 { display: flex; align-items: center; justify-content: center; background: #E3B51C; flex-direction: column; padding: 15px 0 0px; border-radius: 14px; font-size: 50px; line-height: 1; font-family: 'FoundersGrotesk-Bold'; letter-spacing: -0.56px;}
.incidencias-date h4 span { display: block; font-size: 18px; line-height: 1.2; font-family: 'FoundersGrotesk-Regular';}
.incidencias-list ul li .incidencias-cnt { flex: 0 1 calc(100% - 140px);}
.incidencias-cnt h3 { float: left; width: 100%; color: #212F59; font-size: 25px; line-height: 1.3; font-family: 'FoundersGrotesk-Bold'; padding-bottom: 10px;}
.incidencias-cnt p { float: left; width: 100%; color: #4D556D; font-size: 16px; line-height: 1.4; padding-bottom: 15px;}
.incidencias-cnt p:last-child { padding-bottom: 0;}
.incidencias-cnt p span {font-family: 'FoundersGrotesk-Bold';}
.incidencias-list ul li:hover { background: rgba(227, 181, 28, 0.25);}

.pagination { float: left; width: 100%; display: flex; margin-top: 40px; align-items: center; justify-content: center; column-gap: 40px;}
.pagination ul { float: left; width: auto; display: flex; column-gap: 10px; row-gap: 0; justify-content: center;}
.pagination ul li { flex: 0 1 auto;}
.pagination ul li a { color:#282828;display:flex;align-items: center;justify-content: center; padding: 10px 15px 5px; width: 35px; height: 35px; border-radius: 100%; font-size: 16px; letter-spacing: -0.33px; transition: all .5s ease;}
.pagination ul li a.active { background: #212F59; color: #FFFFFF; font-family: 'FoundersGrotesk-Bold';}
.pagination ul li a.active:hover { background: #212F59; color: #FFFFFF;}
.pagination ul li a:hover{ background: #212F59; color: #FFFFFF;}
a.next-arw {float: left;width:auto; padding-right: 18px; background: url("../images/dble-right-arr.svg") no-repeat scroll right top 2px; font-size:16px;line-height: 1;color:#282828; letter-spacing: -0.33px; position: relative; transition: all 0.5s ease;}
a.prev-arw {float: left;width:auto; padding-left: 18px; background: url("../images/dble-left-arr.svg") no-repeat scroll left top 2px; font-size:16px;line-height: 1; color:rgba(40, 40, 40, 0.50); letter-spacing: -0.33px; position: relative; transition: all 0.5s ease;}

.incidencias-main .pagination { justify-content: left;}

.contactar-sec { float: left; width: 100%; padding-bottom: 70px;}
.contactar-sec .inner-title-sec p {padding-right: 100px;}
.contactar-main { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 50px; padding-top: 20px;}
.contactar-main .contactar-lft { flex: 0 1 100%;}
.contactar-main .contactar-rgt { flex: 0 1 100%;}
.contactar-main .detail-list-sec ul { column-gap: 3%;}
.contactar-main .detail-list-sec ul li { flex: 0 1 31.33%;}
.contactar-main .detail-list-sec ul li a {min-height: 95px;}

.contactar-details { float: left; width: 100%;}
.contactar-details ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 4%; row-gap: 30px;}
.contactar-details ul li { flex: 0 1 22%;}
.contactar-details ul li > div { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 30px;}
.contactar-details ul li > div > div { display: flex; flex-wrap: wrap; row-gap: 5px;}
.contactar-details ul li h3 { float: left; width: 100%; color: #212F59; font-size: 25px; line-height: 1.3; font-family: 'FoundersGrotesk-Bold'; padding-bottom: 10px;}
.contactar-details ul li p { float: left; width: 100%; color: #4D556D; font-size: 18px; line-height: 1.3;}
.contactar-details ul li a {color: #4D556D; font-size: 18px; line-height: 1.3; transition: all 0.5s ease;}
.contactar-details ul li a:hover { color: #5694BC;}
.contactar-details ul li a.ph-ico { background: url("../images/ico-phone-blue.svg") no-repeat top left; padding-left: 25px;}
.contactar-details ul li a.wh-ico { background: url("../images/ico-whatsapp-blue.svg") no-repeat top left; padding-left: 25px;}
.contactar-details ul li a.st-ico { background: url("../images/ico-averías-blue.svg") no-repeat top left; padding-left: 25px;}
.contactar-details ul li a.ml-ico { background: url("../images/ico-mail-blue.svg") no-repeat top 3px left; padding-left: 25px; text-decoration: underline; font-family: 'FoundersGrotesk-Bold'; color: #5694BC;}
.contactar-details ul li a.lnk-ico { text-decoration: underline; text-decoration: underline; font-family: 'FoundersGrotesk-Bold'; color: #5694BC;}
.contactar-details ul li a.ml-ico:hover, .contactar-details ul li a.lnk-ico:hover { color: #212F59;}

.contact-form-sec { float: left; width: 100%; background: rgba(86, 178, 188, 0.12); padding: 80px 0 100px; }
.contact-inn { display: flex; flex-wrap: wrap; justify-content: center; padding: 0px 0px; }
.contact-out { width: 100%; display: flex; flex-wrap: wrap; column-gap: 4%; justify-content: space-evenly;}
.contact-lft { flex: 0 1 29%;}
.contact-lft h2 { font-size: 40px; line-height:1.1; color: #212F59; font-family: 'FoundersGrotesk-Bold'; margin-bottom: 20px;}
.contact-lft p { font-size: 18px; line-height: 1.3; color: #4D556D; padding-right: 0px; }
.contact-rht { flex: 0 1 50%;}
.contact-form { float: left; width: 100%; }
.contact-form .form-box .frm-input.para { padding-left: 20px;}
.contact-form .form-box .frm-input p { font-size: 18px; line-height: 1.4; color: #4D556D; letter-spacing: 0.26px;}
.contact-form .form-box .frm-input { float: left; width: 100%; margin-bottom: 14px; position: relative;}
.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(60, 65, 75, 0.66); font-family: 'FoundersGrotesk-Regular'; padding: 10px 20px 10px; height: 55px; border-radius: 14px; border: none; border: 2px solid #5694BC; font-size:16px; transition: all .5s ease; background:rgba(255, 255, 255, 1); }
.contact-form .form-box input[type="text"]:focus, .contact-form .form-box textarea:focus { border: 2px solid #5694BC;}
.contact-form .form-box textarea { resize:none; border-radius: 20px; height:130px; line-height:22px; padding: 15px 20px 10px; color:#37374B;}
.contact-form .form-box .frm-input.checkbox { float: left; width: 100%; 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: #4C4E54; cursor: pointer; font-size: 16px; line-height:24px; font-family: 'FoundersGrotesk-Regular'; width: auto; letter-spacing: 0px; display: inline-block; }
.contact-form .form-box .frm-input .floating-label span { color: #ffffff;}
.contact-form .form-box .frm-input.checkbox label { color: #0D413B; cursor: pointer; letter-spacing: 0.4px; font-family: 'FoundersGrotesk-Regular'; font-size: 18px; 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: 50px; z-index: 9; }
.contact-form .form-box .frm-input.checkbox label::after { background: rgba(255, 255, 255, 1); content: ""; width: 20px; height: 20px;left: 0; position: absolute; top: 0px; border-radius: 50px; border: 1px solid #5694BC;}
.contact-form .form-box .frm-input.checkbox input:checked + label::before {background: #5694BC; }
.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: #37374B; float: none; width:100%; line-height:16px; letter-spacing: 0.4px; }
.contact-form .form-box .frm-input.checkbox span a {color: #5694BC; text-decoration:underline; transition:all .5s ease;}
.contact-form .form-box .frm-input.checkbox span a:hover { color:#5694BC;} 
.contact-form .form-box .frm-input:last-child { margin-bottom: 0; margin-top: 10px;}
.contact-form .form-box .frm-input.checkbox label a { text-decoration: underline; color: #212F59; font-family: 'FoundersGrotesk-Bold'; transition:all .5s ease;}
.contact-form .form-box .frm-input.checkbox label a:hover { color: #5694BC; }
.contact-form .btn-ctr { float: left; width: 100%; margin-top: 5px;}
.contact-form .form-box button { display: inline-flex; align-items: center; justify-content: center; cursor: pointer; height: 47px; border-radius: 50px; font-family: 'FoundersGrotesk-Bold'; background: #FFFFFF; color: #212F59; font-size: 18px; line-height: 16px; padding: 10px 35px 5px; transition:all .5s ease; letter-spacing: 0.3px; border: 2px solid #000000;}
.contact-form .form-box button:hover { background: #5694BC; border-color: #5694BC; color: #ffffff;}
.contact-form .form-box button img { width: auto;}
.contact-form .floating-label { position: relative;}
.contact-form .floating-label { position: absolute; pointer-events: none; top: 18px; left: 25px; 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: -5px; bottom: auto; left: 20px; font-size: 14px !important; opacity: 1; color: #212F59 !important; font-family:  'FoundersGrotesk-Bold' !important; background: #fff; line-height: 12px !important; padding: 0 5px;}

.contact-form .form-box .upload-btn {display:inline-flex; align-items:center; gap:14px; font-family: 'FoundersGrotesk-Regular'; padding:18px 20px 12px; height: auto; background:#ffffff; color:rgba(60, 65, 75, 0.66); border:2px solid #212F59; border-radius:14px; font-size:15px;  cursor:pointer;}
.contact-form .form-box .upload-btn:hover {background:#f8f9fc;}
.contact-form .form-box .upload-icon {display:inline-flex; align-items:center; justify-content:center;}
.contact-form .form-box .upload-icon img {position: relative; top: -2px;}
.contact-form .file-input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none;}

.contact-info { float: left; width: 100%; padding-top: 55px;}
.contact-info h3 { float: left; width: 100%; color: #212F59; font-size: 25px; line-height: 1; font-family: 'FoundersGrotesk-Bold'; padding-bottom: 20px;}
.contact-info-list { float: left; width: 100%; }
.contact-info-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 10px;}
.contact-info-list ul li { flex: 0 1 100%; display: flex; flex-wrap: wrap; column-gap: 20px;}
.contact-info-list ul li > div:first-child { flex: 0 1 150px;}
.contact-info-list ul li > div:last-child { flex: 0 1 calc(100% - 170px);}
.contact-info-list ul li p {float: left; width: 100%; color: #4D556D; font-size: 18px; line-height: 1.3;}
.contact-info-list ul li p span {font-family: 'FoundersGrotesk-Bold'; color: #5694BC;}
a.info-link {width: auto; color: #5694BC; font-size: 18px; line-height: 1.5; padding-bottom: 10px; font-family: 'FoundersGrotesk-Bold'; transition: all 0.5s ease; position: relative;}
a.info-link::after { position: absolute; content: ""; background: #5694BC; bottom:0; left: 0px; width: 100%; height: 2px; transition: all 0.5s ease; top: 50%; transform: translateY(-50%);}
a.info-link:hover { color: #212F59;}
a.info-link:hover::after { background: #212F59; }

.sedes-sec { float: left; width: 100%; padding-bottom: 150px;}
.sedes-main { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 35px; row-gap: 30px; padding-top: 20px;}
.sedes-main .sedes-lft { flex: 0 1 300px;}
.sedes-main .sedes-rgt { flex: 0 1 calc(100% - 335px);}

.headquarters-list-main { float: left; width: 100%; }
.headquarters-list-main ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 3%; row-gap: 60px;}
.headquarters-list-main ul li { flex: 0 1 48.5%; display: flex; flex-wrap: wrap;}
.headquarters-list-main ul li:first-child { flex: 0 1 100%;}
.headquarters-list-main ul li:first-child .headquarters-cnt { flex: 0 1 calc(100% - 340px);}
.headquarters-main { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 30px; row-gap: 20px;}
.headquarters-img { flex: 0 1 310px; border-radius: 14px; overflow: hidden;}
.headquarters-img img { float: left; width: 100%;}
.headquarters-cnt { flex: 0 1 100%; display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 20px;}
.headquarters-top { float: left; width: 100%; background: rgba(86, 148, 188, 0.10); padding: 40px; border-radius: 14px;}
.headquarters-top h2 { float: left; width: 100%; color: #212F59; font-size: 35px; line-height: 1; font-family: 'FoundersGrotesk-Bold'; padding-bottom: 20px;}
.headquarters-details { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 10px;}
.headquarters-details > div { flex: 0 1 100%; display: flex; column-gap: 10px;}
.headquarters-details > div span img { float: left; width: auto;}
.headquarters-details > div p { color: #4D556D; font-size: 16px; line-height: 1.3;}
.headquarters-details > div p a { color: #4D556D; font-size: 16px; line-height: 1.3; transition: all 0.5s ease;}
.headquarters-details > div p a:hover { color: #5694BC;}

.headquarters-btm { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; column-gap: 3%; row-gap: 10px; align-content: flex-end;}
.headquarters-btm > div { flex: 0 1 48.5%;}
.headquarters-btm > div a { width: 100%; transition: all 0.4s ease; background: #FFFFFF; color: #4D556D; font-family: 'FoundersGrotesk-Medium'; font-size: 16px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding:10px 20px 6px; border-radius: 14px; column-gap: 10px; border: 2px solid #212F59;}
.headquarters-btm > div a:hover { background: #5694BC; border: 2px solid #5694BC; color: #FFFFFF;}
.headquarters-btm > div a:hover img { filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(204deg) brightness(104%) contrast(103%);}

.sedes-map { float: left; width: 100%; position: relative;}
.sedes-map #map { height: 720px; margin-bottom: 0;}

.quejas-sec { padding-bottom: 100px;}
.sedes-main.quejas-main .sedes-lft { order: 2;}
.sedes-main.quejas-main .sedes-rgt { background: rgba(86, 178, 188, 0.12); padding: 75px 230px 90px 110px; border-radius: 14px;}

.actualidad-sec { float: left; width: 100%;}
.actualidad-sec .inner-title-btns ul li a { justify-content: center; min-width: auto; padding: 10px 25px 5px 25px;}
.actualidad-sec-list { float: left; width: 100%; padding-bottom: 100px;}
.actualidad-sec-list h2 { float: left; width: 100%; color: #212F59; font-size: 50px; line-height: 1; font-family: 'FoundersGrotesk-Bold'; padding-bottom: 20px;}
.actualidad-slide { float: left; width: 100%; position: relative; margin-bottom: 100px;}
.actualidad-main { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; column-gap: 30px; row-gap: 20px; background: #EEF4F8; padding: 22px; border-radius: 14px;}
.actualidad-main .actualidad-img { flex: 0 1 720px; border-radius: 14px; overflow: hidden;}
.actualidad-main .actualidad-cnt { flex: 0 1 calc(100% - 750px);}
.actualidad-main .actualidad-img img {float: left; width: 100%; transition: all 0.4s ease;}
.actualidad-main .actualidad-cnt h3 {float: left; width: 100%; color: #212F59; font-family: 'FoundersGrotesk-SemiBold'; font-size: 40px; line-height: 1; padding-bottom: 15px; transition: all 0.4s ease;}
.actualidad-main ul.info-box { float: left; width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; column-gap:25px; margin-bottom: 10px;}
.actualidad-main ul.info-box li { flex: 0 1 auto; font-family: 'FoundersGrotesk-Regular'; color: #9fa5b3; font-size: 18px; line-height: 1.4; position: relative;  padding-left:0px;}
.actualidad-main ul.info-box li span { font-family: 'FoundersGrotesk-Semibold'; color: #5694BC; letter-spacing:-0.33px;}
.actualidad-main .actualidad-cnt p { float: left; width: 100%; color: rgba(13, 13, 13, 0.50); font-size: 18px; line-height: 1.3; padding-bottom: 30px;}
.actualidad-main .actualidad-cnt span { font-size: 18px; color: #E3B51C; font-family: 'FoundersGrotesk-Bold';}
.actualidad-main .actualidad-cnt span a {color: #E3B51C; text-decoration: underline;}
.actualidad-main:hover .actualidad-cnt span a, .actualidad-main .actualidad-cnt span a:hover { color: #212F59;}
.actualidad-main:hover .actualidad-cnt h3, .actualidad-main .actualidad-cnt h3:hover { color: #5694BC;}
.actualidad-main:hover .actualidad-img img { transform: scale(1.03);}

.actualidad-slide .swiper-nav-actualidad { display: flex; width: 100%; align-items: center; justify-content: space-between; position: absolute; top: 50%; z-index: 9;}
.actualidad-slide .swiper-nav { float: left; width: 100%; position: relative; display: flex; align-items: center; justify-content: space-between; margin-top: 15px; z-index: 9;}
.actualidad-slide .swiper-pagination-actualidad {width: auto; float: right; display: flex; flex-wrap: wrap; align-items: center; column-gap: 10px; position: absolute; right: 30px; bottom: 20px; z-index: 1; }
.actualidad-slide .swiper-pagination-bullet { margin-right: 0; background: rgba(33, 47, 89, 0.25); border: none; width: 9px; height: 9px; opacity: 1;transition:all .5s ease;}
.actualidad-slide .swiper-pagination-bullet-active, .actualidad-slide .swiper-pagination-bullet:hover { background: #212F59; border-radius: 25px;}
.actualidad-slide .swiper-button{ width: 90px; height: 60px; bottom: 0; align-items: center; justify-content: space-between; position: relative; right: 0; left: auto; top:0; display: flex; column-gap: 10px;}
.actualidad-slide .swiper-button-prev-actualidad{ position: relative; left: -20px; background: #FFFFFF url("../images/ico-chevron-circumf.svg") no-repeat 0 0; background-size: cover; width: 40px; height: 40px; border-radius: 50px; cursor: pointer; transition:all .5s ease; transform: rotateZ(-180deg);}
.actualidad-slide .swiper-button-next-actualidad{ position: relative; right: -20px;  background: #FFFFFF url("../images/ico-chevron-circumf.svg") no-repeat 0 0;background-size: cover; width: 40px; height: 40px; border-radius: 50px; cursor: pointer; transition:all .5s ease;}

.actualidad-more-sec { float: left; width: 100%;}
.actualidad-more-list { float: left; width: 100%; padding-bottom: 50px;}
.actualidad-more-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 4%; row-gap: 100px;}
.actualidad-more-list ul li { flex: 0 1 30.66%;}
.actualidad-more-list .actualidad-main { background: none; padding: 0;}
.actualidad-more-list .actualidad-main .actualidad-cnt h3 { font-size: 25px; line-height: 1.3;}
.actualidad-more-list .actualidad-main .actualidad-img { flex: 0 1 100%; border-radius: 8px;}
.actualidad-more-list .actualidad-main .actualidad-cnt { flex: 0 1 100%;}
.actualidad-more-list .actualidad-main ul.info-box { flex-direction: inherit;}

.zona-sec { float: left; width: 100%; padding: 75px 0; background: linear-gradient(0deg,rgba(86, 148, 188, 0.01) 0%, rgba(86, 148, 188, 0.12) 100%);}
.zona-sec h2 { float: left; width: 100%; color: #212F59; font-size: 50px; line-height: 1; font-family: 'FoundersGrotesk-Bold'; padding-bottom: 20px;}
.zona-list { float: left; width: 100%;}
.zona-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 20px;}
.zona-list ul li { flex: 0 1 32%;}
.zona-main-list { float: left; width: 100%; display: flex; flex-wrap: wrap; height: 100%; row-gap: 20px; align-content: space-between;}
.zona-main { float: left; width: 100%; background: #FFFFFF; padding: 25px 35px;}
.zona-img { float: left; width: 100%; display: flex; align-items: center; justify-content: center; padding: 30px 0;}
.zona-img img { width: auto;}
.zona-cnt { float: left; width: 100%; padding-top: 10px;}
.zona-cnt h3 { float: left; width: 100%; color: #282828; font-size: 22px; line-height: 1.3; font-family: 'FoundersGrotesk-SemiBold'; padding-bottom: 5px;}
.zona-cnt p { float: left; width: 100%; color: #282828; font-size: 18px; line-height: 1.5; }
.zona-btn { float: left; width: 100%;  padding-left: 25px; background: url("../images/des-icon.svg") no-repeat top 2px left;}
.zona-btn a { float: left; width: auto; color: #212F59; font-size: 18px; line-height: 1.5; padding-bottom: 10px; font-family: 'FoundersGrotesk-Bold'; transition: all 0.5s ease; position: relative;}
.zona-btn a::after { position: absolute; content: ""; background: #212F59; bottom:0; left: 0px; width: 100%; height: 1px; transition: all 0.5s ease; top: 50%; transform: translateY(-50%);}
.zona-btn a:hover { color: #5694BC;}
.zona-btn a:hover::after { background: #5694BC; }

.gallery-sec-list { float: left; width: 100%; padding: 75px 0; }
.gallery-sec-list .gallery-list { background: rgba(86,148,188,0.20); padding: 12px; border-radius: 14px;}
.gallery-title-sec { float: left; width: 100%; position: relative;}
.gallery-title-sec .abs-btn-div { right: 60px; top: -10px;}
.gallery-title-sec h2 { float: left; width: 100%; color: #212F59; font-size: 50px; line-height: 1; font-family: 'FoundersGrotesk-Bold'; padding-bottom: 30px;}
.gallery-title-sec a.more-btn { display: inline-flex; align-items: center; justify-content: center; padding: 20px 25px 15px; color: #212F59; font-size: 20px; font-family: 'FoundersGrotesk-Bold'; border: 3px solid rgba(30, 30, 30, 0.48); border-radius: 14px; transition: all 0.5s ease;}
.gallery-title-sec a.more-btn:hover { background: #212F59; color: #FFFFFF;}

.act-filter-btn { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; column-gap: 30px; padding-bottom: 45px;}
.act-filter-btn h4 { color: rgba(77, 85, 109, 0.30); font-family: 'FoundersGrotesk-SemiBold'; font-size: 16px; text-transform: uppercase;}

.filter-btn a { display: flex; align-items: center; padding-right: 30px; background: url(../images/filter-arw.svg) no-repeat top 12px right 10px; color: #4D556D; font-size: 16px; line-height: 33px; font-family: 'FoundersGrotesk-Bold'; border-bottom: 2px solid #4D556D; text-transform: uppercase; transition: all 0.4s ease;}
.filter-btn a img {margin-right: 20px; }
.filter-btn a.open { background: url(../images/close-blue.svg) no-repeat top 8px right 8px; }

.filter-div { float: left; width: 100%; flex: 0 1 100%; padding-top: 20px;}
ul.cer-filter-lst { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 10px;}
ul.cer-filter-lst li { flex: 0 1 18.4%;}
ul.cer-filter-lst li input[type="text"].search-txt{ background:none; width:100%; padding:0px 35px 0px 0px;border: none;border-bottom: 1px solid #212F59; border-radius: 0px; color: #212F59; height:45px; line-height:21px;  font-size:16px; letter-spacing: -0.11px; font-family: 'FoundersGrotesk-Medium';
background: url(../images/ico-cercar.svg) no-repeat top 15px right 15px;}
ul.cer-filter-lst li input[type="text"].search-txt:focus{ color:#5694BC; border-bottom: solid 1px #5694BC;background: url(../images/ico-cercar.svg) no-repeat top 15px right 15px; }
ul.cer-filter-lst li input[type="text"].datepicker-here{ background:none; width:100%; padding:0px 35px 0px 0px;border: none;border-bottom: 1px solid #212F59; border-radius: 0px; color: #212F59; height:45px; line-height:21px;  font-size:15px; letter-spacing: -0.11px; font-family: 'FoundersGrotesk-Medium';
background: url(../images/calendar.svg) no-repeat top 15px right 15px;}
ul.cer-filter-lst li input[type="text"].datepicker-here:focus{ color:#5694BC; border-bottom: solid 1px #5694BC;background: url(../images/calendar-red.svg) no-repeat top 15px right 15px; }

ul.cer-filter-lst li .select_box_input{ background:none; width:100%; padding:0px 35px 0px 0px;border: none;border-bottom: 1px solid #212F59; border-radius: 0px; color: #212F59; height:45px; line-height:42px;  font-size:16px; letter-spacing: -0.11px; font-family: 'FoundersGrotesk-Medium';}
ul.cer-filter-lst li .select_box_input.open { color:#5694BC; border-bottom: solid 1px #5694BC; }
ul.cer-filter-lst li .nice-select::after { right: 15px; top: 45%;}
ul.cer-filter-lst li .nice-select.open::after {border-bottom: 2px solid #5694BC;border-right: 2px solid #5694BC;}
ul.cer-filter-lst li .nice-select .list { width: 100%; border-radius: 0px; row-gap: inherit;}
ul.cer-filter-lst li .nice-select .list li { width: 100% !important; margin: 0px 0px; font-family: 'FoundersGrotesk-Regular'; font-size:14px; padding:2px 12px !important; color: #212F59; text-align: left;}
ul.cer-filter-lst li .nice-select .option:hover { color: #fff; background: #5694BC;}
ul.cer-filter-lst li .nice-select:hover::after { border-bottom: 2px solid #5694BC;border-right: 2px solid #5694BC;}
ul.cer-filter-lst li .nice-select .option.selected { font-family: 'FoundersGrotesk-Bold'; font-weight: normal;}



/**********May05CSS******************/
.acosol-content-sec { float: left; width: 100%;}
.inner-title { float: left; width: 100%; padding-bottom: 10px;}
.inner-title h1 { float: left; width: 100%; color: #212F59; font-size: 75px; line-height: 1; font-family: 'FoundersGrotesk-Bold'; ext-transform: uppercase; padding: 0 60px;}
.acosol-cnt-main { float: left; width: 100%; display: flex; justify-content: space-between; border-top: 1px solid rgba(13, 13, 13, 0.20); padding: 0 60px;}
.acosol-cnt-lft { flex: 0 1 260px; padding-top: 60px;}
.acosol-cnt-rgt { flex: 0 1 calc(100% - 260px); border-left: 1px solid rgba(13, 13, 13, 0.20); padding: 45px 0 110px 80px;}
.acosol-cnt-rgt h3 { color: #212F59; font-size: 40px; line-height: 1.1; font-family: 'FoundersGrotesk-Bold'; padding-bottom: 15px;}
.acosol-cnt-rgt h4 { float: left; width: 100%; font-family: 'FoundersGrotesk-Semibold'; color: #5694BC; font-size: 25px; line-height: 1; padding-bottom:12px; padding-top: 10px;}
.acosol-cnt-rgt p { float: left; width: 100%; color: #4D556D; font-size: 18px; line-height: 1.4; padding-bottom: 20px; }
.acosol-cnt-rgt p span { font-family: 'FoundersGrotesk-Semibold'; color: #539AD4;  }
.acosol-cnt-rgt .note-box { float: left; width: 100%; background:#EEF4F8; color: #4D556D; font-size: 18px; line-height: 1.5; border-radius:12px; padding:28px 40px 0px;  padding-bottom: 20px; margin-bottom:42px; }
.acosol-cnt-rgt .note-box p { font-family: 'FoundersGrotesk-Semibold'; color: #4D556D; font-size: 18px; line-height: 1.5;  }
.acosol-cnt-rgt .note-box p:last-child {  padding-bottom:0px;  }

.acosol-cnt-rgt img { width:100%; height:auto; }

.note-list { float: left; width: 100%; display: flex; justify-content: space-between; padding: 0 0px; column-gap: 5%;}
.note-lft, .note-rgt { flex: 0 1 50%; }
.note-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; row-gap: 15px; }
.note-list ul li { flex: 0 1 100%; color: #4D556D; font-size: 18px; line-height: 1.4; transition: all 0.5s ease; position: relative; padding-left:22px;}
.note-list ul li::before { position: absolute; content: ""; background: #183C69 ; top:6px; left: 0px; width: 6px; height: 6px; border-radius:50%; }

.saluda-cnt { float: left; width: 100%; padding-bottom:42px; }
.saluda-cnt:last-child { padding-bottom:0px; }
.saluda-cnt-main { float: left; width: 100%; display: flex; justify-content: space-between; padding: 0 0px;}
.saluda-cnt-lft { flex: 0 1 234px; padding-top: 7px;}
.saluda-cnt-rgt { flex: 0 1 calc(100% - 234px); padding-left: 28px;}
.saluda-cnt-lft .img-box { width:234px; }
.saluda-cnt-lft .img-box img { width:100%; height:100%; }
.saluda-cnt-lft h5 { font-family: 'FoundersGrotesk-Semibold'; color: #4D556D; font-size: 22px; line-height: 1.4; padding:10px 0 20px;  }
.saluda-cnt-lft h5 span { display:block; font-family: 'FoundersGrotesk-Regular'; color: #4D556D; font-size: 22px; line-height: 1.5; padding-top:30px;  }

.normative-list { float:left; width:100%; }
.normative-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; row-gap: 15px;}
.normative-list ul li { flex: 0 1 100%; }
.normative-list ul li a { float: left; width: 100%; color: #4D556D; font-size: 18px; line-height: 1.4; transition: all 0.5s ease; position: relative; padding-left:32px;}
.normative-list ul li a:hover { color: #539AD4; text-decoration:underline; }
.normative-list ul li a::before { position: absolute; content: ""; background: url("../images/ico-adobe-bl.svg") no-repeat 0px 3px ; left: 0px; width: 12px; height: 17px; }

.valores-list { float: left; width: 100%; padding: 20px 0px 30px;}
.valores-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap:28px; column-gap: 2%;}
.valores-list ul li { flex: 0 1 49%;}
.valores-list ul li img { width:auto;}
.valores-list-main { float: left; width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: flex-start; height: 100%; row-gap: 40px; background: #EEF4F8; border-radius: 12px; padding: 30px 22px 30px 30px; }
.valores-list-main h3 { color: #212F59; font-size: 25px; line-height: 1.1; font-family: 'FoundersGrotesk-Bold'; letter-spacing:-0.25px; padding-bottom: 10px; }
.valores-list-main p { float: left; width: 100%; color: #4D556D; font-size: 18px; line-height: 1.4; letter-spacing:-0.22px; padding-bottom: 0px; }

ul.arrow-list { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; row-gap: 15px;}
ul.arrow-list li { flex: 0 1 100%; }
ul.arrow-list li a { float: left; width: 100%; font-family: 'FoundersGrotesk-Medium'; color: #4D556D; font-size: 18px; line-height: 1.4; text-decoration:underline; transition: all 0.5s ease; position: relative; padding-left:32px;}
ul.arrow-list li a:hover { color: #539AD4; text-decoration:none; }
ul.arrow-list li a::before { position: absolute; content: ""; background: url("../images/ico-chevron-blue.svg") no-repeat 0px 2px ; left: 0px; width: 10px; height: 16px; }

.portal-sec { float: left; width: 100%; padding: 0 0 20px;}
.portal-sec-main { float: left; width: 100%; position: relative;}
.port-cont { float:left; width: 100%; max-width:78%; }
.portal-sec h1 { float: left; width: 100%; color: #212F59; font-size: 75px; line-height: 1; font-family: 'FoundersGrotesk-Bold'; padding: 0 0 20px;}
.portal-sec h3 { float: left; width: 100%; color: #212F59; font-size: 25px; line-height: 1.1; font-family: 'FoundersGrotesk-Bold'; padding: 20px 0px 10px; }
.portal-sec p { float: left; width: 100%; color: #4D556D; font-size: 16px; line-height: 1.4; padding-bottom: 15px; }

.btn-rgt { position:absolute; right:0px; }
.btn-rgt a { display:inline-flex; background: none; font-family: 'FoundersGrotesk-Bold'; font-size:16px; line-height:24px; color: #212F59; border: 2px solid #212F59; border-radius:34px; padding:20px 30px 15px; }
.btn-rgt a:hover { background: #5694BC; color: #FFFFFF; border: 2px solid #5694BC;  }
.btn-rgt a span { float: left; width: auto; margin-right: 10px;}
.btn-rgt a span img { float: left; width: auto;}
.btn-rgt a:hover img { filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(204deg) brightness(104%) contrast(103%);}

.portal-list { float:left; width:100%; padding:25px 0px 110px; }
.portal-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 40px; column-gap:2%; }
.portal-list ul li { flex: 0 1 32%;}
.portal-list ul li .icon { float:left; width:100%; display: flex; align-items: center; justify-content: center; background:#5694BC; height: 212px; border-radius: 8px; transition: all 0.5s ease; }
.portal-list ul li h4 { float: left; width: 100%; color: #212F59; font-size: 35px; line-height: 1; font-family: 'FoundersGrotesk-Bold'; padding:15px 0px 5px; transition: all 0.5s ease; }
.portal-list ul li span { font-family: 'FoundersGrotesk-Bold'; color: #5694BC; font-size: 16px; line-height:24px; text-decoration:underline; transition: all 0.5s ease; }
.portal-list ul li:hover .icon  { background:#212F59; }
.portal-list ul li:hover h4  { color:#5694BC; }
.portal-list ul li:hover span { color: #5694BC; text-decoration:none; }

.general-content-sec { float: left; width: 100%; padding: 0 0 20px;}
.general-content-sec h1 { float: left; width: 100%; color: #212F59; font-size: 75px; line-height: 1; font-family: 'FoundersGrotesk-Bold'; padding: 0 0 10px;}
.general-content-sec h3 { float: left; width: 100%; color: #212F59; font-size: 25px; line-height: 1.1; font-family: 'FoundersGrotesk-Bold'; padding: 20px 0px 10px; }
.general-content-sec p { float: left; width: 100%; color: #4D556D; font-size: 18px; line-height: 1.4; padding-bottom: 15px; }
.general-content-sec ul { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; row-gap: 10px; padding-bottom: 15px;}
.general-content-sec ul li { flex: 0 1 100%; color: #212F59; font-size: 18px; line-height: 1.4; position: relative; padding-left:22px;}
.general-content-sec ul li::before { position: absolute; content: ""; background: #5694BC ; top:4px; left: 0px; width: 9px; height: 9px; border-radius:50%; }
.general-content-sec .tbl { float: left; width: 100%; padding-bottom:15px;}
.general-content-sec .tbl-sec { float: left; width: 100%; display: flex; flex-wrap: wrap; padding-bottom:5px;}
.general-content-sec .tbl-sec div:first-child { flex: 0 1 15%; font-family: 'FoundersGrotesk-Semibold'; color: #5694BC; font-size: 18px; line-height: 1.4; }
.general-content-sec .tbl-sec div:last-child { float:left; width:calc(100% - 15%); font-family: 'FoundersGrotesk-Regular'; color: #4D556D;  }

.box-list { float: left; width: 100%; padding: 10px 60px 30px;}
.box-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; row-gap: 10px; column-gap: 2%; padding-bottom: 15px;}
.box-list ul li { flex: 0 1 25%; background:#5694BC; color: #212F59; font-size: 18px; line-height: 1.4; position: relative; border-radius:14px; padding:18px 25px 12px; transition: all 0.5s ease;}
.box-list ul li .bmain { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; }
.box-list ul li .bmain .txtbox { display:inline-flex; flex: 0 1 78%; flex-direction: column; justify-content: center; font-family: 'FoundersGrotesk-Semibold'; color: #FFFFFF; font-size: 18px; line-height: 1.4; }
.box-list ul li .bmain .imgbox { float:left; width:calc(100% - 78%); font-family: 'FoundersGrotesk-Regular'; color: #4D556D;  }
.box-list ul li .txtbox h4 { float: left; width: 100%; color: #FFFFFF; font-size: 25px; line-height: 23px; font-family: 'FoundersGrotesk-Bold'; transition: all 0.5s ease; }
.box-list ul li span { display:block; font-family: 'FoundersGrotesk-Regular'; color: #FFFFFF; font-size: 16px; line-height: 1;  }
.box-list ul li:hover { background:#212F59;}


/***************07MayCSS********************/
/* Empleo css */
.empleo-sec { float: left; width: 100%;  padding: 45px 0px 40px;}
.empleo-sec .inner-title-btns ul li a { min-width:unset; padding: 10px 25px 5px 25px; }
.empleo-sec p { float: left; width: 100%; color: #4D556D; font-size: 18px; line-height: 1.4; padding-bottom: 15px; }
.empleo-sec p span { font-family: 'FoundersGrotesk-Semibold'; color: #5694BC;}

.empleo-title-cnt { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 45px; padding-bottom: 80px;}
.empleo-title-cnt > div { flex: 0 1 100%;}
.empleo-bx-sec { float: left; width: 100%; background:#eaf1f7; border-radius:14px; display: flex; flex-wrap: wrap; padding:55px 102px; }
.empleo-bx-sec h2 { float: left; width: 100%; color: #212F59; font-size: 50px; line-height: 1; font-family: 'FoundersGrotesk-Bold'; padding: 0 0 20px;}
.empleo-bx-sec p { float: left; width: 100%; color: #4D556D; font-size: 18px; line-height: 1.4; padding-bottom: 15px; }
.empleo-bx-sec ul { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; row-gap: 12px; padding-bottom: 15px;}
.empleo-bx-sec ul li { flex: 0 1 100%; font-family: 'FoundersGrotesk-Medium'; color: #212F59; font-size: 18px; line-height: 1.4; position: relative; padding-left:38px;}
.empleo-bx-sec ul li::before { position: absolute; content: ""; background: url("../images/ico-info-blue.svg") no-repeat; top:2px; left: 0px; width: 15px; height: 17px; }
.empleo-bx-sec a { font-family: 'FoundersGrotesk-Medium'; color: #212F59; text-decoration: underline; }
.empleo-bx-sec a:hover, .empleo-bx-sec a:hover span:hover { color: #5694BC; text-decoration:none;  }
.empleo-bx-sec a span { color: #78808d; }

.empleo-bx-sec1 { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 50px; row-gap: 20px;}
.emcnt-bx-lft { flex: 0 1 463px;  border-radius: 14px; }
.emcnt-bx-rgt { flex: 0 1 calc(100% - 513px); background: rgba(86, 148, 188, 0.12); border-radius: 14px; padding: 40px 60px;}
.emcnt-bx-lft img { width:100%; }
.emcnt-bx-rgt h2 { float: left; width: 100%; color: #212F59; font-size: 50px; line-height: 1; font-family: 'FoundersGrotesk-Bold'; padding: 0 0 15px;}
.emcnt-bx-rgt p { float: left; width: 100%; color: #4D556D; font-size: 18px; line-height: 1.4; padding-bottom: 15px; }
.emcnt-bx-rgt ul { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; row-gap: 8px;}
.emcnt-bx-rgt ul li { flex: 0 1 100%; font-family: 'FoundersGrotesk-Medium'; color: #212F59; font-size: 18px; line-height: 1.4; position: relative; padding-left:38px;}
.emcnt-bx-rgt ul li::before { position: absolute; content: ""; background: url("../images/ico-info-blue.svg") no-repeat; top:2px; left: 0px; width: 15px; height: 17px; }
.emcnt-bx-rgt a { font-family: 'FoundersGrotesk-Medium'; color: #212F59; text-decoration: underline; }
.emcnt-bx-rgt a:hover, .empleo-bx-sec a:hover span:hover { color: #5694BC; text-decoration:none;  }

/* News css*/
.news-bg { float: left; width: 100%; background: url("../images/news-detail-bg.png") repeat-x left top; }
.news-bg h1 { float: left; width: 100%; color: #212F59; font-size: 50px; line-height: 1; font-family: 'FoundersGrotesk-Semibold'; padding: 0 0 20px;}
.news-detail-sec { float: left; width: 100%; padding:0px 120px; margin-bottom: 60px;}
.news-detail-sec ul { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; row-gap: 10px; margin-bottom:20px;}
.news-detail-sec ul li { flex: 0 1 100%; color: #333333; font-size: 18px; line-height: 1.4; position: relative; padding-left:28px;}
.news-detail-sec ul li::before { position: absolute; content: ""; background: url("../images/ico-tick.svg") no-repeat; top:4px; left: 2px; width: 13px; height: 14px; }

.news-detail-sec ul.info-box { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; column-gap:25px; margin-bottom: 30px;}
.news-detail-sec ul.info-box li { flex: 0 1 auto; font-family: 'FoundersGrotesk-Regular'; color: #7e8082; font-size: 25px; line-height: 1.4; position: relative;  padding-left:0px;}
.news-detail-sec ul.info-box li span { font-family: 'FoundersGrotesk-Semibold'; color: #5694BC; letter-spacing:-0.33px;}
.news-detail-sec ul.info-box li::before { display:none;}

.news-detail-sec img { width: 100%; }
.news-detail-sec .img-box { width: 100%; padding-bottom:20px; }
.news-detail-sec p { float: left; width: 100%; color: #333333; font-size: 18px; line-height: 1.4; padding-bottom: 15px; }
.news-detail-sec h3 { float: left; width: 100%; color: #5694BC; font-size: 25px; line-height: 1.1; font-family: 'FoundersGrotesk-Medium'; padding: 10px 0px 10px; }
.news-detail-sec .quote-box { float: left; width: 100%; background:#EEF4F8; font-family: 'FoundersGrotesk-Bold'; color: #212F59; font-size: 35px; line-height: 1.2; position:relative; border-radius:14px; padding:50px 90px 50px 180px; margin-bottom:40px; }
.news-detail-sec .quote-box::before { position: absolute; content: ""; background: url("../images/ico-quote-blue.svg") no-repeat; top:45px; left: 60px; width: 77px; height: 62px;}

.news-detail-sec ul.doc-link { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; row-gap: 10px;}
.news-detail-sec ul.doc-link li { flex: 0 1 100%; font-family: 'FoundersGrotesk-Medium'; color: #282828; font-size: 18px; line-height: 1.4; position: relative; padding-left:28px;}
.news-detail-sec ul.doc-link li::before { position: absolute; content: ""; background: url("../images/ico-listarrow.svg") no-repeat; top:6px; left: 0px; width: 14px; height: 9px; }
.news-detail-sec ul.doc-link li.doc::before { position: absolute; content: ""; background: url("../images/ico-note.svg") no-repeat; top:0px; left: 0px; width: 16px; height: 20px; }
.news-detail-sec ul.doc-link li a { font-family: 'FoundersGrotesk-Medium'; color: #282828; text-decoration: none;}
.news-detail-sec ul.doc-link li a:hover { color: #5694BC; text-decoration:underline;}

.news-detail-sec .social-main { border-top: 0px solid rgba(86, 148, 188, 0.24);}
.news-detail-sec .social-lft ul li { flex: 0 1 auto; padding-left:0px; }
.news-detail-sec .social-lft ul li::before { display:none;}

.related-news { float: left; width: 100%; background: linear-gradient(0deg,rgba(86, 148, 188, 0.01) 0%, rgba(86, 148, 188, 0.12) 100%); padding: 80px 0;}
.related-cont { float: left; width: 100%; position: relative;}
.related-cont h2 { float: left; width: 100%; font-family: 'FoundersGrotesk-Bold'; color: #212F59; font-size: 60px; line-height: 1; margin-bottom: 20px; letter-spacing: 0px; }
.rnoticias-slide { float: left; width: 100%; position: relative; z-index: 1;}
.related-cont .abs-btn-div {float: left; position: absolute; right: 0px; top: 100px;}
.related-cont .abs-btn-div { top: -52px; position: relative; z-index: 1;}
.related-cont a.more-btn { display: inline-flex; align-items: center; justify-content: center; padding: 20px 60px 15px; color: #212F59; font-size: 16px; font-family: 'FoundersGrotesk-Bold'; border: 2px solid #212F59; border-radius: 34px; transition: all 0.5s ease;}
.related-cont a.more-btn:hover { background: #212F59; color: #FFFFFF;}
.rnoticias-main { float: left; width: 100%;}
.rnoticias-main .rnoticias-img { float: left; width: 100%; border-radius: 13px; overflow: hidden; position: relative;}
.rnoticias-main .rnoticias-img img { float: left; width: 100%; transition:all .5s ease;}
.rnoticias-main .rnoticias-img span.tag { position: absolute; top: 20px; left: 20px; height: 26px; display: inline-flex; align-items: center; padding: 10px 15px 5px; border-radius: 35px; color: #212F59; font-family: 'FoundersGrotesk-Bold'; font-size: 18px; line-height: 1.2; background: #E3B51C; letter-spacing: 0.6px; transition: all .5s ease; z-index: 1;}
.rnoticias-main .rnoticias-cnt { float: left; width: 100%; padding-top: 20px;}
.rnoticias-main .rnoticias-cnt h3 { float: left; width: 100%; color: #212F59; font-family: 'FoundersGrotesk-SemiBold'; font-size: 25px; line-height: 1.2; padding-bottom: 15px; transition: all 0.4s ease;}
.rnoticias-main .rnoticias-cnt p { float: left; width: 100%; font-family: 'FoundersGrotesk-Medium'; font-size: 18px; line-height: 1.4; color: #4D556D; letter-spacing: -0.22px; padding-right: 100px;}
.rnoticias-main .rnoticias-cnt p.date { font-size: 22px; color: #5694BC; font-family: 'FoundersGrotesk-Bold';}
.rnoticias-main .rnoticias-cnt span { font-size: 18px; color: #E3B51C; font-family: 'FoundersGrotesk-Bold';}
.rnoticias-main .rnoticias-cnt span a { color: #E3B51C; text-decoration: underline;}
.rnoticias-main:hover .rnoticias-cnt span a { color: #212F59;}
.rnoticias-main:hover .rnoticias-cnt h3 a { color: #5694BC;}
.rnoticias-main:hover .rnoticias-img img { transform: scale(1.03);}
.rnoticias-main .rnoticias-cnt h5 { float: left; width: 100%; color: rgba(77, 85, 109, 0.5); font-size: 18px; line-height: 1.2; padding-bottom: 15px; transition: all 0.4s ease;}
.rnoticias-main .rnoticias-cnt h5 span img { display:inline-block; align-items: center;}
.rnoticias-main .rnoticias-cnt h5 a { float: left; width: 100%; color: rgba(77, 85, 109, 0.5);}
.rnoticias-main .rnoticias-cnt h5 a:hover { color:#212F59; }
.rnoticias-main ul.info-box { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; column-gap:25px; margin-bottom: 10px;}
.rnoticias-main ul.info-box li { flex: 0 1 auto; font-family: 'FoundersGrotesk-Regular'; color: #9fa5b3; font-size: 18px; line-height: 1.4; position: relative;  padding-left:0px;}
.rnoticias-main ul.info-box li span { font-family: 'FoundersGrotesk-Semibold'; color: #5694BC; letter-spacing:-0.33px;}
.rnoticias-main ul.info-box li::before { display:none;}

.link-list {float: left; width: 100%; padding-bottom:25px; }
.link-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 15px;}
.link-list ul li { flex: 0 1 100%; font-family: 'FoundersGrotesk-Medium'; color: #212F59; font-size: 18px; line-height: 1.4; position: relative; border:3px solid rgba(86, 148, 188, 0.48); border-radius:10px; transition: all 0.5s ease;}
.link-list ul li:hover { background:#212F59;}
.link-list ul li a { float: left; width: 100%; font-family: 'FoundersGrotesk-Medium'; color: #212F59; text-decoration: underline;  padding: 16px 22px; }
.link-list ul li a:hover { color:#FFFFFF; text-decoration:none;  }
.link-list ul li a::after { position: absolute; content: ""; background: url("../images/ico-linkoutside-blue.svg") no-repeat center 0px; top:28%; right: 25px; width: 25px; height: 25px;  transition: all 0.5s ease;}
.link-list ul li:hover a::after {filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(204deg) brightness(104%) contrast(103%);}
.no-pad { padding:0px 0px;}
.btm-pad { padding:0px 0px 20px;}

.factura-title-cnt { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap:25px; padding:10px 0px;}
.factura-title-cnt > div { flex: 0 1 100%;}
.factura-bx-sec { float: left; width: 100%; display: flex; flex-wrap: wrap; padding:0px 0px; }
.factura-bx-sec h3 { float: left; width: 100%; color: #5694BC; font-size: 25px; line-height: 1; font-family: 'FoundersGrotesk-Semibold'; padding: 0 0 10px;}
.factura-bx-sec p { float: left; width: 100%; color: #212F59; font-size: 18px; line-height: 1.4; padding-bottom: 15px; }
.factura-bx-sec p strong { font-family: 'FoundersGrotesk-Semibold'; }
.factura-bx-sec ul { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; row-gap:18px; padding-bottom: 15px;}
.factura-bx-sec ul li { flex: 0 1 100%; color: #4D556D; font-size: 18px; line-height: 1.4; position: relative; padding-left:18px;}
.factura-bx-sec ul li ul { row-gap:12px; padding-bottom: 0px;}
.factura-bx-sec ul li::before { position: absolute; content: ""; background: #5694BC; border-radius:50%; top:5px; left: 0px; width: 6px; height: 6px; }
.factura-bx-sec ul li li::before { position: absolute; content: "-"; background: none; border-radius:50%; top:0px; left: 5px; width: 6px; height: 6px; }

.factura-bx-sec a { color: #5694BC; text-decoration: underline; }
.factura-bx-sec a:hover, .factura-bx-sec a:hover span:hover { color: #212F59; text-decoration:none;  }

.area-link { float: left; width: 100%; padding-left: 25px; background: url("../images/ico-area.svg") no-repeat top 4px left;}
.area-link a { float: left; width: auto; color: #212F59; font-size: 18px; line-height: 1.5; padding-bottom: 10px; font-family: 'FoundersGrotesk-Bold'; transition: all 0.5s ease; position: relative;}
.area-link a::after { position: absolute; content: ""; background: #212F59; bottom:0; left: 0px; width: 100%; height: 1px; transition: all 0.5s ease; top: 50%; transform: translateY(-50%);}
.area-link a:hover { color: #5694BC;}
.area-link a:hover::after { background: #5694BC; }

.realiza-link { float: left; width: 100%; padding-left: 25px; background: url("../images/ico-tramite-blue.svg") no-repeat top 4px left;}
.realiza-link a { float: left; width: auto; color: #212F59; font-size: 18px; line-height: 1.5; padding-bottom: 10px; font-family: 'FoundersGrotesk-Bold'; transition: all 0.5s ease; position: relative;}
.realiza-link a::after { position: absolute; content: ""; background: #212F59; bottom:0; left: 0px; width: 100%; height: 1px; transition: all 0.5s ease; top: 50%; transform: translateY(-50%);}
.realiza-link a:hover { color: #5694BC;}
.realiza-link a:hover::after { background: #5694BC; }

.download-link { float: left; width: 100%; padding-left: 25px; background: url("../images/ico-download-bl.svg") no-repeat top 4px left;}
.download-link a { float: left; width: auto; color: #212F59; font-size: 18px; line-height: 1.5; padding-bottom: 10px; font-family: 'FoundersGrotesk-Bold'; transition: all 0.5s ease; position: relative;}
.download-link a::after { position: absolute; content: ""; background: #212F59; bottom:0; left: 0px; width: 100%; height: 1px; transition: all 0.5s ease; top: 50%; transform: translateY(-50%);}
.download-link a:hover { color: #5694BC;}
.download-link a:hover::after { background: #5694BC; }

.empleo-agua-sec { float: left; width: 100%; padding-bottom: 60px;}
.empleo-agua-sec .inner-title-sec h1{ font-size:50px;}
.empleo-de-sec { float: left; width: 100%; padding-bottom: 60px;}
.empleo-de-main { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 90px;}
.empleo-de-lft { flex: 0 1 calc(100% - 480px);}
.empleo-de-rgt { flex: 0 1 360px;}
.empleo-de-lft h3 { float: left; width: 100%; color: #212F59; font-size: 25px; line-height: 1; font-family: 'FoundersGrotesk-Bold'; padding: 20px 0px 10px;}
.empleo-para-cnt { float: left; width: 100%;}
.empleo-para-cnt p { float: left; width: 100%; color: #4D556D; font-size: 18px; line-height: 1.5; padding-bottom: 15px;}
.empleo-para-cnt p:last-child { padding-bottom: 0;}
.empleo-para-cnt ul { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; row-gap:10px; padding-bottom: 15px;}
.empleo-para-cnt ul li { flex: 0 1 100%; color: #4D556D; font-size: 18px; line-height: 1.4; position: relative; padding-left:18px;}
.empleo-para-cnt ul li ul { row-gap:12px; padding-bottom: 0px;}
.empleo-para-cnt ul li::before { position: absolute; content: ""; background: #183C69; border-radius:50%; top:5px; left: 0px; width: 8px; height: 8px; }

.empleo-list {float: left; width: 100%; background:rgba(217, 217, 217,0.12); padding:25px 60px; border-radius:14px; margin-bottom:20px; }
.empleo-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 15px;}
.empleo-list ul li { flex: 0 1 100%; color: #4D556D; font-size: 18px; line-height: 1.4; position: relative;  padding-left: 32px; }
.empleo-list ul li a { float: left; width: 100%; color: #4D556D; text-decoration:none ; word-wrap: anywhere; }
.empleo-list ul li a:hover { color:#5694BC; text-decoration:underline;  }
.empleo-list ul li::before { position: absolute; content: ""; background: url("../images/img-doc-blue.svg") no-repeat; top:0px; left: 0px; width: 13px; height: 16px; border-radius:0px;  transition: all 0.5s ease;}

.inscribirse { float: left; width: 100%; }
.inscribirse ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 10px; row-gap: 10px; padding-bottom: 15px;}
.inscribirse ul li { flex: 0 1 auto; padding:0px; }
.inscribirse ul li::before { display:none; }
.inscribirse ul li a { display: inline-flex; align-items: center; column-gap: 5px; color: #212F59; font-size: 16px; line-height: 1.4; font-family: 'FoundersGrotesk-Medium'; padding: 10px 25px 5px; border: 2px solid #212F59; border-radius: 14px; transition: all 0.5s ease;}
.inscribirse ul li a:hover { background: #183C69; color: #FFFFFF; border: 2px solid #183C69;}

.empleo-de-info { float: left; width: 100%; background: rgba(86, 148, 188, 0.10); border-radius: 6px; padding: 40px 35px 30px 50px; display: flex; flex-wrap: wrap; row-gap: 10px;}
.empleo-de-info > div { flex: 0 1 100%; padding-bottom: 15px; border-bottom: 2px solid rgba(0, 51, 153, 0.15);}
.empleo-de-info > div:last-child { padding-bottom: 0; border-bottom: none;}
.empleo-de-info h4 { float: left; width: 100%; color: #183C69; font-size: 25px; line-height: 1; font-family: 'FoundersGrotesk-Bold'; padding-bottom: 5px;}
.empleo-de-info p { float: left; width: 100%; color: #4D556D; font-size: 20px; line-height: 1.5; font-family: 'FoundersGrotesk-Medium';}
.empleo-de-info ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 15px;}
.empleo-de-info ul li { flex: 0 1 100%; color: #4D556D; font-size: 18px; line-height: 1.4; position: relative;}
.empleo-de-info ul li span { display:block; font-family: 'FoundersGrotesk-Bold'; padding-top:5px; }

.process-main { float:left; width:100%; margin-bottom: 45px;}
.related-news .noticias-slide .swiper-nav { display: none;}
.related-news .abs-btn-div { display: none;}

.two-col-cont { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 30px;}

.ascol-mob-filter { cursor: pointer; float: left; width: 100%; display: none; align-items: center; justify-content: space-between; padding: 18px 15px 12px; background: #eff4f8; border-radius: 12px;}
.ascol-mob-filter h3 { color: #212F59; font-size: 24px; line-height: 1.1; font-family: 'FoundersGrotesk-Bold'; width: calc(100% - 30px); }
.ascol-mob-filter span { background: url("../images/menu-icon.svg") no-repeat center center; width: 20px; height: 14px; }
.ascol-mob-filter.active span { background: url("../images/close-icon-black.svg") no-repeat center center; }