@charset "utf-8";

body { padding:0px; margin:0px; background:#fff; font-size:16px; color:#282828; line-height:20px; font-family: 'Roboto-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; transition:all .5s ease; }
ul, li { list-style:none;}
ul,ol { list-style-type:none; padding:0px; margin:0px; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; } 
* html .clearfix { height: 1%; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear { clear: both; line-height: 1px; padding:0px; height:0px; font-size:1px; }
.left { float:left; }
.right { float:right; }
.anim { transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; }
.anim2 { transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.row { width:1170px; margin:auto; padding:0px;}

/****************header css starts*****************/
header {float: left;width: 100%;position: relative;z-index: 9999;padding: 0px 0 0 0; }
.head-row { width:1400px; margin:auto; padding:0px; }
.head-top { float: left; width: 100%; position: absolute; }
.head-top-in{float: left;width: 100%;display: flex;align-items: center;justify-content: space-between; padding: 0px 0px; }
.is-sticky header .head-top {background: #fff; box-shadow: 0 4px 14px rgba(0,0,0,0.18); }
.logo-top {float: left;padding: 0px;z-index: 9; padding: 20px 0px; }
.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: 83%; justify-content: end; }
.is-sticky .logo-top img { width: 100px;}

.menu-wrap {/* float: right; */margin-right: 15px;margin-top: 0px;/* position: absolute; */left: 0;right: 0;/* margin: 0 auto; */}
.is-sticky .cbp-out-menu {padding: 135px 0px 60px;}
.is-sticky .cbp-hrmenu > ul > li > a { padding: 29px 0px 29px 0px; }

.scl-links {margin-top: 0px;position: relative; z-index: 2; border-left: 1px solid rgba(24, 42, 63, 0.6); padding: 0px 25px; }
.scl-links ul {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;column-gap: 25px; height: 32px;}
.scl-links ul li {flex: 0 1 auto;}
.scl-links ul li a { transition: all .5s ease; }
.scl-links ul li a.fb {background: url(../images/ico-facebook.svg) no-repeat;width: 8px;height: 14px;display: block; background-size: cover;}
.scl-links ul li a.in {background: url(../images/ico-header-instagram.svg) no-repeat;width: 14px;height: 14px;display: block;background-size: cover;}
.scl-links ul li a.tw {background: url(../images/ico-header-x.svg) no-repeat;width: 14px;height: 14px;display: block;background-size: cover;}
.scl-links ul li a.yt {background: url(../images/ico-header-youtube.svg) no-repeat;width: 14px;height: 10px;display: block;background-size: cover;}
.scl-links ul li a:hover { opacity: 0.7;}

.hdr-links {float: right;margin-right: 0;padding: 0;margin-top: 0px; z-index: 9999; position: relative;}
.hdr-links > ul { display: flex; flex-wrap: wrap; align-items: center;  }
.hdr-links > ul > li {/*float: left;*/ padding: 0px 20px; position: relative;display: inline-flex; border-left: 1px solid rgba(24, 42, 63, 0.6);}
.hdr-links > ul > li:last-child {margin-right: 0px; border-left: none; padding-left: 0px;}
.hdr-links ul li a { display: inline-block; transition: all 0.5s ease;}
.hdr-links ul li a.loc {background: url(../images/ico-header-map.svg) no-repeat center center;width: 17px;height: 32px;position: relative;}
.hdr-links ul li a.heart {background: url(../images/ico-header-favorits.svg) no-repeat center center;width: 17px;height: 32px;position: relative;}
.hdr-links ul li a.search {background: url(../images/ico-header-search.svg) no-repeat center center;width: 19px;height: 32px;position: relative;}
.hdr-links ul li a:hover { opacity: 0.7;}

.select-lang {float: right;width: 50px;position: relative; }
.select-lang .nice-select { font-size: 16px; font-family: 'LEMONMILK-Light'; color: #182A3F; height: 32px; line-height: 32px;}
.select-lang .nice-select::after { border-bottom: 2px solid #182A3F; border-right: 2px solid #182A3F; width: 6px; height: 6px; margin-top: -4px; }
.select-lang .nice-select .list { left: auto; right: 0px; }
.select-lang .nice-select .option { background: #fff; }


/************desktop search**************/
.desktop-search { float: left; width: 100%; height: 100%; background: linear-gradient(to bottom,  rgba(178,214,223,1) 0%,rgba(71,164,160,1) 100%); padding: 160px 0px 30px; text-align: center; opacity: 0; visibility: hidden; position: fixed; top: 0; transition: all 0.4s ease; z-index: 9999; 
display: flex; align-items: center; justify-content: center; overflow-y: scroll;}
.desktop-search h2 { float: left; width: 100%; text-align: center; color: #182A3F; font-size: 50px; line-height: 1.2; font-family: 'LEMONMILK-Medium'; margin-bottom: 30px; letter-spacing: -0.53px; }
.search-inn { float: none; width: 100%; position: relative; max-width: 610px; display: inline-block;margin-bottom: 80px;}
.search-inn input[type="text"] { border: none; width: 100%; font-size: 18px; line-height: 20px; font-family: 'Roboto-Bold'; color: #182A3F; padding: 0 75px 0 35px; height: 72px;border-radius: 72px;box-shadow: 0px 0px 36px rgba(0,0,0,0.5); }
.search-box input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #424242;}
.search-box input[type="text"]::-moz-placeholder { /* Firefox 19+ */  color: #424242; }
.search-box input[type="text"]:-ms-input-placeholder { /* IE 10+ */  color: #424242; }
.search-box input[type="text"]:-moz-placeholder { /* Firefox 18- */ color: #424242; }
.search-inn button { position: absolute; border: none; background: #F7B402 url(../images/ico-search.svg) no-repeat center center; width: 60px; height: 60px; right: 6px; top: 6px; cursor: pointer; border-radius: 100%;}
.search-inn button:hover { background: #F7B402 url(../images/ico-search.svg) no-repeat center center;}
.desktop-search.search-open { opacity: 1; visibility: visible;}
.search-tags { float: left; width: 100%;text-align: center; }
.search-tags h3 { color: #182A3F; font-size: 16px; line-height: 1.2; font-family: 'Roboto-Bold'; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 20px; }
.search-tags ul { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; column-gap: 10px; row-gap: 10px; padding: 0px 245px;}
.search-tags ul li { flex: 0 1 auto;}
.search-tags ul li a { display: inline-block; background: none; color: #182A3F; font-size: 13px; line-height: 1.2; font-family: 'Roboto-Medium'; padding: 5px 14px; border: 1px solid rgba(102,102,102,0.3); border-radius: 30px;transition:all .5s ease;}
.search-tags ul li a:hover { background: #182A3F; border: 1px solid #182A3F; color: #fff; }
.search-in  { float: left; width: 100%; margin-top: 75px; }
.search-det { height: 100%; overflow-y: scroll; }
/* Works on Firefox */
.desktop-search { scrollbar-width: thin; scrollbar-color: #fff transparent; }
/* Works on Chrome, Edge, and Safari */
.desktop-search::-webkit-scrollbar { width: 10px; }
.desktop-search::-webkit-scrollbar-track { background: transparent; } 
.desktop-search::-webkit-scrollbar-thumb { background-color: #fff; border-radius: 0px; border: 2px solid transparent; }
body.hide-scroll { overflow-y: hidden; }
a.search-close { float: right; color: #182A3F; font-size: 15px; line-height: 1.2; font-family: 'LEMONMILK-Regular'; text-decoration: underline; }

.slider {float: left;width: 100%; position: relative;}
.slider .swiper-slide::before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 180px; background: linear-gradient(to bottom,  rgba(49,35,53,0.01) 0%,rgba(0,0,0,0.66) 100%); }
.slider .swiper-slide img {float: left;width: 100%; height: 900px; object-fit: cover;}
.slider .swiper-slide .banner-cnt { position: absolute;width: 100%; top: 25%; } 
.slider .swiper-slide .banner-caption { width: 100%; padding: 0px 20px; text-align: center;}
.slider .swiper-slide .banner-caption h1 {font-size: 35px;line-height: 1.2;color: #fff; font-family: 'LEMONMILK-Light'; margin-bottom: 30px; letter-spacing: -0.39px;}
.slider .swiper-slide .banner-caption h1 span { display: block; font-size: 80px; color: #182A3F; font-family: 'LEMONMILK-Medium'; }
.banner-caption a.saber-btn{ width: 200px; height: 55px; border-radius: 30px; background: rgba(0,0,0, 0.18); border: 2px solid rgba(255, 255, 255, 0.7); display: inline-flex; align-items: center; justify-content: center;
font-size: 16px; line-height: 1.2; color: #fff; font-family: 'Graphik-Semibold'; letter-spacing: 0.77px; transition: all 0.5s ease; }
.banner-caption a.saber-btn:hover { background: #fff; border: 2px solid rgba(255, 255, 255, 1); color: #182A3F; }
.home-slider-nav { float: none;width: 1170px; margin: 0px auto; position: absolute; bottom: 50px; left: 0px; right: 0px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; column-gap: 30px;} 
.slider .swiper-slide-active { pointer-events: auto !important; }
.slider .swiper-container-horizontal .swiper-pagination-bullets { position: relative; justify-content: left; left: auto; width: auto; bottom: auto; }
.slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0px 15px 0px 0px; }
.slider .swiper-pagination-bullet { width: 10px; height: 10px; background:none; border: 2px solid #fff;  }
.slider .swiper-pagination-bullet-active, .slider .swiper-pagination-bullet:hover{ background: #fff;}

.slider .swiper-button{ position: relative; right: auto; z-index: 10; width: 84px; height: 44px; align-items: center; justify-content: space-between; display: flex; column-gap: 10px; background: rgba(255, 255, 255, 0.2); border: 2px solid rgba(255,255,255, 0.5); border-radius: 50px; padding: 0px 15px; }
.slider .swiper-button-prev{background: url("../images/ico-arrow-left.svg") no-repeat 0 0; background-size: cover; width: 16px; height: 16px; cursor: pointer; transition:all .5s ease; position: relative; right: auto; top: auto; left: 2px; margin: 0px;}
.slider .swiper-button-next{background: url("../images/ico-arrow-right.svg") no-repeat 0 0;background-size: cover; width: 16px; height: 16px; cursor: pointer; transition:all .5s ease; position: relative; right: 2px; top: auto; margin: 0px; }
.slider .swiper-button-prev:hover, .slider .swiper-button-next:hover{opacity: 0.7; } 

.chat-link { position: fixed; right: 30px; bottom:30px; z-index: 10; }
.chat-link a img { float: left; }

.hm-picafort-sec { float: left; width: 100%; padding: 90px 0px 240px; background: url(../images/main-sec-bg.jpg) no-repeat center bottom 175px; background-size: 100% 65%; }
.hm-quefer { float: left; width: 100%; margin-bottom: 125px; }
.hm-quefer .title-sec { margin-bottom: 45px; }

.grid {float: left;width: 100%; display: grid;grid-template-columns: 1.20fr 1.20fr 0.75fr; /* grid-template-rows: 320px 320px 290px; */ gap: 16px;padding: 0;}
.card { position: relative; overflow: hidden;border-radius: 8px;display: flex;padding: 0px;}
.card img { float: left; width: 100%; height: 100%; object-fit: cover; transition:all .5s ease; }
.card:hover img { transform: scale(1.02);}
.card .heart { position: absolute; left: 10px; top: 10px; }
.card .heart span { background: url(../images/ico-favorit-off.svg) no-repeat center center; width: 57px; height: 57px; display: block;}
.card:hover .heart span { background: url(../images/ico-favorit-on.svg) no-repeat center center; }
.content{position: absolute; bottom: 0px; z-index: 2; float: left; width: 100%; padding: 24px 24px; }
.content h2 {font-size: 30px;line-height: 1.2; font-family: 'Roboto-Semibold'; margin-bottom: 10px; color: #fff;}
.badge {display: inline-block;padding: 5px 10px;border-radius: 4px;font-size: 12px; font-family: 'Roboto-Bold'; background: rgba(255, 255, 255, 0.25);color: #fff;}
/* exact layout */
.platjes {grid-column: 1;grid-row: 1 / span 2;}
.espais {grid-column: 2;grid-row: 1;}
.art {grid-column: 3;grid-row: 1 / span 2;}
.elements {grid-column: 2;grid-row: 2;}
.fires {grid-column: 1; grid-row: 3;}
.gastronomia {grid-column: 2;grid-row: 3;}
.esports {grid-column: 3;grid-row: 3;}

.hm-planificia { float: left; width: 100%; margin-bottom: 125px; }
.hm-planificia .title-sec { margin-bottom: 40px; }
ul.plan-menu-lst { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; column-gap: 25px; row-gap: 10px; margin-top: 20px; }
ul.plan-menu-lst li { flex: 0 1 auto; }
ul.plan-menu-lst li a { display: block; position: relative; padding: 15px 12px; color: #333333; font-size: 18px; line-height: 1.2; font-family: 'Roboto-Regular'; letter-spacing: -0.2px; transition: all .5s ease; }
ul.plan-menu-lst li a::after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 5px; background: #F3BE3A; opacity: 0;}
ul.plan-menu-lst li a.active::after, ul.plan-menu-lst li a:hover::after { opacity: 1; } 

.visita-slide { float: left; width: 100%; }
.visita-main { float: left; width: 100%; background: #182A3F; border-radius: 9px; height: 200px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; flex-direction: column;}
.visita-main .visita-img { width: 100%; float: left; height: 75px; display: flex; justify-content: center; align-items: center;}
.visita-main .visita-img img { float: left; width: auto; transition:all .5s ease;}
.visita-main .visita-txt { width: 100%; float: left; padding: 15px 0px 0px; text-align: center;}
.visita-main .visita-txt h3 { font-size: 24px; line-height: 1.2; font-family: 'Roboto-Medium'; color: #fff; letter-spacing: 0.01px; transition: all 0.5s ease; }
.visita-main:hover .visita-txt h3 { color: #F3BE3A; }

.visita-slide .swiper-nav-rel { margin-top: 55px; display: none;}
.visita-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;}
.visita-slide .swiper-pagination-bullet { background-color: rgba(24, 42, 63, 0.12); border: none; width: 11px; height: 11px; opacity: 1;transition:all .5s ease;}
.visita-slide .swiper-pagination-bullet-active, .visita-slide .swiper-pagination-bullet:hover { background-color: #182A3F; border-radius: 25px;}
.visita-slide .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 15px 0px 0px;}

.visita-slide .swiper-button{ width: 100px; height: 44px; bottom: 0; align-items: center; justify-content: space-between; position: relative; right: 0; left: auto; top:inherit; display: flex; column-gap: 10px; background: rgba(24,42,63,0.12); border-radius: 50px; padding: 0px 20px; }
.visita-slide .swiper-button-prev-visita{background: url("../images/ico-arrow-blue.svg") no-repeat 0 0; background-size: cover; width: 9px; height: 17px; cursor: pointer; transition:all .5s ease; transform: rotateZ(-180deg);}
.visita-slide .swiper-button-next-visita{background: url("../images/ico-arrow-blue.svg") no-repeat 0 0;background-size: cover;  width: 9px; height: 17px; cursor: pointer; transition:all .5s ease;}
.visita-slide .swiper-button-prev-visita:hover, .visita-slide .swiper-button-next-visita:hover{opacity: 0.7; } 

.hm-coniex-div { float: left; width: 100%; }
.hm-coniex-div .row { width: 1400px; }
.coniex-out { float: left; width: 100%; display: flex; flex-wrap: nowrap; }
.coniex-lft { flex: 0 1 25%;}
.coniex-lft img { float: left; width: 100%; }
.coniex-mid { flex: 0 1 50%; text-align: center; padding: 0px 50px; }
.coniex-mid h2 { color: #182A3F; font-size: 45px; line-height: 1.1; font-family: 'LEMONMILK-Medium'; letter-spacing: -0.5px; margin-bottom: 25px; }
.coniex-mid p { color: rgba(51,51,51,0.75); font-size: 18px; line-height: 1.6; font-family: 'Roboto-Regular'; letter-spacing: -0.2px; margin-bottom: 55px; }
.coniex-mid a.blue-btn { width: 270px; }
.coniex-rgt { flex: 0 1 25%;}
.coniex-rgt img { float: left; width: 100%; }

.coniex-slider-div { float: left; width: 100%; margin-top: 80px; }
.coniex-slide { float: left; width: 100%; }
.coniex-main { float: left; width: 100%;}
.coniex-main .coniex-img { width: 100%; float: left; position: relative; border-radius: 10px; overflow: hidden; }
.coniex-main .coniex-img img { float: left; width: 100%; transition:all .5s ease; }
.coniex-main .fav-icon { position: absolute; left: 20px; top: 20px; }
.coniex-main .fav-icon a span { background: url(../images/ico-favorit-off.svg) no-repeat center center; width: 40px; height: 40px; display: block;}
.coniex-main .coniex-txt { width: 100%; float: left; padding: 10px 0px 0px;}
.coniex-main .coniex-txt h3 { font-size: 35px; line-height: 1.2; font-family: 'Roboto-Semibold'; color: #151515; letter-spacing: 0.02px; transition: all 0.5s ease; }
.coniex-main:hover .coniex-txt h3 { color: #F3BE3A; }
.coniex-main:hover .coniex-img img{ transform: scale(1.02); } 
.coniex-main:hover .fav-icon a span { background: url(../images/ico-favorit-on.svg) no-repeat center center; }

.coniex-slide .swiper-nav-rel { margin-top: 55px; float: left; width: 100%; align-items: center; justify-content: space-between; display: none;}
.coniex-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;}
.coniex-slide .swiper-pagination-bullet { background-color: rgba(24, 42, 63, 0.12); border: none; width: 11px; height: 11px; opacity: 1;transition:all .5s ease;}
.coniex-slide .swiper-pagination-bullet-active, .coniex-slide .swiper-pagination-bullet:hover { background-color: #182A3F; border-radius: 25px;}
.coniex-slide .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 15px 0px 0px;}

.coniex-slide .swiper-button{ width: 100px; height: 44px; bottom: 0; align-items: center; justify-content: space-between; position: relative; right: 0; left: auto; top:inherit; display: flex; column-gap: 10px; background: rgba(24,42,63,0.12); border-radius: 50px; padding: 0px 20px; }
.coniex-slide .swiper-button-prev-coniex{background: url("../images/ico-arrow-blue.svg") no-repeat 0 0; background-size: cover; width: 9px; height: 17px; cursor: pointer; transition:all .5s ease; transform: rotateZ(-180deg);}
.coniex-slide .swiper-button-next-coniex{background: url("../images/ico-arrow-blue.svg") no-repeat 0 0;background-size: cover;  width: 9px; height: 17px; cursor: pointer; transition:all .5s ease;}
.coniex-slide .swiper-button-prev-coniex:hover, .coniex-slide .swiper-button-next-coniex:hover{opacity: 0.7; } 

.hm-platjes-sec { float: left; width: 100%; padding: 95px 0px; background: linear-gradient(135deg,  rgba(219,237,237,1) 0%,rgba(224,240,239,1) 100%); }
.hm-platjes-sec .title-sec { margin-bottom: 45px; }
.platjes-slide { float: left; width: 100%; }
.platjes-slide .agenda-main .fav-icon { left: 20px; bottom: auto; top:20px; }

.platjes-slide .swiper-nav-rel { margin-top: 55px; float: left; width: 100%; display: flex;align-items: center; justify-content: space-between;}
.platjes-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;}
.platjes-slide .swiper-pagination-bullet { background-color: rgba(24, 42, 63, 0.12); border: none; width: 11px; height: 11px; opacity: 1;transition:all .5s ease;}
.platjes-slide .swiper-pagination-bullet-active, .platjes-slide .swiper-pagination-bullet:hover { background-color: #182A3F; border-radius: 25px;}
.platjes-slide .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 15px 0px 0px;}

.platjes-slide .swiper-button{ width: 100px; height: 44px; bottom: 0; align-items: center; justify-content: space-between; position: relative; right: 0; left: auto; top:inherit; display: flex; column-gap: 10px; background: rgba(24,42,63,0.12); border-radius: 50px; padding: 0px 20px; }
.platjes-slide .swiper-button-prev-platjes{background: url("../images/ico-arrow-blue.svg") no-repeat 0 0; background-size: cover; width: 9px; height: 17px; cursor: pointer; transition:all .5s ease; transform: rotateZ(-180deg);}
.platjes-slide .swiper-button-next-platjes{background: url("../images/ico-arrow-blue.svg") no-repeat 0 0;background-size: cover;  width: 9px; height: 17px; cursor: pointer; transition:all .5s ease;}
.platjes-slide .swiper-button-prev-platjes:hover, .platjes-slide .swiper-button-next-platjes:hover{opacity: 0.7; } 

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

.hm-agenda-sec { float: left; width: 100%; padding: 90px 0px; }
.title-sec { float: left; width: 100%; text-align: center; margin-bottom: 25px; }
.title-sec h2 { color: #182A3F; font-size: 45px; line-height: 1.2; font-family: 'LEMONMILK-Medium'; letter-spacing: -0.5px;}
.title-sec p { color: rgba(51,51,51,0.75); font-size: 18px; line-height: 1.5; font-family: 'Roboto-Regular'; letter-spacing: -0.2px; margin-top: 20px;}

ul.agenda-menu-lst { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; column-gap: 15px; row-gap: 10px; margin-top: 20px; }
ul.agenda-menu-lst li { flex: 0 1 auto; }
ul.agenda-menu-lst li a { display: block; position: relative; padding: 15px 12px; color: #333333; font-size: 18px; line-height: 1.2; font-family: 'Roboto-Regular'; letter-spacing: -0.2px; transition: all .5s ease; }
ul.agenda-menu-lst li a::after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 5px; background: #F3BE3A; opacity: 0;}
ul.agenda-menu-lst li a.active::after, ul.agenda-menu-lst li a:hover::after { opacity: 1; } 

.agenda-slide { float: left; width: 100%; }
.agenda-main .agenda-img { width: 100%; float: left; border-radius: 10px; overflow: hidden; position: relative;}
.agenda-main .agenda-img img { float: left; width: 100%; transition:all .5s ease;}
.agenda-main .fav-icon { position: absolute; left: 20px; bottom: 20px; }
.agenda-main .fav-icon a span { background: url(../images/ico-favorit-off.svg) no-repeat center center; width: 40px; height: 40px; display: block;}
.agenda-main .agenda-txt { width: 100%; float: left; padding: 20px 0px 0px; }
.agenda-main .agenda-txt h3 { margin-bottom: 15px; }
.agenda-main .agenda-txt h3 a { font-size: 30px; line-height: 1.1; font-family: 'Roboto-Semibold'; color: #182A3F; letter-spacing: 0.01px; transition: all 0.5s ease; }
.agenda-main .agenda-txt p { font-size: 18px; line-height: 1.4; color: #515151; font-family: 'Roboto-Regular'; letter-spacing: -0.2px; }
.agenda-main .agenda-txt h5.date { color: #048B98; font-size: 18px; line-height: 1.2; font-family: 'Roboto-Regular'; letter-spacing: 0.14px; margin-top: 18px; }
.agenda-main .agenda-txt h5.date span { font-family: 'Roboto-ExtraBold'; }
.agenda-main .agenda-img span.tag { position: absolute; left: 20px; top:20px; height: 25px; display: inline-flex; align-items: center; padding: 0px 12px; border-radius: 35px; color: #fff; font-family: 'LEMONMILK-Regular';
font-size: 13px; line-height: 1.2; letter-spacing: 0.1px; background: rgba(199, 36, 43, 0.8); text-transform: uppercase; transition: all .5s ease;}
.agenda-main:hover .agenda-txt h3 a { color: #048B98; }
.agenda-main:hover .agenda-img img { transform: scale(1.03);}
.agenda-main:hover .fav-icon a span { background: url(../images/ico-favorit-on.svg) no-repeat center center; }

.agenda-slide .swiper-nav-rel { margin-top: 55px; float: left; width: 100%; display: flex;align-items: center; justify-content: space-between; }
.agenda-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;}
.agenda-slide .swiper-pagination-bullet { background-color: rgba(24, 42, 63, 0.12); border: none; width: 11px; height: 11px; opacity: 1;transition:all .5s ease;}
.agenda-slide .swiper-pagination-bullet-active, .agenda-slide .swiper-pagination-bullet:hover { background-color: #182A3F; border-radius: 25px;}
.agenda-slide .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 15px 0px 0px;}

.agenda-slide .swiper-button{ width: 100px; height: 44px; bottom: 0; align-items: center; justify-content: space-between; position: relative; right: 0; left: auto; top:inherit; display: flex; column-gap: 10px; background: rgba(24,42,63,0.12); border-radius: 50px; padding: 0px 20px; }
.agenda-slide .swiper-button-prev-agenda{background: url("../images/ico-arrow-blue.svg") no-repeat 0 0; background-size: cover; width: 9px; height: 17px; cursor: pointer; transition:all .5s ease; transform: rotateZ(-180deg);}
.agenda-slide .swiper-button-next-agenda{background: url("../images/ico-arrow-blue.svg") no-repeat 0 0;background-size: cover;  width: 9px; height: 17px; cursor: pointer; transition:all .5s ease;}
.agenda-slide .swiper-button-prev-agenda:hover, .agenda-slide .swiper-button-next-agenda:hover{opacity: 0.7; } 

.rel-btn-div { float: left; width: 100%; display: flex; justify-content: center; margin-top: -45px; }
a.blue-btn { position: relative; z-index: 2; display: inline-flex; justify-content: center; align-items: center; width: 212px; height: 45px; padding: 0px 20px; color: #fff; font-size: 15px; font-family: 'LEMONMILK-Medium'; 
letter-spacing: 0.72px; border-radius: 30px; transition: all 0.5s ease; background: #182A3F; }
a.blue-btn:hover { background: #F3BE3A; color: #182A3F;}

.siguenos-sec { float:left; width:100%; background: url(../images/bg-xarxes-pre-footer.png) no-repeat center top; background-size: 100%; padding:125px 0px 180px; position:relative; }
.siguenos-sec h2 { font-size:45px; color:#182A3F; line-height:1.2; font-family: 'LEMONMILK-Medium'; margin-bottom: 45px; display:block; text-align: center; letter-spacing: -0.47px; }
.siguenos-inst ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 1.5%; row-gap: 15px; }
.siguenos-inst ul > li { flex: 0 1 23.8%; overflow:hidden; position:relative; border-radius: 25px;}    
.siguenos-inst ul > li img { float:left; width:100%; transition:all .5s ease; }
.siguenos-inst ul > li:hover img  { transform:scale(1.05); }
.siguenos-inst ul > li a span { position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); }
.siguenos-inst ul > li:hover a span img { transform: none; }

.share-links { float: left; width: 100%; padding-top: 50px; }
.share-links ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 12%; row-gap: 15px; justify-content: center;}
.share-links ul li { flex: 0 1 auto; }
.share-links li a{ padding-left: 28px; display: flex; color: #000; font-size: 16px; line-height: 1.5; font-family: 'LEMONMILK-Regular'; letter-spacing: 0.04px; transition:all .5s ease;}
.share-links li a:hover { opacity: 0.6;}
.share-links li a.fb { background:url('../images/ico-facebook.svg') no-repeat left center; padding-left: 20px; }
.share-links li a.ig { background:url('../images/ico-instagram.svg') no-repeat left center;}
.share-links li a.yt { background:url('../images/ico-youtube.svg') no-repeat left center;}
.share-links li a:hover { opacity: 0.7;}

/* footer */
footer { float: left; width: 100%; padding: 0px 0px; background: #182A3F; }
.row-foot { width: 1250px; margin: auto; padding: 0px 0px; }
.footer-top-sec { float: left; width: 100%; }
.footer-top-sec .row { width: 1400px;}
.foot-top { float: left; width: 100%; padding:40px 115px; background: #4EB5B0; border-radius: 10px; margin-top: -100px; position: relative;}
.newsletter-box { float: left; width: 100%; display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; }
.news-lft { flex: 0 1 45%; display: flex; column-gap: 32px; align-items: last baseline; } 
.news-lft h2 { font-size: 45px; color:#182A3F; line-height:1.2; font-family: 'LEMONMILK-Light'; letter-spacing: -0.47px; text-transform: uppercase; }
.news-lft h2 span { font-family: 'LEMONMILK-Bold'; }
.news-rht { flex: 0 1 45%; padding-right: 45px;}
.news-box { float: left; width: 100%; position: relative; }
.news-box-out { float: left; width: 100%; }
.news-box input[type="text"] { background: rgba(255,255,255,0.8); border: none; width: 100%; color: #182A3F; font-size: 16px; height: 58px; line-height: 58px; font-family: 'Roboto-Bold'; border-radius: 5px; padding: 0px 60px 0px 20px; letter-spacing: 0.04px;}
.news-rht button { position: absolute; right: 0px; top:0px; width: 58px; height: 58px; display: flex; align-items: center; justify-content: center; border: none; background: url('../images/ico-fletxa-newsletter.svg') no-repeat center center; cursor: pointer;} 
.news-rht button:hover { opacity: 0.7; }
.news-rht .frm-input.checkbox { float: left; width: 100%; margin-top: 18px; } 
.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:#182A3F;cursor: pointer;font-size: 14px;padding-left: 24px;position: relative;float: left;width: auto;line-height:20px;text-align:left; font-family: 'Roboto-Italic'; letter-spacing: 0.4px;}
.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: transparent none repeat scroll 0 0;border: 1px solid #182A3F;content: "";height: 15px;left: 0;position: absolute;top: 3px;width: 15px; border-radius: 3px; }
.news-rht .frm-input.checkbox input:checked + label::before {background: #182A3F;} 
.news-rht .frm-input.checkbox input:checked + label::after {border-color: #182A3F;} 
.news-rht .frm-input.checkbox:last-child label { padding-bottom: 0; margin-bottom: 0;}
.news-rht .frm-input.checkbox a {color:#182A3F;text-decoration:underline;transition:all .5s ease;font-family: 'Roboto-Italic';}
.news-rht .frm-input.checkbox a:hover { opacity: 0.7;}

.footer-mid-sec { float: left; width: 100%; position: relative; }
.foot-mid-top { float: left; width: 100%; padding: 40px 40px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.foot-logo-lft { flex: 0 1 auto; }
.foot-logo-lft img { float: left; width: 206px; transition:all .5s ease; }
.foot-logo-lft a:hover img { opacity: 0.7; }
.foot-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-foot {background: url(../images/ico-footer-facebook.svg) no-repeat center center;}
ul.social-list li a.in-foot {background: url(../images/ico-footer-instagram.svg) no-repeat center center;}
ul.social-list li a.tw-foot {background: url(../images/ico-footer-x.svg) no-repeat center center;}
ul.social-list li a.yt-foot {background: url(../images/ico-footer-youtube.svg) no-repeat center center;}
ul.social-list li a:hover { opacity: 0.7;}

.foot-mid-btm { float: left; width: 100%; padding: 35px 40px 50px; display: flex; flex-wrap: wrap; border-top: 1px solid rgba(255,225,255, 0.40); border-bottom: 1px solid rgba(255,225,255, 0.40); }
.foot-mid-lft { flex: 0 1 100%; }
.foot-mid-btm ul.foot-menu { width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 22px; }
.foot-mid-btm ul.foot-menu li { flex: 0 1 17.5%;}
.foot-mid-btm ul.foot-menu li h3 { color: #4EB5B0; font-size: 30px; line-height: 1.2; font-family: 'Roboto-Medium'; margin-bottom: 15px; }
.foot-mid-btm ul.foot-menu li h3 a { color: #4EB5B0; transition:all .5s ease; } 
.foot-mid-btm ul.foot-menu li h3 a:hover { color: #F3BE3A; }
.foot-mid-btm ul.foot-menu li ul { display: flex; flex-wrap: wrap; row-gap: 12px;}
.foot-mid-btm ul.foot-menu li ul li, .foot-mid-btm ul.foot-menu li ul li:last-child { flex: 0 1 100%;}
.foot-mid-btm ul.foot-menu li ul li a { color: rgba(255, 255, 255, 0.7); font-size: 18px; line-height: 1.2; font-family: 'Roboto-Regular'; transition:all .5s ease;}
.foot-mid-btm ul.foot-menu li ul li a:hover { color: #F3BE3A; }
.foot-mid-btm ul.foot-menu li:last-child { flex: 0 1 22%; }

.foot-mid-rgt { flex: 0 1 100%; margin-top: 40px; }
ul.ft-logo-lst { display: flex; flex-wrap: nowrap; column-gap: 2%; align-items: center; }
ul.ft-logo-lst li { flex: 0 1 17.5%;}
ul.ft-logo-lst li a { transition:all .5s ease; }
ul.ft-logo-lst li a:hover { opacity: 0.7; }

.foot-mid-lst { float: left; width: 100%; padding: 30px 40px; }
.foot-btm { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.foot-btm p { color: rgba(255, 255, 255, 0.7); font-size: 14px; line-height: 1.4; font-family: 'Roboto-Light';}
.foot-btm-rht ul { display: flex; flex-wrap: wrap; column-gap: 18px; row-gap: 4px; align-items: center; }
.foot-btm-rht ul li a { color: rgba(255, 255, 255, 0.7); font-size: 14px; line-height: 1.2; font-family: 'Roboto-Bold'; transition:all .5s ease; }
.foot-btm-rht ul li a:hover { color: #4EB5B0; }

/* inner page */
/* que-fer page */
/* breadcrum css */
.breadcrum { float: left; width: 100%; padding: 30px 0;}
.breadcrum ul { float: left; width: 100%; display: flex; flex-wrap: wrap;}
.breadcrum ul li { flex: 0 1 auto; font-family: 'Roboto-Regular'; color: rgba(24, 42, 63, 0.6); font-size: 16px; line-height: 1.2; padding-right: 0px; margin-right: 20px; letter-spacing: -0.2px; position: relative;}
/* .breadcrum ul li::after { position: absolute; content: "|"; color: #182A3F; right: 0; top: 0;} */
.breadcrum ul li:last-child { padding-right: 0; margin-right: 0;}
.breadcrum ul li a { float: left; font-family: 'Roboto-Medium'; color: #182A3F; font-size: 16px; line-height: 1.2; letter-spacing: -0.2px; transition:all .5s ease; }
.breadcrum ul li a:hover { opacity:0.7; }
.breadcrum ul li:last-child:after { content: none;}
.breadcrum ul li a.home { padding-left: 35px; background: url(../images/ico-home.svg) no-repeat left center; transition:all .5s ease;}

.inner-banner { float: left; width: 100%; position: relative;}
.inner-banner::before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 180px; background: linear-gradient(to bottom,  rgba(49,35,53,0.01) 0%,rgba(0,0,0,0.30) 100%); }
.inner-banner img { float: left; width: 100%; height: 550px; object-fit: cover; }
.inner-ban-caption { position: absolute; left: 0px; top: 54%; width: 100%; z-index: 2; }
.in-ban-lft { float: left; width: 100%; }
.in-ban-lft h1 { color: #182A3F; font-size: 65px; line-height: 1.2; font-family: 'LEMONMILK-Medium'; letter-spacing: -0.72px; }
.inner-banner .breadcrum {position: absolute; top: 20%; z-index: 2; }
.inner-banner2 p { width: 775px; position: absolute; top:50%; right: calc((100% - 1170px) / 2); transform: translateY(-50%); z-index: 2; color: rgba(0,0,0, 0.70); font-size: 20px; line-height: 1.4; font-family: 'Roboto-Regular'; letter-spacing: -0.22px;}

.picafort-main-sec { float: left; width: 100%; padding: 90px 0px 100px; }
.picafort-main-sec .hm-quefer { margin-bottom: 0px; }
.picafort-main-sec .hm-quefer .title-sec { margin-bottom: 35px; text-align: left; }

.inner-header { box-shadow: 0px 4px 14px rgba(0,0,0,0.18); }
body.hide-scroll .inner-header { box-shadow: none; }

/* espais-list page */
.inner-header .head-top { position: relative; }
.inner-header .head-top .logo-top {padding: 13px 0px; }
.inner-banner1 { float: left; width: 100%; position: relative; }
.inner-banner1 img { float: left; width: 100%; height: 200px; object-fit: cover; }
.inner-banner1 .breadcrum {position: absolute; top: 0px; }
.inner-banner1 .inner-ban-caption { top: auto; bottom: -4.5px; }
.inner-banner1 .in-ban-lft h5 { color: #4EB5B0; font-size: 20px; line-height: 1.2; font-family: 'LEMONMILK-Medium'; letter-spacing: -0.22px; margin-bottom: 15px; }
.inner-banner1 .in-ban-lft h1 { color: #fff; font-size: 55px; line-height: 1; font-family: 'LEMONMILK-Medium'; letter-spacing: -0.61px; }

.inner-banner1 .breadcrum ul li { color: rgba(255, 255, 255, 0.6); }
.inner-banner1 .breadcrum ul li a { color: #fff; }
.inner-banner1 .breadcrum ul li a:hover { opacity: 0.7; }
.inner-banner1 .breadcrum ul li a.home { background: url(../images/ico-home-white.svg) no-repeat left center; }

/* espais list page */
.espais-main-sec { float: left; width: 100%; padding: 60px 0px 90px; }
.espais-filter-div { float: left; width: 100%; }
.espais-filter-div p { color: rgba(51,51,51,0.75); font-size: 18px; line-height: 1.5; font-family: 'Roboto-Regular'; letter-spacing: -0.2px; }
.esp-filter-out { float: left; width: 100%; display: flex; align-items: center; justify-content: space-between; margin-top: 45px; }
.esp-filter-lft { flex: 0 1 calc(100% - 190px); }
.esp-filter-lft ul { display: flex; flex-wrap: wrap; align-items: center; column-gap: 10px; } 
.esp-filter-lft ul li { flex: 0 1 194px; }
.filter-select .nice-select { height: 50px; line-height: 44px; border: 3px solid rgba(4,139,152,0.18) !important; border-radius: 25px; padding: 0px 40px 0px 25px; 
color: #182A3F; font-size: 16px; font-family: 'Roboto-Medium'; letter-spacing: -0.07px; text-transform: uppercase; }
.filter-select .nice-select::after { right: 20px; border-bottom: 2px solid #676767; border-right: 2px solid #676767; }
.filter-select .nice-select .list { width: 100%; row-gap: 0px; }
.filter-select .nice-select .option { flex: 0 1 100%; text-align: left; }
.filter-select .nice-select .option:hover { background-color: #182A3F; }
.search-filter { float: left; width: 100%; position: relative; }
.search-filter input[type="text"] { border: 3px solid rgba(4,139,152,0.18) !important; width: 100%; font-size: 16px; line-height: 20px; font-family: 'Roboto-Medium'; color: #182A3F; letter-spacing: -0.07px; text-transform: uppercase; padding: 0 45px 0 25px; height: 50px;border-radius: 50px; }
.search-filter input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #424242;}
.search-filter input[type="text"]::-moz-placeholder { /* Firefox 19+ */  color: #424242; }
.search-filter input[type="text"]:-ms-input-placeholder { /* IE 10+ */  color: #424242; }
.search-filter input[type="text"]:-moz-placeholder { /* Firefox 18- */ color: #424242; }
.search-filter button { position: absolute; border: none; background: #F7B402 url(../images/search-icon-blue1.svg) no-repeat center center; width: 40px; height: 40px; right: 5px; top: 5px; cursor: pointer; border-radius: 100%;}
.search-filter button:hover { background: #048B98 url(../images/search-icon-blue1.svg) no-repeat center center; }

.esp-filter-rgt { flex: 0 1 190px; }
.view-tab { float: left; width: auto; }
.view-tab ul.tab-list { float: right; width: auto; display: flex; align-items: center; column-gap: 30px; cursor: pointer; }
.view-tab ul.tab-list li { flex: 0 1 auto; position: relative;}
.view-tab ul.tab-list li::after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 3px; background: rgba(199,36,43,0.30); opacity: 0; }
.view-tab ul.tab-list li a { display: flex;align-items: center;column-gap: 10px; color: #C7242B; font-size: 12px; line-height: 1.2; font-family: 'LEMONMILK-Regular'; letter-spacing: 0.09px; padding-bottom: 13px; position: relative; opacity: 0.2;}
.view-tab ul.tab-list li span { float: left; width: auto; }
.view-tab ul.tab-list li span.grid-view { background: url("../images/ico-llistat.svg") no-repeat scroll 0 0; width: 25px; height: 25px;}
.view-tab ul.tab-list li.current a { opacity: 1; }
.view-tab ul.tab-list li.current::after { opacity: 1;}
.view-tab ul.tab-list li span.map-view { background: url("../images/ico-mapa.svg") no-repeat scroll 0 0; width: 29px; height: 25px; }
.view-tab ul.tab-list li.current span.map-view { background: url("../images/ico-mapa.svg") no-repeat scroll 0 0;}

.espais-list-div { float: left; width: 100%; margin-top: 45px; }
.espais-list-div h3 { color: #182A3F; font-size: 16px; line-height: 1.2; font-family: 'Roboto-Light'; letter-spacing: 0.34px; margin-bottom: 20px;}
.espais-list-div h3 span { font-family: 'Roboto-Bold' }
ul.espais-list { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 60px;}
ul.espais-list li { flex: 0 1 32%; }
.espais-main { float: left; width: 100%; }
.espais-main .espais-img { width: 100%; float: left; border-radius: 10px; overflow: hidden; position: relative;}
.espais-main .espais-img img { float: left; width: 100%; transition:all .5s ease;}
.espais-main .fav-icon { position: absolute; left: 20px; bottom: 20px; }
.espais-main .fav-icon a span { background: url(../images/ico-favorit-off.svg) no-repeat center center; width: 40px; height: 40px; display: block; transition: all 0.5s ease;}
.espais-main .espais-txt { width: 100%; float: left; padding: 20px 0px 0px; }
.espais-main .espais-txt h3 { margin-bottom: 15px; }
.espais-main .espais-txt h3 a { font-size: 30px; line-height: 1.1; font-family: 'Roboto-Semibold'; color: #182A3F; letter-spacing: 0.01px; transition: all 0.5s ease; }
.espais-main .espais-txt p { font-size: 16px; line-height: 1.4; color: rgba(81,81,81,0.75); font-family: 'Roboto-Regular'; letter-spacing: -0.18px; }
.espais-main .espais-txt h5.date { color: #048B98; font-size: 16px; line-height: 1.2; font-family: 'Roboto-Light'; letter-spacing: 0.12px; margin-top: 16px; }
.espais-main .espais-txt h5.date span { font-family: 'Roboto-Bold'; }
.espais-main .espais-img span.tag { position: absolute; left: 20px; top:20px; display: inline-flex; align-items: center; padding: 5px 12px; border-radius: 35px; color: #fff; font-family: 'LEMONMILK-Regular';
font-size: 13px; line-height: 1.2; letter-spacing: 0.1px; background: rgba(199, 36, 43, 0.8); text-transform: uppercase; transition: all .5s ease;}
.espais-main:hover .espais-txt h3 a { color: #048B98; }
.espais-main:hover .espais-img img { transform: scale(1.03);}
.espais-main:hover .fav-icon a span { background: url(../images/ico-favorit-on.svg) no-repeat center center; }

.pagination { float: left; width: 100%; display: flex; flex-wrap: wrap; margin-top: 100px; align-items: center; justify-content: center; column-gap: 25px; row-gap: 10px;}
.pagination ul { float: left; width: auto; display: flex; column-gap: 5px; row-gap: 0; justify-content: center;}
.pagination ul li { flex: 0 1 auto;}
.pagination ul li a { color:#303030;display:flex;align-items: center;justify-content: center; width:35px; height:35px; border-radius: 100%; font-size: 16px; letter-spacing: -0.33px; transition: all .5s ease;}
.pagination ul li a.active { background: #C7242B; color: #FFFFFF; font-family: 'Roboto-Bold'; }
.pagination ul li a.active:hover { background: #303030; color: #FFFFFF;}
.pagination ul li a:hover{ background: #C7242B; color: #FFFFFF;}
a.next-arw {float: left;width:auto; padding-right: 18px; background: url("../images/dble-right-arr.svg") no-repeat scroll right center; font-size:16px;line-height: 1.2;color:#303030; 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 center; font-size:16px;line-height: 1.2; color:#303030; position: relative; transition: all 0.5s ease;}
a.prev-arw.unactive { color: rgba(0,43,67, 0.5);}

/* espais map page */
.espais-main-sec.padd-btm-none { padding-bottom: 0px; }
.espais-map-div { float: left; width: 100%; margin-top: 20px; }
.esp-filter-result { float: left; width: 100%; padding-left: 25px; }
.esp-filter-result ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 10px; margin-top: 18px;}
.esp-filter-result ul li { flex: 0 1 auto; height: 32px; background: #C7242B; border-radius: 6px; padding: 0px 12px; display: flex; align-items: center; column-gap: 11px; color: #fff;
font-size: 14px; line-height: 1; letter-spacing: -0.06px; font-family: 'Roboto-Medium'; }
.esp-filter-result ul li a img { float: left; }
.espais-map-div #map { height: 885px; float: left; width: 100%; } 

.gm-style .gm-style-iw { max-width: 300px !important; padding: 0 !important; border-radius: 10px !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; }

#map .espais-main .espais-img { border-radius: 0px; }
#map .espais-main .espais-img img { transform: none;}
#map .espais-main .espais-txt { padding: 20px 20px 30px; }
#map .espais-main .espais-txt h3 { margin-bottom: 8px; }
#map .espais-main .espais-txt h3 a { font-size: 25px; }
#map .espais-main .espais-txt p { font-size: 14px; }
#map .espais-main .espais-txt h5.date { font-size: 14px; margin-top: 15px;}

/* platges-dist page */
.platges-dist-sec { float: left; width: 100%; padding: 65px 0px 100px; }
.platges-dist-top { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 4%; margin-bottom: 60px; }
.plat-top-lft { flex: 0 1 48%;}
.plat-top-lft h2 { color: #182A3F; font-size: 40px; line-height: 1.2; font-family: 'LEMONMILK-Medium'; }
.plat-top-lft h5 { color: #404040; font-size: 22px; line-height: 1.5; font-family: 'Roboto-Semibold'; }
.plat-top-rgt { flex: 0 1 48%;}
.plat-top-rgt p { color: #404040; font-size: 16px; line-height: 1.7; font-family: 'Roboto-Regular'; }
.platges-dist-list { float: left; width: 100%; }
.dist-list-out { width: 100%; display: flex; align-items: flex-end; justify-content: space-between; }
.dist-list-lft h5 { color: #182A3F; font-size: 16px; line-height: 1.2; font-family: 'Roboto-Light'; letter-spacing: 0.34px; }
.dist-list-lft h5 span { font-family: 'Roboto-Bold' }
ul.platges-lst { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 3%; row-gap: 55px; margin-top: 35px; }
ul.platges-lst li { flex: 0 1 48.5%; }
.platges-main { float: left; width: 100%; }
.platges-main .platges-img { width: 100%; float: left; border-radius: 10px; overflow: hidden; position: relative;}
.platges-main .platges-img::before { content: ""; position: absolute; z-index: 1; left: 0px; bottom: 0px; width: 100%; height: 100%; background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); }
.platges-main .platges-img img { float: left; width: 100%; transition:all .5s ease;}
.platges-main .fav-icon { position: absolute; left: 10px; top: 10px; z-index: 2;}
.platges-main .fav-icon span { background: url(../images/ico-favorit-off.svg) no-repeat center center; width: 57px; height: 57px; display: block; transition: all 0.5s ease;}
.platges-main h3 { position: absolute; left: 0px; bottom: 30px; z-index: 2; padding: 0px 40px; font-size: 30px; line-height: 1.2; font-family: 'Roboto-Semibold'; color: #fff; transition: all 0.5s ease; }
.platges-main .platges-txt { width: 100%; float: left; padding: 30px 40px 0px; }
.platges-main .platges-txt p { font-size: 16px; line-height: 1.6; color: #404040; font-family: 'Roboto-Regular'; margin-bottom: 25px; }
.platges-main:hover .platges-img img { transform: scale(1.03); }
.platges-main:hover .fav-icon span { background: url(../images/ico-favorit-on.svg) no-repeat center center; }
a.info-btn { display: inline-flex; justify-content: center; align-items: center; height: 45px; padding: 0px 38px; color: #fff; font-size: 15px; font-family: 'LEMONMILK-Medium'; 
letter-spacing: 0.72px; border-radius: 30px; transition: all 0.5s ease; background: #048B98; }
a.info-btn:hover { background: #182A3F; }

/* platges-map page */
.platges-dist-sec.padd-btm-none { padding-bottom: 0px; }
.platges-map-div { float: left; width: 100%; margin-top: 25px; }
.platges-map-div #map { height: 820px; float: left; width: 100%; } 
.siguenos-margin { margin-top: -110px;}

/* platges-single page */
.inner-banner .slider .swiper-slide img { height: 550px; }
.camera-ico-in { position: relative; z-index: 2;}
.camera-ico-in a span { background: url(../images/camera-ico.svg) no-repeat 0 0; width: 40px; height: 40px; display: block; transition:all .5s ease; }
.camera-ico-in a:hover span { opacity: 0.7; }
.inner-banner .home-slider-nav { bottom: 30px; }
.inner-ban-caption.ban-caption1 { bottom: 125px; }
.platges-single-sec { float: left; width: 100%; padding: 65px 0px; }
.platges-single-para { float: left; width: 100%; }
.platges-single-para p { color: #404040; font-size: 22px; line-height: 1.5; font-family: 'Roboto-Medium'; }
.platges-detail { float: left; width: 100%; margin: 65px 0px; }
.platges-detail .row { width: 1280px; }

.plat-det-slide { float: left; width: 100%; }
.plat-det-main { float: left; width: 100%; background: #182A3F; border-radius: 9px; height: 275px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; flex-direction: column;}
.plat-det-main .plat-det-img { width: 100%; float: left; height: 70px; display: flex; justify-content: center; align-items: center;}
.plat-det-main .plat-det-img img { float: left; width: auto; transition:all .5s ease;}
.plat-det-main .plat-det-txt { width: 100%; float: left; padding: 30px 0px 0px; text-align: center; min-height: 110px; }
.plat-det-main .plat-det-txt h3 { font-size: 20px; line-height: 1.4; font-family: 'Roboto-Medium'; color: #fff; letter-spacing: 0.01px; transition: all 0.5s ease; }
.plat-det-main:hover .plat-det-txt h3 { color: #EB663C; }

.plat-det-slide .swiper-nav-rel { margin-top: 55px; display: none;}
.plat-det-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;}
.plat-det-slide .swiper-pagination-bullet { background-color: rgba(24, 42, 63, 0.12); border: none; width: 11px; height: 11px; opacity: 1;transition:all .5s ease;}
.plat-det-slide .swiper-pagination-bullet-active, .plat-det-slide .swiper-pagination-bullet:hover { background-color: #182A3F; border-radius: 25px;}
.plat-det-slide .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 15px 0px 0px;}

.plat-det-slide .swiper-button{ width: 100px; height: 44px; bottom: 0; align-items: center; justify-content: space-between; position: relative; right: 0; left: auto; top:inherit; display: flex; column-gap: 10px; background: rgba(24,42,63,0.12); border-radius: 50px; padding: 0px 20px; }
.plat-det-slide .swiper-button-prev-plat{background: url("../images/ico-arrow-blue.svg") no-repeat 0 0; background-size: cover; width: 9px; height: 17px; cursor: pointer; transition:all .5s ease; transform: rotateZ(-180deg);}
.plat-det-slide .swiper-button-next-plat{background: url("../images/ico-arrow-blue.svg") no-repeat 0 0;background-size: cover;  width: 9px; height: 17px; cursor: pointer; transition:all .5s ease;}
.plat-det-slide .swiper-button-prev-plat:hover, .plat-det-slide .swiper-button-next-plat:hover{opacity: 0.7; } 

.escolta-tag { float: left; width: 100%; }
.escolta-tag span { display: inline-flex; background: #DEEFEE; height: 45px; align-items: center; column-gap: 15px; padding: 0px 20px; border-radius: 25px; color: #182A3F; 
font-size: 15px; font-family: 'LEMONMILK-Medium'; letter-spacing: 0.72px; }
.escolta-lst-cont { float: left; width: 100%; display: flex; flex-wrap: wrap; margin-top: 32px; column-gap: 4%; }
.escolta-txt-div { flex: 0 1 30.6666%; }
.escolta-txt-div h6 { font-size: 20px; line-height: 1.4; font-family: 'Roboto-Medium'; color: #404040; }
.escolta-txt-div p { font-size: 16px; line-height: 1.6; font-family: 'Roboto-Regular'; color: #404040; letter-spacing: -0.1px; margin-bottom: 15px; }
.escolta-txt-div p:last-child { margin-bottom: 0px; }

.sabies-que-sec { float: left; width: 100%; padding: 0px 0px 80px; position: relative;}
.sabies-que-sec::before { content: ""; position: absolute; left: 0px; top:40px; width: 100%; height: 577px; background: #DEEFEE; }
.sabies-title-div { float: left; width: 100%; text-align: center; display: flex; flex-wrap: wrap; flex-direction: column; row-gap: 20px; }
.sabies-title-div h2 { color: #182A3F; font-size: 40px; line-height: 1.2; font-family: 'LEMONMILK-Medium'; letter-spacing: -0.44px; }
.sabies-title-div p { color: rgba(51,51,51,0.75); font-size: 18px; line-height: 1.6; font-family: 'Roboto-Regular'; letter-spacing: -0.2px; }

.sabies-top { float: left; width: 100%; margin-bottom: 65px; position: relative;}
.sabies-top-cont { width: 100%; display: flex; flex-wrap: wrap; align-items: flex-end; }
.sabies-lft { flex: 0 1 50%; position: relative; border-radius: 10px 10px 0px 0px; overflow: hidden; }
.sabies-lft > img { float: left; width: 100%; height: 370px; object-fit: cover;}
span.bandera-logo { position: absolute; left: 40px; top:40px; width: 80px;}
.sabies-rgt { flex: 0 1 50%; padding: 65px 55px;}
.sabies-rgt h6 { font-size: 22px; line-height: 1.4; font-family: 'Roboto-Medium'; color: #404040; }
.sabies-map-div { float: left; width: 100%; position: relative;}
.sabies-map-div #map { height: 500px; float: left; width: 100%; border-radius: 0px 10px 10px 10px;}
a.gmap-btn { position: absolute; right: 30px; top:30px; z-index: 2; display: inline-flex; align-items: center; justify-content: center; width: 194px; height: 50px; border-radius: 10px; background: #fff; 
box-shadow: 0px 0px 15px rgba(0,0,0,0.25); color: #C7242B; font-size: 14px; font-family: 'Roboto-Semibold'; letter-spacing: -0.05px; transition: all 0.5s ease; }
a.gmap-btn:hover { background: #C7242B; color: #fff;}

/* rutes page */
ul.rutes-lst { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 3%; row-gap: 40px; }
ul.rutes-lst li { flex: 0 1 48.5%; }
.rutes-main { float: left; width: 100%; position: relative;}
.rutes-main .rutes-img { width: 100%; float: left; border-radius: 15px; overflow: hidden; position: relative;}
.rutes-main .rutes-img::before { content: ""; position: absolute; z-index: 1; left: 0px; bottom: 0px; width: 100%; height: 100%; background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.17) 43%,rgba(0,0,0,0.5) 100%); }
.rutes-main .rutes-img img { float: left; width: 100%; transition:all .5s ease;}
.rutes-main .fav-icon { position: absolute; left: 20px; top: 20px; z-index: 2; }
.rutes-main .fav-icon span { background: url(../images/ico-favorit-off.svg) no-repeat center center; width: 40px; height: 40px; display: block; transition: all 0.5s ease;}
.rutes-main .rutes-txt { width: 100%; float: left; padding: 40px 40px; position: absolute; left: 0px; bottom: 0px; z-index: 2;}
.rutes-main .rutes-txt h3 { font-size: 30px; line-height: 1.2; font-family: 'Roboto-Semibold'; color: #fff; margin-top: 15px; transition: all 0.5s ease; }
.rutes-main .rutes-txt span.km-tag { display: inline-flex; height: 24px; align-items: center; padding: 0px 12px; background: #F7B402; border-radius: 20px; font-size: 13px; line-height: 1.6; color: #182A3F; font-family: 'LEMONMILK-Regular'; }
.rutes-main:hover .rutes-img img { transform: scale(1.03); }
.rutes-main:hover .fav-icon span { background: url(../images/ico-favorit-on.svg) no-repeat center center; }

/* espais-single page */
.inner-banner2 { float: left; width: 100%; position: relative; height: 195px; background: #DEEFEE; overflow: hidden;}
.inner-banner2::before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; background: linear-gradient(to bottom,  rgba(178,214,223,1) 0%,rgba(178,214,223,0.01) 100%); }
.inner-banner2 .breadcrum {position: absolute; top: 0px; }
.inner-banner2 .inner-ban-caption { bottom: -4px; top:auto; }
.inner-banner2 .in-ban-lft h5 { color: #4EB5B0; font-size: 20px; line-height: 1.2; font-family: 'LEMONMILK-Medium'; letter-spacing: -0.22px; margin-bottom: 15px; }
.inner-banner2 .in-ban-lft h1 { color: #182A3F; font-size: 55px; line-height: 1; font-family: 'LEMONMILK-Medium'; letter-spacing: -0.61px; display: flex; align-items: center; column-gap: 40px; }
.banner-shape { position: absolute; right: 140px; bottom: -115px;}
.inner-banner2 .in-ban-lft h1 span { display: flex; align-items: center; column-gap: 7px; }
.inner-banner2 .in-ban-lft h1 span img { float: left;}
.inner-banner2-alter { height: 250px; }

.espais-single-sec { float: left; width: 100%; padding: 65px 0px 55px; }
.espais-single-main { float: left; width: 100%; }
.espais-single-lft { float: left; width: 72%; }
.esp-slider .swiper-slide { border-radius: 10px; overflow: hidden; pointer-events: inherit !important;}
.esp-slider .swiper-slide::before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 180px; background: linear-gradient(to bottom,  rgba(49,35,53,0.01) 0%,rgba(0,0,0,0.4) 100%); }
.esp-slider .swiper-slide img { float: left; width: 100%; }
.esp-slider .swiper-slide .fav-icon { position: absolute; right: 10px; top: 10px; z-index: 5; }
.esp-slider .swiper-slide .fav-icon span { background: url(../images/ico-favorit-off.svg) no-repeat center center; width: 57px; height: 57px; display: block; transition: all 0.5s ease;}
.esp-slider:hover .fav-icon span { background: url(../images/ico-favorit-on.svg) no-repeat center center; } 

.esp-slider .swiper-container-horizontal .swiper-pagination-bullets { position: relative; justify-content: left; left: auto; width: auto; bottom: auto; }
.esp-slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0px 15px 0px 0px; }
.esp-slider .swiper-pagination-bullet { width: 10px; height: 10px; background:none; border: 2px solid #fff;  }
.esp-slider .swiper-pagination-bullet-active, .esp-slider .swiper-pagination-bullet:hover{ background: #fff;}

.esp-slider-nav  { float: none;width: 100%; margin: 0px auto; padding: 0px 25px; position: absolute; bottom: 20px; left: 0px; right: 0px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; column-gap: 30px;} 
.esp-slider .swiper-button{ position: relative; right: auto; z-index: 10; width: 84px; height: 44px; align-items: center; justify-content: space-between; display: flex; column-gap: 10px; background: rgba(255,225,255, 0.2); border: 2px solid rgba(255,225,255, 0.5); border-radius: 50px; padding: 0px 15px; }
.esp-slider .swiper-button-prev{background: url("../images/ico-arrow-left.svg") no-repeat 0 0; background-size: cover; width: 16px; height: 16px; cursor: pointer; transition:all .5s ease; position: relative; right: auto; top: auto; left: 2px; margin: 0px;}
.esp-slider .swiper-button-next{background: url("../images/ico-arrow-right.svg") no-repeat 0 0;background-size: cover; width: 16px; height: 16px; cursor: pointer; transition:all .5s ease; position: relative; right: 2px; top: auto; margin: 0px; }
.esp-slider .swiper-button-prev:hover, .esp-slider .swiper-button-next:hover{opacity: 0.7; } 

.esp-lft-cont { float: left; width: 100%; margin-top: 50px; padding-right: 50px; }
ul.esp-tag-lst { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 12px; margin-bottom: 50px; row-gap: 10px; }
ul.esp-tag-lst li { flex: 0 1 auto; }
ul.esp-tag-lst li span { display: inline-flex; background: #DEEFEE; height: 45px; align-items: center; column-gap: 15px; padding: 0px 20px; border-radius: 25px; color: #182A3F; 
font-size: 15px; font-family: 'LEMONMILK-Medium'; letter-spacing: 0.72px; }
ul.esp-tag-lst li span.white { background: #fff; border: 2px solid rgba(78,181,176,0.2);}
.esp-lft-cont h5 { font-size: 20px; line-height: 1.4; font-family: 'Roboto-Semibold'; color: rgba(51,51,51,0.75); letter-spacing: -0.22px; margin-bottom: 22px;} 
.esp-lft-cont p { font-size: 16px; line-height: 1.6; font-family: 'Roboto-Regular'; color: rgba(51,51,51,0.75); letter-spacing: -0.18px; margin-bottom: 20px;} 
.esp-lft-cont p span.red-txt { color: #C7242B; font-family: 'Roboto-Bold'; }
.esp-lft-cont p span.blk-txt { font-family: 'Roboto-Bold'; }

.esp-lft-cont h6 { font-size: 20px; line-height: 1.4; font-family: 'Roboto-Medium'; color: #515151; letter-spacing: -0.22px; margin-bottom: 22px;}
.esp-lft-cont h6 span { font-family: 'Roboto-Bold'; }

.espais-single-rgt { float: right; width: 23%; }
.espais-single-rgt h3 { font-size: 26px; line-height: 1.2; font-family: 'Roboto-Semibold'; color: #182A3F; margin-bottom: 20px; letter-spacing: -0.72px; }
ul.esp-info-lst { width: 100%; display: flex; flex-wrap: wrap; row-gap: 12px; }
ul.esp-info-lst li { flex: 0 1 100%; color: #515151; font-size: 16px; line-height: 1.3; font-family: 'Roboto-Regular'; display: flex; align-items: center; column-gap: 15px; }
ul.esp-info-lst li a { color: #C7242B; font-family: 'Roboto-Semibold'; letter-spacing: 0.46px; transition: all 0.5s ease; }
ul.esp-info-lst li a:hover { color: #182A3F; }
ul.esp-info-lst li span img { float: left;}
.espais-info-map { float: left; width: 100%; margin: 35px 0px; }
.espais-info-map #map { height: 175px; float: left; width: 100%; border-radius: 5px; margin-bottom: 10px; }
.espais-info-map a.map-link { color: #C7242B; font-size: 14px; line-height: 1.2; font-family: 'Roboto-Semibold'; letter-spacing: -0.05px; transition: all 0.5s ease; }
.espais-info-map a.map-link:hover { color: #182A3F; text-decoration: underline;}
a.compar-btn { display: inline-flex; width: 148px; height: 50px; align-items: center; justify-content: center; border-radius: 30px; border: 3px solid rgba(4,139,152,0.18); color: #182A3F; font-size: 16px; line-height: 1.2; font-family: 'LEMONMILK-Medium'; letter-spacing: -0.07px; transition: all 0.5s ease; }
a.compar-btn:hover { border: 3px solid #182A3F; background: #182A3F; color: #fff;}

.esp-tambe-sec { float: left; width: 100%; padding: 55px 0px 95px; }
.esp-tambe-sec h2 { color: #182A3F; font-size: 40px; line-height: 1.2; font-family: 'LEMONMILK-Medium'; letter-spacing: -0.44px; margin-bottom: 35px; }

/* allotjament-single page */
.allot-service-sec { float: left; width: 100%; padding: 55px 0px 0px; }
.allot-service-sec h2 { color: #182A3F; font-size: 40px; line-height: 0.85; font-family: 'LEMONMILK-Medium'; letter-spacing: -0.44px; margin-bottom: 0px; }
.service-div { float: left; width: 100%; padding: 45px 0px 60px; background: #DEEFEE; position: relative;}
.service-div::after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; background: linear-gradient(to bottom,  rgba(178,214,223,1) 0%,rgba(178,214,223,0.01) 100%); }
.service-div ul { float: left; width: 72%; display: flex; flex-wrap: wrap; row-gap: 30px; position: relative; z-index: 2;}
.service-div ul li { flex: 0 1 32%; color: #000; font-size: 16px; line-height: 1.2; font-family: 'Roboto-Regular'; letter-spacing: -0.18px; position: relative; padding-left: 30px; }
.service-div ul li::before { content: ""; position: absolute; left: 0px; top:4px; width: 12px; height: 12px; background: #FAC313; border-radius: 10px; }

.allot-galeria-sec { float: left; width: 100%; padding: 80px 0px 30px; }
.allot-galeria-sec h2 { color: #182A3F; font-size: 40px; line-height: 1.2; font-family: 'LEMONMILK-Medium'; letter-spacing: -0.44px; margin-bottom: 20px; }

.gal-list {display: grid;grid-template-columns: 5fr 1fr 1fr;grid-template-rows: repeat(3, 1fr); gap: 10px; }
.gal-list li {overflow: hidden;border-radius: 12px; }
.gal-img-div {width: 100%;height: 100%; }
.gal-img-div img {width: 100%;height: 100%;object-fit: cover;display: block; }
.gal-list li:nth-child(1) {grid-column: 1 / 2;grid-row: 1 / 4; } 
.gal-list li:nth-child(2) { grid-column: 2 / 3; grid-row: 1 / 2; }
.gal-list li:nth-child(3) { grid-column: 3 / 4; grid-row: 1 / 2; }
.gal-list li:nth-child(4) { grid-column: 2 / 3; grid-row: 2 / 3; }
.gal-list li:nth-child(5) { grid-column: 3 / 4; grid-row: 2 / 3; }
.gal-list li:nth-child(6) { grid-column: 2 / 3; grid-row: 3 / 4; }
.gal-list li:nth-child(7) { grid-column: 3 / 4; grid-row: 3 / 4; }

/* agenda single */
.espais-single-lft h6 { color: #048B98; font-size: 18px; line-height: 1.2; font-family: 'Roboto-Light'; letter-spacing: 0.14px; margin-bottom: 20px; }
.espais-single-lft h6 span { font-family: 'Roboto-Bold'; }
.espais-single-lft h2 { color: #182A3F; font-size: 60px; line-height: 1.2; font-family: 'Roboto-Semibold'; letter-spacing: 0.03px; margin-bottom: 30px; }
.espais-single-lft h4 { color: #515151; font-size: 20px; line-height: 1.5; font-family: 'Roboto-Medium'; letter-spacing: -0.22px; margin-bottom: 20px; }
.espais-single-lft h4 span { font-family: 'Roboto-Bold'; }

.agenda-single-main .espais-single-lft { padding-right: 60px; border-right: 1px solid #048B98;}
.agenda-single-main .espais-single-rgt { padding-top: 40px; }
.esp-btn-div { float: left; width: 100%; margin-top: 25px;}
a.pdf-btn { display: inline-flex; column-gap: 12px; width: auto; padding: 0px 26px; height: 50px; align-items: center; justify-content: center; border-radius: 30px; border: 3px solid rgba(4,139,152,0.18); color: #182A3F; font-size: 16px; line-height: 1.2; font-family: 'LEMONMILK-Medium'; letter-spacing: -0.07px; transition: all 0.5s ease; }
a.pdf-btn:hover { border: 3px solid #182A3F; background: #182A3F; color: #fff; }
a.pdf-btn span img { float: left; }
a.pdf-btn:hover span img { filter: brightness(0) invert(1); }

.agenda-single-main .espais-single-rgt ul.esp-info-lst li { align-items: flex-start; }
.agenda-single-main .espais-single-rgt ul.esp-info-lst li span { position: relative; top:4px; }

/* allotjament page */
.allot-main-sec .espais-filter-div p { text-align: center; padding: 0px 0px; font-size: 24px; line-height: 1.4; color: #231F1C; letter-spacing: 0px; }
.allot-main-sec .esp-filter-lft ul li { flex: 0 1 275px; }
.allot-list-div h3 { color: #048B98; }

ul.allot-list { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 70px; }
ul.allot-list li { flex: 0 1 32%; }
.allot-main { float: left; width: 100%; }
.allot-main .allot-img { width: 100%; float: left; border-radius: 10px; overflow: hidden; position: relative; }
.allot-main .allot-img img { float: left; width: 100%; transition:all .5s ease; }
.allot-main .fav-icon { position: absolute; left: 20px; bottom: 20px; }
.allot-main .fav-icon a span { background: url(../images/ico-favorit-off.svg) no-repeat center center; width: 40px; height: 40px; display: block; transition: all 0.5s ease;}
.allot-main .allot-txt { width: 100%; float: left; padding: 20px 0px 0px; position: relative; }
.allot-main .allot-txt h3 { margin-bottom: 12px; width: calc(100% - 125px); }
.allot-main .allot-txt h3 a { font-size: 26px; line-height: 1.1; font-family: 'Roboto-Semibold'; color: #182A3F; letter-spacing: -0.3px; transition: all 0.5s ease; }
.allot-main .allot-txt h6.loc { color: #515151; font-size: 16px; line-height: 1.2; font-family: 'Roboto-Regular'; letter-spacing: 0.12px; margin-bottom: 12px; padding-left: 25px; background: url(../images/ico-location-card.svg) no-repeat left top 2px; }
.allot-main .allot-txt a.web-link { font-size: 16px; line-height: 1.4; color: #C7242B; font-family: 'Roboto-Semibold'; letter-spacing: 0.12px; text-decoration: underline; transition: all 0.5s ease; }
.allot-main .allot-txt a.web-link:hover { color: #182A3F; }
.star-card { position: absolute; top:25px; right: 15px; display: flex; align-items: center; column-gap: 5px; }

.allot-main .allot-img span.tag { position: absolute; left: 20px; top:20px; display: inline-flex; align-items: center; padding: 5px 12px; border-radius: 35px; color: #fff; font-family: 'LEMONMILK-Regular';
font-size: 13px; line-height: 1.2; letter-spacing: 0.1px; background: rgba(199, 36, 43, 0.8); text-transform: uppercase; transition: all .5s ease; }
.allot-main:hover .allot-txt h3 a { color: #048B98; }
.allot-main:hover .allot-img img { transform: scale(1.03); }
.allot-main:hover .fav-icon a span { background: url(../images/ico-favorit-on.svg) no-repeat center center; }

/* nota-legal */
.legal-cont-sec { float: left; width: 100%; padding: 75px 0 95px;}
.legal-cont { float: left; width: 100%; margin-bottom: 40px;}
.legal-cont h2 { float: left; width: 100%; font-size: 40px; line-height: 1.2; font-family: 'Roboto-Semibold'; color: #182A3F; letter-spacing: -0.44px; border-bottom: 1px solid rgba(24, 42, 63, 0.3); padding-bottom: 25px; margin-bottom: 25px; }
.legal-cont h3 { float: left; width: 100%; font-size: 25px; line-height: 1.2; font-family: 'Roboto-Semibold'; color: #182A3F; letter-spacing: -0.28px; margin-bottom: 25px; margin-top: 20px; }
.legal-cont h4 { font-size: 20px; line-height: 1.4; color: #515151; font-family: 'Roboto-Medium'; letter-spacing: -0.22px; margin-bottom: 22px; }
.legal-cont p { font-size: 16px; line-height: 1.6; color: #515151; font-family: 'Roboto-Regular'; letter-spacing: -0.2px; margin-bottom: 22px; }
.legal-cont h3,  .legal-cont h4, .legal-cont p { max-width: 800px;}
.legal-cont p span { font-family: 'Roboto-Bold';}
.legal-cont p span.red { color: #C7242B;}
.legal-cont:last-child, .legal-cont:last-child p:last-child { margin-bottom: 0;}

/* qualitat */
.inner-title-sec { float: left; width: 100%; padding: 70px 0 80px;}
.inner-title-sec h3 { font-size: 20px; line-height: 1.4; color: #515151; font-family: 'Roboto-Medium'; letter-spacing: -0.22px; }
.btn-sec { float: left; width: 100%; margin-top: 35px;}
.btn-sec a { display: inline-flex; align-items: center; column-gap: 14px; height: 50px; padding: 0px 25px; background: #fff; border: 3px solid rgba(4, 136, 152, 0.18); color: #182A3F; font-size: 16px; font-family: 'Roboto-Medium'; 
text-transform: uppercase; letter-spacing: -0.07px; border-radius: 25px; transition: all 0.5s ease; }
.btn-sec a span { background: url(../images/ico-doc.svg) no-repeat center center; width: 16px; height: 20px; display: block;transition: all 0.5s ease;}
.btn-sec a:hover { background: #182A3F; color: #fff; border: 3px solid #182A3F; }
.btn-sec a:hover span { filter: brightness(0) invert(1);}

.qualitat-list-sec { float: left; width: 100%; padding-bottom: 200px;}
.qualitat-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 50px;}
.qualitat-list ul li { flex: 0 1 100%; background: #DEEFEE;}
.qualitat-list ul li:nth-child(even) { background: #ebeff0;}
.qualitat-list .qualitat-main { width: 100%;display: flex; flex-wrap: wrap; align-items: center; }
.qualitat-list .qualitat-img { flex: 0 1 50%; overflow: hidden;}
.qualitat-list .qualitat-img img { float: left; width: 100%; transition: all .5s ease;}
.qualitat-list .qualitat-cont { flex: 0 1 50%; padding-left: 50px; padding-right: 50px;}
.qualitat-list .qualitat-cont h3 { color: #048B98; font-size: 25px; line-height: 1.2; font-family: 'LEMONMILK-Medium'; letter-spacing: 0px; margin-bottom: 20px; }
.qualitat-list .qualitat-cont p { font-size: 14px; line-height: 1.6; color: #515151; font-family: 'Roboto-Regular'; letter-spacing: -0.2px; margin-bottom: 22px; }
.qualitat-list .qualitat-cont a.inform-btn { display: inline-flex; align-items: center; column-gap: 10px; height: 45px; padding: 0px 35px; background: #048B98;color: #ffffff; font-size: 15px; font-family: 'LEMONMILK-Medium'; 
text-transform: uppercase; letter-spacing: 0.72px; border-radius: 29px; transition: all 0.5s ease; }
.qualitat-list .qualitat-cont a.inform-btn:hover { background: #182A3F; color: #fff; }
.btn-sec a:hover span { filter: brightness(0) invert(1);}
.qualitat-list ul li:nth-child(even) .qualitat-cont h3 { color: #182A3F;}
.qualitat-list ul li:nth-child(even) a.inform-btn { background: #182A3F;}
.qualitat-list ul li:nth-child(even) a.inform-btn:hover { background: #048B98;}
.qualitat-list ul li:hover .qualitat-img img { transform: scale(1.03);}

/* destinacio-turistica */
.destinacio-main-sec { float: left; width: 100%; padding: 70px 0 80px; position: relative;}
.destinacio-main-sec:after { content: '';position: absolute; top: 0; left: 0; width: 100%; height: 1020px; background:url(../images/bg-on-som.png) no-repeat scroll 0 bottom; }
.destinacio-main-sec .row { position: relative; z-index: 1;}
.destinacio-wrap { width: 100%;display: flex; flex-wrap: wrap; column-gap: 0px; margin-bottom: 70px; }
.destinacio-img { flex: 0 1 25.7%; overflow: hidden;}
.destinacio-img img { float: left; width: 100%; transition: all .5s ease;}
.destinacio-cont { flex: 0 1 74.3%; padding-left: 75px;  padding-top: 30px;}
.destinacio-cont h3 { color: #515151; font-size: 20px; line-height: 1.4; font-family: 'Roboto-Medium'; letter-spacing: -0.22px; margin-bottom: 35px; }
.destinacio-cont h4 { font-size: 16px; line-height: 1.5; color: #4EB5B0; font-family: 'Roboto-Bold'; letter-spacing: 0px; margin-bottom: 20px; }
.destinacio-cont p { font-size: 16px; line-height: 1.5; color: #515151; font-family: 'Roboto-Regular'; letter-spacing: 0px; margin-bottom: 20px; }
.destinacio-cont p span { font-family: 'Roboto-Bold';}
.destinacio-cont p:last-child { margin-bottom: 0;}

.turistica-wrap { width: 100%;display: flex; flex-wrap: wrap; align-items: center; column-gap: 0px; margin-bottom: 95px; }
.turistica-img { flex: 0 1 50%; overflow: hidden;}
.turistica-img img { float: left; width: 100%; transition: all .5s ease;}
.turistica-cont { flex: 0 1 50%; padding-left: 50px; padding-right: 45px; }
.turistica-cont h3 { color: #515151; font-size: 20px; line-height: 1.4; font-family: 'Roboto-Medium'; letter-spacing: -0.29px; margin-bottom: 25px; }
.turistica-cont p { font-size: 16px; line-height: 1.5; color: #515151; font-family: 'Roboto-Regular'; letter-spacing: 0px; margin-bottom: 20px; }
.turistica-cont p span { font-family: 'Roboto-Bold';}
.turistica-cont p:last-child { margin-bottom: 0;}
.turistica-cont .btn-sec { margin-top: 15px;}

.sostenibilitat-wrap { width: 100%;display: flex; flex-wrap: wrap; column-gap: 0px; margin-bottom: 0px; }
.sostenibilitat-img { flex: 0 1 31.6%; text-align: center; overflow: hidden;}
.sostenibilitat-img img { display: inline-block; width: auto; transition: all .5s ease;}
.sostenibilitat-cont { flex: 0 1 68.4%; padding-left: 0px;  padding-top: 15px;}
.sostenibilitat-cont h2 { color: #182A3F; font-size: 40px; line-height: 1.2; font-family: 'LEMONMILK-Medium'; letter-spacing: -0.5px; margin-bottom: 30px; }
.sostenibilitat-cont h3 { color: #515151; font-size: 20px; line-height: 1.4; font-family: 'Roboto-Medium'; letter-spacing: -0.22px; margin-bottom: 22px; }
.sostenibilitat-cont p { font-size: 16px; line-height: 1.5; color: #515151; font-family: 'Roboto-Regular'; letter-spacing: 0px; margin-bottom: 20px; }
.sostenibilitat-cont p span { font-family: 'Roboto-Bold';}
.sostenibilitat-cont p:last-child { margin-bottom: 0;}
.sostenibilitat-cont a.inform-btn { display: inline-flex; align-items: center; column-gap: 10px; height: 45px; padding: 0px 35px; background: #048B98;color: #ffffff; font-size: 15px; font-family: 'LEMONMILK-Medium'; 
text-transform: uppercase; letter-spacing: 0.72px; border-radius: 29px; margin-top: 20px; transition: all 0.5s ease; }
.sostenibilitat-cont a.inform-btn:hover { background: #182A3F; color: #fff; }

/* contact page */
.contact-sec { float: left; width: 100%; padding: 70px 0px 100px; position: relative;}
.contact-main { float: left; width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 0px;}
.contact-left { flex:0 1 45.2%; padding-right: 25px; }
.contact-left h2 { color:#182A3F; font-size: 55px; line-height: 1.2; letter-spacing: -0.61px; font-family: 'LEMONMILK-Medium'; margin-bottom: 40px; }
ul.contact-lst { width: 100%; display: flex; flex-wrap: wrap; row-gap: 40px; align-items: flex-start; }
ul.contact-lst li { flex: 0 1 55%; display: flex; flex-wrap: wrap; align-content: flex-start; color: #37374B; font-size: 16px; line-height: 24px; letter-spacing: 0.20px; font-family: 'Roboto-Regular'; padding-left: 30px; }
ul.contact-lst li:nth-child(2n - 2) { flex: 0 1 45%; }
ul.contact-lst li h3 { font-size: 16px; line-height: 1.3; color: #C7242B; font-family: 'Roboto-Bold'; letter-spacing: -0.18px; margin-bottom: 12px; }
ul.contact-lst li p { float: left; width: 100%; font-size: 16px; line-height: 1.6; color: #182A3F; font-family: 'Roboto-Regular'; letter-spacing: -0.18px; margin-bottom: 0px; }
ul.contact-lst li a { font-size: 16px; line-height: 1.6; color: #182A3F; font-family: 'Roboto-Regular'; letter-spacing: -0.18px; transition: all 0.5s ease; }
ul.contact-lst li a:hover { color: #C7242B; }
ul.contact-lst li.loc { background: url(../images/ico-oficina-turisme-location.svg) no-repeat left 0 top 3px; }
ul.contact-lst li.mail { background: url(../images/ico-oficina-turisme-email.svg) no-repeat left 0 top 3px; }
ul.contact-lst li.phn { background: url(../images/ico-oficina-turisme-phone.svg) no-repeat left 0 top 2px; }
ul.contact-lst li.social { background: url(../images/ico-oficina-turisme-camera.svg) no-repeat left 0 top 3px; }
ul.con-social { width: 100%; display: flex; flex-wrap: wrap; column-gap: 20px; align-items: center; padding-top: 5px; }
ul.con-social li { flex: 0 1 auto !important; padding-left: 0px; }
ul.con-social li a img { float: left; transition: all 0.5s ease; }
ul.con-social li a:hover img { filter: invert(21%) sepia(86%) saturate(2950%) hue-rotate(344deg) brightness(90%) contrast(95%); }
.contact-right { flex: 0 1 54.8%; padding-top: 0px;}
.contact-right img { float: left; width: 100%; border-radius: 10px; }

.horaris-main { float: left; width: 100%; background: #182A3F; padding: 45px 30px; border-radius: 9px; display: flex; flex-wrap: wrap; align-items: center; }
.horaris-lft { flex:0 1 45%;}
.horaris-lft h3 { color:#ffffff; font-size: 20px; line-height: 1.3; letter-spacing: -0.22px; font-family: 'LEMONMILK-Medium'; margin-bottom: 0px; }
.horaris-rgt { flex:0 1 55%;}
.horaris-rgt ul { width: 100%; display: flex; flex-wrap: wrap; row-gap: 25px;}
.horaris-rgt ul li { flex: 0 1 100%; font-size: 20px; line-height: 1.4; background: url(../images/ico-clock.svg) no-repeat 0 3px;  color: #ffffff; font-family: 'Roboto-Regular'; letter-spacing: -0.22px; padding-left: 35px; transition: all 0.5s ease; }

.contact-form-sec { float: left; width: 100%; background: #ffffff; padding: 0px 0 95px; position: relative; }
.contact-form-sec:after { content: '';position: absolute; top: 0; left: 0; width: 100%; height: 1000px; background:url(../images/bg-contact.png) no-repeat scroll 0 0; }
.contact-inn { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; padding: 100px 0px 0; }
.contact-form-sec .row { position: relative; z-index: 1;}
.contact-out { width: 100%; display: flex; flex-wrap: wrap; column-gap: 4%; justify-content: space-between;}
.contact-lft { flex: 0 1 27%; padding-left: 20px; }
.contact-lft h2 { font-size: 40px; line-height:1.3; color: #182A3F; letter-spacing: -0.5px; font-family: 'LEMONMILK-Medium'; margin-bottom: 35px;}
.contact-lft p { font-size: 16px; line-height: 1.6; font-family: 'Roboto-Regular'; color: #565656; letter-spacing: -0.18px; padding-right: 20px; }
.contact-rht { flex: 0 1 55%;}
.contact-form { float: left; width: 100%; }
.contact-form .form-box .frm-input { float: left; width: 100%; margin-bottom: 15px; 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:#182A3F;font-family: 'Roboto-Regular'; padding: 10px 18px 10px; height: 50px; border-radius: 9px; border: 1px solid #DDDDDD; font-size:16px; transition: all .5s ease; background:#ffffff; }
.contact-form .form-box input[type="text"]:focus, .contact-form .form-box textarea:focus { border: 1px solid #C7242B;}
.contact-form .form-box textarea { resize:none; border-radius: 9px; height:130px; line-height:1.2; padding: 17px 18px 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:1.2; font-family: 'Roboto-Regular'; width: auto; letter-spacing: 0px; display: inline-block; padding: 0 !important; }
.contact-form .form-box .frm-input .floating-label span { color: #ffffff;}
.contact-form .form-box .frm-input.checkbox label { color: #37374B; cursor: pointer; letter-spacing: 0.2px; font-family: 'Roboto-Regular'; font-size: 14px; padding-left: 35px; position: relative; float: left; width: auto; line-height:1.4; 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: 1px; 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: none; content: ""; width: 18px; height: 18px;left: 0; position: absolute; top: 1px; border-radius: 50px; border: 1px solid #182A3F;}
.contact-form .form-box .frm-input.checkbox input:checked + label::before {background: #182A3F; }
.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:1.1; letter-spacing: 0.4px; }
.contact-form .form-box .frm-input.checkbox span a {color: #37374B; text-decoration:underline; transition:all .5s ease;}
.contact-form .form-box .frm-input.checkbox span a:hover { color:#37374B;} 
.contact-form .form-box .frm-input:last-child { margin-bottom: 0; margin-top: 10px;}
.contact-form .form-box .frm-input.checkbox label a { transition:all .5s ease;}
.contact-form .form-box .frm-input.checkbox label a:hover { color: #C7242B; }
.contact-form .btn-ctr { float: left; width: 100%; margin-top: 0px; text-align: right;}
.contact-form .form-box button { width: 106px; height: 50px; color: #ffffff; display: inline-flex; align-items: center; justify-content: center; column-gap: 0px; border-radius: 25px; font-family: 'Roboto-Medium'; font-size: 16px; line-height: 1.2; border: 3px solid rgba(4, 139, 152, 0.18); 
padding: 0px; background: #048B98; border: 3px solid #b8dee1; cursor: pointer; transition:all .5s ease; text-transform: uppercase;}
.contact-form .form-box button span {background: url("../images/icon-arrow-right.svg") no-repeat left center; width: 10px; height: 10px; display: inline-block; transition:all .5s ease; background-size: contain !important; transition:all .5s ease; }
.contact-form .form-box button:hover { background: #182A3F; border: 3px solid #182A3F; }
.contact-form .form-box button img { width: auto;}
.contact-form .floating-label { position: relative;}
.contact-form .floating-label { position: absolute; pointer-events: none; top: 15px; left: 18px; 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: 18px; font-size: 9px !important; opacity: 1; color: #182A3F !important; font-family: 'Roboto-Regular' !important; background: none; line-height: 1.1 !important; padding: 0 15px; letter-spacing: 0.4px;}

.map-section { float: left; width: 100%; padding-bottom: 200px; position: relative; background: #DEEFEE; }
.map-section::before { content: '';position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background:#ffffff; }
.map-section:after { content: '';position: absolute; top: 0; left: 0; width: 100%; height: 548px; background:url(../images/bg-contact-btm.png) no-repeat scroll 0 0; }
.map-section .row { position: relative; z-index: 1;} 
.map-section #map { height:575px; border-radius: 10px; overflow: hidden; border: none;}

/* blogs */
.blog-sec{float: left; width: 100%; padding: 60px 0 75px;}
.blog-title{float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 60px; row-gap: 0; align-items: center; margin-bottom: 30px;}
.blog-lft{flex: 0 1 150px;}
.blog-rgt{flex: 0 1 calc(100% - 300px);}

.blog-irati{float: left; width: 100%; }
.blog-irati a{float: left; width: 100%;}
.blog-irati-img{width: 100%; float: left; overflow: hidden; border-radius: 10px; position: relative;}
.blog-irati-img img{width: 100%; float: left; transition: all 0.5s ease;}
.blog-irati-img .fav-icon { position: absolute; left: 20px; bottom: 20px; }
.blog-irati-img .fav-icon a span { background: url(../images/ico-favorit-off.svg) no-repeat center center; width: 40px; height: 40px; display: block;}
.blog-irati-img span.tag { position: absolute; left: 20px; top:20px; height: 25px; display: inline-flex; align-items: center; padding: 0px 12px; border-radius: 35px; color: #fff; font-family: 'LEMONMILK-Regular';
font-size: 13px; line-height: 1.2; letter-spacing: 0.1px; background: rgba(199, 36, 43, 0.8); text-transform: uppercase; transition: all .5s ease;}
.blog-irati-img:hover .fav-icon a span { background: url(../images/ico-favorit-on.svg) no-repeat center center; }
.blog-irati:hover .blog-irati-cnt h3 a { color: #048B98; }

.deportes-list{width: 100%; float: left;}
.deportes-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 4%; row-gap: 70px;}
.deportes-list ul li{flex: 0 1 48%;}
.deportes-list ul li .blog-irati {margin-bottom: 0;}
.deportes-list ul li .blog-irati-cnt { column-gap: 16px;}
.deportes-list ul li .blog-irati-lft{flex: 0 1 calc(100% - 126px); padding: 0;}
.deportes-list ul li .blog-irati-lft h3{font-size: 30px; line-height: 1.3; letter-spacing: 0px; color: #182A3F; font-family: 'Roboto-SemiBold'; transition: all 0.5s ease; }
.deportes-list ul li .blog-irati-rgt{flex: 0 1 110px; padding: 20px 0 0 0px;}
.deportes-list ul li .blog-irati-rgt::before{height: 82px;}
.deportes-list ul li .blog-irati-rgt h6{font-size: 14px; line-height: 1.2; letter-spacing: 0.4px;}
.deportes-list ul li .blog-irati-rgt h5{font-size: 14px; line-height: 1.2; letter-spacing: 0.4px;}
.deportes-list ul li:hover .blog-irati .blog-irati-img img{transform: scale(1.03);}
.deportes-list ul li:hover .blog-irati-lft h2 { color: #182A3F; }
.deportes-list ul li:hover .blog-irati-img span.wishlist-ico { background: #182A3F url("../images/ico-heart.svg") no-repeat center center;}

.blog-irati-cnt{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 20px; padding-top: 25px;align-items: baseline; justify-content: space-between;}
.blog-irati-lft{flex: 0 1 calc(100% - 300px); padding-right: 100px;}
.blog-irati-rgt{flex: 0 1 250px;padding: 0; position: relative; text-align: right;}
.blog-irati .blog-irati-lft h2{width: 100%; float: left; font-family: 'Roboto-SemiBold'; color: #182A3F; font-size: 40px; line-height: 1.2; letter-spacing: 0.02px; text-align: left; margin-bottom: 10px;}
.irati-cont {float: left; width: 100%; padding: 10px 0 0; }
.irati-cont ul { width: 100%; display: flex; flex-wrap: wrap; column-gap: 0; }
.irati-cont ul li { flex: 0 1 auto; font-family: 'Roboto-Regular'; color: rgba(81, 81, 81, 0.75); font-size: 16px; line-height: 1.3; letter-spacing: -0.18px; position: relative;}
.irati-cont ul li:not(:last-of-type)::after {position: relative;content: "|";right: 0;top: 0px; margin: 0 12px;color: rgba(81, 81, 81, 0.25);font-size: 16px;}
.blog-irati h6{width: 100%; float: left; font-family: 'Roboto-Regular'; color: #A7A7A7; font-size: 16px; line-height: 1.2; letter-spacing: 1.52px; margin-bottom: 15px;}
.blog-irati-rgt a{ float: right; width: auto; color: #182A3F; font-family: 'Roboto-Bold'; font-size: 16px; line-height: 1.2; letter-spacing: 1.52px; text-decoration: underline;transition: all 0.5s ease;}
.blog-irati-rgt a:hover { color: #F7B402;}

.deportes-blog{width: 100%; float: left; padding: 90px 0 80px;}
.blog-list{width: 100%; float: left;padding-top: 80px; }
.blog-list h4{width: 100%; float: left; font-size: 40px; line-height: 1.3; color: #182A3F; font-family: 'LEMONMILK-Medium'; letter-spacing: -0.5px; margin-bottom: 35px;}
.interesa-list{width: 100%; float: left; padding-bottom: 50px;}
.interesa-list ul{float: left; display: flex; flex-wrap: wrap; column-gap: 10px; row-gap: 0;}
.interesa-list ul li{flex: 0 1 auto;}
.interesa-list ul li a{color: #182A3F; font-size: 16px; line-height: 1; font-family: 'Roboto-Medium'; background: transparent; border: 3px solid rgba(4,139,152,18%); padding: 8px 25px; border-radius: 24px; height: 50px; display: inline-flex; align-items: center; letter-spacing: -0.07px; transition: all 0.5s ease;}
.interesa-list ul li a.active {background: #048B98; border: 3px solid rgba(4,139,152,18%); color: #fff;}
.interesa-list ul li a:hover{background: #048B98; border: 3px solid rgba(4,139,152,18%); color: #fff;}

.blog-slide { float: left; width: 100%; }
.blog-slide .swiper-slide .blog-main .blog-img::before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 180px; background: linear-gradient(to bottom,  rgba(49,35,53,0.01) 0%,rgba(0,0,0,0.4) 100%); z-index: 1; }
.blog-main .blog-img { width: 100%; float: left; border-radius: 10px; overflow: hidden; position: relative;}
.blog-main .blog-img img { float: left; width: 100%; transition:all .5s ease;}
.blog-main .fav-icon { position: absolute; right: 20px; top: 20px; background: none; border-radius: 50px; overflow: hidden;}
.blog-main .fav-icon a span { background: url(../images/ico-favorit-off.svg) no-repeat center center; width: 57px; height: 57px; display: block;}
.blog-main span.tag { position: absolute; left: 20px; top:20px; height: 25px; display: inline-flex; align-items: center; padding: 0px 12px; border-radius: 35px; color: #fff; font-family: 'LEMONMILK-Regular';
font-size: 13px; line-height: 1.2; letter-spacing: 0.1px; background: rgba(199, 36, 43, 0.8); text-transform: uppercase; transition: all .5s ease;}
.blog-main .blog-txt { position: absolute; bottom: 0px; width: 100%; float: left; padding: 20px 20px; }
.blog-main .blog-txt h3 { margin-top: 15px;}
.blog-main .blog-txt h3 a { font-size: 35px; line-height: 1.4; font-family: 'Roboto-Semibold'; color: #fff; letter-spacing: -0.18px; transition: all 0.5s ease; }
.blog-main:hover .blog-txt h3 a { color: #F7B402;}
.blog-main:hover .blog-img img { transform: scale(1.03);}
.blog-main:hover .fav-icon a span { background: url(../images/ico-favorit-on.svg) no-repeat center center; }

.blog-slide .swiper-nav-rel { float: left; width: 100%; position: absolute; bottom: 20px; padding: 0 20px 0 30px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-top: 0px; z-index: 1; }
.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 { background: none; border: none; width: 10px; height: 10px; border: 2px solid #ffffff; opacity: 1; margin-right: 11px; transition:all .5s ease;}
.blog-slide .swiper-pagination-bullet-active, .blog-slide .swiper-pagination-bullet:hover { background-color: #ffffff; border-radius: 25px;}
.blog-slide .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 15px 0px 0px;}

.blog-slide .swiper-button{ width: 84px; height: 44px; bottom: 0; align-items: center; justify-content: space-between; position: relative; right: 0; left: auto; top:inherit; display: flex; column-gap: 10px; background: rgba(255,255,255,0.2); 
border: 2px solid rgba(255,255,255,0.5); border-radius: 50px; padding: 0px 15px; }
.blog-slide .swiper-button-prev-blog{background: url("../images/ico-arrow-left.svg") no-repeat 0 0; background-size: cover; width: 16px; height: 16px; cursor: pointer; transition:all .5s ease;}
.blog-slide .swiper-button-next-blog{background: url("../images/ico-arrow-right.svg") no-repeat 0 0;background-size: cover; width: 16px; height: 16px; cursor: pointer; transition:all .5s ease;}
.blog-slide .swiper-button-prev-blog:hover, .blog-slide .swiper-button-next-blog:hover{opacity: 0.7; } 

.itineraris-slider {float: left;width: 100%;position: relative;}
.itineraris-slider .swiper-container{float: left; width: 100%;}
.itineraris-slider .swiper-slide{float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; overflow: hidden;background: #DEEFEE;}
.itineraris-slider .swiper-slide .itineraris-img{flex: 0 1 50%; position: relative;}
.itineraris-slider .swiper-slide .itineraris-img img{width: 100%; float: left; height: 100%;object-fit: cover;}
.itineraris-slider .swiper-slide .itineraris-cnt{flex: 0 1 50%; padding: 0px 100px; padding-right: calc((100% - 1170px + 1rem) / 2);}
.itineraris-slider .swiper-slide .itineraris-cnt h3{width: 100%; float: left; font-size: 50px; line-height: 1.1; color: 182A3F; font-family: 'Roboto-Semibold'; margin-bottom: 40px;}
.itineraris-slider .swiper-slide .itineraris-cnt a.descub-btn { display: flex; align-items: center; justify-content: center; padding: 0 20px; background: #182A3F;cursor: pointer;min-width: 180px; max-width: min-content; height: 45px; font-size: 15px; line-height: 24px; font-family: 'LEMONMILK-Medium'; letter-spacing: 0.77px; color: #fff; border-radius: 28px;transition: all .5s ease;z-index: 99;}
.itineraris-slider .swiper-slide .itineraris-cnt a.descub-btn:hover { background: #F7B402; color: #182A3F; }

/* blog-single */
.blog-detail-sec { float: left; width: 100%; padding: 0px 0 100px; position: relative; }
.blog-detail-sec:after { content: '';position: absolute; top: 0; left: 0; width: 100%; height: 582px; background: url("../images/bg-blog.png") no-repeat scroll 0 0; }
.blog-detail-sec .row { position: relative; z-index: 1;} 
.blog-detail-sec .blog-irati { margin-top: 50px; }
.blog-irati h2 { color: #182A3F; font-size: 55px; line-height: 1.2; font-family: 'LEMONMILK-Medium'; letter-spacing: -0.61px; text-align: center; margin-bottom: 45px; }

.blog-detail-wrap { display: block; width: 100%; max-width: 880px; margin: 0 auto; }
.blog-irati-top { float: left; width: calc(100% - 80px); border-bottom: 1px solid #FDC613; padding: 12px 40px; text-align: center; margin-bottom: 60px; margin-left: 40px;}
.blog-irati-top p { color: #182A3F; font-size: 14px; line-height: 1.2; font-family: 'Roboto-Regular'; letter-spacing: 0.36px; }
.blog-irati-btm { float: left; width: 100%; padding: 0px 40px; }
.blog-irati-btm h3 { color: #333333; font-size: 22px; line-height: 1.4; font-family: 'Roboto-Bold'; letter-spacing: 0px; margin-bottom: 22px; }
.blog-irati-btm p { color: #515151; font-size: 16px; line-height: 1.5; font-family: 'Roboto-Regular'; letter-spacing: 0px; margin-bottom: 22px; }
.blog-irati-btm p span { font-family: 'Roboto-Bold'; }
.blog-irati-btm p span.red { color: #C7242B; }
.blog-irati-btm .blog-slide { margin-top: 18px; margin-bottom: 35px; }

.quotes-sec { float: left; width: 100%; background: #DEEFEE; padding: 40px; border-radius: 10px; margin: 18px 0 42px;}
.quotes-sec h2 {width: 100%; float: left; font-family: 'Roboto-SemiBoldItalic'; color: #182A3F; font-size: 30px; line-height: 1.2; letter-spacing: 0px; margin-bottom: 15px;}
.quotes-sec p { color: #515151; font-size: 18px; line-height: 1.5; font-family: 'Roboto-Regular'; letter-spacing: 0px; margin-bottom: 20px;}
.quotes-sec a { color: #D92429; font-size: 14px; line-height: 1.2; font-family: 'Roboto-Bold'; letter-spacing: 0px;transition: all .5s ease; }
.quotes-sec a:hover { color: #182A3F; }

.blod-list { float: left; width: 100%; padding: 0 40px; margin: 18px 0 42px;}
.blod-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 3.8%; }
.blod-list ul li { flex: 0 1 48.1%;}
.blod-list ul li .blog-wrap { float: left; width: 100%; position: relative;}
.blod-list ul li .blogs-img { float: left; width: 100%; overflow: hidden; position: relative; border-radius: 10px;}
.blod-list ul li .blogs-img::before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 180px; background: linear-gradient(to bottom,  rgba(49,35,53,0.01) 0%,rgba(0,0,0,0.4) 100%); z-index: 1; }
.blod-list ul li .blogs-img img { float: left; width: 100%;transition: all .5s ease;border-radius: 10px;}
.blod-list ul li .fav-icon { position: absolute; left: 20px; top: 20px; z-index: 1; }
.blod-list ul li .fav-icon a span { background: url(../images/ico-favorit-off.svg) no-repeat center center; width: 40px; height: 40px; display: block;}
.blod-list ul li .blog-cont { float: left; width: calc(100% - 30px); position: absolute; left: 30px; bottom: 20px; padding-right: 30px; z-index: 1;}
.blod-list ul li .blog-cont h3 a { font-size: 30px; line-height: 1.1; font-family: 'Roboto-Semibold'; color: #fff; letter-spacing: 0; transition: all 0.5s ease; }
.blod-list ul li .blog-cont span { display: inline-block; height: 24px; font-size: 13px; line-height: 1.6; color: #182A3F;font-family: 'LEMONMILK-Regular'; letter-spacing: 0.65px; background: #F7B402; border-radius: 12px; padding: 2px 15px; margin-bottom: 15px;}
.blod-list ul li:hover .fav-icon a span { background: url(../images/ico-favorit-on.svg) no-repeat center center; }
.blod-list ul li:hover .blogs-img img { transform: scale(1.03);}
/* .blod-list ul li:hover .blog-cont h3 a { color: #048B98;} */

.blog-video-sec  { float:left; width: 100%; z-index: 1; position: relative;margin: 18px 0 42px; padding: 0 40px;}
.blog-video-div { float:left; width: 100%; z-index: 1; position: relative;}
.blog-video-div::before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 180px; background: linear-gradient(to bottom,  rgba(49,35,53,0.01) 0%,rgba(0,0,0,0.4) 100%); z-index: 1;border-radius: 10px; }
/* .blog-video-div .videoPoster {  left: 0px; bottom: 0px; top: auto; right: auto; transform: none; } */
.blog-video-div #play-video { background: url(../images/ico-play.svg) no-repeat scroll center center; width: 51px; height: 50px;transition: all 0.5s ease;cursor: pointer; }
.blog-video-div img { float: left; width: 100%;border-radius: 10px; }
.home-video { float: left; width: 100%; position: absolute; left: 0px; top:0px; overflow: hidden;}
.video-img { float: left; width: 100%; position: relative;border-radius: 10px;}
.video-img img{ float: left; width: 100%;border-radius: 10px;}
.video-img span { width: 86px; position: absolute;right: 0px;left: 0px; top:50%; transform: translateY(-50%); margin: auto;}
.video-img span img { width: auto;}
.blog-video-div #video { float: left;width: 100%;position: absolute; background: #fff; object-fit: cover; height: 100%;border-radius: 10px;}
.video-ban-cont{ z-index: 9; position: absolute;  left: 40px; bottom: 40px;  text-align: center; display: flex; justify-content: center; align-items: center; column-gap: 15px;}
.video-ban-cont span { font-size: 18px; line-height: 1.5; color: #ffffff;font-family: 'Roboto-Semibold'; }
.blog-video-div .clickToPlay { display:none !important;}	
.video-ban-cont:hover { opacity: 0.6;}

.blog-btn-sec { float: left; width: 100%; margin-top: 20px; padding: 0 40px;}
.blog-btn-sec ul { width: 100%; display: flex; flex-wrap: wrap; row-gap: 18px;}
.blog-btn-sec ul li { flex: 0 1 100%;}
.blog-btn-sec ul li a { display: inline-flex; align-items: center; column-gap: 14px; height: 45px; padding: 0px 25px; background: #DEEFEE; border:none; color: #182A3F; font-size: 15px; font-family: 'LEMONMILK-Medium'; 
text-transform: uppercase; letter-spacing: 0.72px; border-radius: 25px; transition: all 0.5s ease; }
.blog-btn-sec ul li a span.download-ico { background: url(../images/ico-download.svg) no-repeat center center; width: 20px; height: 20px; display: block;transition: all 0.5s ease;}
.blog-btn-sec ul li a span.link-ico { background: url(../images/ico-link.svg) no-repeat center center; width: 20px; height: 20px; display: block;transition: all 0.5s ease;}
.blog-btn-sec ul li a:hover { background: #182A3F; color: #fff; border: none; }
.blog-btn-sec ul li a:hover span { filter: brightness(0) invert(1);}

.related-blogs-sec { float: left; width: 100%; background: #182A3F; padding: 100px 0 190px;}
.related-blogs-sec h2  { color: #ffffff; font-size: 40px; line-height: 1.2; font-family: 'LEMONMILK-Medium'; letter-spacing: -0.5px; text-align: left; margin-bottom: 35px; }
.related-blogs-sec .blog-irati-lft { flex: 0 1 100%; padding-right: 130px;}
.related-blogs-sec .blog-irati-lft h3 a {font-size: 30px; line-height: 1.3; letter-spacing: 0px; color: #ffffff; font-family: 'Roboto-SemiBold'; transition: all 0.5s ease; }
.related-blogs-sec ul li:hover .blog-irati .blog-irati-img img{transform: scale(1.03);}
.related-blogs-sec .swiper-nav-rel { display: none;}
.blog-siguenos { margin-top: -110px;}

/* rutes-single */
.rutes-title-sec { float: left; width: 100%; padding: 100px 0 45px;}
.rutes-title-main { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 12.3%;}
.rutes-title-lft { flex: 0 1 39.4%;}
.rutes-title-lft h2  { color: #182A3F; font-size: 40px; line-height: 1.4; font-family: 'LEMONMILK-Medium'; letter-spacing: -0.5px; text-align: left; }
.rutes-title-rgt { flex: 0 1 48.3%;}
.rutes-title-rgt p { color: #404040; font-size: 16px; line-height: 1.5; font-family: 'Roboto-Regular'; letter-spacing: 0px; margin-bottom: 0px;}
.rutes-detail-sec { float: left; width: 100%; padding-bottom: 65px;}
.rutes-detail-img { float: left; width: 100%;}
.rutes-detail-img img { float: left; width: 100%; border-radius: 10px;}
.rutes-detail-img p { float: left; width: auto; color: #182A3F; font-size: 16px; line-height: 1.4; font-family: 'Roboto-Regular'; letter-spacing: 0.36px;border-bottom: 1px solid #FDC613; padding: 12px 0px;}
.ruta-div { float: left; width: 100%; padding: 55px 0 90px; }
.ruta-main { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 13%;}
.ruta-lft { flex: 0 1 41%;}
.ruta-rht { flex: 0 1 46%;}
.ruta-div h2{ color: #182A3F; font-size: 40px; line-height: 1.3; font-family: 'LEMONMILK-Medium'; letter-spacing: -0.5px; text-align: left; margin-bottom: 25px; }
.ruta-div h3{font-size: 18px; line-height:1.3; font-family: 'Roboto-Regular'; font-weight: normal; color:#048B98; letter-spacing: 0; margin-bottom: 20px; }
.ruta-div h3 span { font-family: 'Roboto-Semibold';  }
.ruta-div p{font-size: 16px; line-height: 1.6; font-family: 'Roboto-Regular'; color:#404040; letter-spacing: 0px; padding-bottom: 0px;}
.ruta-btn-sec { float: left; width: 100%; margin-top: 45px; padding: 0px;}
.ruta-btn-sec ul { width: 100%; display: flex; flex-wrap: wrap; row-gap: 20px;}
.ruta-btn-sec ul li { flex: 0 1 100%;}
.ruta-btn-sec ul li a { display: inline-flex; align-items: center; column-gap: 14px; height: 48px; padding: 0px 30px; background: none; border:3px solid rgba(4, 136, 152, 0.18); color: #182A3F; font-size: 15px; font-family: 'LEMONMILK-Medium'; 
text-transform: uppercase; letter-spacing: 0.72px; border-radius: 24px; transition: all 0.5s ease; }
.ruta-btn-sec ul li a.audio-ico { background: #DEEFEE; border: none; border-radius: 29px;}
.ruta-btn-sec ul li a.track-ico { background: #DEEFEE; border: none; border-radius: 29px;}
.ruta-btn-sec ul li a.audio-ico span { background: url(../images/ico-audioguide.svg) no-repeat center center; width: 20px; height: 20px; display: block;transition: all 0.5s ease;}
.ruta-btn-sec ul li a.track-ico span { background: url(../images/ico-track.svg) no-repeat center center; width: 20px; height: 20px; display: block;transition: all 0.5s ease;}
.ruta-btn-sec ul li a:hover { background: #182A3F; color: #fff; border: 3px solid #182A3F; }
.ruta-btn-sec ul li a.audio-ico:hover, .ruta-btn-sec ul li a.track-ico:hover {background: #182A3F; color: #fff; border: none;}
.ruta-btn-sec ul li a:hover span { filter: brightness(0) invert(1);}

.ruta-list { float: left; width: 100%;}
.ruta-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; position: relative; row-gap: 25px; }
.ruta-list ul li { flex: 0 1 100%; padding-left: 40px; position: relative; font-size: 18px; line-height: 1.5; color: #262626;font-family: 'Roboto-Semibold';}
.ruta-list ul li:last-child { padding-bottom: 0;}
.ruta-list ul::before { position: absolute; content: ''; left: 3px; top: 0px; border-left: 2px dashed #C7242B; height: 100%;}
.ruta-list ul li::after { position: absolute; content: ''; left: 0px; top: 10px; background: #C7242B; width: 8px; height: 8px; border-radius: 50%;}

.ruta-slide { float: left; width: 100%; margin-top: 95px; }
.ruta-slide h2{ color: #182A3F; font-size: 40px; line-height: 1.3; font-family: 'LEMONMILK-Medium'; letter-spacing: -0.44px; text-align: left; margin-bottom: 25px; }
.ruta-slide .swiper-slide .blog-main .blog-img::before { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 180px; background: linear-gradient(to bottom,  rgba(49,35,53,0.01) 0%,rgba(0,0,0,0.4) 100%); z-index: 1; }
.ruta-slide .swiper-nav-rel { float: left; width: 100%; position: relative; bottom: 0px; padding: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-top: 25px; z-index: 1; }
.ruta-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;}
.ruta-slide .swiper-pagination-bullet { background: rgba(151,151,151,0.13); border: none; width: 8px; height: 8px; border: none; opacity: 1; margin-right: 14px; transition:all .5s ease;}
.ruta-slide .swiper-pagination-bullet-active, .ruta-slide .swiper-pagination-bullet:hover { background-color: #182A3F; border-radius: 25px;}
.ruta-slide .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 15px 0px 0px;}

.ruta-slide .swiper-button{ width: 84px; height: 44px; bottom: 0; align-items: center; justify-content: space-between; position: relative; right: 0; left: auto; top:inherit; display: flex; column-gap: 10px; background: rgba(2,57,124,0.10); 
border: none; border-radius: 22px; padding: 0px 15px; }
.ruta-slide .swiper-button-prev-ruta{background: url("../images/arrow-right-blue.svg") no-repeat 0 0; background-size: cover; width: 16px; height: 16px; cursor: pointer; transform: rotate(180deg); transition:all .5s ease;}
.ruta-slide .swiper-button-next-ruta{background: url("../images/arrow-right-blue.svg") no-repeat 0 0;background-size: cover; width: 16px; height: 16px; cursor: pointer; transition:all .5s ease;}
.ruta-slide .swiper-button-prev-ruta:hover, .ruta-slide .swiper-button-next-ruta:hover{opacity: 0.7; } 

.rutes-related-slide { float: left; width: 100%; }
.rutes-irati{float: left; width: 100%; }
.rutes-irati a{float: left; width: 100%;}
.rutes-irati-img{width: 100%; float: left; overflow: hidden; border-radius: 10px; position: relative;}
.rutes-irati-img img{width: 100%; float: left; transition: all 0.5s ease;}
.rutes-irati-img .fav-icon { position: absolute; left: 20px; top: 20px; }
.rutes-irati-img .fav-icon a span { background: url(../images/ico-favorit-off.svg) no-repeat center center; width: 40px; height: 40px; display: block;}
.rutes-irati-img span.tag { position: absolute; left: 20px; top:20px; height: 25px; display: inline-flex; align-items: center; padding: 0px 12px; border-radius: 35px; color: #fff; font-family: 'LEMONMILK-Regular';
font-size: 13px; line-height: 1.2; letter-spacing: 0.1px; background: rgba(199, 36, 43, 0.8); text-transform: uppercase; transition: all .5s ease;}
.rutes-irati-img:hover .fav-icon a span { background: url(../images/ico-favorit-on.svg) no-repeat center center; }
.rutes-irati-cnt { float: left; width: 100%; padding-top: 30px;}
.rutes-irati-cnt h3 a {font-size: 30px; line-height: 1.3; letter-spacing: 0px; color: #ffffff; font-family: 'Roboto-SemiBold'; margin-bottom: 23px; transition: all 0.5s ease; }
.rutes-irati-cnt ul.relac-lst { width: 100%; display: flex; flex-wrap: wrap; column-gap: 6px; margin-bottom: 20px;}
.rutes-irati-cnt ul.relac-lst li { height: 24px; display: inline-flex; align-items: center; padding: 0px 15px; border-radius: 12px; color: #182A3F; font-family: 'Roboto-SemiBold';
font-size: 14px; line-height: 1.2; background: #F7B402; text-transform: uppercase; letter-spacing: 0.7px; transition: all .5s ease;}
.rutes-irati-cnt p { font-size: 16px; line-height: 1.5; color: #ffffff;}
.rutes-irati-cnt p span { font-family: 'Roboto-Semibold';}
.rutes-irati:hover .rutes-irati-cnt h3 a { color: #048B98; }
.rutes-irati:hover .rutes-irati-img img { transform: scale(1.03);}

.rutes-related-slide .swiper-nav-rel { float: left; width: 100%; position: relative; bottom: 0px; padding: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-top: 30px; z-index: 1; }
.rutes-related-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;}
.rutes-related-slide .swiper-pagination-bullet { background: rgba(255,255,255,0.13); border: none; width: 8px; height: 8px; border: none; opacity: 1; margin-right: 14px; transition:all .5s ease;}
.rutes-related-slide .swiper-pagination-bullet-active, .rutes-related-slide .swiper-pagination-bullet:hover { background-color: #ffffff; border-radius: 25px;}
.rutes-related-slide .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 15px 0px 0px;}

.rutes-related-slide .swiper-button{ width: 84px; height: 44px; bottom: 0; align-items: center; justify-content: space-between; position: relative; right: 0; left: auto; top:inherit; display: flex; column-gap: 10px; background: rgba(255,255,255,0.10); 
border: none; border-radius: 22px; padding: 0px 15px; }
.rutes-related-slide .swiper-button-prev-rutes{background: url("../images/ico-arrow-left.svg") no-repeat 0 0; background-size: cover; width: 16px; height: 16px; cursor: pointer; transition:all .5s ease;}
.rutes-related-slide .swiper-button-next-rutes{background: url("../images/ico-arrow-right.svg") no-repeat 0 0;background-size: cover; width: 16px; height: 16px; cursor: pointer; transition:all .5s ease;}
.rutes-related-slide .swiper-button-prev-rutes:hover, .rutes-related-slide .swiper-button-next-rutes:hover{opacity: 0.6; } 

.rutes-sec { float: left; width: 100%;position: relative;}
.veure-btn-lst { position: absolute; right: 0px; top:2px; }
.veure-btn-lst a { display: inline-flex; align-items: center; column-gap: 14px; height: 45px; padding: 0px 30px; background: #ffffff; border:none; color: #111111; font-size: 15px; font-family: 'LEMONMILK-Medium'; 
text-transform: uppercase; letter-spacing: 0.72px; border-radius: 24px; transition: all 0.5s ease; }
.veure-btn-lst a:hover { background: #F7B402;  }

/* on-som */
.som-title-sec { float: left; width: 100%; padding: 70px 0 100px; position: relative;}
.som-title-sec:after { content: '';position: absolute; top: 0; left: 0; width: 100%; height: 594px; background:url(../images/bg-on-som1.svg) no-repeat scroll 0 bottom; }
.som-title-sec .row { position: relative; z-index: 1;}
.som-title-main { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 6.5%; margin-bottom: 170px; position: relative; z-index: 1;}
.som-title-lft { flex: 0 1 45.5%;}
.som-title-lft h3  { color: #404040; font-size: 22px; line-height: 1.4; font-family: 'Roboto-SemiBold'; letter-spacing: 0px; text-align: left; }
.som-title-rgt { flex: 0 1 48%;}
.som-title-rgt p { color: #404040; font-size: 16px; line-height: 1.6; font-family: 'Roboto-Regular'; letter-spacing: 0px; margin-bottom: 0px;}

.som-map-main {  width: 100%; max-width: 705px; display: flex; flex-wrap: wrap; column-gap: 12.8%; position: relative; z-index: 1;margin: 0 auto;}
.som-map-lft { flex: 0 1 41.5%;}
.som-map-rgt { flex: 0 1 45.7%;}
.som-map-main img { float: left; width: 100%;}
.som-qualitat { padding-bottom: 50px;}

.som-map-div { float: left; width: 100%; margin-top: 0px; }
.som-map-div #map { height: 820px; float: left; width: 100%; } 
.som-map-div .gm-style .gm-style-iw-a { display: none;}

/* on-som-single */
.blog-irati .blog-irati-top { width: auto; padding: 12px 0px; margin-left: 0px;}
.som-detail-wrap { display: block; width: 100%; max-width: 800px; margin: 0 auto;}
.som-irati-top { float: left; width: auto; border-bottom: 1px solid #FDC613; padding: 12px 0px; text-align: center; margin-bottom: 60px;}
.som-irati-top p { color: #182A3F; font-size: 14px; line-height: 1.2; font-family: 'Roboto-Regular'; letter-spacing: 0.36px;}
.som-irati-btm { float: left; width: 100%; padding: 0 0px;}
.som-irati-btm h3 { color: rgba(51,51,51,0.75); font-size: 20px; line-height: 1.4; font-family: 'Roboto-SemiBold'; letter-spacing: -0.22px; margin-bottom: 22px;}
.som-irati-btm p { color: rgba(51,51,51,0.75); font-size: 16px; line-height: 1.5; font-family: 'Roboto-Regular'; letter-spacing: -0.18px; margin-bottom: 22px;}
.som-irati-btm p span { font-family: 'Roboto-Bold';}
.som-irati-btm p span.red { color: #C7242B;}
.som-img { float: left; width: 100%; margin-top: 13px;}

.perdre-som-sec { float: left; width: 100%; padding: 25px 0 100px;}
.perdre-som-sec h2  { color: #182A3F; font-size: 30px; line-height: 1.3; font-family: 'LEMONMILK-Medium'; letter-spacing: -0.38px; text-align: left; margin-bottom: 30px; }
.perdre-related-slide { float: left; width: 100%;}
.perdre-sec { float: left; width: 100%; position: relative;}
.perdre-irati{float: left; width: 100%; }
.perdre-irati a{float: left; width: 100%;}
.perdre-irati-img{width: 100%; float: left; overflow: hidden; border-radius: 10px; position: relative;}
.perdre-irati-img img{width: 100%; float: left; transition: all 0.5s ease;}
.perdre-irati-img .fav-icon { position: absolute; left: 20px; bottom: 20px; }
.perdre-irati-img .fav-icon a span { background: url(../images/ico-favorit-off.svg) no-repeat center center; width: 40px; height: 40px; display: block;}
.perdre-irati-img span.tag { position: absolute; left: 20px; top:20px; height: 25px; display: inline-flex; align-items: center; padding: 0px 12px; border-radius: 35px; color: #fff; font-family: 'LEMONMILK-Regular';
font-size: 13px; line-height: 1.2; letter-spacing: 0.1px; background: rgba(199, 36, 43, 0.8); text-transform: uppercase; transition: all .5s ease;}
.perdre-irati-img:hover .fav-icon a span { background: url(../images/ico-favorit-on.svg) no-repeat center center; }
.perdre-irati-cnt { float: left; width: 100%; padding-top: 20px;}
.perdre-irati-cnt h3 a { float: left; width: 100%; font-size: 30px; line-height: 1.2; letter-spacing: 0.01px; color: #182A3F; font-family: 'Roboto-SemiBold'; margin-bottom: 15px; transition: all 0.5s ease; }
.perdre-irati-cnt ul.relac-lst { width: 100%; display: flex; flex-wrap: wrap; column-gap: 6px; margin-bottom: 20px;}
.perdre-irati-cnt ul.relac-lst li { height: 24px; display: inline-flex; align-items: center; padding: 0px 15px; border-radius: 12px; color: #182A3F; font-family: 'Roboto-SemiBold';
font-size: 14px; line-height: 1.2; letter-spacing: 0.17px; background: #F7B402; text-transform: uppercase; letter-spacing: 0.7px; transition: all .5s ease;}
.perdre-irati-cnt p { float: left; width: 100%; font-size: 16px; line-height: 1.5; color: rgba(81, 81, 81, 0.75); letter-spacing: -0.18px; margin-bottom: 15px; padding-right: 30px;}
.perdre-irati-cnt h4 { float: left; width: 100%; font-size: 18px; line-height: 1.3; font-family: 'Roboto-Light'; color: #048B98; letter-spacing: 0.14px; margin-bottom: 0px;}
.perdre-irati-cnt h4 span { font-family: 'Roboto-Bold';}
.perdre-irati:hover .perdre-irati-cnt h3 a { color: #048B98; }
.perdre-irati:hover .perdre-irati-img img { transform: scale(1.03);}

.perdre-related-slide .swiper-nav-rel { display: none;}

.dormir-btn-lst { position: absolute; right: 0px; top:7px; }
.dormir-btn-lst a { display: inline-flex; align-items: center; column-gap: 14px; height: 35px; padding: 0px 20px; background: none; border: 3px solid rgba(4, 139, 152, 0.18); color: #182A3F; font-size: 11px; font-family: 'Roboto-Medium'; 
text-transform: uppercase; letter-spacing: -0.05px; border-radius: 24px; transition: all 0.5s ease; }
.dormir-btn-lst a:hover { background: #182A3F; color: #fff; border: 3px solid #182A3F; }

.dormir-list-sec { float: left; width: 100%;}
.dormir-list-sec .blod-list { padding: 0; margin: 0 0 100px; position: relative;}
.dormir-list-sec h2 { color: #182A3F; font-size: 30px; line-height: 1.3; font-family: 'LEMONMILK-Medium'; letter-spacing: -0.38px; text-align: left; margin-bottom: 25px; }

.som-slider .swiper-slide, .som-slider .swiper-slide .itineraris-cnt { background: #DEEFEE;}
.som-slider .swiper-slide .itineraris-cnt h3 { color: #182A3F;}
.som-slider .swiper-slide .itineraris-cnt a.descub-btn { background: #182A3F; color: #ffffff; height: 45px; min-width: 180px; font-size: 15px; }
.som-slider .swiper-slide .itineraris-cnt a.descub-btn:hover { background: #F3BE3A; color: #182A3F;}

.dormir-som-sec { float: left; width: 100%; padding: 100px 0 100px;}
.dormir-som-sec h2  { color: #182A3F; font-size: 30px; line-height: 1.3; font-family: 'LEMONMILK-Medium'; letter-spacing: -0.38px; text-align: left; margin-bottom: 30px; }
.dormir-related-slide { float: left; width: 100%;}
.dormir-sec { float: left; width: 100%; position: relative;}
.dormir-related-slide .swiper-nav-rel { display: none;}

.coneix .blod-list ul li .fav-icon { bottom: 20px; top: auto;}
.coneix .blod-list ul li .blog-cont { position: static; padding-top: 30px;}
.coneix .blod-list ul li .blog-cont h3 a { color: #182A3F;}
.coneix .blod-list ul li:hover .blog-cont h3 a { color: #048B98;}
.coneix .blod-list ul li .blogs-img::before { display: none;}

/* lloguer-map */
.map-title-sec { float: left; width: 100%; padding: 75px 0 50px;}
.map-title-sec p { font-size: 20px; line-height: 1.4; color: #515151; letter-spacing: -0.22px; font-family: 'Roboto-Medium'; }
.mapa-list-top { float: left; width: 100%; margin-top: 40px;}
.mapa-list-top ul{display: flex; flex-wrap: wrap; column-gap: 7px; row-gap: 0; justify-content: left;}
.mapa-list-top ul li{flex: 0 1 auto;}
.mapa-list-top ul li a{color: #182A3F; font-size: 16px; line-height: 1.2; font-family: 'Roboto-Medium'; background: #fff; border: 3px solid rgba(4,139,152,18%); letter-spacing: -0.07px; padding: 8px 22px 8px 2px; border-radius: 25px; height: 50px; display: flex; column-gap: 10px; align-items: center; transition: all 0.5s ease;
text-transform: uppercase; }
.mapa-list-top ul li:first-child a { padding: 8px 22px;}
.mapa-list-top ul li a.active {background: #048B98; border: 3px solid rgba(4,139,152,18%); color: #fff;}
.mapa-list-top ul li a:hover{background: #048B98; border: 3px solid rgba(4,139,152,18%); color: #fff;}
.mapa-list-top ul li a:hover span img{filter: brightness(0) invert(1);}
.mapa-list-top ul li a span {min-width: 15px;}

.lloguer-map-div { float: left; width: 100%; margin-top: 0px; }
.lloguer-map-div #map { height: 900px; float: left; width: 100%; } 
.lloguer-map-div .gm-style .gm-style-iw-a { display: none;}

/* agenda css */
.inner-banner2 .in-ban-lft { position: relative;}
.inner-banner2 .in-ban-lft .agenda-filter { position: absolute; right: 30px; top: -15px;}
.agenda-sec { float: left; width: 100%; padding: 60px 0 100px;}
.agenda-main-sec { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 20px; justify-content: space-between;}
.agenda-lft { flex: 0 1 353px;}
.agenda-rgt { flex: 0 1 calc(100% - 353px); padding-left: 50px;}

.agenda-filter-list { float: left; width: auto; display: flex; align-items: center; column-gap: 50px;}
.agenda-filter { float: left; width: auto; display: flex; align-items: center; column-gap: 10px; color: #182A3F; font-size: 14px; font-family:'Roboto-Regular';}

.toggle {display:inline-flex; align-items:center; cursor:pointer; user-select:none;}
.toggle__input {position:absolute; opacity:0; width:1px; height:1px;}
.toggle__track {width:38px; height:20px; border-radius:999px; background:#F3BE3A; border:3px solid #e7efe9; position:relative; box-sizing:border-box; transition:background .2s ease;}
.toggle__track::before {content:""; position:absolute; top:50%; left:0px; width:16px; height:16px; border-radius:50%; background:#182A3F; transform:translateY(-50%); transition:transform .22s ease; box-shadow:0 6px 14px rgba(0,0,0,.18);}
.toggle__input:checked + .toggle__track::before {transform:translate(16px, -50%); left: 2px;}
.toggle__input:focus-visible + .toggle__track {outline:3px solid rgba(4, 139, 152, 18%); outline-offset:3px;}
.toggle__input:not(:checked) + .toggle__track {background:rgba(4, 139, 152, 18%);}

.agenda-rgt .agenda-list { float: left; width: 100%; }
.agenda-rgt .agenda-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 3%; row-gap: 60px;}
.agenda-rgt .agenda-list ul li { flex: 0 1 48.5%;}

.filter-srch-bx { float: left; width: auto; position: relative;}
.filter-srch-bx input[type="text"] { float: left; width: 353px; border: 3px solid rgba(4, 139, 152, 18%); border-radius: 50px; padding: 15px 45px 15px 25px; font-family: 'Roboto-Medium'; height: 50px; font-size: 16px; letter-spacing: 0.23px; color: #182A3F; text-transform: uppercase;}
.filter-srch-bx input[type="text"]::-webkit-input-placeholder {color:#182A3F;}
.filter-srch-bx input[type="text"]::-moz-placeholder {color:#182A3F;}
.filter-srch-bx input[type="text"]::-ms-placeholder {color:#182A3F;}
.filter-srch-bx input[type="text"]::placeholder {color:#182A3F;}
.filter-srch-bx button.srch-btn { display: inline-flex; flex-wrap: wrap; justify-content: center; position: absolute; right: 5px; top: 4px; cursor: pointer; width: 42px; height: 42px; border: none; float: left; text-transform: uppercase; background: #F3BE3A; border-radius: 50px; transition: all .5s ease;}
.filter-srch-bx button.srch-btn:hover { background: rgba(4, 139, 152, 18%);}
.agenda-filter-lst { float: left; width: 100%; }
.agenda-filter-lst ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 25px; margin-bottom: 25px;}
.agenda-filter-lst ul li { flex: 0 1 100%;position: relative;}
.agenda-filter-lst ul li .nice-select { width: 100%; text-transform: uppercase; border: 3px solid rgba(4, 139, 152, 18%); font-family: 'Roboto-Medium'; border-radius: 25px; height: 50px; padding: 12px 25px; font-size: 16px; line-height: 24px; letter-spacing: 0.23px; color: #1F2F57; display: flex;align-items: center;}
.agenda-filter-lst ul li .nice-select::after { border-bottom: 3px solid #0D413B !important;border-right: 3px solid #0D413B !important; right: 25px;}
.agenda-filter-lst ul li .nice-select.open .list { width: 100%; row-gap: 0;float: left;}
.agenda-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;}
.agenda-filter-lst ul li .nice-select .option:hover { color: #fff; background: #0D413B;}
.agenda-filter-lst .agenda-btn-cnt { float: left; width: 100%; }
.agenda-filter-lst .agenda-btn-cnt ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 15px; flex-direction: column; column-gap: 10px;}
.agenda-filter-lst .agenda-btn-cnt ul:last-child { margin-bottom: 0;}
.agenda-filter-lst .agenda-btn-cnt ul li { flex: 0 1 auto;}
.agenda-filter-lst .agenda-btn-cnt ul li a { font-size: 16px; letter-spacing: -0.07px; color: #182A3F; background:#ffffff; border: 3px solid rgba(4, 139, 152, 18%); border-radius: 24px; font-family: 'Roboto-Medium'; display: inline-flex; align-items: center; justify-content: center; padding: 0 35px; height: 47px; text-transform: uppercase;cursor: pointer;transition: all 0.5s ease;}
.agenda-filter-lst .agenda-btn-cnt ul li a:hover { background: #048B98; border-color: #048B98; color: #FFFFFF;}
.calendar-sec { float: left; width: 100%; border: 3px solid rgba(4, 139, 152, 18%); padding: 20px; border-radius: 5px; margin-bottom: 40px;}

/*mob-filter */
.mobile-filter { float: left; width: 100%;}
.mob-filter { float: left; width: 100%; display: flex; justify-content: flex-end;display: none;}
.mob-filter a {  display: inline-flex;flex-wrap: wrap;justify-content: flex-end;}
.mob-filter a span {background: #182A3F url("../images/filter-white.svg") no-repeat center center; width: 40px; height: 40px; display: inline-flex; padding: 10px; border-radius: 7px;}
.mob-filter a.close span {background: #048B98 url("../images/filter-white-close.svg") no-repeat center center;}
.mob-filter h3 { font-family: 'LEMONMILK-Medium'; color: #292857; font-size: 25px; line-height: 30px; letter-spacing: -0.37px;}

.faqs-sec { float: left; width: 100%; padding: 50px 0 100px;}
.faqs-filter-list { float: left; width: 100%; display: flex; align-items: center; justify-content: space-between; column-gap: 15px; row-gap: 10px;} 
.faqs-filter-list > div { flex: 0 1 auto;}
.faq-tab-list { float: left; width: 100%;}
.faq-tab-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 10px; row-gap: 10px;}
.faq-tab-list ul li { flex: 0 1 auto;}
.faq-tab-list ul li a {font-size: 16px; letter-spacing: -0.07px; color: #182A3F; background:#ffffff; border: 3px solid rgba(4, 139, 152, 18%); border-radius: 24px; font-family: 'Roboto-Medium'; display: inline-flex; align-items: center; justify-content: center; padding: 0 25px; height: 47px; text-transform: uppercase;cursor: pointer;transition: all 0.5s ease;}
.faq-tab-list ul li a:hover, .faq-tab-list ul li a.active { background: #048B98; border-color: #048B98; color: #FFFFFF;}

.faqs-list-sec { float: left; width: 100%; padding-top: 50px;}
.faqs-list-sec .accordion {float: left; width: 100%;}
.faqs-list-sec .accordion-item {border:2px solid transparent; border-radius:8px; overflow:hidden; margin-bottom:18px; background:#eef4f4; transition:all 0.3s ease;}
.faqs-list-sec .accordion-item:last-child { margin-bottom: 0;}
.faqs-list-sec .accordion-item.active {border-color:#c5e2df; background:#fff; padding:0;}
.faqs-list-sec .accordion-header {width:100%; border:none; background:#ebeff0; color:#182A3F; font-family: 'Roboto-Medium'; font-size:22px; line-height: 1.4; text-align:left; padding:25px 35px; cursor:pointer; display:flex; align-items:center; justify-content:space-between; transition:background 0.3s ease;}
.faqs-list-sec .accordion-item:nth-child(odd):not(.active) .accordion-header {background:#dfefee;}
.faqs-list-sec .accordion-item.active .accordion-header {background:#ffffff; padding-bottom:18px;}
.faqs-list-sec .accordion-icon { background: url("../images/faq-arrow.svg") no-repeat scroll 0 0; width: 18px; height: 11px; transform:rotate(0deg); transition:transform 0.3s ease; margin-left:20px; flex-shrink:0;}
.faqs-list-sec .accordion-item.active .accordion-icon {transform:rotate(180deg);}
.faqs-list-sec .accordion-content {display:none; background:#fff; padding:0 80px 30px 30px;}
.faqs-list-sec .accordion-body {display:flex; gap:28px; align-items:flex-start; flex-wrap:wrap;}
.faqs-list-sec .accordion-image {width:245px; height:100%; border-radius:4px; overflow:hidden; flex-shrink:0;}
.faqs-list-sec .accordion-image img {width:100%; height:100%; object-fit:cover; display:block;}
.faqs-list-sec .accordion-text {flex:1; min-width:280px;}
.faqs-list-sec .accordion-text h3 {font-size:22px; line-height:1.3; color:#182A3F; font-family: 'Roboto-ExtraBold'; margin-bottom:15px;}
.faqs-list-sec .accordion-text p {font-size:16px; line-height:1.7; color:rgba(35,31,28,0.70); margin-bottom:30px; max-width:760px;}
.faqs-list-sec .accordion-btn a {font-size: 16px; letter-spacing: -0.07px; color: #FFFFFF; background:#182A3F; border: none; border-radius: 24px; font-family: 'Roboto-Medium'; display: inline-flex; align-items: center; justify-content: center; padding: 0 45px; height: 45px; text-transform: uppercase;cursor: pointer;transition: all 0.5s ease;}
.faqs-list-sec .accordion-btn a:hover { background: #048B98;}
.faqs-list-sec .accordion-item.active .accordion-header span { text-indent: -999px;}
.faqs-list-sec .accordion-item.active .accordion-content { margin-top: -45px;}

.descar-list-sec { float: left; width: 100%; padding-top: 50px;}
.masonry-grid { float: left; width: 100%; column-count:4; column-gap:20px;}
.masonry-item {position:relative; break-inside:avoid; margin-bottom:18px; background:#DEEFEE; border-radius:6px; padding:10px; overflow:hidden; display:inline-block; width:100%;}
.masonry-image {position:relative; border-radius:6px; overflow:hidden;}
.masonry-image img {width:100%; display:block; height:auto; border-radius:6px;}
.masonry-overlay {position:absolute; inset:0; background:rgba(0, 150, 170, 0.72); display:flex; align-items:center; justify-content:center; opacity:0; visibility:hidden; transition:0.3s ease;}
.masonry-item:hover .masonry-overlay {opacity:1; visibility:visible;}
.download-btn {display:inline-flex; height: 50px; align-items: center; justify-content: center; padding:0 35px; border:3px solid rgba(255, 255, 255, 0.18); border-radius:40px; color:#fff; text-decoration:none; font-size:16px; font-family: 'Roboto-Medium'; text-transform:uppercase; background:transparent; transition:0.3s ease;}
.download-btn:hover {background:rgba(255, 255, 255, 1); border-color:#ffffff; color: #048B98;}