@charset "utf-8";

body { padding:0px; margin:0px; background:#fff; font-size:16px; color:#282828; line-height:20px; font-family: 'Montserrat-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:1175px; margin:auto; padding:0px;}
.row1 { width:1366px; margin:auto; padding:0px;}

/* informacio css */
.informacio-sec { float:left; width:100%; background:#CBD618; padding:5px 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:20%;}
.sc-title img { float: left; margin: 4px 10px 0 0;}
.sc-title h2 { color:#1D3E8F; font-family: 'Montserrat-Black'; font-size:14px; line-height: 32px; display:inline-block; letter-spacing:0px;}
.sc-text { float:left; width:calc(100% - 23%);}
.sc-text ul li { float:left; line-height:30px; position:relative;}
.sc-text ul li a { font-size:14px; font-family: 'Montserrat-Medium'; color:#1D3E8F; 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;}
.marquee li {opacity:0; transform:translateX(-100%); transition:opacity 1s ease, transform 1s ease; display:inline-block; margin-right:10px;}
.marquee li.show {opacity:1; transform:translateX(0);}

/* header css */
header {float: left;width: 100%;position: relative;z-index: 9999; padding: 0px; transition: all 0.4s ease;}
.head-top { float: left; width: 100%;}
.head-top-in { float: left;width: 100%;display: flex;align-items: center; justify-content: space-between; padding: 10px 0; }
.is-sticky header .head-top { background: #ffffff; box-shadow: 0 10px 20px rgba(0,0,0,0.15); }
.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;}

.hdr-rgt { float: left; width: auto; display: flex; flex-wrap: wrap; column-gap: 25px;}
.hdr-links { display: flex; align-items: center;}
.hdr-links ul { float: left; width: auto; display: flex; flex-wrap: wrap; column-gap: 10px; align-items: center;}
.hdr-links ul li { flex: 0 1 auto;}
.select-lang {float: right; width: 70px; padding-left: 30px; background: url("../images/select-icon.svg") no-repeat scroll left top 3px; position: relative; }
.select-lang .nice-select { font-size: 16px; font-family: 'Montserrat-SemiBold'; color: #1D3E8F; }
.select-lang .nice-select::after { border-bottom: 2px solid #1D3E8F; border-right: 2px solid #1D3E8F; }
.select-lang .nice-select .list { left: auto; right: 0px; }
.select-lang .nice-select .option { background: #fff; }
a.session-btn { display: inline-flex; align-items: center; height: 48px; column-gap: 10px; padding: 0px 18px; border: none; background: #1D3E8F; color: #FFFFFF; font-size: 16px; font-family: 'Montserrat-Medium'; letter-spacing: 0px; border-radius: 10px; transition: all 0.5s ease; }
a.session-btn:hover { background: #CBD618; }
a.session-btn img { float: left; width: auto;}
.hdr-links ul li a.search {background: url(../images/ico-search.svg) no-repeat center center; position: relative; display: inline-block; width: 40px; height: 40px; border-radius: 50px;}
.hdr-links ul li a.cart { background: url(../images/cart-icon.svg) no-repeat center center;width: 21px;height: 19px;position: relative; display: inline-block;}
.hdr-links ul li a.search.close { background: #CBD618 url(../images/ico-search.svg) no-repeat center center;}

.hdr-lang-btn { float: left; width: auto;}
.hdr-lang-btn ul { float: left; width: auto; display: flex; flex-wrap: wrap; column-gap: 25px; align-items: center;}
.hdr-lang-btn ul li { flex: 0 1 auto;}

/* home search */        
.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 {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: 'Montserrat-Black'; 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: 'Montserrat-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: 10px 20px; border: 1px solid #CBD618; border-radius: 25px; line-height: 20px; color: #ffffff; text-transform: none; transition: all 0.5s ease; font-size: 13px; font-family: 'Montserrat-Medium'; text-align: center; height: 28px; letter-spacing: -0.36px; display: inline-flex; align-items: center; justify-content: center; width: 100%;}
.search-list ul li a:hover{background: #CBD618; color: #1D3E8F; border: 1px solid #CBD618;}
.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 */  
.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: 10px 65px 10px 35px; border-radius: 12px !important; box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.3);font-family: 'Montserrat-Medium';}
.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: 'Montserrat-Bold'; height: 72px; border: 3.5px solid #CBD618; 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: #CBD618;}

/* home banner css */
.home-banner-sec { float: left; width: 100%; position: relative;}
.home-banner-sec::after { position: absolute; content: ""; top: 0; left: 0; background: linear-gradient(270deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.47) 100%); width: 100%; height: 100%;}
.home-banner-sec > img { float: left; width: 100%;}
.home-banner-caption { position: absolute; max-width: 980px; bottom: 225px; left: 0; right: 0; margin: 0 auto; text-align: center; z-index: 1;}
.home-banner-caption h1 { font-family: 'Montserrat-Bold'; color: #FFFFFF; font-size: 62px; line-height: 72px; letter-spacing: -1.38px; padding-bottom: 30px;}
.home-banner-caption p { font-family: 'Montserrat-Light'; color: #FFFFFF; font-size: 32px; line-height: 40px; letter-spacing: -0.56px; padding: 0 60px;}
.home-banner-caption .search-box { margin-top: 30px;}

/* services css */
.services-sec { float: left; width: 100%; padding: 105px 0 90px;}
.services-sec .row { width: 100%; max-width: 1420px;}
.services-sec ul { float: left; width: 100%; display: flex; justify-content: space-evenly; column-gap: 4%;}
.services-sec ul li { flex: 0 1 auto;}
.services-main { float: left; width: 100%; display: flex; flex-direction: column; text-align: center; row-gap: 25px;}
.services-ico { display: flex; flex-wrap: wrap; justify-content: center; align-content: flex-end; min-height: 90px;}
.services-ico img { width: auto;}
.services-cnt { float: left; width: 100%;}
.services-cnt h2 { float: left; width: 100%; font-family: 'Montserrat-Bold'; color: #1D3E8F; font-size: 27px; line-height: 34px; letter-spacing: -0.7px; padding-bottom: 20px;}
.services-cnt p { float: left; width: 100%; color: #282828; font-size: 15px; line-height: 21px; letter-spacing: 0.45px;}

/* categories css */
.categories-sec { float: left; width: 100%; padding-bottom: 80px;}
.categories-sec .row { width: 100%; max-width: 1420px;}
.categories-sec h2 { float: left; width: 100%; text-align: center; font-family: 'Montserrat-Bold'; color: #1D3E8F; font-size: 75px; line-height: 80px; letter-spacing: -1.73px; padding-bottom: 50px;}
.categories-sec ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 30px; column-gap: 2%; padding-bottom: 40px;}
.categories-sec ul li { flex: 0 1 23.5%;}
.cat-main { float: left; width: 100%; position: relative; overflow: hidden;}
.cat-main .cat-img { float: left; width: 100%;}
.cat-main .cat-img img { float: left; width: 100%; transition:all .5s ease;}
.cat-main:hover .cat-img img { transform: scale(1.03);}
.cat-main .cat-cnt { position: absolute; bottom: 30px; left: 0; right: 0; margin: 0 auto; text-align: center; padding: 0 30px;}
.cat-main .cat-cnt h3 { font-family: 'Montserrat-Bold'; color: #FFFFFF; font-size: 32px; line-height: 40px; letter-spacing: -0.72px; padding-bottom: 10px;}
.cat-main .cat-cnt p { color: #CBD618; font-size: 15px; line-height: 21px; font-family: 'Montserrat-Medium';}
.btn-ctr { float: left; width: 100%; display: flex; justify-content: center;}

/* experiencias css */
.experiencias-sec { float: left; width: 100%; background: rgba(29, 62, 143, 0.05); padding: 125px 0;}
.experiencias-sec h2 { float: left; width: 100%; font-family: 'Montserrat-Bold'; color: #1D3E8F; font-size: 75px; line-height: 80px; letter-spacing: -1.73px; padding-bottom: 40px;}
.exp-slide { float: left; width: 100%; position: relative;}
.exp-slide .swiper-wrapper { row-gap: 20px;}
.exp-main { float: left; width: 100%; }
.exp-main .exp-img { width: 100%; float: left; border-radius: 0px; overflow: hidden; position: relative; }
.exp-main .exp-img img { float: left; width: 100%; transition:all .5s ease;}
.exp-main:hover .exp-img img { transform: scale(1.03);}
.exp-main .exp-img span.tag { position: absolute; top: 10px; left: 10px; height: 26px; display: inline-flex; align-items: center; padding: 0px 10px; border-radius: 5px; color: #1D3E8F; font-family: 'Montserrat-Bold'; font-size: 14px; line-height: 14px; background: #CBD618; text-transform: uppercase; letter-spacing: 0.6px; transition: all .5s ease; z-index: 1;}
.exp-main .fav-icon { position: absolute; left: 12px; bottom: 12px; background: rgba(0, 0, 0, 0.30); border: 2px solid #CBD618; border-radius: 50px; transition: all 0.5s ease; overflow: hidden;}
.exp-main .fav-icon a { width: 41px; height: 41px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.exp-main .fav-icon a img { filter: brightness(0) invert(1); width: auto;}
.exp-main .exp-txt { position: relative; bottom: 0px; width: 100%; float: left; padding: 0px; margin: 20px 0 0 0; }
.exp-main .exp-txt h3 a { font-size: 30px; line-height: 32px; font-family: 'Montserrat-Bold'; color: #1D3E8F; letter-spacing: -0.77px; transition: all 0.5s ease; margin-bottom: 15px; display: block;}
.exp-main .exp-txt p { font-size: 16px; line-height: 24px; color: #282828; font-family: 'Montserrat-Light'; margin-bottom: 20px; letter-spacing: 0.5px;} 
.exp-main:hover .fav-icon { background: #CBD618;}
.exp-main:hover .fav-icon a img { filter: brightness(0) saturate(100%) invert(20%) sepia(61%) saturate(1389%) hue-rotate(171deg) brightness(97%) contrast(102%);}
.exp-main:hover .exp-txt h3 a { color: #CBD618;}
.exp-card { float: left; width: 100%;}
.exp-top { float: left; width: 100%; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #DEDEDE;}
.exp-meta {display:grid; gap:8px;}
.exp-meta-row {display:flex; align-items:center; gap:15px; font-size:16px; line-height:24px; color: #282828; font-family: 'Montserrat-SemiBold';}
.exp-ico {display:inline-flex; width:18px; height:18px; color:var(--icon); flex:0 0 18px;}
.exp-bottom { float: left; width: 100%; display:flex; align-items:center; justify-content:space-between; gap:14px;}
.exp-price {display:grid; gap:5px;}
.exp-from { font-size:14px; letter-spacing: -0.03px; color:#282828; font-family: 'Montserrat-Light';}
.exp-amount { font-size:30px; line-height: 30px; font-family: 'Montserrat-Bold'; color:#1D3E8F; letter-spacing:0.54px;}
.exp-btn { cursor: pointer; display: inline-flex; align-items: center; height: 52px; padding: 0px 55px; border: none; background: #1D3E8F; color: #FFFFFF; font-size: 16px; font-family: 'Montserrat-Medium'; letter-spacing: 0px; border-radius: 12px; transition: all 0.5s ease; }
.exp-btn:hover { background: #CBD618; color: #1D3E8F;}

.exp-slide .swiper-nav-rel { float: right; width: auto; position: absolute; top: -100px; right: 0; justify-content: center; margin-top: 0;}
.exp-slide .swiper-pagination-exp { display: flex; align-items: center; column-gap: 10px;}
.exp-slide .swiper-container-horizontal > .swiper-pagination-bullets{width: auto; bottom: auto; text-align: right; justify-content: left; position: relative; right: auto; left: 0; top:inherit; margin-top: 55px;}
.exp-slide .swiper-pagination-bullet { margin-right: 0; background-color: #D8D8D8; border: none; width: 8px; height: 8px; opacity: 1;transition:all .5s ease;}
.exp-slide .swiper-pagination-bullet-active, .exp-slide .swiper-pagination-bullet:hover { background-color: #1D3E8F; border-radius: 25px;}
.exp-slide .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 15px 0px 0px;}
.exp-slide .swiper-button{ width: 130px; height: 60px; bottom: 0; align-items: center; justify-content: space-between; position: relative; right: 0; left: auto; top:0; display: flex; column-gap: 10px;}
.exp-slide .swiper-button-prev-exp{background: url("../images/ico-arrow-blue.svg") no-repeat 0 0; background-size: cover; width: 58px; height: 58px; border-radius: 15px; cursor: pointer; transition:all .5s ease; transform: rotateZ(-180deg);}
.exp-slide .swiper-button-next-exp{background: url("../images/ico-arrow-blue.svg") no-repeat 0 0;background-size: cover; width: 58px; height: 58px; border-radius: 15px; cursor: pointer; transition:all .5s ease;}
.exp-slide .swiper-button-prev-exp:hover, .exp-slide .swiper-button-next-exp:hover{ background-color: #CBD618; }

/* blog css */
.inner-sec-main { float: left; width: 100%; position: relative;}
.blog-sec { float: left; width: 100%; padding: 80px 0 105px;}
.blog-sec h2 { float: left; width: 100%; text-align: center; font-family: 'Montserrat-Bold'; color: #1D3E8F; font-size: 75px; line-height: 80px; letter-spacing: -1.73px; padding-bottom: 50px;}
.blog-slide { float: left; width: 100%; position: relative;}
.blog-main { float: left; width: 100%; }
.blog-main .blog-img { width: 100%; float: left; border-radius: 0px; overflow: hidden; position: relative; }
.blog-main .blog-img img { float: left; width: 100%; transition:all .5s ease;}
.blog-main:hover .blog-img img { transform: scale(1.03);}
.blog-main .blog-img span.tag { position: absolute; top: 10px; left: 10px; height: 26px; display: inline-flex; align-items: center; padding: 0px 10px; border-radius: 5px; color: #1D3E8F; font-family: 'Montserrat-Bold'; font-size: 14px; line-height: 14px; background: #CBD618; text-transform: uppercase; letter-spacing: 0.6px; transition: all .5s ease; z-index: 1;}
.blog-main .fav-icon { position: absolute; left: 12px; bottom: 12px; background: rgba(0, 0, 0, 0.30); border: 2px solid #CBD618; border-radius: 50px; transition: all 0.5s ease; overflow: hidden;}
.blog-main .fav-icon a { width: 41px; height: 41px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.blog-main .fav-icon a img { filter: brightness(0) invert(1); width: auto;}
.blog-main .blog-txt { position: relative; bottom: 0px; width: 100%; float: left; padding: 0px; margin: 20px 0 0 0; }
.blog-main .blog-txt h4 { font-size: 16px; line-height: 24px; color: #282828; font-family: 'Montserrat-Bold'; letter-spacing: 0.5px; padding-bottom: 15px;}
.blog-main .blog-txt h3 a { font-size: 30px; line-height: 32px; font-family: 'Montserrat-Bold'; color: #1D3E8F; letter-spacing: -0.77px; transition: all 0.5s ease; margin-bottom: 15px; display: block;}
.blog-main .blog-txt p { font-size: 16px; line-height: 24px; color: #282828; font-family: 'Montserrat-Light'; letter-spacing: 0.5px;} 
.blog-main:hover .fav-icon { background: #CBD618;}
.blog-main:hover .fav-icon a img { filter: brightness(0) saturate(100%) invert(20%) sepia(61%) saturate(1389%) hue-rotate(171deg) brightness(97%) contrast(102%);}
.blog-main:hover .blog-txt h3 a { color: #CBD618;}

.blog-slide .swiper-nav-rel { float: right; width: auto;}
.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; }
.blog-slide .swiper-pagination-blog { display: flex; align-items: center; column-gap: 10px;}
.blog-slide .swiper-container-horizontal > .swiper-pagination-bullets{width: auto; bottom: auto; text-align: right; justify-content: left; position: relative; right: auto; left: 0; top:inherit; margin-top: 55px;}
.blog-slide .swiper-pagination-bullet { margin-right: 0; background-color: #D8D8D8; border: none; width: 8px; height: 8px; opacity: 1;transition:all .5s ease;}
.blog-slide .swiper-pagination-bullet-active, .blog-slide .swiper-pagination-bullet:hover { background-color: #1D3E8F; border-radius: 25px;}
.blog-slide .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 15px 0px 0px;}
.blog-slide .swiper-button{ width: 130px; height: 60px; bottom: 0; align-items: center; justify-content: space-between; position: relative; right: 0; left: auto; top:inherit; display: flex; column-gap: 10px;}
.blog-slide .swiper-button-prev-blog{background: url("../images/ico-arrow-blue.svg") no-repeat 0 0; background-size: cover; width: 58px; height: 58px; border-radius: 15px; cursor: pointer; transition:all .5s ease; transform: rotateZ(-180deg);}
.blog-slide .swiper-button-next-blog{background: url("../images/ico-arrow-blue.svg") no-repeat 0 0;background-size: cover; width: 58px; height: 58px; border-radius: 15px; cursor: pointer; transition:all .5s ease;}
.blog-slide .swiper-button-prev-blog:hover, .blog-slide .swiper-button-next-blog:hover{ background-color: #CBD618; }

.abs-btn-div { position: absolute; left: 0; bottom: 0; z-index: 1;}
a.more-btn { display: inline-flex; align-items: center; justify-content: center; height: 65px; padding: 0px 70px; border: none; background: #1D3E8F; color: #FFFFFF; font-size: 16px; font-family: 'Montserrat-Medium'; letter-spacing: 0px; border-radius: 12px; transition: all 0.5s ease; }
a.more-btn:hover { background: #CBD618; color: #1D3E8F;}

/* excursion rutes css */
.excursion-rutes-sec { float: left; width: 100%;}
.excursion-rutes-sec ul { float: left; width: 100%; display: flex; flex-wrap: wrap;}
.excursion-rutes-sec ul li { flex: 0 1 50%;}
.exc-rut-main { float: left; width: 100%; position: relative; overflow: hidden;}
.exc-rut-main .exc-rut-img { float: left; width: 100%;}
.exc-rut-main .exc-rut-img img { float: left; width: 100%; transition:all .5s ease;}
.exc-rut-main:hover .exc-rut-img img { transform: scale(1.03);}
.exc-rut-main .exc-rut-cnt { position: absolute; top: 0; left: 0; padding: 50px 90px; height: 100%; display: flex; flex-direction: column; justify-content: space-between; width: 100%;}
.exc-rut-main .exc-rut-cnt span.tag { height: 42px; display: inline-flex; align-items: center; padding: 0px 10px; border-radius: 5px; color: #1D3E8F; font-family: 'Montserrat-Bold'; font-size: 25px; line-height: 32px; background: #CBD618; letter-spacing: -0.05px; transition: all .5s ease; z-index: 1;}
.exc-rut-main .exc-rut-cnt h3 { font-family: 'Montserrat-Bold'; color: #FFFFFF; font-size: 45px; line-height: 50px; letter-spacing: -1.16px; padding-bottom: 25px;}
.exc-rut-main .exc-rut-cnt a { color: #CBD618; font-size: 16px; line-height: 22px; font-family: 'Montserrat-Medium'; text-decoration: underline; transition: all 0.4s ease;}
.exc-rut-main .exc-rut-cnt a:hover { color: #FFFFFF;}
.excursion-rutes-sec ul li:first-child .exc-rut-main .exc-rut-cnt { padding-left: calc((100% - 425px + 1rem) / 2); }
.excursion-rutes-sec ul li:last-child .exc-rut-main .exc-rut-cnt { padding-right: calc((100% - 425px + 1rem) / 2); }

/* experiencias map css */
.exp-map-sec { float: left; width: 100%; padding: 100px 0; background: #CBD618;}
.exp-map-main { float: left; width: 1005; display: flex; flex-wrap: wrap; align-items: flex-start; row-gap: 30px;}
.exp-map-main > div { flex: 0 1 50%; display: flex; flex-wrap: wrap;}
.exp-map-main > div:last-child { justify-content: right;}
.exp-map-lft h2 { float: left; width: 100%; font-family: 'Montserrat-Bold'; color: #1D3E8F; font-size: 75px; line-height: 85px; letter-spacing: -1.73px; padding-bottom: 45px;}
.exp-map-lft p { float: left; width: 100%; color: #282828; font-size: 25px; line-height: 40px; letter-spacing: -0.6px;}
.saber-btn { float: left; width: 100%; padding-top: 60px;}
.saber-btn a { display: inline-flex; align-items: center; height: 65px; padding: 0px 60px; border: none; background: #1D3E8F; color: #FFFFFF; font-size: 16px; font-family: 'Montserrat-Medium'; letter-spacing: 0px; border-radius: 12px; transition: all 0.5s ease; }
.saber-btn a:hover { background: #FFFFFF; color: #1D3E8F;}

/* newsletter css */
.newsletter-sec { float: left; width: 100%; background: #CBD618; padding: 90px 0 95px;}
.newsletter-box { float: left; width: 100%; display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; }
.news-lft { flex: 0 1 50%; display: flex; column-gap: 32px; align-items: last baseline; } 
.news-lft h2 { font-size: 75px; color:#1D3E8F; line-height:85px; font-family: 'Montserrat-Bold'; letter-spacing: -1.73px; }
.news-lft h2 span { display: block; }
.news-rht { flex: 0 1 42%; padding-right: 60px;}
.news-box { float: left; width: 100%; position: relative; }
.news-box-out { float: left; width: 100%; }
.news-box input[type="text"] { background: rgba(255,225,255, 0.21); border: 2px solid rgba(255, 255, 255, 1); width: 100%; color: #1D3E8F; font-size: 15px; height: 65px; line-height: 58px; font-family: 'Montserrat-Medium'; border-radius: 12px; padding: 0px 125px 0px 20px; box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.12);}
.news-rht button { position: absolute; right: 5px; top:5px; width: 115px; height: 55px; display: flex; align-items: center; justify-content: center; border: none; border-radius: 10px; background: #1D3E8F; color: #FFFFFF; font-size: 16px; font-family: 'Montserrat-Medium'; transition: all 0.4s ease; cursor: pointer;} 
.news-rht button:hover { background: #FFFFFF; color: #1D3E8F;}
.news-rht .frm-input.checkbox { float: left; width: 100%; margin-top: 25px; } 
.news-rht .frm-input.checkbox input { height: 1px; left: 0; position: absolute; top: 0; visibility: hidden; width: 1px;}
.news-rht .frm-input.checkbox label {color:#282828;cursor: pointer;font-size: 13px;padding-left: 24px;position: relative;float: left;width: auto;line-height:20px;text-align:left; font-family: 'Montserrat-Regular'; letter-spacing: -0.2px;}
.news-rht .frm-input.checkbox label::before { background: transparent; content: ""; height: 15px; left: 0; position: absolute; top: 3px; transition: all 0.3s ease-in-out 0s; width: 15px; border-radius: 3px; }
.news-rht .frm-input.checkbox label::after {background: rgba(255,225,255, 0.21);border: 2px solid #FFFFFF;content: "";height: 15px;left: 0;position: absolute;top: 3px;width: 15px; border-radius: 3px; }
.news-rht .frm-input.checkbox input:checked + label::before {background: #1D3E8F;} 
.news-rht .frm-input.checkbox input:checked + label::after {border-color: #1D3E8F; background:#1D3E8F;} 
.news-rht .frm-input.checkbox:last-child label { padding-bottom: 0; margin-bottom: 0;}
.news-rht .frm-input.checkbox a { color:#282828; text-decoration:underline; transition:all .5s ease; font-family: 'Montserrat-Regular';}
.news-rht .frm-input.checkbox a:hover { color:#1D3E8F; }

/* footer css */
footer { float: left; width: 100%; padding: 85px 0px 95px; background: #1D3E8F; }
footer .row { width: 1250px;}
.footer-top-sec { float: left; width: 100%; }
.footer-mid-sec { float: left; width: 100%; position: relative; }
.ftr-top-sec { float: left; width: 100%; padding: 0 40px;}
.ftr-top { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.ftr-logo-lft { flex: 0 1 auto; }
.ftr-logo-lft img { float: left; transition:all .5s ease; }
.ftr-logo-lft a:hover img { opacity: 0.75; }
.ftr-logo-rgt { flex: 0 1 auto; }
ul.social-list { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; column-gap: 10px; }
ul.social-list li { flex: 0 1 auto;}
ul.social-list li a { float: left; width: 40px;height:40px; border: 1px solid rgba(255,225,255, 0.50); border-radius: 20px; transition:all .5s ease;}
ul.social-list li a.fb-ftr {background: url(../images/Logo_Facebook_Footer.svg) no-repeat center center;}
ul.social-list li a.ig-ftr {background: url(../images/Logo_Instagram_Footer.svg) no-repeat center center;}
ul.social-list li a.x-ftr {background: url(../images/Logo_X_Footer.svg) no-repeat center center;}
ul.social-list li a.yt-ftr {background: url(../images/Logo_Youtube_Footer.svg) no-repeat center center;}
ul.social-list li a:hover { opacity: 0.75;}
.ftr-mid-sec { float: left; width: 100%; padding: 40px; border-top: 1px solid rgba(255,225,255, 0.30); border-bottom: 1px solid rgba(255,225,255, 0.30); margin: 40px 0;}
.ftr-other-sec { float: left; width: 100%; display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 55px;}
.ftr-other-sec .ftr-mid-lft { flex: 0 1 30%;}
.ftr-other-sec .ftr-mid-rgt { flex: 0 1 50%;}
.ftr-mid-lft h3 { color: #FFFFFF; font-size: 16px; line-height: 24px; font-family: 'Montserrat-Medium'; letter-spacing: -0.2px; margin-bottom: 15px; }
ul.ftr-cnct-lst { width: 100%; display: flex; flex-wrap: wrap; row-gap: 12px; }
ul.ftr-cnct-lst li { flex: 0 1 100%; display: flex; color: #ffffff; font-size: 16px; line-height: 22px; font-family: 'Montserrat-Regular'; padding-left: 30px; letter-spacing: 0.14px;}
ul.ftr-cnct-lst li a { color: #ffffff; font-family: 'Montserrat-Medium'; text-decoration: underline; transition: all 0.5s ease; }
ul.ftr-cnct-lst li a:hover { color: #CBD618; }
ul.ftr-cnct-lst li.phn a { text-decoration: none;}
ul.ftr-cnct-lst li.mail a { font-family: 'Montserrat-Bold';}
ul.ftr-cnct-lst li.loc { background: url(../images/ico-ftr-loc.svg) no-repeat left 0 top 2px; }
ul.ftr-cnct-lst li.phn { background: url(../images/ico-ftr-phn.svg) no-repeat left 0 top 3px;}
ul.ftr-cnct-lst li.mail { background: url(../images/ico-ftr-mail.svg) no-repeat left 0 top 4px;}
.ftr-menu-links { float: left; width: 100%;}
.ftr-menu-links ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 25px; column-gap: 4%;}
.ftr-menu-links ul li { flex: 0 1 30.66%;}
.ftr-menu-links ul li a { font-family: 'Montserrat-Bold'; color: #FFFFFF; font-size: 18px; line-height: 27px; letter-spacing: 0; transition: all 0.4s ease;}
.ftr-menu-links ul li a:hover { color: #CBD618; }
.ftr-logo-lst { float: left; width: 100%;}
.ftr-logo-lst ul { float: left; width: 100%; display: flex; column-gap: 65px; row-gap: 30px; justify-content: space-between; align-items: center;}
.ftr-logo-lst ul li { flex: 0 1 auto;}
.ftr-logo-lst ul li img { width: auto; transition: all 0.4s ease;}
.ftr-logo-lst ul li img:hover { opacity: 0.75;}
.ftr-btm-sec { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 0 40px; }
.ftr-btm-sec p { color: rgba(255, 255, 255, 0.8); font-size: 14px; line-height: 20px; font-family: 'Montserrat-Light'; letter-spacing: 0.08px;}
.ftr-btm-rht ul { display: flex; flex-wrap: wrap; column-gap: 18px; align-items: center; }
.ftr-btm-rht ul li a { color: rgba(255, 255, 255, 1); font-size: 14px; line-height: 20px; letter-spacing: -0.4px; font-family: 'Montserrat-Light'; transition:all .5s ease; }
.ftr-btm-rht ul li a:hover { color: #CBD618; }

/* inner banner css */
.inner-banner-sec { float: left; width: 100%; position: relative;}
.inner-banner-sec img { float: left; width: 100%;}
.inner-banner-cnt { float: left; width: 100%; padding: 50px 0;}
.inner-banner-cnt h1 { float: left; width: 100%; font-family: 'Montserrat-Bold'; color: #1D3E8F; font-size: 75px; line-height: 75px; letter-spacing: -1.67px;}
.breadcrumb { float: left; width: 100%; padding-bottom: 35px;}
.breadcrumb ul { display: inline-flex; flex-wrap: wrap; column-gap: 20px; row-gap: 10px;} 
.breadcrumb ul li { flex: 0 1 auto; color: #1D3E8F; font-family: 'Montserrat-Bold'; font-size: 14px; line-height: 14px;}
.breadcrumb ul li a { color: #1D3E8F; font-family: 'Montserrat-Medium'; transition:all .5s ease;}
.breadcrumb ul li a:hover { opacity: 0.75;}
.breadcrumb-top .breadcrumb { width: auto; position: absolute; top: 0; left: calc((100% - 1175px + 1rem) / 2); padding: 50px 0 0; z-index: 1;}
.breadcrumb-top .breadcrumb ul li { color: #FFFFFF;}
.breadcrumb-top .breadcrumb ul li a { color: #FFFFFF;}

.inner-banner-sec .inner-banner-cnt { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; padding: 0; text-align: center;}
.inner-banner-sec .inner-banner-cnt h1 { color: #FFFFFF; font-size: 90px; line-height: 100px; letter-spacing: -2px;}
.inner-banner-sec .inner-banner-cnt .breadcrumb { padding-bottom: 10px; }
.inner-banner-sec .inner-banner-cnt .breadcrumb ul li { color: #FFFFFF;}
.inner-banner-sec .inner-banner-cnt .breadcrumb ul li a { color: #FFFFFF;}
.inner-banner-sec .inner-banner-cnt.left-align { text-align: left;}
.inner-banner-sec .inner-banner-cnt.left-align h1 { font-size: 75px; line-height: 85px; letter-spacing: -1.67px;}

/* inner categories css */
.inner-categories-sec { float: left; width: 100%; padding: 90px 0 150px;}
.inner-cat-title { float: left; width: 100%; padding-bottom: 85px;}
.inner-cat-title h2 { float: left; width: 100%; color: #1D3E8F; font-family: 'Montserrat-Bold'; font-size: 50px; line-height: 65px; letter-spacing: -1.15px; padding-bottom: 15px;}
.inner-cat-title h4 { float: left; width: 100%; color: #1D3E8F; font-family: 'Montserrat-Medium'; font-size: 25px; line-height: 36px; letter-spacing: -0.6px; padding-bottom: 20px;}
.inner-cat-title h4:last-child { padding-bottom: 0;}
.inner-cat-title p { float: left; width: 100%; font-family: 'Montserrat-Medium'; color: #282828; font-size: 16px; line-height: 26px;}

.inner-categories-sec ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 30px; column-gap: 2%;}
.inner-categories-sec ul li { flex: 0 1 32%;}

.mar-main { float: left; width: 100%;}
.mar-main .mar-img { float: left; width: 100%; position: relative; overflow: hidden;}
.mar-main .mar-img img { float: left; width: 100%; transition: all 0.4s ease;}
.mar-main:hover .mar-img img { transform: scale(1.03);}
.mar-main .mar-cnt { float: left; width: 100%; padding-top: 30px;}
.mar-main .mar-cnt h3 { float: left; width: 100%; font-family: 'Montserrat-Bold'; color: #1D3E8F; font-size: 35px; line-height: 40px; letter-spacing: -0.81px; padding-bottom: 10px; transition: all 0.4s ease;}
.mar-main .mar-cnt p { float: left; width: 100%; font-family: 'Montserrat-Medium'; color: #282828; font-size: 16px; line-height: 26px; padding-bottom: 25px;}
.mar-main .mar-cnt span { display: inline-flex; align-items: center; height: 52px; padding: 0px 30px; border: none; background: #1D3E8F; color: #FFFFFF; font-size: 16px; font-family: 'Montserrat-Medium'; letter-spacing: 0px; border-radius: 12px; transition: all 0.5s ease; }
.mar-main:hover .mar-cnt span { background: #CBD618; }
.mar-main:hover .mar-cnt h3 { color: #CBD618;}

/* exp list & mapa css */
.exp-filter-sec { float: left; width: 100%; background: #CBD618; padding: 50px 0;}

.filter-container { display: flex; align-items: center; gap: 20px; width: 100%;}
.filter-srch-bx { float: left; width: auto; position: relative;}
.filter-srch-bx input[type="text"] { float: left; width: 375px; background: rgba(255,225,255, 0.22); border: 2px solid #FFFFFF; border-radius: 12px; padding: 15px 65px 15px 20px; font-family: 'Montserrat-Bold'; height: 65px; font-size: 16px; letter-spacing: -0.3px; color: #1D3E8F; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.12);}
.filter-srch-bx button.srch-btn { display: inline-flex; flex-wrap: wrap; justify-content: center; position: absolute; right: 8px; top: 8px; cursor: pointer; width: 49px; height: 49px; border: none; float: left; background: #1D3E8F; border-radius: 10px; transition: all .5s ease;}
.filter-srch-bx button.srch-btn:hover { background: #000000;}

/* General placeholder styling */
.filter-srch-bx input[type="text"]::placeholder { color: #1D3E8F; opacity: 1;}
.filter-srch-bx input[type="text"]::placeholder { color: #1D3E8F;}
.filter-srch-bx input[type="text"]:-ms-input-placeholder { color: #1D3E8F;}
.filter-srch-bx input[type="text"]::-ms-input-placeholder { color: #1D3E8F;}

.filter {position:relative; display:inline-block; margin-right:16px;}
.filter-btn {background:rgba(255,225,255, 0.22); font-family: 'Montserrat-Medium'; text-align:left; border:2px solid #FFFFFF; border-radius:12px; width:315px; color:#1D3E8F; padding:14px 45px 14px 20px; height:65px; font-size: 16px; letter-spacing: -0.3px; cursor:pointer; position:relative; user-select:none;}
.filter-btn::after {content:""; position:absolute; right:18px; top:50%; width:8px; height:8px; border-right:2px solid #1D3E8F; border-bottom:2px solid #1D3E8F; transform:translateY(-50%) rotate(45deg); transition:transform 0.25s ease;}
.filter.active .filter-btn {border-color:#1D3E8F; background:#1D3E8F; color:#FFFFFF; border-radius: 25px 25px 0 0;}
.filter.active .filter-btn::after {transform:translateY(-50%) rotate(-135deg); border-right: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF;}
.filter-options {display:none; width:100%; background-color:#1D3E8F; padding:5px 20px 15px 20px; border-radius: 0 0 10px 10px; position:absolute; z-index:999; box-sizing:border-box;}
.filter-options.open {display:block;}
.checkbox-container {position:relative; padding-left:30px; margin-bottom:10px; font-size:16px; cursor:pointer; display:block; color:#ffffff; user-select:none; line-height:1.2;}
.checkbox-container input {position:absolute; opacity:0; width:0; height:0;}
.checkbox-custom {position:absolute; left:0; top:2px; width:16px; height:16px; border:1px solid #ffffff; border-radius:3px; overflow:hidden; transition:all 0.2s ease; box-sizing:border-box;}
.checkbox-container input:checked + .checkbox-custom {background-color:#CBD618; border-color:#CBD618;}
.checkbox-container input:checked + .checkbox-custom + .label-text {font-weight:700; color:#CBD618;}
.label-text {display:inline-block;}

.view-tab {float: left;width: auto;}
.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.grid-list {background: url("../images/list-icon.svg") no-repeat scroll 0 0;width: 25px;height: 25px;  background-size: cover;}
.view-tab ul.tab-list li.current span.grid-list {background: url("../images/list-icon-active.svg") no-repeat scroll 0 0; background-size: cover;}
.view-tab ul.tab-list li span.map-list {background: url("../images/map-icon.svg") no-repeat scroll 0 0;width: 29px;height: 25px;  background-size: cover;}
.view-tab ul.tab-list li.current span.map-list {background: url("../images/map-icon-active.svg") no-repeat scroll 0 0; background-size: cover;}

.exp-list-sec { float: left; width: 100%; padding: 65px 0 80px;}
.exp-list { float: left; width: 100%;}
.exp-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 80px; column-gap: 3%;}
.exp-list ul li { flex: 0 1 31.33%;}

.filter-tab-results { float: left; width: 100%; display: flex; align-items: center; column-gap: 50px; justify-content: space-between; padding-bottom: 35px;}
.results-bar { float: left; width: auto; display: flex; align-items: center; gap: 15px;}
.results-bar h4 { float: left; width: auto; color: #1D3E8F; font-family: 'Montserrat-Medium'; font-size: 14px; line-height: 20px; letter-spacing: -0.26px;}
.results-bar h4 strong { font-weight: normal; font-family: 'Montserrat-Bold';}

.que-interest { float: left; width: 100%; padding-bottom: 40px;}
.que-interest h3 { float: left; width: 100%; color: #303135; font-family: 'Montserrat-Medium'; font-size: 16px; line-height: 24px; letter-spacing: 0.5px; text-transform: uppercase; padding-bottom: 25px;}
.que-interest ul { width: 100%; display: flex; align-items: center; column-gap: 8px; row-gap: 10px;flex-wrap: wrap; }
.que-interest ul li { flex: 0 1 auto;}
.que-interest ul li a { display: inline-flex; align-items: center; justify-content: center; padding: 0 15px; border: 1px solid rgba(29, 62, 143,0.22); border-radius: 25px; line-height: 20px; color: #1D3E8F; text-transform: none; text-align: center; transition: all 0.5s ease; font-size: 16px; font-family: 'Montserrat-Medium'; height: 39px; letter-spacing: -0.04px; width: 100%;}
.que-interest ul li a:hover{background: #CBD618; color: #1D3E8F; border: 1px solid #CBD618;}
.que-interest ul li a.active { font-family: 'Montserrat-Bold'; background: #CBD618; color: #1D3E8F; border: 1px solid #CBD618;} 

.mapa-list { float: left; width: 100%;}
.map-view { float: left; width: 100%; display: none;}
.maresme-map { float: left; width: 100%;}
.maresme-map #map { height: 750px; float: left; width: 100%;}
.exp-main .exp-txt.exp-cnt { padding: 0px 20px 20px; }
.exp-main .exp-txt.exp-cnt h3 a { font-size: 26px; line-height: 34px; letter-spacing: -0.27px; padding-bottom: 10px; margin-bottom: 0; font-family: 'Montserrat-SemiBold';}
.exp-main .exp-txt.exp-cnt .exp-top { border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
.exp-main .exp-txt.exp-cnt .exp-meta-row { align-items: flex-start; gap: 5px;}
.exp-main .exp-txt.exp-cnt .exp-meta-row .exp-meta-text { font-size: 14px; line-height: 20px; letter-spacing: 0.1px; font-family: 'Montserrat-Regular';}
.exp-meta-link { float: left; width: 100%; margin-top: 10px;}
.exp-meta-link a { float: left; width: auto; color: #1D3E8F; font-size: 14px; line-height: 20px; letter-spacing: 0.1px; font-family: 'Montserrat-SemiBold'; text-decoration: underline; transition: all 0.4s ease;}
.exp-meta-link a:hover { color: #CBD618;}

.gm-style .gm-style-iw { max-width: 300px !important; padding: 0 !important;}
.gm-style-iw-chr { position: absolute; top: 0; right: 0;}
.gm-ui-hover-effect span { margin: 0 !important; filter: brightness(0) invert(1); }
.gm-ui-hover-effect { opacity: 1 !important; z-index: 1; width: auto !important; height: auto !important;}
.gm-style-iw-chr { top: 10px !important; right: 10px !important;}
.gm-style .gm-style-iw-d { overflow: auto !important;}
/* pagination */
.pagination { width: 100%; padding-top:80px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; column-gap: 15px; }
.pagination ul { width: auto; display: flex; column-gap: 5px; row-gap: 0; justify-content: center;}
.pagination ul li { flex: 0 1 auto;}
.pagination ul li a { display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; border-radius: 100px; color: #282828; font-size: 16px; line-height: 21px; font-family: 'Montserrat-Medium'; background: none; transition:all .5s ease; }
.pagination ul li a.active { background: #1D3E8F; color: #CBD618; font-family: 'Montserrat-Black';}
.pagination ul li a:hover { background: #1D3E8F; color: #CBD618;}
a.next-arw { display: block; width:auto; padding-right: 20px; background: url("../images/dble-right-arr.svg") no-repeat scroll right top 6px; color: #282828; font-size: 16px; line-height: 21px; font-family: 'Montserrat-Medium'; position: relative;transition: all 0.5s ease;}
a.next-arw:hover{color:#1D3E8F; background: url("../images/dble-right-arr-h.svg") no-repeat scroll right top 6px;}
a.prev-arw { display: block; width:auto; padding-left: 20px; background: url("../images/dble-left-arr.svg") no-repeat scroll left top 7px; color: rgba(46,22,71,30% ); font-size: 16px; line-height: 25px; font-family: 'Montserrat-Medium'; position: relative;transition: all 0.5s ease;}
a.prev-arw:hover{color: #1D3E8F; background: url("../images/dble-left-arr-h.svg") no-repeat scroll left top 7px;}

/* empreses css */
.empreses-sec { float: left; width: 100%; padding-bottom: 150px;}
.empreses-main { float: left; width: 100%;}
.empreses-lft { float: left; width: 360px;}
.empreses-rgt { float: left; width: calc(100% - 360px); padding-left: 70px;}

.slt-category-main { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 25px; background: #FFFFFF; border: 2px solid rgba(46, 22, 71, 0.30); padding: 25px 30px 40px; border-radius: 6px; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.25); overflow: hidden;}
.slt-category-main .slt-category-list { flex: 0 1 100%;}
.slt-category-list h3 { float: left; width: 100%; background: #EDEDED; padding: 10px 35px 10px 20px; height: 45px; border: 1.6px solid #1D3E8F; border-radius: 5px; cursor: pointer; color: #282828; font-family: 'Montserrat-SemiBold'; font-size: 14px; line-height: 24px; letter-spacing: 0px; position: relative; transition:all .5s ease;}
.slt-category-list h3::after { position: absolute; content: ""; background: url("../images/ico-arrow-ftr.svg") no-repeat right center; right: 20px; top: 38%; transform: rotate(180deg) translateY(-50%); width: 11px; height: 6px;}
.slt-category-list h3.active { display: flex;}
.slt-category-list h3.active::after {transform: rotate(0deg); top: 45%;} 

.slt-category-list .checkbox-btn {width: 100%; float: left; display: none; flex-wrap: wrap; row-gap: 10px; margin-top: 20px;}
.slt-category-list .checkbox-btn.active { display: flex;}
.slt-category-list .checkbox-btn > div {flex: 0 1 100%; padding-left: 25px;}
.slt-category-list .checkbox-btn [type="checkbox"]:not(:checked) {position: absolute;left: 0; visibility: hidden;}
.slt-category-list .checkbox-btn [type="checkbox"]:checked, .slt-category-list .checkbox-btn [type="checkbox"]:not(:checked) { position: absolute; left: 0; visibility: hidden;}
.slt-category-list .checkbox-btn [type="checkbox"]:checked + label, .slt-category-list .checkbox-btn [type="checkbox"]:not(:checked) + label { position: relative; padding-left:25px; cursor: pointer; line-height: 20px; display: inline-block; color: #5C5C5C; font-family: 'Montserrat-Medium'; letter-spacing: 0px; font-size: 14px; margin-right:0px; }
.slt-category-list .checkbox-btn [type="checkbox"]:checked + label:before, .slt-category-list .checkbox-btn [type="checkbox"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top:0px; width: 15px; height: 15px; border: 1px solid #5C5C5C; background: none; margin:3px 10px 0 0; border-radius: 15px;}
.slt-category-list .checkbox-btn [type="checkbox"]:checked + label:after, .slt-category-list .checkbox-btn [type="checkbox"]:not(:checked) + label:after {content: ''; width: 9px; height: 9px; background: #1D3E8F; border: 1px solid #1D3E8F; position: absolute; top: 6px; left: 3px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; border-radius: 8px;}
.slt-category-list .checkbox-btn [type="checkbox"]:checked + label:before { border: 2px solid #1D3E8F; }
.slt-category-list .checkbox-btn [type="checkbox"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
.slt-category-list .checkbox-btn [type="checkbox"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1);}
.slt-category-list .checkbox-btn [type="checkbox"]:checked + label { color: #1D3E8F; font-family: 'Montserrat-Bold';}

.empreses-filter-btn { float: left; width: 100%; padding-right: 65px;}

.checkbox-label-value { float: left; width: 100%; display: none; padding-bottom: 20px;}
.checkbox-label-value ul {display: flex; flex-wrap: wrap; gap: 8px;list-style: none;margin: 0;padding: 0;}
.checkbox-label-value ul li { flex: 0 1 auto;}
.checkbox-label-value ul li a {display: inline-flex; height: 30px; text-transform: uppercase; align-items: center;gap: 10px; background: #ffffff; border: 2px solid rgba(29, 62, 143,0.50); color: #1D3E8F; padding: 6px 8px; font-size: 14px; line-height: 14px; letter-spacing: -0.26px; border-radius: 6px;font-family: 'Montserrat-SemiBold';cursor: pointer; transition: all .5s ease;}
.checkbox-label-value ul li a span.close-ico {cursor: pointer;font-size: 20px;font-family: 'GothamNarrow-Medium';line-height: 1; color: #1D3E8F; transition: all .5s ease;}
.checkbox-label-value ul li a span.close-ico img { float: left; width: auto;}
.checkbox-label-value ul li a:hover { background: #1D3E8F; color: #ffffff;}
.checkbox-label-value ul li a:hover span.close-ico img { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7481%) hue-rotate(329deg) brightness(101%) contrast(99%);}

.filter-tab-results .results-bar h4 { color: #242424; font-size: 16px; letter-spacing: 0.34px;}
.remove-filter-btn { display: none;}
.remove-filter-btn a {display: inline-flex; height: 30px; text-transform: uppercase; align-items: center; background: #ffffff; border: 2px solid rgba(29, 62, 143,0.50); color: #1D3E8F; padding: 6px 8px; font-size: 14px; line-height: 14px; letter-spacing: -0.26px; border-radius: 6px;font-family: 'Montserrat-SemiBold';cursor: pointer; transition: all .5s ease;} 

.empreses-list { float: left; width: 100%;}
.empreses-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 45px;}
.empreses-list ul li { flex: 0 1 100%;}
.emp-main { float: left; width: 100%; display: flex; flex-wrap: wrap; height: 100%;}
.emp-main .emp-img { width: 256px; float: left; border-radius: 0px; overflow: hidden; position: relative; }
.emp-main .emp-img img { float: left; width: 100%; transition:all .5s ease;}
.emp-main .emp-img .heart-ico { float: left; width: 100%; height: 100%;}
.emp-main .emp-img .heart-ico img { height: 100%; object-fit: cover;}
.emp-main:hover .emp-img img { transform: scale(1.03);}
.emp-main .emp-img span.tag { position: absolute; top: 10px; left: 10px; height: 26px; display: inline-flex; align-items: center; padding: 0px 10px; border-radius: 5px; color: #1D3E8F; font-family: 'Montserrat-Bold'; font-size: 14px; line-height: 14px; background: #CBD618; text-transform: uppercase; letter-spacing: 0.6px; transition: all .5s ease; z-index: 1;}
.emp-main .fav-icon { position: absolute; left: 12px; bottom: 12px; background: rgba(0, 0, 0, 0.30); border: 2px solid #CBD618; border-radius: 50px; transition: all 0.5s ease; overflow: hidden;}
.emp-main .fav-icon a { width: 41px; height: 41px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.emp-main .fav-icon a img { filter: brightness(0) invert(1); width: auto;}
.emp-main .emp-txt { position: relative; width: calc(100% - 256px); float: left; padding-left: 15px; display: flex; flex-direction: column; padding-top: 12px;}
.emp-main .emp-txt h3 a { font-size: 26px; line-height: 32px; font-family: 'Montserrat-Bold'; color: #1D3E8F; letter-spacing: -0.67px; transition: all 0.5s ease; margin-bottom: 5px; display: block;}
.emp-main .emp-txt p { font-size: 16px; line-height: 26px; color: #282828; font-family: 'Montserrat-Light'; margin-bottom: 20px; letter-spacing: 0px;} 
.emp-main:hover .fav-icon { background: #CBD618;}
.emp-main:hover .fav-icon a img { filter: brightness(0) saturate(100%) invert(20%) sepia(61%) saturate(1389%) hue-rotate(171deg) brightness(97%) contrast(102%);}
.emp-main:hover .emp-txt h3 a { color: #CBD618;}
.emp-tags { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 15px; row-gap: 10px; height: 100%; align-content: flex-end;}
.emp-tags > div { flex: 0 1 auto;}
.emp-tags span a {display: inline-flex; height: 30px; text-transform: uppercase; align-items: center;gap: 10px; background: #CBD618; border: 2px solid #CBD618; color: #1D3E8F; padding: 6px 8px; font-size: 14px; line-height: 14px; letter-spacing: -0.26px; border-radius: 6px;font-family: 'Montserrat-SemiBold';cursor: pointer; transition: all .5s ease;}
.emp-tags span a:hover { background: #1D3E8F; color: #ffffff; border: 2px solid #1D3E8F; }

/* el maresme css */
.inner-maresme-sec { padding-bottom: 115px;}
.inner-categories-sec.inner-maresme-sec ul { row-gap: 55px;}
.el-maresme-map { float: left; width: 100%; margin: 50px 0 15px;}
.el-maresme-map img { float: left; width: 100%;}

.bottom-banner-sec { float: left; width: 100%; position: relative;}
.bottom-banner-sec::after { position: absolute; content: ""; background: linear-gradient(330deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.47) 100%); top: 0; left: 0; width: 100%; height: 100%;}
.bottom-banner-sec > img { float: left; width: 100%;}
.bottom-banner-cnt { position: absolute; top: 50%; transform: translateY(-50%); left: calc((100% - 1175px + 1rem) / 2); padding: 0; z-index: 1;}
.bottom-banner-main { float: left; width: 100%; max-width: 650px;}
.bottom-banner-cnt h2 { font-family: 'Montserrat-Bold'; color: #FFFFFF; font-size: 75px; line-height: 85px; letter-spacing: -1.67px; padding-bottom: 15px;}
.bottom-banner-cnt p { font-family: 'Montserrat-Medium'; color: #FFFFFF; font-size: 16px; line-height: 26px; }
.btn-blue { float: left; width: 100%; margin-top: 50px;}
.btn-blue a { display: inline-flex; align-items: center; height: 52px; padding: 0px 30px; border: none; background: #1D3E8F; color: #FFFFFF; font-size: 16px; font-family: 'Montserrat-Medium'; letter-spacing: 0px; border-radius: 12px; transition: all 0.5s ease; }
.btn-blue a:hover { background: #CBD618; }

/* el projecte css */
.el-projecte-sec { float: left; width: 100%; padding: 90px 0;}
.el-projecte-title { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 30px;}
.el-projecte-title .el-projecte-lft { float: left; width: calc(100% - 565px); padding-right: 80px;}
.el-projecte-title .el-projecte-rgt { float: left; width: 565px; display: flex;}
.el-projecte-title h2 { float: left; width: 100%; color: #1D3E8F; font-family: 'Montserrat-Bold'; font-size: 50px; line-height: 65px; letter-spacing: -1.15px; padding-bottom: 15px;}
.el-projecte-title h4 { float: left; width: 100%; color: #1D3E8F; font-family: 'Montserrat-Medium'; font-size: 25px; line-height: 36px; letter-spacing: -0.6px; padding-bottom: 20px;}
.el-projecte-title h4:last-child { padding-bottom: 0;}
.el-projecte-title p { float: left; width: 100%; font-family: 'Montserrat-Medium'; color: #282828; font-size: 16px; line-height: 26px; padding-bottom: 55px;}

.el-projecte-rgt img { float: left; width: 100%; height: 100%; object-fit: cover;}
.projecte-impulsat { float: left; width: 100%;}
.projecte-impulsat h3 { float: left; width: 100%; font-family: 'Montserrat-SemiBold'; color: #1D3E8F; font-size: 22px; line-height: 30px; letter-spacing: -0.53px; padding-bottom: 20px;}
.projecte-impulsat img { float: left; width: auto; transition: all 0.4s ease;}
.projecte-impulsat img:hover { opacity: 0.7;}

.projecte-financiat { float: left; width: 100%; padding-top: 55px;}
.projecte-financiat h3 { float: left; width: 100%; font-family: 'Montserrat-SemiBold'; color: #1D3E8F; font-size: 22px; line-height: 30px; letter-spacing: -0.53px; padding-bottom: 30px;}
.projecte-financiat ul { float: left; width: 100%; display: flex; row-gap: 20px; column-gap: 60px; align-items: center; justify-content: space-between;} 
.projecte-financiat ul li { flex: 0 1 auto;}
.projecte-financiat img { float: left; width: auto; transition: all 0.4s ease;}
.projecte-financiat img:hover { opacity: 0.7;}

/* legal css */
.inner-content-sec { float: left; width: 100%; padding: 60px 0 115px;}
.inner-content-sec h1 { float: left; width: 100%; font-family: 'Montserrat-Bold'; color: #1D3E8F; font-size: 75px; line-height: 85px; letter-spacing: -1.67px; padding-bottom: 40px;}
.inner-content-sec h2 { float: left; width: 100%; font-family: 'Montserrat-SemiBold'; color: #1D3E8F; font-size: 25px; line-height: 32px; letter-spacing: 0px; padding: 20px 0 15px;}
.inner-content-sec p { float: left; width: 100%; color: #282828; font-size: 16px; line-height: 26px; padding-bottom: 25px;}
.inner-content-sec p:last-child { padding-bottom: 0;}
.inner-content-sec p span { font-family: 'Montserrat-Bold';}

/* resultados del buscador css */
.buscador-ban { float: left; width: 100%; position: relative; background: #1E3D88; min-height: 410px;}
.buscador-cnt { position: absolute;left: 50%;top: 20%;transform: translateX(-50%); width: 607px;}

.buscador-cnt .search-div {width: 100%; margin: 0 auto; max-width: 100%;}  
.buscador-cnt .search-div h2 { color: #ffffff; font-size: 65px; line-height: 70px; font-family: 'Montserrat-Bold'; letter-spacing: -1.44px; padding-bottom: 45px; }
.buscador-cnt .search-box {position: relative;width: 100%; margin: 0 auto;} 
.buscador-cnt .search-box input { color: #1D3E8F; font-size: 18px; line-height: 30px; background: #ffffff; border: 3.5px solid #CBD618; height: 72px; width: 100%; padding: 10px 65px 10px 35px; border-radius: 50px !important; font-family: 'Montserrat-Bold';}
.buscador-cnt .search-box input::placeholder{color: #1D3E8F;} 
.buscador-cnt .search-ico {width: 52px;height: 52px;display: flex;align-items: center;justify-content: center;transition: all 0.5s ease;right: 10px;top: 50%; transform: translateY(-50%); position: absolute;background: #CBD618;border-radius: 100%;cursor: pointer;}
.buscador-cnt .search-ico:hover{background: #1D3E8F;} 
.buscador-cnt .search-ico img { width: auto; transition: all 0.4s ease;}
.buscador-cnt .search-ico:hover img { filter: brightness(0) invert(1); }

.result-filter-list-sec { float: left; width: 100%; padding: 70px 0 35px;}
.result-filter-list-sec ul { float: left;width: 100%; column-gap: 40px; border-bottom: 1px solid #d8d8d8; display: flex; align-items: center; justify-content: center;}
.result-filter-list-sec ul li { flex: 0 1 auto;}   
.result-filter-list-sec ul li a { float: left; font-family: 'Montserrat-Medium'; color: rgba(40, 40, 40,0.50); font-size: 18px; line-height: 24px;letter-spacing: 0.3px; padding-bottom: 17px;border-bottom: 3px solid #FFFFFF;transition:all .5s ease;position: relative;}
.result-filter-list-sec ul li a span { margin-left: 10px; background: rgba(40, 40, 40,0.50); border-radius: 4px; padding: 5px 8px; font-family: 'Montserrat-regular'; color: #fff; font-size: 12px; letter-spacing: 0.3px; transition:all .5s ease;}
.result-filter-list-sec ul li a.current {color: #282828; font-family: 'Montserrat-Bold';} 
.result-filter-list-sec ul li a.current span { background: #CBD618; color: #1D3E8F; font-family: 'Montserrat-Medium';}
.result-filter-list-sec ul li a:after{position: absolute;width: 0%;bottom: -3.5px;height: 3px;background: #CBD618;content: "";left: 0;transition: all 0.5s ease;}
.result-filter-list-sec ul li a.current:after{width: 100%;}
.result-filter-list-sec ul li a:hover:after{width: 100%;}
.result-filter-list-sec ul li a:hover {color: #1D3E8F;} 
.result-filter-list-sec ul li a:hover span {background: #1D3E8F;color: #FFFFFF;}

.buscaresult {float: left;width: 100%;padding-bottom: 70px;}
.buscaresult h4 {font-family: 'Montserrat-Regular';font-weight: normal;font-size: 15px;letter-spacing: 0.32px;text-align: left;color: #242424;margin-bottom: 45px;line-height: 17px;}
.buscaresult h4 span {font-family: 'Montserrat-Bold';}
.buscaresult-list {float: left;width: 100%;}
.buscaresult-list ul {float: left;width: 100%;display: flex;flex-wrap: wrap;row-gap: 50px;}
.buscaresult-list ul li {flex: 0 1 100%; display: flex;flex-wrap: wrap;column-gap: 40px; row-gap: 20px;}
.buscaresult-list ul li .busca-img .fav-icon { position: absolute; left: 24px; bottom: 18px; background: rgba(0, 0, 0, 0.25); border-radius: 50px; overflow: hidden; transition: all 0.5s ease;}
.buscaresult-list ul li .busca-img .fav-icon a { width: 41px; height: 41px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.buscaresult-list ul li .busca-img {flex: 0 1 375px; overflow: hidden; border-radius: 5px; position: relative;}
.buscaresult-list ul li .busca-img img {width: 100%;height: 100%; object-fit: cover;}
.buscaresult-list ul li .busca-img .fav-icon a img { width: auto; height: auto;}
.buscaresult-list ul li:hover  .busca-img .fav-icon a img { filter: brightness(0) saturate(100%) invert(18%) sepia(86%) saturate(1446%) hue-rotate(206deg) brightness(96%) contrast(95%);}
.buscaresult-list ul li:hover .busca-img .fav-icon {background: #CBD618;}
.buscaresult-list ul li .busca-cnt { flex: 0 1 calc(100% - 415px);}
.buscaresult-list ul li .busca-cnt span { display: inline-flex; align-items: center; justify-content: center; font-size: 16px; line-height: 20px; font-family: 'Montserrat-Bold'; text-transform: uppercase; float: left; margin-bottom: 25px; background: #CBD618; color: #1E3D88; border: none; height: 26px; border-radius: 25px; padding: 0px 15px;}
.buscaresult-list ul li .busca-cnt h3 {float: left;width: 100%;font-size: 25px;line-height: 32px;font-family: 'Montserrat-Bold';color: #1D3E8F;margin-bottom: 20px; letter-spacing: 0.25px; transition: all 0.5s ease;}
.buscaresult-list ul li .busca-cnt p {width: 100%;float: left; font-size: 16px; line-height: 24px; color: #242424; font-family: "Montserrat-Light"; letter-spacing: 0.3px;}
.buscaresult-list ul li:hover .busca-cnt h3 { color: #CBD618;}

/* contact css */
.contact-sec { float: left; width: 100%; padding: 80px 0 75px;}
.cnct-list { float: left; width: 100%;}
.cnct-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 22px;}
.cnct-list ul li { flex: 0 1 100%; line-height: 22px; padding-left: 38px;}
.cnct-list ul li p { float: left; width: 100%; font-size: 20px; line-height: 26px; letter-spacing: -0.5px;}
.cnct-list ul li p span { font-family: "Montserrat-Bold";}
.cnct-list ul li.loc { background: url("../images/loc.svg") no-repeat left 2px;}
.cnct-list ul li.ph { background: url("../images/phone.svg") no-repeat left 2px;}
.cnct-list ul li.ph a { font-size: 20px; line-height: 26px; letter-spacing: -0.5px; color: #282828; text-decoration: none; transition:all .5s ease;}
.cnct-list ul li.ph a:hover { color: #CBD618; text-decoration: underline;}
.cnct-list ul li.link a { text-decoration: underline; color: #282828; font-family: 'Montserrat-Bold'; font-size: 18px;}
.cnct-list ul li.link a:hover { color: #CBD618;}
.cnct-list ul li.mail { background: url("../images/mail.svg") no-repeat left top;}

.contact-main { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 40px;}
.contact-main > div { flex: 0 1 49%;}
.contact-main h2 { float: left; width: 100%; font-size: 22px;line-height: 32px; font-family: 'Montserrat-Bold';color: #282828; margin-bottom: 15px; letter-spacing: -0.28px;}
.contact-main p { float: left; width: 100%; color: #000000; font-family: 'Montserrat-Light'; font-size: 16px; line-height: 24px; letter-spacing: -0.26px;}
.contact-form-sec { float: left; width: 100%; background: rgba(29, 62, 143,0.05); padding: 95px 0;}
.contact-inn { display: flex; flex-wrap: wrap; justify-content: center;}
.contact-form-main { width: 920px; display: flex; flex-wrap: wrap; row-gap: 30px;}
.contact-title { flex: 0 1 100%; text-align: center;}
.contact-form { flex: 0 1 100%;}
.contact-title { float: left; width: 100%;}
.contact-title h2 { float: left; width: 100%; font-family: 'Montserrat-Bold'; color: #1D3E8F; font-size: 70px; line-height: 80px; letter-spacing: -1.61px; padding-bottom: 20px;}
.contact-form { float: left; width: 100%; }
.contact-form .form-box { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 1.5%; row-gap: 20px; }
.contact-form .form-box > div { flex: 0 1 49.25%;}
.contact-form .form-box > div.text-wdth { flex: 0 1 100%;}
.contact-form .form-box .frm-input { float: left; width: 100%; position: relative;}
.contact-form .form-box .frm-input .floating-label-group { float: left; width: 100%; position: relative;}
.contact-form .form-box input[type="text"], .contact-form .form-box input[type="email"], .contact-form .form-box input[type="tel"], .form-box textarea { width:100%; color:#1D3E8F; font-family: 'Montserrat-Medium'; padding: 15px 15px 10px; height: 53px; border-radius: 0px; border: none; border-bottom: 1px solid #1D3E8F; font-size:16px; transition: all .5s ease; background:#FFFFFF; }
.contact-form .form-box input[type="text"]:focus, .contact-form .form-box input[type="email"]:focus, .contact-form .form-box input[type="tel"]:focus, .contact-form .form-box textarea:focus { border-bottom: 1px solid #CBD618;}
.contact-form .form-box textarea { resize:none; height:128px; line-height:22px; padding: 15px 15px 10px; font-family: 'Montserrat-Medium'; color:#1D3E8F;}
.contact-form .form-box > div.btn-wdth { display: flex; align-items: center; justify-content: space-between; flex: 0 1 100%;}

.contact-form .form-box .frm-input.checkbox { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 10px;}
.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: #1D3E8F; cursor: pointer; font-size: 16px; line-height:18px; font-family: 'Montserrat-Medium'; width: auto; letter-spacing: 0px; display: inline-block;}
.contact-form .form-box .frm-input .floating-label span { color: #1D3E8F;}

.contact-form .form-box .frm-input.checkbox label { color: #000000; cursor: pointer; letter-spacing: 0px; font-family: 'Montserrat-Regular'; font-size: 16px; padding-left: 28px; position: relative; float: left; width: auto; line-height:20px; margin-bottom:0px; text-align:left;}
.contact-form .form-box .frm-input.checkbox label::before { background: none; content: ""; height: 18px; left: 0; position: absolute; top: 2px; transition: all 0.3s ease-in-out 0s; width: 18px; border-radius: 50px; z-index: 9; }
.contact-form .form-box .frm-input.checkbox label::after { background: #FFFFFF; border: 1px solid #1D3E8F; content: "";height: 18px;left: 0; position: absolute; top: 2px; width: 18px;border-radius: 50px;}
.contact-form .form-box .frm-input.checkbox input:checked + label::before {background: #1D3E8F none repeat scroll 0 0; }
.contact-form .form-box .frm-input.checkbox:last-child label { padding-bottom: 0;}
.contact-form .form-box .frm-input.checkbox span { font-size:14px; color: #1D3E8F; float: none; width:100%; line-height:16px;}
.contact-form .form-box .frm-input.checkbox span a {color: #1D3E8F; text-decoration:underline; transition:all .5s ease;}
.contact-form .form-box .frm-input.checkbox span a:hover { color:#1D3E8F;}
.contact-form .form-box .frm-input.checkbox label a { font-family: 'Montserrat-Bold'; text-decoration: underline; color: #1D3E8F; transition:all .5s ease;}
.contact-form .form-box .frm-input.checkbox label a:hover { color: #CBD618;}

.contact-form .btn-ctr { float: left; width: 153px;}
.contact-form .form-box input[type="submit"] { display: inline-flex; align-items: center; justify-content: center; cursor: pointer; width: 100%; height: 65px; font-family: 'Montserrat-SemiBold'; background: #1D3E8F; border: none; color: #FFFFFF; font-size: 16px; padding: 0 50px; border-radius: 12px; transition:all .5s ease; }
.contact-form .form-box input[type="submit"]:hover { background: #CBD618; color: #1D3E8F;}

.contact-form .floating-label { position: relative;}
.contact-form .floating-label { position: absolute; pointer-events: none; top: 15px; left: 15px; transition: all 0.5s ease;}
.contact-form input:focus ~ .floating-label, .contact-form input:not(:focus):valid ~ .floating-label, 
.contact-form textarea:focus ~ .floating-label, .contact-form textarea:not(:focus):valid ~ .floating-label { top: 2px; bottom: 0px; left: 15px; font-size: 10px !important; opacity: 1; text-transform: uppercase;}

/* faqs css */
.faq-content-sec { float: left; width: 100%;}
.faq-title { float: left; width: 100%; padding-right: 125px; padding-bottom: 45px; border-bottom: 2px solid #1D3E8F;}
.faq-title h2 { float: left; width: 100%; color: #1D3E8F; font-family: 'Montserrat-Medium'; font-size: 25px; line-height: 36px; letter-spacing: -0.6px; padding-bottom: 20px;}
.helpbar { float: left; width: 100%; height: 65px; margin-top: 40px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 8px 8px 8px 25px; border-radius: 12px; background: #1E3D88;} 
.helpbar-left { display:flex; align-items:center; gap:10px; width: calc(100% - 250px);}
.helpbar-left .search-box { max-width: 100%;}
.helpbar-left .search-box input { background: none; border: none; height: 54px; box-shadow: none; color: #ffffff; padding: 0px 30px 0px 0px; font-size: 18px; letter-spacing: -0.43px;}
.helpbar-left .search-ico { right: 5px; }
.helpbar-cta {flex:0 0 250px; display:inline-flex; align-items:center; justify-content: center; gap:8px; padding:0 15px; border-radius:12px; height: 54px; background:#CBD618; color:#ffffff; font-size:15px; text-decoration:none; box-shadow:0 2px 0 rgba(0,0,0,0.22);}
.helpbar-cta:hover {background:#ffffff; color: #1D3E8F;}
.helpbar-cta:hover img { filter: brightness(0) saturate(100%) invert(19%) sepia(83%) saturate(1286%) hue-rotate(204deg) brightness(97%) contrast(98%);}

.faq-tab-sec { float: left; width: 100%; padding: 30px 0;}
.faq-tab-sec.is-sticky { position: fixed; z-index: 999; transition: all 0.4s ease; background: #fff; padding: 20px 0; box-shadow: 0 10px 20px rgba(0,0,0,0.15);}
.faq-tab-list { float: left; width: 100%; display: flex; align-items: center; column-gap: 15px;}
.faq-tab-list h3 { color: #303135; font-size: 16px; line-height: 25px; letter-spacing: 0.5px; text-transform: uppercase;}
.faq-tab-list ul { display: flex; flex-wrap: wrap; column-gap: 15px;}
.faq-tab-list ul li { flex: 0 1 auto;}
.faq-tab-list ul li a { display: inline-flex; align-items: center; justify-content: center; height: 40px; border-radius: 20px; padding: 0 25px; color: #1D3E8F; border: 2px solid rgba(29, 62, 143,0.22); font-size: 18px; letter-spacing: -0.04px; font-family: 'Montserrat-SemiBold'; transition: all 0.5s ease;}
.faq-tab-list ul li a:hover, .faq-tab-list ul li a.active { background: #1D3E8F; color: #ffffff; border: 2px solid #1D3E8F;}

.faq-content-list { float: left; width: 100%; padding-bottom: 90px;}
.faq-content-main { float: left; width: 100%; display: flex; flex-wrap: wrap;}
.faq-content-main .faq-list { flex: 0 1 100%; display: flex; flex-wrap: wrap; column-gap: 30px; padding: 55px 0; border-bottom: 1px solid #1D3E8F;}
.faq-content-main .faq-list:last-child { padding-bottom: 0; border-bottom: none;}
.faq-list .faq-list-lft { flex: 0 1 365px;}
.faq-list .faq-list-rgt { flex: 0 1 calc(100% - 395px);}
.faq-list .faq-list-lft h2 { float: left; width: 100%; color: #1D3E8F; font-size: 35px; line-height: 42px; font-family: 'Montserrat-Bold'; letter-spacing: -0.39px;}
.faq { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 15px;}
.faq .faq-item { flex: 0 1 100%; padding: 20px 40px 30px 45px; border-bottom: 2px solid #1D3E8F;}
.faq .faq-item .faq-question { float: left; width: 100%; position: relative; display: flex; align-items: center; column-gap: 20px;}
.faq .faq-item .faq-answer { float: left; width: 100%; display: none; padding-top: 20px; padding-right: 50px;}
.faq .faq-item.faq-item-active .faq-answer { display: block;}
.faq .faq-item .faq-question h3 { cursor: pointer; float: left; width: 100%; color: #282828; font-size: 20px; line-height: 24px; letter-spacing: -0.5px; font-family: 'Montserrat-SemiBold';}
.faq .faq-item .faq-question span.faq-icon { position: absolute; top: 50%; transform: translateY(-50%); right: 0px; background: url("../images/plus-icon.svg") no-repeat scroll 0 0; width: 33px; height: 33px;} 
.faq .faq-item.faq-item-active { background: rgba(237, 237, 237,0.50); border: 3px solid rgba(29, 62, 143,0.50); border-radius: 12px;}
.faq .faq-item.faq-item-active .faq-question h3 { border-bottom: none; color: #1D3E8F;}
.faq .faq-item.faq-item-active .faq-question span.faq-icon { background: url("../images/minus-icon.svg") no-repeat scroll 0 0; }
.faq .faq-item .faq-answer p { float: left; width: 100%; color: #282828; font-size: 20px; line-height: 27px; letter-spacing: -0.5px; padding-bottom: 15px;}
.faq .faq-item .faq-answer p:last-child { padding-bottom: 0;}

/* roans css */
.raon-section { float:left; width:100%; margin-top:0px; position: relative;}
#raons-footer { display:none;}
#foot_div { z-index: 999;}
.full-height {padding-left: 35px;}
.raon-section.breadcrumb-top .breadcrumb { z-index: 999;} 
.block-crossfade-slide-overlay-content.light.txt1 { float: left; width:100%; text-align:center; padding-top:150px !important; position:relative; z-index:99;}
#crossfade-6.block-crossfade-slide .cover-h-center-v-middle.block-crossfade-slide-cover { background-position: 0px 0px; }
#viewport .roans-txt h1 { float: left; width: 100%; font-family: 'Montserrat-Bold'; color: #FFFFFF; font-size: 75px; line-height: 80px; margin: 0; letter-spacing: -1.67px; text-transform: inherit; padding-bottom: 20px; transition: all 0.4s ease;}
#viewport .roans-txt p { float: left; width: 100%; font-family: 'Montserrat-Medium'; color: #FFFFFF; font-size: 16px; line-height: 26px;}
#viewport .roans-txt a { margin-top: 35px; display: inline-flex; align-items: center; height: 65px; padding: 0px 60px; border: none; background: #1D3E8F; color: #FFFFFF; font-size: 16px; font-family: 'Montserrat-Medium'; letter-spacing: 0px; border-radius: 12px; transition: all 0.5s ease; }
#viewport .roans-txt a:hover { background: #CBD618; color: #1D3E8F;}
a.triangle-white { position:fixed; width: 82px; height: 82px; right: 0px; left: 0; margin: 0 auto; background:url(../images/arrow-down.svg) no-repeat 0 0; bottom:0px; z-index:999; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease;}
a.triangle-white:hover { opacity:0.7;}
.triangle-white.scroll.fixed_crossfade.reverse_swing { -moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.roans-dot { position:fixed; bottom: 80px; z-index: 9; left: -50%; margin: 0 auto; text-align: center; width: 100%;}
.roans-dot li { margin-bottom:2px;}
.roans-dot li a { font-size: 14px; line-height: 14px; color:#ffffff; display:block; position:relative; }
.roans-dot li a::after { position:absolute; content:""; right: 0px; top: 0px; background:none; background: rgba(255, 255, 255, 0.30); width:8px; height:8px; border-radius:50%;}
.roans-dot li a.active {text-indent:-9999px;}
.roans-dot li a.active:before { opacity: 1;}
.roans-dot li a.active:after, .roans-dot li a:hover:after { background: #CBD618; text-indent:-9999px; }
 
.razone-slider{float: left;width: 100%;display: none;position: relative;}
.razone-slider .swiper-container{float: left;width: 100%; height: 100%;}
.razone-slider .swiper-wrapper { height: 100%;}
.razone-slider .swiper-container .swiper-slide{float: left;width: 100%; height: auto;}
.razone-slider .swiper-container .swiper-slide img{float: left;width: 100%;height: 100%;object-fit: cover;}
.razones-txt h1 { float: left; width: 100%;  margin-top: 0; font-family: 'Montserrat-Bold'; color:#ffffff; float:left; width:100%;margin-bottom:30px; text-transform: inherit; font-weight: normal;}
.razones-txt p { float: left; width: 100%; font-family: 'Montserrat-Medium'; color: #FFFFFF; font-size: 16px; line-height: 26px; padding-bottom: 20px;}
.razones-txt a { border-radius: 12px; display: inline-flex;align-items: center; justify-content: center; padding: 16px 32px;background: #1D3E8F; color: #FFFFFF;font-size: 16px;font-family: 'Montserrat-Medium'; line-height: 26px; transition:all .5s ease; border: 1px solid #1D3E8F; box-shadow: 0 20px 30px rgba(0,0,0,0.34);}
.razones-txt a:hover { background: #CBD618;color: #1D3E8F; border: 1px solid #CBD618; color: #fff;}

.razone-slider .razones-txt{position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);float: left;width: 100%;padding: 0 15px;text-align: center;}
.razone-slider .swiper-button{position: absolute;right: 10px;bottom: 15px;width: 100px;z-index: 99;height: 46px;}
.razone-slider .swiper-button-prev-razona { width: 46px; height: 46px; transition: all 0.4s ease;border-radius: 5px; position: absolute; left: 0;}
.razone-slider .swiper-button-prev-razona::after { content: ""; font-size: 20px; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; display: flex;align-items: center; justify-content: center;background: url(../images/left-arrow-blue.svg)no-repeat; cursor: pointer;filter: brightness(0)invert(1);}
.razone-slider .swiper-button-next-razona { width: 46px; height: 46px; transition: all 0.4s ease;right:-90px; position: absolute; right: 0;}
.razone-slider .swiper-button-next-razona::after { content: ""; font-size: 20px; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto;; display: flex;align-items: center; justify-content: center;background: url(../images/right-arrow-blue.svg)no-repeat; cursor: pointer;filter: brightness(0)invert(1);}
.razone-slider .swiper-button-next-razona:hover,.razone-slider .swiper-button-prev-razona:hover{opacity: 0.6;}

/*mob-filter */
.mob-filter { float: left; width: auto; justify-content: flex-end;display: none;}
.mob-filter a { display: inline-flex;flex-wrap: wrap; column-gap: 10px; align-items: center; color: #282828; font-size: 13px; height: 38px; font-family: 'Montserrat-Medium'; padding: 5px 10px; border: 1px solid rgba(29, 62, 143,0.15); border-radius: 5px; transition: all 0.4s ease-out;}
.mob-filter a span {background: url("../images/filter-icon.svg") no-repeat center center; display: inline-flex; width: 19px; height: 16px;}
.mob-filter a.close span {background: url("../images/filter-close.svg") no-repeat center center;}
.mobile-filter { float: left; width: 100%;}
.mob-filter .filter-results { background: #1D3E8F; width: 25px; height: 25px; font-size: 14px; display: flex; align-items: center; justify-content: center; color: #ffffff; font-family: 'Montserrat-Bold'; border-radius: 50px;}
.mob-filter-results { float: left; width: 100%; display: none;}
.mob-filter-results a { display: inline-flex; align-items: center; justify-content: center; height: 42px; padding: 0px 30px; border: none; background: #1D3E8F; color: #FFFFFF; font-size: 13px; font-family: 'Montserrat-Medium'; letter-spacing: 0px; border-radius: 10px; transition: all 0.5s ease; }
.mob-filter-results a:hover { background: #CBD618; color: #1D3E8F;}

/*mob-filter */
.mob-filter-sec { float: left; width: 100%; display: flex; align-items: center; justify-content: space-between; display: none;}
.mob-filter-sec h3 { font-family: "Montserrat-Semibold"; color: #03045E; font-size: 25px; line-height: 30px; letter-spacing: -0.37px;}
.mob-filter-sec a { display: inline-flex;flex-wrap: wrap;justify-content: flex-end;}
.mob-filter-sec a span {background: #f2f2f2 url("../images/filter.svg") no-repeat center center; width: 50px; height: 50px; display: inline-flex; padding: 10px; border-radius: 7px;}
.mob-filter-sec a.close span {background: url("../images/filter-close.svg") no-repeat center center;}
.mobile-filter-sec { float: left; width: 100%; margin-top: 30px;}
.mob-exp { display: none; background: #ffffff; padding: 30px 45px; position: fixed; bottom: 0; z-index: 9; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);}

/* on dormir css */
.trek-banner { padding-bottom: 35px;}
.trek-banner .breadcrumb { padding-bottom: 25px; width: auto;}
.breadcrumb-rgt { float: right;}
.breadcrumb-rgt ul { display: flex; flex-wrap: wrap; column-gap: 10px;}
.breadcrumb-rgt ul li a img { border-radius: 100%;transition: all .5s ease;}
.breadcrumb-rgt ul li a:hover img {background-color: #CBD618;}
.trek-ban.ruta h1 { font-size: 60px; line-height: 70px; width: auto;}
.trek-ban { width: 100%; display: flex; justify-content: space-between; align-items: flex-end;}
.trek-img img { max-width: 200px;}

.ficha-aloj-sec { float: left; width: 100%; padding: 0px 0 70px;}
.ficha-img-slide { float: left; width: 100%; position: relative; margin-bottom: 75px;}
.ficha-img-slide .swiper-slide { float: left; width: 100%; height: 620px; position: relative; overflow: hidden; border-radius: 5px;}
.ficha-img-slide .swiper-slide img { float: left; width: 100%; height: 100%; object-fit: cover;}
.ficha-img-slide .swiper-slide::after { position: absolute; content: ""; background: linear-gradient(180deg,rgba(13, 65, 59, 0) 0%, rgba(6, 34, 31, 0.58) 100%); bottom: 0; left: 0; width: 100%; height: 100px;}

.ficha-img-slide .swiper-nav { float: left; width: 100%; position: absolute; bottom: 50px; z-index: 1;}
.ficha-img-slide .swiper-pagination-bullet { width:8px; height:8px; background:rgba(255, 255, 255, 0.41); border:none; opacity:1; border-radius:15px;}
.ficha-img-slide .swiper-pagination-bullet-active { background:#FFFFFF; }
.ficha-img-slide .swiper-pagination-bullets { display: inline-flex; column-gap: 15px; left: 50px; bottom: 0; width: auto; text-align: left; position: absolute; justify-content: left; align-items: center; }
.ficha-img-slide .swiper-pagination-bullets .swiper-pagination-bullet { margin:0;}
.ficha-img-slide .swiper-nav-ficha-img { margin: 0; align-items: center; justify-content: space-between; position: absolute; right: 50px; left: auto; bottom: 0px; display: flex; column-gap: 20px; z-index: 1; }
.ficha-img-slide .swiper-button-prev-ficha-img{background: url("../images/ico-arrow-left-w.svg") no-repeat 0 0; background-size: cover; width: 58px; height: 58px; cursor: pointer; transition:all .5s ease; border-radius: 15px;}
.ficha-img-slide .swiper-button-next-ficha-img{background: url("../images/ico-arrow-right-w.svg") no-repeat 0 0;background-size: cover; width: 58px; height: 58px; cursor: pointer; transition:all .5s ease;border-radius: 15px;}
.ficha-img-slide .swiper-button-prev-ficha-img:hover, .ficha-img-slide .swiper-button-next-ficha-img:hover{background-color: rgba(255, 255, 255, 0.33); } 

.ficha-inner { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 30px; justify-content: space-between;}
.ficha-lft { flex: 0 1 62%; }
.ficha-rgt { flex: 0 1 30%; padding-right: 0;padding-left: 70px;border-left: 1px solid #CBD618;}
.ficha-cont { float: left; width: 100%; padding-bottom: 0px; padding-right: 0px; }
.ficha-cont p { float: left; width: 100%; color: #282828; font-size: 16px; line-height: 26px; letter-spacing: 0px; padding-bottom: 20px;}
.ficha-cont p:last-child { padding-bottom: 0;}

.trekand-img { float: left; width: 100%; margin-bottom: 25px;}
.ficha-rgt p { float: left; width: 100%; color: #282828; font-size: 16px; line-height: 26px; letter-spacing: 0px; padding-bottom: 20px;}
.ficha-rgt h4 { float: left; width: 100%; font-family: "Montserrat-Bold"; color: #000000; font-size: 18px; line-height: 24px; letter-spacing: 0px; padding-bottom: 25px;}
.ficha-cnct { float: left; width: 100%; padding-bottom: 40px;}
.ficha-cnct ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 15px;}
.ficha-cnct ul li { flex: 0 1 100%; padding-left: 32px;}
.ficha-cnct ul li p { float: left; width: 100%; font-size: 16px; line-height: 26px; font-family: 'Montserrat-Medium'; letter-spacing: 0px; padding-bottom: 0;}
.ficha-cnct ul li p span { font-family: "Montserrat-Bold";}
.ficha-cnct ul li.loc { background: url("../images/icon-loc.svg") no-repeat left 5px;}
.ficha-cnct ul li.ph { background: url("../images/icon-tel.svg") no-repeat left 5px;}
.ficha-cnct ul li.ph a { font-size: 16px; line-height: 26px; font-family: 'Montserrat-Medium'; letter-spacing: 0px;text-decoration: none; transition:all .5s ease;}
.ficha-cnct ul li.ph a:hover { color: #CBD618; text-decoration: underline;}
.ficha-cnct ul li.link a, .ficha-cnct ul li.mail a { text-decoration: underline; color: #1D3E8F; font-family: 'Montserrat-Bold'; font-size: 16px;}
.ficha-cnct ul li.link a:hover, .ficha-cnct ul li.mail a:hover { color: #CBD618;}
.ficha-cnct ul li.mail { background: url("../images/icon-mail.svg") no-repeat left 3px;}
.ficha-cnct ul li.link { background: url("../images/icon-link.svg") no-repeat left 3px;}
.ficha-btn { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 15px; padding-top:0px; column-gap: 15px;}
.ficha-btn a { width: auto; display: inline-flex; align-items: center; justify-content: center; padding: 0 10px; height: 26px; background: #CBD618; border-radius: 5px; color: #1D3E8F; font-size: 14px; font-family: "Montserrat-SemiBold"; letter-spacing: -0.26px; transition: all 0.4s ease;}
.ficha-btn a:hover { background: #1D3E8F; color: #FFFFFF;}

.experiencies-sec { float: left; width: 100%; padding: 50px 0 95px;}
.experiencies-sec h2 { float: left; width: 100%; font-family: 'Montserrat-Bold'; color: #1D3E8F; font-size: 60px; line-height: 81px; letter-spacing: -1.38px; padding-bottom: 40px;}
.mapa-list { position: relative;}
.veure-btn { position: absolute; right: 0; top: -100px;}
.veure-btn a.veures-btn { display: inline-flex; align-items: center; height: 65px; padding: 0px 45px; border: none; background: #1D3E8F; color: #FFFFFF; font-size: 16px; font-family: 'Montserrat-Medium'; letter-spacing: 0px; border-radius: 12px; transition: all 0.5s ease; }
.veure-btn a.veures-btn:hover { background: #CBD618; color: #1D3E8F;}

.ruta-guiada-sec { float: left; width: 100%; padding: 0px 0 100px;}
.trek-ban.ruta { align-items: center;}
.ruta-img-list { float: left; width: 100%; margin-bottom: 50px;}
.ruta-img-list ul { float: left; width: 100%; display: grid;grid-template-columns: 2fr 1fr; grid-template-rows: 300px 300px; gap: 20px;}
.ruta-img-list ul li { position: relative; overflow: hidden; }
.ruta-img-list ul li img { float: left; width: 100%; height: 100%; object-fit: cover; display: block;transition: all .5s ease;}
.grid-large { grid-row: 1 / 3;}
.ruta-img-list .view-more { position: absolute; right: 35px; bottom: 35px;cursor: pointer; display: inline-flex; align-items: center; height: 52px; padding: 0px 25px; border: none; background: #1D3E8F; color: #FFFFFF; font-size: 16px; font-family: 'Montserrat-Medium'; letter-spacing: 0px; border-radius: 12px; transition: all 0.5s ease; }
.ruta-img-list .view-more:hover { background: #CBD618; color: #1D3E8F;}
.ruta-img-list ul li:hover img { transform: scale(1.03);}
.exp-btn:hover { background: #CBD618; color: #1D3E8F;}

.ruta-inner { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 40px; justify-content: space-between;}
.ruta-lft { flex: 0 1 62%; }
.ruta-rgt { flex: 0 1 34%; padding-right: 0;padding-left: 40px;border-left: 1px solid #CBD618;}
.ruta-rgt p { float: left; width: 100%; color: #282828; font-size: 16px; line-height: 26px; letter-spacing: 0px; padding-bottom: 20px;}
.ruta-cont { float: left; width: 100%; padding-bottom: 0px; padding-right: 0px; }
.ruta-cont h4 { float: left; width: 100%; color: #1D3E8F; font-size: 25px; line-height: 36px; letter-spacing: -0.6px; padding-bottom: 30px;}
.ruta-cont p { float: left; width: 100%; color: #282828; font-size: 16px; line-height: 26px; letter-spacing: 0px; padding-bottom: 20px;}
.ruta-div-list { float: left; width: 100%; padding-bottom: 30px;}
.ruta-div-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 15px;}
.ruta-div-list ul li { flex: 0 1 100%; padding-left: 32px;}
.ruta-div-list ul li p { float: left; width: 100%; font-size: 16px; line-height: 26px; font-family: 'Montserrat-SemiBold'; letter-spacing: 0px; padding-bottom: 0;}
.ruta-div-list ul li.bic { background: url("../images/Icon_Bicicleta_Verd.svg") no-repeat left 5px;}
.ruta-div-list ul li.hores { background: url("../images/icon-rellotge-verd.svg") no-repeat left 5px;}
.ruta-div-list ul li.carala { background: url("../images/icon-missatge-verd.svg") no-repeat left 3px;}
.ruta-div-list ul li.infantil { background: url("../images/Icon_user_Verd.svg") no-repeat left 3px;}
.ruta-div-list ul li.grups { background: url("../images/Icon_Grup_Verd.svg") no-repeat left 3px;}
.ruta-btn { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 15px; padding-top:0px; column-gap: 15px;}
.ruta-btn a { width: auto; display: inline-flex; align-items: center; justify-content: center; padding: 0 10px; height: 26px; background: #CBD618; border-radius: 5px; color: #1D3E8F; font-size: 14px; font-family: "Montserrat-SemiBold"; letter-spacing: -0.26px; transition: all 0.4s ease;}
.ruta-btn a:hover { background: #1D3E8F; color: #FFFFFF;}
.mob-exp { display: none; background: #ffffff; padding: 30px 45px; position: fixed; bottom: 0; z-index: 9; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);}
.mob-filter h3 { display: none;}
.experiencies-sec.lght-bg { background: rgba(29, 62, 143,0.05); padding: 100px 0 90px;}
.experiencies-sec .veure-btn {top: -115px;}
.hidden-gallery { display: none;}

.ruta-para { float: left; width: 100%; padding: 15px 0;}
.ruta-para h3 { float: left; width: 100%; color: #1D3E8F; font-size: 30px; line-height: 32px; letter-spacing: -0.77px; font-family: 'Montserrat-Bold'; padding-bottom: 20px;}
.ruta-para p span { font-family: "Montserrat-Bold";}
.ruta-para ul { width: 100%; display: flex; flex-wrap: wrap; row-gap: 12px;}
.ruta-para ul li { flex: 0 1 100%; padding-left: 32px;  color: #282828; font-family: 'Montserrat-SemiBold'; font-size: 16px; line-height: 27px;  background: url("../images/Icon_Check_Verd.svg") no-repeat left 5px;}

.route-accordion { float: left; width: 100%; padding: 35px 30px 50px 0;}
.route-accordion h3 { float: left; width: 100%; color: #1D3E8F; font-size: 30px; line-height: 32px; letter-spacing: -0.77px; font-family: 'Montserrat-Bold'; padding-bottom: 20px;}
.route-accordion .accordion-item { float: left; width: 100%; padding: 38px 45px; border-radius: 12px; border: 2px solid #1D3E8F; background: rgba(237, 237, 237, 0.2); margin-bottom: 20px;}
.route-accordion .accordion-item:last-child { margin-bottom: 0;}
.route-accordion .accordion-header { cursor: pointer; display: flex; align-items: center; font-weight: bold; transition: background 0.3s ease; position: relative;}
.route-accordion .accordion-header:hover { background: #f8f9fa;}
.route-accordion .accordion-header::after { content: ''; position: absolute; right: 0px; background: url("../images/icon-plus-blau.svg") no-repeat; width: 33px; height: 33px; transition: transform 0.3s ease;}
.route-accordion .accordion-header.active::after { background: url("../images/icon-minus.svg") no-repeat; }
.route-accordion .accordion-content { max-height: 0; overflow: hidden; padding: 0; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.route-accordion .accordion-content p { font-size: 16px; line-height: 26px; color: #282828; padding-top: 25px;}
.route-accordion .accordion-content.active { max-height: 200px; }
.route-accordion .accordion-header h4 { text-transform: uppercase; font-size: 20px; line-height: 24px; color: #1D3E8F;font-family: 'Montserrat-SemiBold'; letter-spacing: -0.5px; }
.route-accordion .accordion-header h4 span { color: #282828;}

.route-map  { float: left; width: 100%; padding: 0px 0;}
.route-map h3 { float: left; width: 100%; color: #1D3E8F; font-size: 30px; line-height: 32px; letter-spacing: -0.77px; font-family: 'Montserrat-Bold'; padding-bottom: 20px;}
#fichamap { float: left; width: 100%; height: 387px; border-radius: 0px; overflow: hidden;}

.ruta-filter-lst { float: left; width: 100%; border: 3px solid rgba(46, 22, 71, 0.15); padding: 30px 25px 35px; border-radius: 6px; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.15); margin-top: 35px;}
.ruta-filter-lst ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 7px; margin-bottom: 25px;}
.ruta-filter-lst ul li { flex: 0 1 100%;position: relative;}
.ruta-filter-lst ul li .nice-select { width: 100%;  border: none; border-radius: 6px; height: 49px;font-family: 'Montserrat-Medium';  padding: 12px 38px; font-size: 15px; line-height: 24px; letter-spacing: 0px; color: #0D413B; display: flex;align-items: center; background: rgba(195, 197, 205, 0.5); position: relative;}
.ruta-filter-lst ul li .nice-select::after { border-bottom: 2px solid #0D413B !important;border-right: 2px solid #0D413B !important; right: 25px;}
.ruta-filter-lst ul li .nice-select.open .list { width: 100%; row-gap: 0;float: left;}
.ruta-filter-lst ul li .nice-select .option { flex: 0 1 100%; width: 100%; font-size: 14px; line-height: 20px; letter-spacing: 0.23px; color: #0D413B;  padding: 8px 30px;text-align: left;}
.ruta-filter-lst ul li .nice-select .option:hover { color: #fff; background: #1D3E8F;}
.calendar-sec { float: left; width: 100%; }
.calendar-sec .que-btn { display: inline-block; font-size: 15px; line-height: 30px; color: #282828; text-decoration: underline; margin-bottom: 20px;transition: all 0.5s ease;}
.calendar-sec .que-btn:hover { color: #1D3E8F;}
.ruta-filter-lst ul li:first-child .nice-select::before { background: url("../images/ico-clock.svg") no-repeat; width: 15px; height: 15px; position: absolute; content: ''; left: 15px;}
.ruta-filter-lst ul li:last-child .nice-select::before { background: url("../images/ico-users.svg") no-repeat; width: 18px; height: 15px; position: absolute; content: ''; left: 15px;}