@charset "utf-8";

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


/****************header css starts*****************/
.top-red-bg { float: left; width: 100%; background: #007F6F; border-bottom: 1px solid rgba(255,255,255,0.26);}
.top-innner{float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.top-lft { float: left; width: auto;}
.scl-links {margin-top: 8px;position: relative;}
.scl-links ul {display: flex;flex-wrap: wrap;justify-content: center;column-gap: 28px; align-items: center;}
.scl-links ul li {flex: 0 1 auto;}
.scl-links ul li a{float: left;}
.scl-links ul li a img{transition:all .5s ease;}
.scl-links ul li a:hover img{opacity: 0.7;}
.top-rht {display: flex;gap: 15px;}
.top-rht a.tourism-link {font-family: 'Poppins-Regular'; color: #fff;font-size: 15px; line-height: 26px; letter-spacing: -0.22px; padding: 6px 15px; background: rgba(0, 0, 0, 0.19); transition: all 0.5s ease;}
.top-rht a.lang{font-family: 'Poppins-ExtraBold'; font-size: 14px; letter-spacing: -0.39px; color: #fff; display: flex;align-items: center;column-gap: 10px; transition: all 0.5s ease;}
.top-rht a.lang span img{float: left;}
.top-rht a.tourism-link:hover{background: #FFB300;}
.top-rht a.lang:hover{color: #FFB300;}

.fixed-header .head {position: absolute;z-index: 9;float: left;width: 100%;}
.fixed-header header{background: transparent; box-shadow: none;}
.fixed-header .stick-logo{display: block;}
.fixed-header .desk-logo{display: none;}
.fixed-header .cbp-hrmenu > ul > li > a{color: #fff;}
.fixed-header .cbp-hrmenu > ul > li > a.active{color: #FFB300;}
.fixed-header .cbp-hrmenu > ul > li > a::after {background: #FFB300;}
.fixed-header .cbp-hrmenu > ul > li > a:hover {color: #FFB300;}
.fixed-header .cbp-hrmenu > ul > li.cbp-hropen:hover > a{ background: none; color: #FFB300;}
.fixed-header .hdr-links ul li a.search{background: url(../images/header-search-w.svg) no-repeat center center; border: 1px solid #fff;}
.fixed-header .hdr-links ul li a.heart {background: url(../images/header-fav-w.svg) no-repeat center; border: 1px solid #fff;}
.fixed-header .hdr-links ul li a.lang{border: 1px solid #fff; color: #fff;}
.fixed-header .hdr-links ul li a.lang span img{filter: brightness(0) invert(1);}
.demo{position: absolute;bottom: 40px;left: 50%;z-index: 2;}
.demo a {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background: rgba(62, 62, 62, 0.21); border: 2px solid #fff; border-radius: 50px; width: 50px; height: 50px;}
.demo a img{width: auto;}
.demo.hme {position: relative;left: auto;bottom: auto;}

header {float: left;width: 100%;position: relative;z-index: 999;background: #fff;padding: 0; box-shadow: 0 5px 15px 5px rgba(0,0,0,0.12);}
header.dark-bg .slider-progress { z-index: -9; opacity: 0;}
.head-top { float: left; width: 100%;}
.head-top-in{float: left;width: 100%; padding: 20px 0;border-bottom: none;display: flex;align-items: center;justify-content: space-between; position: relative; padding-left: calc((100% - 1170px) / 2); padding-right: calc((100% - 1170px) / 2);}
.is-sticky .head-top-in::after, .dark-bg .head-top-in::after { display: none;}
.is-sticky .head-top-in { background: #007F6F;}
.is-sticky .head-top { border-bottom: none; background: #007F6F;}
header.dark-bg .head-top { background: #007F6F;}
.is-sticky .stick-logo, .dark-bg .stick-logo{ display: block;}
.is-sticky .desk-logo, .dark-bg .desk-logo{display: none;}
.stick-logo {display: none; width: 294px;height: 80px;}
.is-sticky .head-top-in {transition: all 0.5s ease;}

.logo-top {float: left; position: relative; z-index: 9;}
.logo-top img {float: left;transition: all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;z-index: 9999;position: relative;}
.head-rgt {flex-wrap: wrap;display: flex;align-items: center;padding-top: 0;padding-bottom: 0px;width: auto;justify-content: end; column-gap: 35px;}
.head-rgt a.info-btn{border: 1px solid #fff; border-radius: 26px; font-family: 'Poppins-Regular'; font-size: 15px; line-height: 26px; letter-spacing: -0.22px; height: 52px; display: flex; align-items: center; justify-content: center; padding: 10px 22px; color: #fff; transition: all .5s ease;}
.head-rgt a.info-btn:hover{border: 1px solid #FFB300; background: #FFB300; color: #fff;}

.hdr-links {float: right;}
.hdr-links > ul {column-gap: 12px;display: flex; align-items: center;}
.hdr-links > ul > li {position: relative;display: inline-flex;}
.hdr-links ul li a { display: inline-block; transition: all 0.5s ease;}
.hdr-links ul li a.heart {background: url(../images/header-fav-g.svg) no-repeat center;width: 52px;height: 52px;position: relative; border: 1px solid #333333; border-radius: 50px;justify-content: center;align-items: center;display: inline-flex;}
.hdr-links ul li a.search {background: url(../images/header-search-g.svg) no-repeat center center;width: 52px;height: 52px;position: relative; border: 1px solid #333333; border-radius: 50px;justify-content: center;align-items: center;display: inline-flex;}
.hdr-links ul li a.heart:hover {background: #FFB300 url(../images/header-fav-w.svg) no-repeat center; border: 1px solid #FFB300;}
.hdr-links ul li a.search:hover, .dark-bg .hdr-links ul li a.search, .is-sticky .hdr-links ul li a.search {background: #FFB300 url(../images/search.svg) no-repeat center center; border: 1px solid #FFB300;}
.hdr-links ul li a.lang {border: 1px solid #333;border-radius: 26px;height: 52px;width: 76px;display: flex;align-items: center;justify-content: center;column-gap: 10px; transition: all .5s ease;}
.hdr-links ul li a.lang span img{float: left;}
.hdr-links ul li a.lang:hover{background: #FFB300; border: 1px solid #FFB300;}
.hdr-links ul li a.lang:hover{color: #fff;}
.hdr-links ul li a.lang:hover span img{filter: brightness(0) invert(1);}

.is-sticky .hdr-links ul li a.heart, .dark-bg .hdr-links ul li a.heart{border: 1px solid #fff; background: url(../images/header-fav-w.svg) no-repeat center;}
.is-sticky .hdr-links ul li a.search, .dark-bg .hdr-links ul li a.search{border: 1px solid #fff; background: url(../images/header-search-w.svg) no-repeat center;}

.is-sticky .hdr-links ul li a.search:hover, .dark-bg .hdr-links ul li a.search:hover{border: 1px solid #FFB300; background: #FFB300 url(../images/header-search-w.svg) no-repeat center;}
.is-sticky .hdr-links ul li a.heart:hover, .dark-bg .hdr-links ul li a.heart:hover{border: 1px solid #FFB300; background: #FFB300 url(../images/header-fav-w.svg) no-repeat center;}
.is-sticky .hdr-links ul li a.lang, .dark-bg .hdr-links ul li a.lang{border: 1px solid #fff; color: #fff;}
.is-sticky .hdr-links ul li a.lang:hover, .dark-bg .hdr-links ul li a.lang:hover{border: 1px solid #FFB300; color: #fff;}
.is-sticky .hdr-links ul li a.lang img, .dark-bg .hdr-links ul li a.lang img{filter: brightness(0) invert(1);}

.menu-wrap {/* float: right; */margin-right: 0px;padding-top: 0;padding-bottom: 0px;margin-top: 0px;/* position: absolute; */left: 0;right: 0;/* margin: 0 auto; */}
.inner-header .head-top {position: relative;}

/* mobilemenu */
.m-menu { position: relative;  left:0px; top: 40px; display: none; z-index:999999;} 
.m-menu img { width: 20px;}
.mobile-menu{ position:fixed; top:86px; bottom: 0; width:100%; z-index: 99999; overflow-y:auto; overflow-x:hidden;  padding:0px 0px; opacity: 0; visibility: hidden; transition: all 0.4s ease; background: #0047BB; }
.mobile-menu.slow { opacity: 1; visibility: visible; }
body.over { overflow: hidden;}
.mobile-menu .nav { width: 100%;  background: #0047BB; float: left;  padding: 45px 0; border-top: 4px solid #2e69ab;}
.m-menu { width: 25px; height: 22px;  margin: 0px 15px 0 0;  -webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; float: left;  }
.m-menu a { display: block;}
.m-menu span { display: block; position: absolute; height: 2px; width: 100%; background: #fff; border-radius: 0px; opacity: 1;
left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }  

/* Icon 4 */
.m-menu span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(2) { top: 8px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(3) { top: 16px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -1px; left: 4px;  background: #fff;}
.m-menu.open span:nth-child(2) { width: 0%; opacity: 0;}
.m-menu.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 17px; left: 4px; background: #fff; }
.is-sticky .m-menu span { background: #fff; }
.is-sticky .m-menu.open span:nth-child(1) { background: #fff;}
.is-sticky .m-menu.open span:nth-child(3) { background: #fff;}

.nav ul { float: left; width: 100%; margin: 0; padding:0 20px 0 75px; text-align:left;}
.nav ul li a { color: rgba(255,255,255, 0.7); font-size: 16px;  padding-left: 0px; line-height:21px; transition:all .5s ease;}
.nav ul li { margin-bottom:20px;}
.nav ul li a:hover { opacity: 0.6;}
.mobile-menu .nav ul li a { padding-left: 40px; font-size: 16px;}
.mobile-menu .nav ul li.cercar a { background: url(../images/group_1.svg) no-repeat scroll 0px 2px;}
.mobile-menu .nav ul li.favorit a { background: url(../images/group_2.svg) no-repeat scroll 0px 2px;}
.mobile-menu .nav ul li.mapes a { background: url(../images/group_3.svg) no-repeat scroll 0px 2px;}
.mobile-menu .nav ul li.temps a { background: url(../images/group_4.svg) no-repeat scroll 0px 2px;}
.smk_accordion .accordion_in > .acc_content li a { padding-left: 0; font-size: 16px;}
.smk_accordion .accordion_in > .acc_content ul { padding-left: 40px;}
.smk_accordion .accordion_in .acc_head { transition:all .5s ease;}
.smk_accordion .accordion_in .acc_head:hover { opacity: 0.6;}
.mobile-menu .nav ul li.cercar a, .mobile-menu .nav ul li.favorit a, .mobile-menu .nav ul li.mapes a, .mobile-menu .nav ul li.temps a { font-size: 18px;
color:  #fff;}
.mobile-menu .smk_accordion { margin-bottom: 25px;}
.logo-mob { padding: 20px 0 20px 55px;}

.mobile-lang {float: right; display: none;padding: 30px 0px;}
.country { position: relative; width: 125px;}
.country .select {position: relative;padding: 0 15px 0 10px;height: 25px;line-height:25px;white-space: nowrap;text-overflow: ellipsis;
overflow: hidden;cursor: pointer;color: #fff;font-size: 16px;font-family: 'Poppins-SemiBold'; display: flex; align-items: center;}
.country .select img {float: left; margin-right: 12px; display: none;}  
.country .select:after {content: "";display: block;position: absolute;top: 10px;right: 1px;width: 10px;height: 6px;background: url("../images/next-w.svg") no-repeat 0px 0px;
background-size: cover;}
.country .select.open:after {transform: rotate(-180deg);}
.country .dropdown {display: none;position: absolute;top: 24px;left: 0;width: 100%;height: auto;border: 1px solid #cfcfcf;border-top: 1px solid #a6a6a6;
background: #fff;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);overflow-y: scroll;z-index: 1;}  
.country .dropdown li {padding: 0 15px;line-height: 34px;font-size: 13px;color: #949494;cursor: pointer;display: flex;}
.country .dropdown li img { float: left; margin-right: 10px;}
.country .dropdown li:hover {background: #dedede;color: #454545;}
.country .dropdown li.open {display: block;}


/**************mobile mwnu language new css*********************/
.mob-lange  { float: left; width: 100%; margin-top: 40px; margin-bottom: 20px;}
.mob-lange h2 { margin: 0 0 20px 0; color: #ffffff; font-size: 20px; font-family: 'Poppins-SemiBold';  background: url("../images/ico-globe.svg") no-repeat 0 8px; padding-left: 34px;}
.mob-lange ul { margin: 0;border: none;background: none; padding: 0px 0 0 35px; border: 0px solid #e2e2e2;}
.mob-lange ul li { list-style: none; background: none; padding: 0px; border-bottom: 0px solid #fff; margin-bottom: 17px;}
.mob-lange ul li a { text-decoration: none; color: rgba(255, 255, 255, 0.7); font-size: 20px; text-transform: capitalize; line-height: 20px; letter-spacing: -0.41px; font-family: 'Poppins-Regular'; transition: all .5s ease;}
.mob-lange ul li a:hover { color: rgba(255, 255, 255, 1); }

/**************header css starts******************/


/******** burger menu **********/
.fixed-header-search {display: none;float: left;width: 100%;position: absolute;left: 0;right: 0;top: 109px;overflow: hidden;overflow-y: hidden;background: #007F6F;height: calc(100vh - 79px);background-position: 0;z-index: 999;}
.is-sticky .fixed-header-search {top: 95px;}
.fixed-header-search.open { display: block;}
.site-header-search { position: absolute; top:20px; right: 20px; height: auto; z-index: 99; margin-top: 0px; padding: 0px 0px;}
.site-search {float: left;width: 100%;padding: 100px 100px 100px;position: relative;}
.site-search__div h2 {margin-bottom: 30px; font-family: 'Poppins-Medium';font-size: 70px;line-height: 82px;text-align: center;color: #ffffff;}
.cercar-filter-div { float: left; width: 100%; position: relative;z-index: 1; margin-bottom: 50px; text-align: center;}
.search-box {float: none;width: 100%;position: relative;padding: 0px 0px;display: inline-block; text-align: center; max-width: 607px;}
.search-box input[type="text"] {border-radius: 36px;display: inline-block;width: 100%;border: none;padding: 0 85px 0px 36px;background: #fff;height: 70px;font-family: 'Poppins-Bold';font-weight: normal;font-size: 18px;line-height: 32px;text-align: left;color: #2E1647;box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.3);}
.submit-ar {position: absolute;right: 7px;top: 50%;cursor: pointer;background: #007F6F url(../images/newletter-arw-h.svg) no-repeat center center; background-size: auto; width: 54px;
height: 54px;border: none;padding: 0; transform: translateY(-50%); border-radius: 50px !important;}
.submit-ar:hover { background: #FFB300 url(../images/newletter-arw-h.svg) no-repeat center center;}
.sub-menu-div .mCSB_scrollTools .mCSB_draggerRail {background-color: rgba(255,255,255,0.2);}
.sub-menu-div .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: rgba(255,255,255,0.4);}
.sub-menu-div .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {background-color: rgba(255,255,255,0.85);}
.site-search__div {float: left; width: 100%;}
.search-tags { float: left; width: 100%;padding: 0 200px;}
.search-tags h3  { font-family: 'Poppins-Medium';font-size: 20px;line-height: 28px;text-align: center;color: #ffffff;text-transform: uppercase;margin-bottom: 25px;}
.search-tags ul {float: left;width: 100%;display: flex;flex-wrap: wrap;column-gap: 10px;row-gap: 10px;align-items: center;justify-content: center;}
.search-tags ul li {flex: 0 1 auto;}
.search-tags ul li a {display: block;padding: 10px 20px;border: 1px solid #ffffff;border-radius: 25px;line-height: 20px;color: #ffffff;text-transform: none;text-align: center;transition: all 0.5s ease;font-family: 'Poppins-Medium';font-size: 13px;text-align: center;height: 34px;display: inline-flex;align-items: center;justify-content: center;width: 100%;}
.search-tags ul li a:hover {background: #ffffff;color: #2E1647;}
.search-open .m-menu span { background: #000000;}
.search-open .head-top { background:#007F6F;}
.search-open .hdr-links ul li a.search  {background: #FFB300 url(../images/header-search-w.svg) no-repeat center center; border: 1px solid #FFB300;}
.search-open .cbp-hrmenu > ul > li > a.active { color: #ffffff;}
.search-open .is-sticky .head-top-in { background: none;}
    
/* .desktop-menu { float: right; right: 0; margin: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; position:relative; display: flex;}
.desktop-menu span { z-index: 1; width: 60px; height: 60px; border-radius: 50px; position: relative; margin:auto; display: flex; align-items: center; justify-content: center;
-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}

.desktop-menu.open span { background: url(../images/ico-close.svg) no-repeat 0 0; width: 13px; height: 13px; background-size: cover; }
.is-sticky .desktop-menu span::before {background: url(../images/ico-burguer-positiu.svg) no-repeat 0 0;}
.is-sticky .desktop-menu.open span { background: url(../images/ico-close.svg) no-repeat 0 0; width: 13px; height: 13px; background-size: cover; }
.is-sticky .desktop-menu span:hover:before { background: url(../images/ico-burguer-negatiu.svg) no-repeat 0 0; } */

/********menu css*********/
.hidden { overflow: hidden;}
.hamburger-menu { display: none;}
.hamburger {cursor: pointer; padding:0px; position: relative;  width: 40px; height: 40px; border: 1px solid #000; border-radius: 43px; display: flex; align-items: center;}
.hamburger span, .hamburger span:before, .hamburger span:after {cursor: pointer;border-radius: 1px;height: 2px;width: 22px;background: #000;position: absolute;display: inline-block;content: '';right: 0;left: 0;margin: 0 auto;}
.inner-header .hamburger span, .inner-header .hamburger span:before, .inner-header .hamburger span:after { background: #000;}
.is-sticky .inner-header .hamburger span, .is-sticky .inner-header .hamburger span:before, .is-sticky .inner-header .hamburger span:after { background: #ffffff;}
.search-open .inner-header .hamburger span, .search-open .inner-header .hamburger span:before, .search-open .inner-header .hamburger span:after { background: #fff;} 
.hamburger span:before { top: -8px;}
.hamburger span:after { top: 8px; left: 0;}
.hamburger span, .hamburger span:before, .hamburger span:after {
-webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
-moz-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
-o-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */}
.hamburger.active span, .search-open .inner-header .hamburger.active span, .is-sticky .inner-header .hamburger.active span { background-color: transparent;}
.hamburger.active span:before, .hamburger.active span:after { top: 0}
.hamburger.active span:before {transform: rotate(45deg);background: #000;}
.hamburger.active span:after {transform: translateY(-10px) rotate(-45deg);top: 10px;background: #000;}
/* .hamburger.active { background: #94C01F;} */
/* .hamburger:hover { background: #94C01F;} */
.is-sticky .hamburger{border: 1px solid #fff;}
.is-sticky .hamburger span, .is-sticky .hamburger span::before, .is-sticky .hamburger span::after{background: #fff;}
.fixed-header .hamburger{border: 1px solid #fff;}
.fixed-header .hamburger span, .fixed-header .hamburger span:before, .fixed-header .hamburger span:after {background: #fff;}
.fixed-header .hamburger.active span:before {transform: rotate(45deg);background: #ffffff;}
.fixed-header .hamburger.active span:after {transform: translateY(-10px) rotate(-45deg);top: 10px;background: #ffffff;}
.fixed-header .hamburger.active span, .fixed-header .search-open .inner-header .hamburger.active span, .fixed-header .is-sticky .inner-header .hamburger.active span { background-color: transparent;}

.hamburger span{border-radius: 100px;}
.mobile-menu { float: left; width: 100%; transition: all 0.4s ease; background: #ffffff; padding: 30px 0px; opacity: 0; visibility: hidden; z-index: 1000; 
position: fixed; top: 66px; height: calc(100% - 66px);}
.mobile-menu.open { opacity: 1; visibility: visible;}
.mobile-nav { float: left; width: 100%;}
.mobile-nav ul {display: flex;flex-wrap: wrap;row-gap: 30px;}
.mobile-nav ul li { flex: 0 1 100%;}
.mobile-nav ul li a {transition: all 0.4s ease;font-size: 24px;line-height: 28px; letter-spacing: -0.44px; color: #fff;display: flex;align-items: center;justify-content: space-between;padding-right: 20px; font-family: 'Poppins-Regular';}
.mobile-nav ul li a span { background: url(../images/menu-arrow.svg) no-repeat 0 0; width: 19px; height: 19px; display: inline-block; transform: rotate(-90deg);}
.mobile-nav ul li a:hover {color: #FFB300;}
.mobile-nav ul li.active a {color: #FFB300; font-family: 'Poppins-Bold';}
.mobile-nav ul li a:hover span{background: url(../images/menu-arrow-h.svg) no-repeat 0 0;}

.mobile-sub-nav {  float: left; width: 100%; display: none; }
.mobile-sub-nav h2 {margin-bottom: 25px;font-family: 'Poppins-Bold';font-size: 18px;line-height: 28px; letter-spacing: -0.26px; text-align: left;color: #007B6C;}
.mobile-sub-nav ul { display: flex; flex-wrap: wrap; row-gap: 25px;}
.mobile-sub-nav ul li { flex: 0 1 100%;}
.mobile-sub-nav ul li a {transition: all 0.4s ease;font-family: 'Poppins-Regular';font-weight: normal;font-size: 20px;letter-spacing: -0.29px;line-height: 25px;text-align: left;color: #007F6F;}
.mobile-sub-nav ul li a:hover {color: #FFB300;}

.informacions-btn{width: 100%; float: left; margin-top: 45px;}
.informacions-btn a{max-width: 280px; text-align: center;border: 1px solid #fff; border-radius: 26px; font-family: 'Poppins-Regular'; font-size: 15px; line-height: 26px; letter-spacing: -0.22px; height: 52px; display: flex; align-items: center; justify-content: center; padding: 10px 22px; color: #fff; transition: all .5s ease;}
.informacions-btn a:hover{border: 1px solid #FFB300; background: #FFB300; color: #fff;}
.mobile-btm{width: 100%; float: left; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-top: 45px;}
.mobile-social{width: auto; float: left;}
.mobile-social ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 15px; align-items: center;}
.mobile-social ul li{flex: 0 1 auto;}
.mobile-social ul li a, .mobile-social ul li a img{float: left; transition: all .5s ease;}
.mobile-social ul li a:hover{opacity: 0.7;}
.mobile-btm .hdr-links ul{column-gap: 10px;}
.mobile-btm .hdr-links ul li a.heart,  .mobile-btm .hdr-links ul li:last-child {display: block;}
.mobile-btm .hdr-links ul li a.heart:hover{border: 1px solid #FFB300; background: #FFB300 url(../images/header-fav-w.svg) no-repeat center;}
.mobile-btm .hdr-links ul li a.lang{height: 48px; border: 1px solid #fff; color: #fff;}
.mobile-btm .hdr-links ul li a.lang:hover{border: 1px solid #FFB300;}

.mobile-btm .hdr-links ul li a.heart{width: 48px; height: 48px; border: 1px solid #fff; background: url(../images/header-fav-w.svg) no-repeat center;}
.mobile-btm .hdr-links ul li a.lang span img{filter: brightness(0) invert(1);}
.close-menu {position: absolute;left: -65px;top: 0;}
.close-menu a {float: left; max-width: 280px; width: 100%;transition: all 0.4s ease;width: 65px;height: 65px;background: #fff url(../images/mbl-menu-arw.svg) no-repeat center center;}
/* .close-menu a::before { position: absolute; display: block; content: ""; left: -13px; top: 6px; background: url(../images/mbl-menu-arw.svg) no-repeat 0 -9px; width: 18px; height: 19px;} */
.close-menu a:hover {opacity: 0.9;}

.hidden .head-top {background: #007F6F;}
body.hidden .desk-logo { display: none;}
body.hidden .stick-logo { display: inline-block;}

.sub-menu-content {opacity: 0;visibility: hidden;z-index: 1;height: 100%;background: #fff;padding: 20px 25px;position: fixed;width: calc(100% - 65px);right: -100%;top: 100px;transition: all 0.4s ease;z-index: 99999999999;}
.sub-menu-content.menu-open { opacity: 1; visibility: visible; right: 0;}
.show { display: block; }


.slider {float: left;width: 100%; position: relative;}
.slider .swiper-container-fade .swiper-slide::before{position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 500px;background: linear-gradient(178deg,rgba(0, 0, 0, 0.34) 0%, rgba(0, 0, 0, 0) 100%); z-index: 1;}
.slider .swiper-container-fade .swiper-slide:after{position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 300px; background: linear-gradient(178deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%); z-index: 1;}
.slider .swiper-slide img {float: left;width: 100%;}
.slider .swiper-slide .banner-cnt {position: absolute;top: 0;width: 100%;text-align: center;padding-top: 220px; z-index: 9;}
.slider .swiper-slide .banner-cnt img {width: auto;float: none;}
.slider .swiper-slide .banner-cnt h1 {float: left;width: 100%;font-family: 'Poppins-Bold';font-size: 150px;letter-spacing: -5.32px;line-height: 130px;text-align: center;color: #fff; position: relative;}
.slider .swiper-navigations {float: left;width: 1170px;position: absolute;bottom: 50px;z-index: 99;display: flex;align-items: center;justify-content: space-between;}
.slider .swiper-navigations .sw-lft .swiper-arrows {width: auto;}
.slider .swiper-navigations .sw-lft .swiper-arrows .swiper-button-prev {width: 54px; height: 54px; position: relative;right: 0px;bottom: -22px; background: transparent;}
.slider .swiper-navigations .sw-lft .swiper-arrows .swiper-button-next {width: 54px; height: 54px; position: relative;left: 40px;bottom: 0;right: auto; background: transparent;}
.ib-btn-lft {flex: 0 1 auto;display: flex;align-items: center;column-gap: 25px;}
.slider .swiper-slide img { width: 100%; height: 100%; float: left;} 
.slider .swiper-wrapper { float: left; width: 100%;} 
.ib-btn-lft {flex: 0 1 auto;display: flex;align-items: center;column-gap: 25px;}
.ib-btn-mit {flex: 0 1 auto;} 
.ib-btn-rht {flex: 0 1 auto;} 
.slider .swiper-button {width: 110px; display: flex;justify-content: space-between;align-items: center;}
.slider .swiper-button .swiper-button-prev-home, .slider .swiper-button .swiper-button-next-home {cursor: pointer; width:50px; height:50px; border: 2px solid rgba(255, 255, 255, 0.72); border-radius: 50px; display: flex;flex-wrap: wrap;align-items: center;justify-content: center; transition:all 0.5s ease;}
.slider .swiper-button .swiper-button-prev-home:hover, .slider .swiper-button .swiper-button-next-home:hover {background: #FFB300; border: 2px solid #FFB300;}
.slider .swiper-button .swiper-button-prev-home img, .slider .swiper-button .swiper-button-next-home img {filter: brightness(0) invert(1);}
.swiper-pagination-home {display: flex; align-items: center;column-gap: 10px;}
.swiper-pagination-home .swiper-pagination-bullet {width: 25px;height: 25px;opacity: 1;border-radius: 50px;overflow: hidden;border: 2px solid rgba(255, 255, 255, 0.72);margin: 0;}
.swiper-pagination-home .swiper-pagination-bullet img {width: 100%;height: 100%;object-fit: cover;}
.swiper-pagination-home .swiper-pagination-bullet-active {border: 3px solid #fff;width: 50px;height: 50px;}


/* rutas-sec */
.rutas-sec { float: left; width: 100%; padding: 80px 0;}
.rutas-inner{width: 100%; float: left; display: flex; flex-wrap: wrap; align-items: center; column-gap: 10%; row-gap: 0; margin-bottom: 50px; padding: 0 140px;}
.rutas-lft{flex: 0 1 45%;}
.rutas-rgt{flex: 0 1 45%;  display: flex; flex-wrap: wrap; row-gap: 50px;}
.rutas-inner h2{float: left; width: 100%;  font-family: 'Poppins-Regular'; font-size: 70px; line-height: 75px; letter-spacing: -2.48px; color: #333333;}
.rutas-inner h2 span{ font-family: 'Poppins-Bold'; color: #007F6F;}
.rutas-inner p{float: left; width: 100%;font-family: 'Poppins-Light'; font-size: 18px; line-height: 28px; letter-spacing: -0.26px;}
.rutas-inner p span{ font-family: 'Poppins-Bold';}
.rutas-inner a.saber-btn {font-family: 'Poppins-SemiBold';font-size: 16px;line-height:25px;color:#fff;padding:0px 38px; background: #007F6F;outline: 3px solid rgba(2, 127, 111, 0.17);transition:all 0.5s ease;border-radius: 43px;float: left;display: flex;height: 53px;align-items: center;justify-content: center;}
.rutas-inner a.saber-btn:hover{background: #FFB300; outline: 3px solid #FFB300; color: #333333;} 
.rutas-slide { float: left; width: 100%; position: relative;}
.rutas-slide .swiper-slide{float: left; width: 100%;}
.rutas-slide .swiper-slide a{float: left; width: 100%; margin-top: 20px; transition: all .5s ease;}
.rutas-main { float: left; width: 100%; position: relative; }
.rutas-main .rutas-img { width: 100%; float: left; overflow: hidden; border-radius: 0; position: relative;}
.rutas-main .rutas-img::after {position: absolute;content: "";left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 127, 111, 0.5);transition: all .5s ease;opacity: 0;}
.rutas-main .rutas-img img { width: 100%; float: left; transition: all .5s ease;}
.rutas-main:hover .rutas-img img { transform: scale(1.03);}
.rutas-main .rutas-cnt { float: left; width: 100%; padding-top:15px;}
.rutas-main .rutas-cnt h3 { float: left; width: 100%;  font-family: 'Poppins-SemiBold'; color: #333333; font-size: 32px; line-height: 40px; letter-spacing: -1.1px;transition: all .5s ease; display: flex;column-gap: 30px;align-items: flex-start; margin-bottom: 10px;}
.rutas-main .rutas-cnt h3 span {margin-top: 12px;}
.rutas-main .rutas-cnt h3 span img{float: left;}
.rutas-main .rutas-cnt p { float: left; width: 100%; font-family: 'Poppins-Light'; color: #333333; font-size: 16px; line-height: 26px; letter-spacing: -0.23px; transition: all .5s ease;}
.rutas-main:hover .rutas-cnt h3 { color: #007F6F; font-family: 'Poppins-ExtraBold';}
.rutas-main:hover .rutas-cnt p { color: #007F6F;}
.rutas-slide .swiper-slide a:hover{margin-top: 0;}
.rutas-main:hover .rutas-img{box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.25);}
.rutas-main:hover .rutas-img::after{opacity: 1;}

.rutas-controls{position: relative;z-index: 5;bottom: 0;display: none;align-items: center;justify-content: space-between;width: 100%;}
.rutas-controls .swiper-button {width: 110px; display: flex;justify-content: space-between;align-items: center;}
.rutas-controls .swiper-button-prev-rutas, .rutas-controls .swiper-button-next-rutas {cursor: pointer; width:50px; height:50px; border: 2px solid rgba(51, 51, 51, 0.18); border-radius: 50px; display: flex;flex-wrap: wrap;align-items: center;justify-content: center; transition:all 0.5s ease;}
.rutas-controls .swiper-button-prev-rutas:hover, .rutas-controls .swiper-button-next-rutas:hover {background: #007F6F;}
.rutas-controls .swiper-button-prev-rutas:hover img, .rutas-controls .swiper-button-next-rutas:hover img {filter: brightness(0) invert(1);}
.rutas-controls .swiper-pagination-rutas .swiper-pagination-bullet{ width:8px; height:8px; background:rgba(0, 0, 0, 0.12);border:none; opacity:1; border-radius:15px;}
.rutas-controls .swiper-pagination-rutas .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #007F6F !important;}
.rutas-controls .swiper-pagination-rutas { column-gap: 10px; text-align: center; position: relative; display: inline-flex; justify-content: center; align-items: center;}
.rutas-controls .swiper-pagination-rutas .swiper-pagination-bullet { margin:0;}

/*coneix*/
.coneix-sec { float: left; width: 100%; position: relative;}
.coneix-sec img { float: left; width: 100%; }
.coneix-sec .mbl-img{display: none;}
.coneix-cont { position: absolute; width: 50%; height: 100%; left: 0px; top: 0; background: rgba(0, 127, 111, 0.73); padding: 140px 100px 140px calc((100% - 1170px + 1rem) / 2);}
.coneix-cont h6 {width: 100%; float: left; color: #FFB300; font-size: 15px; line-height: 15px; letter-spacing: 1px; font-family: 'Poppins-Regular'; margin-bottom: 12px;}
.coneix-cont h2 {width: 100%; float: left; color: #fff; font-size: 85px; line-height: 75px; letter-spacing: -3.01px; font-family: 'Poppins-Regular'; margin-bottom: 25px;}
.coneix-cont h2 span {color: #FFC300; font-family: 'Poppins-Bold';}
.coneix-cont p {width: 100%; float: left; color: #fff; font-size: 20px; line-height: 26px; letter-spacing: 0.31px; font-family: 'Poppins-Regular'; margin-bottom: 45px;}
.coneix-cont a.saber-btn {font-family: 'Poppins-SemiBold';font-size: 16px;line-height:25px;color:#007F6F;padding:0px 38px; background: #fff;outline: 3px solid rgba(255, 255, 255, 0.17);transition:all 0.5s ease;border-radius: 43px;float: left;display: flex;height: 53px;align-items: center;justify-content: center;}
.coneix-cont a.saber-btn:hover{background: #FFB300; outline: 3px solid #FFB300; color: #333333;} 

/* territorio */
.territorio-sec {float: left; width: 100%;background: url("../images/home-banner-03.jpg") no-repeat center; background-size: cover; padding: 80px 0;}
.territorio-inner{float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 6%; row-gap: 0; align-items: flex-start;}
.territorio-lft{flex: 0 1 47%;}
.territorio-lft h2 {width: 100%; float: left; font-family: 'Poppins-Regular'; color: #ffffff; font-size: 60px; line-height: 60px; letter-spacing: -2.13px;margin-bottom: 20px;}
.territorio-lft h2 span{ color: #FFB300; font-family: 'Poppins-Bold';}
.territorio-lft p{float: left; width: 100%; font-family: 'Poppins-Light'; color: #ffffff; font-size: 16px; line-height: 26px; letter-spacing: -0.23px; margin-bottom: 20px; padding-right: 80px;}
.territorio-lft p span{font-size: 18px; line-height: 28px; font-family: 'Poppins-Bold';}
.territorio-lft a.veure-btn {font-family: 'Poppins-SemiBold';font-size: 16px;line-height:25px;color:#007F6F;padding:0px 38px; background: #fff;outline: 3px solid rgba(255, 255, 255, 0.17);transition:all 0.5s ease;border-radius: 43px;float: left;display: flex;height: 53px;align-items: center;justify-content: center; margin-top: 30px;}
.territorio-lft a.veure-btn:hover{background: #FFB300; outline: 3px solid #FFB300; color: #1A233A;} 
.territorio-rgt{flex: 0 1 47%;}
.territorio-rgt img{width: 100%;float: left;}
.territory-slide { float: left; width: 100%; position: relative; padding-top: 60px;}
.territory-slide .swiper-wrapper { padding-bottom: 60px;}
.territory-slide .swiper-slide{width: 100%; float: left;}
.territory-main { float: left; width: 100%; transition: all .5s ease; padding-top: 12px;}
.territory-main .territory-img { width: 100%; float: left; overflow: hidden;position: relative; transition: all .5s ease;}
.territory-main .territory-img img { width: 100%; float: left; transition: all .5s ease;}
.territory-main:hover .territory-img img { transform: scale(1.03);}
.territory-main .territory-cnt { float: left; width: 100%; padding-top: 15px;}
.territory-main .territory-cnt h3 { float: left; width: 100%; font-family: 'Poppins-Medium'; color: #ffffff; font-size: 25px; line-height: 35px; letter-spacing: -0.67px; margin-bottom: 5px; transition: all .5s ease;}
.territory-main .territory-cnt p { float: left; width: 100%; font-family: 'Poppins-Light'; color: #ffffff; font-size: 14px; line-height: 20px; letter-spacing: -0.2px; transition: all .5s ease;}
.territory-main:hover .territory-cnt h3, .territory-main:hover .territory-cnt p { color: #FFB300;}
.territory-slide .swiper-slide:hover .territory-main {padding-top: 0;}
.territory-slide .swiper-slide:hover .territory-main .territory-img{box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.25);}

.propostes-controls{position: relative;bottom: 0;display: flex;align-items: center;justify-content: space-between;width: 100%;}
.propostes-controls .swiper-button {width: 110px; display: flex;justify-content: space-between;align-items: center;}
.propostes-controls .swiper-button-prev-propostes, .propostes-controls .swiper-button-next-propostes {cursor: pointer; background: #fff; width:50px; height:50px; border: 2px solid rgba(51, 51, 51, 0.18); border-radius: 50px; display: flex;flex-wrap: wrap;align-items: center;justify-content: center; transition:all 0.5s ease;}
.propostes-controls .swiper-button-prev-propostes:hover, .propostes-controls .swiper-button-next-propostes:hover {background: #007F6F;}
.propostes-controls .swiper-button-prev-propostes:hover img, .propostes-controls .swiper-button-next-propostes:hover img {filter: brightness(0) invert(1);}
.propostes-controls .swiper-pagination-propostes .swiper-pagination-bullet{ width:8px; height:8px; background:rgba(0, 0, 0, 0.12);border:none; opacity:1; border-radius:15px;}
.propostes-controls .swiper-pagination-propostes .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #007F6F !important;}
.propostes-controls .swiper-pagination-propostes { column-gap: 10px; text-align: center; position: relative; display: inline-flex; justify-content: center; align-items: center;}
.propostes-controls .swiper-pagination-propostes .swiper-pagination-bullet { margin:0;}

/*Home newsletter*/
.subscrui-te { float: left; width: 100%; text-align: center; padding: 60px 0; background: #007F6F; box-shadow: 0 40px 50px 0 rgba(0,0,0,0.16); overflow: hidden; display: flex; align-items: center;}
.subscrui-inner{float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 4%; position: relative; padding: 0 80px; align-items: center; z-index: 5;}
.subscrui-inner:after{position: absolute; content: ""; left: 0; top:50%; transform: translateY(-50%); background:url(../images/bg-newsletter.svg) no-repeat 0 0; background-size: cover; width: 220px; height: 220px;}
.subscribe-title{flex: 0 1 48%;}
.subscrui-te h2 { color: #fff; font-size: 65px; line-height: 65px; letter-spacing: 0.12px; font-family: 'Poppins-Regular'; text-align: left;}
.subscrui-te h2 span{display: block; color: #FFB300; font-family: 'Poppins-Bold';}
.subscribe-form { flex: 0 1 48%; display: inline-block;position: relative;}
.subscribe-form label { float: left; width: 100%; text-align: left; color: #ffffff; font-size: 14px; line-height: 21px; font-family: 'Poppins-Regular'; padding-bottom: 10px;}
.subscribe-form .txt-bx { float: left; width: 100%; position: relative;}
.subscribe-form .txt-bx input[type="text"] { background: rgba(255, 255, 255, 0.11); border: 2px solid rgba(255, 255, 255, 0.42); width: 100%; height: 58px; font-family: 'Poppins-Regular'; border-radius: 29px; font-weight: normal;font-style: normal;font-size: 16px; line-height: 30px;letter-spacing: 0.04px;color: #fff;display: flex; align-items: center; padding: 0 25px;}
.subscribe-form .txt-bx button { position: absolute; right: 5px; top: 5px; background: #fff url(../images/newletter-arw.svg) no-repeat center center; display: flex; align-items: center; justify-content: center;cursor: pointer; transition:all .5s ease; width: 49px; height: 49px; border: none; border-radius: 50px;}
.subscribe-form .txt-bx button:hover{background: #FFB300 url(../images/newletter-arw-h.svg) no-repeat center center;}

/* check box */
.chk-box { float: left; width: 100%; text-align: left; margin-top: 18px; padding: 0 25px;}
.chk-box input {  height: 1px; left: 0; position: absolute; top: 0; visibility: hidden; width: 1px;}
.chk-box label { color: #fff; cursor: pointer; padding-bottom: 0px; color: #ffffff; font-size: 14px; line-height: 21px; letter-spacing: 0.1px; font-family: 'Poppins-Regular';  padding-left: 26px; position: relative; float: none; display: inline-block; width: auto; margin-bottom: 0px; text-align: left;}
.chk-box label a{text-decoration: underline; font-family:'Poppins-Bold'; font-weight: normal; color: #ffffff; transition:all .5s ease;}
.chk-box label a:hover { color: #FFB300;}
.chk-box label::before { content: "";height: 9px;left: 2.5px;position: absolute; top: 5.7px;transition: all 0.3s ease-in-out 0s;width: 9px;z-index: 9; border-radius: 7px;}
.chk-box label::after { background: none; border: 1px solid #fff; content: ""; height: 14px; left: 0; position: absolute; top: 3px; width: 14px; border-radius:7px;}
.chk-box input:checked + label::before {background: #FFFFFF none repeat scroll 0 0;}

/* ------ footer css ----------- */
footer { float: left; width: 100%; padding: 80px 0 0 0; background: #1E3532;}
.footer-mid-sec { float: left; width: 100%; position: relative;}
.foot-mid-top { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 6%; padding: 0 2%;}
.foot-mid-lft{flex: 0 1 34%; display: flex; flex-wrap: wrap; row-gap: 50px;}
.foot-logo {flex: 0 1 100%; min-height: 80px; display: flex; align-items: center;}
.foot-logo a, .foot-logo a img {float: left; transition:all .5s ease;}
.foot-logo a:hover {opacity: 0.7;}
.foot-address{flex: 0 1 100%;}
.foot-address ul.detail {width: 100%; display: flex; flex-wrap: wrap; row-gap: 15px;}
.foot-address ul.detail li {flex: 0 1 100%; padding-left: 30px; color: #fff; font-size: 16px; line-height: 26px; font-family: 'Poppins-Regular';}
.foot-address ul.detail li a {color: #fff; font-size: 16px; line-height: 26px; transition:all .5s ease; font-family: 'Poppins-Bold'; text-decoration: underline;}
.foot-address ul.detail li.loc {background: url("../images/footer-location.svg") no-repeat scroll 0 4px;}
.foot-address ul.detail li.tel {background: url("../images/footer-phone.svg") no-repeat scroll 0 4px;}
.foot-address ul.detail li.mail {background: url("../images/footer-mail.svg") no-repeat scroll 0 4px;}
.foot-address ul.detail li a:hover {color: #FFB300;}

.foot-mid-rgt{flex: 0 1 60%;display: flex;flex-wrap: wrap; row-gap: 60px;}
.foot-logo-rgt {width: 100%; display: flex;flex-wrap: wrap;align-items: center; column-gap: 5%;}
.foot-logo-rgt ul { display: flex; flex-wrap: wrap; column-gap: 30px; align-items: center; }
.foot-logo-rgt ul li a { transition:all .5s ease; }
.foot-logo-rgt ul li a img { width: auto;}
.foot-logo-rgt ul li a:hover { opacity: 0.7;}
.foot-mid-btm { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 5%;}
.foot-mid-btm .foot-mid1 {flex: 0 1 30%;}
.foot-mid-btm .foot-mid1 ul { width: 100%; display: flex; flex-wrap: wrap; row-gap: 20px;}
.foot-mid-btm .foot-mid1 ul li { flex: 0 1 100%;}
.foot-mid-btm .foot-mid1 ul li a { color: #fff; font-size: 20px; line-height: 26px; font-family: 'Poppins-Regular'; letter-spacing: -0.1px; transition:all .5s ease;}
.foot-mid-btm .foot-mid1 ul li a:hover {color: #FFB300;}
ul.social-list {width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: right; column-gap: 10px; margin-top: 25px;}
ul.social-list li {flex: 0 1 auto;}
ul.social-list li a {float: left; width: 40px;height:40px; border: 1px solid rgba(255, 255, 255, 0.3); transition:all .5s ease; border-radius: 100px;display: flex;align-items: center;justify-content: center;}
ul.social-list li a img{transition:all .5s ease;}
ul.social-list li a:hover {background: #FFB300; border: 1px solid #FFB300;}
.footer-btm-sec { float: left; width: 100%; padding: 0px 0px; position: relative; margin-top: 75px; }
.foot-btm { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 10%; align-items: center; justify-content: space-between; padding: 35px 2% 45px; border-top: 1px solid rgba(255,255,255,0.3);}
.foot-btm-rgt{flex: 0 1 56%;}
ul.ftr-btm-menu{width: 100%; display: flex; flex-wrap: wrap; column-gap: 25px;}
ul.ftr-btm-menu li { flex: 0 1 auto;}
ul.ftr-btm-menu li a { color: rgba(255, 255, 255, 0.63); font-size: 14px; line-height: 24px; font-family: 'Poppins-Regular'; letter-spacing: 0.1px; transition:all .5s ease;}
ul.ftr-btm-menu li a:hover {color: #FFB300;}
.foot-btm-lft{flex: 0 1 34%;}
.foot-btm p {width: 100%; color: rgba(255, 255, 255, 0.63); font-size: 14px; line-height: 20px; letter-spacing: 0.1px; font-family: 'Poppins-Regular';}
.ftr-logo{width: 100%; float: left; background: rgba(30, 53, 50, 0.05); padding: 25px 0;}
.ftr-logo-inner{width: 100%; float: left; display:flex; flex-wrap: wrap; justify-content: space-between;}
.ftr-logo-lft{flex: 0 1 58%;}
.ftr-logo-rgt{flex: 0 1 40%;}
.ftr-logo ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 12px; margin-bottom: 10px;}
.ftr-logo ul li{flex: 0 1 auto;}
.ftr-logo ul li a{float: left; width: 100%;}
.ftr-logo ul li a img{width: 100%; float: left; transition:all .5s ease;}
.ftr-logo ul li a:hover img{opacity: 0.7;}
.ftr-logo p{width: 100%; float: left; text-align: center; font-family: 'Poppins-Regular'; font-size: 10px; line-height: 15px; color: rgba(0,0,0,0.7);}

/* scroll top css */
#sc-button { display: none; position: fixed; right: 50px; bottom: 100px; width: 50px; height: 50px; background: #fff; border: 2px solid rgba(51, 51, 51, 0.18); border-radius: 100px;transition:all .5s ease; z-index: 5;}
#sc-button:hover{background:#FFB300; border: 2px solid #FFB300;}
#sc-button img{width: auto; position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);}
#sc-button.show { display: block;}

/*blog*/
.blog-slider{float: left;width: 100%; padding: 80px 0; background: #fff;}
.blog-inner{width: 100%; float: left; position: relative;}
.blog-slider h2{float: left;width: 100%; font-family: 'Poppins-Medium'; color: #333333; font-size: 60px; line-height: 75px; letter-spacing: -2.13px; margin-bottom: 35px;}
.blog-list{width: 100%; float: left; margin-bottom: 50px;}
.blog-list .swiper-container{float: left;width: 100%;}
.blog-list .swiper-slide{float: left;width: 100%;}
.blog-main{float: left;width: 100%;}
/* .blog-main a{float: left;width: 100%;} */
.blog-img{float: left;width: 100%; position: relative; margin-bottom: 20px; overflow: hidden; border-radius: 6px;}
.blog-img img{float: left;width: 100%; transition: all .5s ease;}
.blog-list .swiper-slide:hover .blog-img img{transform: scale(1.03);}
.blog-main .fav-icon { position: absolute; left: 0; top: 0; background: rgba(40, 40, 40, 0.52); border-radius: 6px 0 6px 0; overflow: hidden; z-index: 99;}
.blog-main .fav-icon a { width: 42px; height: 42px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.blog-main .fav-icon a img { filter: brightness(0) invert(1); width: auto;}

.blog-cnt{float: left;width: 100%;}
.blog-cnt p{float: left;width: 100%; color: #333333; font-family: 'Poppins-Light'; font-size: 18px; line-height: 28px; letter-spacing: -0.26px; margin-bottom: 15px; transition: all .5s ease;}
.blog-cnt p span{font-family: 'Poppins-Bold';}
.blog-cnt h3{float: left;width: 100%;}
.blog-cnt h3 a{font-family: 'Poppins-Medium'; color: #333333; font-size: 30px; line-height: 35px; letter-spacing: -0.8px; transition: all .5s ease;}
.blog-list .swiper-slide:hover .heart-ico a::after {opacity: 1;}
.blog-list .swiper-slide:hover h3 a{color: #007F6F;}
.blog-list .swiper-slide:hover p{color: #007F6F;}
.saber-mas { position: absolute; top: 10px; right: 0;}
.saber-mas a{font-family: 'Poppins-SemiBold';font-size: 16px;line-height:25px;color:#fff;padding:0px 38px; background: #007F6F;outline: 3px solid rgba(2, 127, 111, 0.17);transition:all 0.5s ease;border-radius: 43px;float: left;display: flex;height: 53px;align-items: center;justify-content: center;}
.saber-mas a:hover{background: #FFB300; outline: 3px solid #FFB300;color: #333333;} 
.blog-controls{position: relative;bottom: 0;display: flex;align-items: center;justify-content: space-between;width: 100%;}
.blog-controls .swiper-button {width: 110px; display: flex;justify-content: space-between;align-items: center;}
.blog-controls .swiper-button-prev-blog, .blog-controls .swiper-button-next-blog {cursor: pointer; width:50px; height:50px; border: 2px solid rgba(51, 51, 51, 0.18); border-radius: 50px; display: flex;flex-wrap: wrap;align-items: center;justify-content: center; transition:all 0.5s ease; background: #fff;}
.blog-controls .swiper-button-prev-blog:hover, .blog-controls .swiper-button-next-blog:hover {background: #007F6F;}
.blog-controls .swiper-button-prev-blog:hover img, .blog-controls .swiper-button-next-blog:hover img {filter: brightness(0) invert(1);}
.blog-controls .swiper-pagination-blog .swiper-pagination-bullet{ width:8px; height:8px; background:rgba(0, 0, 0, 0.12);border:none; opacity:1; border-radius:15px;}
.blog-controls .swiper-pagination-blog .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #007F6F !important;}
.blog-controls .swiper-pagination-blog { column-gap: 10px; text-align: center; position: relative; display: inline-flex; justify-content: center; align-items: center;}
.blog-controls .swiper-pagination-blog .swiper-pagination-bullet { margin:0;}

/*propostes-slider*/
.filter-title{float: left;width: 100%; margin-bottom: 30px; display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;}
.filter-list{width: auto; float: left;}
.filter-list ul{float: left; width: auto; display: flex; flex-wrap: wrap; column-gap: 15px;}
.filter-list ul li{flex: 0 1 auto;}
.filter-list ul li a{display: flex;text-transform: uppercase; padding: 9px 22px;border-radius: 6px;outline: 1px solid #979797;background: transparent;color: #333333; font-family: 'Poppins-Regular'; font-size: 16px; line-height: 20px; letter-spacing: -0.57px; cursor: pointer;transition: all .5s ease;}
.filter-list ul li a.active{background: #007F6F; color: #fff; font-family: 'Poppins-Bold'; outline: 1px solid rgba(2, 127, 111, 0.25);}
.filter-list ul li a:hover{background: #007F6F; color: #fff;outline: 1px solid rgba(2, 127, 111, 0.25);}
.propostes-slider{float: left;width: 100%; padding: 80px 0; background: #fff;}
.propostes-inner{width: 100%; float: left; position: relative;}
.propostes-slider h2{float: left;width: 100%; font-family: 'Poppins-Medium'; color: #333333; font-size: 60px; line-height: 75px; letter-spacing: -2.13px; margin-bottom: 20px;}
.propostes-list{width: 100%; float: left; margin-bottom: 50px;}
.propostes-list .swiper-container{float: left;width: 100%;}
.propostes-list .swiper-slide{float: left;width: 100%;}
.exp-main {float: left; width: 100%;}
.heart-ico, .heart-ico a{float: left; width: 100%; position: relative;}
.exp-main .exp-img { width: 100%; float: left; overflow: hidden; position: relative; border-radius: 6px;}
.heart-ico a:after{position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 127, 111, 0.5); transition: all .5s ease; opacity: 0;}
.exp-main .exp-img img { float: left; width: 100%; transition:all .5s ease;}
.exp-main .fav-icon { position: absolute; left: 0; top: 0; background: rgba(40, 40, 40, 0.52); border-radius: 6px 0 6px 0; overflow: hidden; z-index: 2;}
.exp-main .fav-icon a { width: 42px; height: 42px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.exp-main .fav-icon a img { filter: brightness(0) invert(1); width: auto;}
.exp-main .exp-txt { position: relative; bottom: 0px; width: 100%; float: left; padding: 0px; margin: 20px 0 0 0; }
.exp-main .exp-txt h5{float: left; width: 100%; font-family: 'Poppins-Bold'; color: #007F6F; font-size: 16px; line-height: 24px; margin-bottom: 15px;}
.exp-main .exp-txt h3 {float: left; width: 100%;  margin-bottom: 20px;}
.exp-main .exp-txt h3 a {float: left; font-size: 30px; line-height: 35px; letter-spacing: -0.8px; font-family: 'Poppins-Medium'; color: #333333; transition: all 0.5s ease;display: block;}
.exp-main .exp-txt p {float: left; width: 100%; font-size: 14px; line-height: 20px; letter-spacing: -0.2px; color: #333333; font-family: 'Poppins-Light'; transition: all 0.5s ease; margin-bottom: 20px;}
.exp-main:hover .fav-icon img { transform: none;}
.exp-main:hover .exp-img img { transform: scale(1.03);}
.exp-main:hover .exp-txt h3 a { color: #007F6F; font-family: 'Poppins-Bold';}
.exp-main:hover .exp-txt p { color: #007F6F;}
.exp-main:hover .heart-ico a:after{opacity: 1;}
.filter-tag{width: 100%; float: left;}
.filter-tag ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 10px;}
.filter-tag ul li{flex: 0 1 auto; border: 1px solid #333333; padding: 5px 15px; border-radius: 6px; color: #333333; font-family: 'Poppins-Regular'; font-size: 16px; line-height: 20px; letter-spacing: -0.57px;}
.filter-tag ul li.active{background: #007F6F; border: 1px solid #007F6F; color: #fff;  font-family: 'Poppins-SemiBold';}
.exp-main:hover .filter-tag ul li{border: 1px solid #007F6F; color: #007F6F;}
.exp-main:hover .filter-tag ul li.active{color: #fff;}
.territory-controls{position: relative;z-index: 2;bottom: 0;display: flex;align-items: center;justify-content: space-between;width: 100%;}
.territory-controls .swiper-button {width: 110px; display: flex;justify-content: space-between;align-items: center;}
.territory-controls .swiper-button-prev-territory, .territory-controls .swiper-button-next-territory {cursor: pointer; width:50px; height:50px; border: 2px solid rgba(255, 255, 255, 0.72); border-radius: 50px; display: flex;flex-wrap: wrap;align-items: center;justify-content: center; transition:all 0.5s ease;}
.territory-controls .swiper-button-prev-territory:hover, .territory-controls .swiper-button-next-territory:hover {background: #FFB300; border: 2px solid #FFB300;}
.territory-controls .swiper-button-prev-territory img, .territory-controls .swiper-button-next-territory img {filter: brightness(0) invert(1);}
.territory-controls .swiper-pagination-territory .swiper-pagination-bullet{ width:8px; height:8px; background:rgba(255, 255, 255, 0.38);border:none; opacity:1; border-radius:15px;}
.territory-controls .swiper-pagination-territory .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #FFB300 !important;}
.territory-controls .swiper-pagination-territory { column-gap: 12px; text-align: center; position: relative; display: inline-flex; justify-content: center; align-items: center;}
.territory-controls .swiper-pagination-territory .swiper-pagination-bullet { margin:0;}
.veure-btn{width: auto; float: left;}
.veure-btn a{font-family: 'Poppins-SemiBold';font-size: 16px;line-height:25px;color:#fff;padding:0px 38px; background: #007F6F;outline: 3px solid rgba(2, 127, 111, 0.17);transition:all 0.5s ease;border-radius: 43px;float: left;display: flex;height: 53px;align-items: center;justify-content: center;}
.veure-btn a:hover{background: #FFB300; outline: 3px solid #FFB300; color: #333333;} 

/*inter-sec*/
.inter-sec{width: 100%; float: left; background: url("../images/home-banner-02.jpg") no-repeat center; background-size: cover; padding: 100px 0;position: relative;height: 100vh;display: flex;align-items: center;}
.inter-sec::after{position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: rgba(36, 43, 44, 0.48);}
.inter-inner{width: 100%; float: left; padding: 0 60px; display: flex; flex-wrap: wrap; column-gap: 10%; row-gap: 0; position: relative; z-index: 2;}
.inter-left{flex: 0 1 50%;}
.inter-left h6{width: 100%; float: left; font-family: 'Poppins-Regular'; color: #FFB300; font-size: 15px; line-height: 15px; letter-spacing: 1px; margin-bottom: 15px;}
.inter-left h2{width: 100%; float: left; font-family: 'Poppins-Regular'; color: #fff; font-size: 85px; line-height: 85px; letter-spacing: -3.01px; margin-bottom: 25px;}
.inter-left h2 span{font-family: 'Poppins-Bold'; color: #FFB300;}
.inter-left ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 10px; row-gap: 8px; margin-bottom: 50px;}
.inter-left ul li{flex: 0 1 auto;}
.inter-left ul li a{background: rgba(255, 255, 255, 0.75); border-radius: 7px; display: flex; padding: 10px 22px; color: #1A233A;font-family: 'Poppins-SemiBold'; font-size: 14px; line-height: 16px; letter-spacing: -0.35px; transition:all 0.5s ease; text-decoration: underline;}
.inter-left ul li a:hover{background: #FFB300;}
.inter-sec a.saber-btn {font-family: 'Poppins-SemiBold';font-size: 16px;line-height:25px;color:#fff;padding:0px 38px; background: transparent;outline: 3px solid rgba(255, 255, 255, 0.47);transition:all 0.5s ease;border-radius: 43px;float: left;display: flex;height: 53px;align-items: center;justify-content: center;}
.inter-sec a.saber-btn:hover{background: #FFB300; outline: 3px solid #FFB300; color: #1A233A;} 
.inter-right{flex: 0 1 40%;}
.inter-right ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 12px;}
.inter-right ul li{flex: 0 1 100%;}
.inter-right ul li a{width: 100%; float: left; padding: 7px; background: rgba(51, 51, 51, 0.60); border: 1px solid rgba(255, 255, 255, 0.29); display: flex; flex-wrap: wrap; column-gap: 20px; border-radius: 8px; align-items: center; transition:all 0.5s ease;}
.inter-right ul li .inter-img{flex: 0 1 134px; height: 115px; overflow: hidden; border-radius: 6px;}
.inter-right ul li .inter-img img{width: 100%; float: left; height: 100%; object-fit: cover;}
.inter-right ul li .inter-cnt{flex: 0 1 calc(100% - 154px);}
.inter-right ul li .inter-cnt h3{width: 100%; float: left; color: #fff; font-family: 'Poppins-SemiBold'; font-size: 20px; line-height: 24px; letter-spacing: -0.53px; margin-bottom: 10px; transition:all 0.5s ease;}
.inter-right ul li .inter-cnt p{width: 100%; float: left; color: #fff;font-family: 'Poppins-Light'; font-size: 14px; line-height: 22px; letter-spacing: -0.2px; margin-bottom: 10px; transition:all 0.5s ease;}
.inter-right ul li .inter-cnt span{float: left; color: #fff;font-family: 'Poppins-SemiBold'; text-decoration: underline; font-size:14px; line-height: 16px; letter-spacing: -0.35px; transition:all 0.5s ease;}
.inter-right ul li:hover .inter-cnt h3, .inter-right ul li:hover .inter-cnt p, .inter-right ul li:hover .inter-cnt span{color: #FFB300;}
.inter-right ul li:hover a{border: 1px solid #FFB300;}

/*agenda*/
.propostes-slider.agenda h2{margin-bottom: 35px;}
.propostes-slider.agenda .veure-btn {position: absolute;right: 0;top: 10px;}
.agenda-controls{position: relative;z-index: 2;bottom: 0;display: flex;align-items: center;justify-content: space-between;width: 100%;}
.agenda-controls .swiper-button {width: 110px; display: flex;justify-content: space-between;align-items: center;}
.agenda-controls .swiper-button-prev-agenda, .agenda-controls .swiper-button-next-agenda {cursor: pointer; width:50px; height:50px; border: 2px solid rgba(51, 51, 51, 0.18); border-radius: 50px; display: flex;flex-wrap: wrap;align-items: center;justify-content: center; transition:all 0.5s ease;}
.agenda-controls .swiper-button-prev-agenda:hover, .agenda-controls .swiper-button-next-agenda:hover {background: #007F6F;}
.agenda-controls .swiper-button-prev-agenda:hover img, .agenda-controls .swiper-button-next-agenda:hover img {filter: brightness(0) invert(1);}
.agenda-controls .swiper-pagination-agenda .swiper-pagination-bullet{ width:8px; height:8px; background:rgba(0, 0, 0, 0.12);border:none; opacity:1; border-radius:15px;}
.agenda-controls .swiper-pagination-agenda .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #007F6F !important;}
.agenda-controls .swiper-pagination-agenda { column-gap: 10px; text-align: center; position: relative; display: inline-flex; justify-content: center; align-items: center;}
.agenda-controls .swiper-pagination-agenda .swiper-pagination-bullet { margin:0;}
.propostes-slider.green {background: #fff;}

/***** selvaraj ****/
.propostes-slider.green, .propostes-slider.patrimoni, .blog-slider.green {background: rgba(0, 127, 111, 0.1);}
.propostes-slider.patrimoni h2{margin-bottom: 30px;}
.patrimoni-controls{position: relative;bottom: 0;display: flex;align-items: center;justify-content: space-between;width: 100%;}
.patrimoni-controls .swiper-button {width: 110px; display: flex;justify-content: space-between;align-items: center;}
.patrimoni-controls .swiper-button-prev-patrimoni, .patrimoni-controls .swiper-button-next-patrimoni {cursor: pointer; background: #fff; width:50px; height:50px; border: 2px solid rgba(51, 51, 51, 0.18); border-radius: 50px; display: flex;flex-wrap: wrap;align-items: center;justify-content: center; transition:all 0.5s ease;}
.patrimoni-controls .swiper-button-prev-patrimoni:hover, .patrimoni-controls .swiper-button-next-patrimoni:hover {background: #007F6F;}
.patrimoni-controls .swiper-button-prev-patrimoni:hover img, .patrimoni-controls .swiper-button-next-patrimoni:hover img {filter: brightness(0) invert(1);}
.patrimoni-controls .swiper-pagination-patrimoni .swiper-pagination-bullet{ width:8px; height:8px; background:rgba(0, 0, 0, 0.12);border:none; opacity:1; border-radius:15px;}
.patrimoni-controls .swiper-pagination-patrimoni .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #007F6F !important;}
.patrimoni-controls .swiper-pagination-patrimoni { column-gap: 10px; text-align: center; position: relative; display: inline-flex; justify-content: center; align-items: center;}
.patrimoni-controls .swiper-pagination-patrimoni .swiper-pagination-bullet { margin:0;}


.inner-banner { float: left; width: 100%; position: relative; overflow: hidden;}
.inner-banner::after{position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.25);}
.inner-banner img { float: left; width: 100%; overflow: hidden; position: relative;}
.inner-banner-cnt {width: auto; display: flex;flex-wrap: wrap;row-gap: 15px;  position: absolute;left: 0;top: 50%;transform: translateY(-50%);right: 0;margin: 0px auto; z-index: 2;}
.inner-banner h2 { width: 100%; float: left; font-family: 'Poppins-SemiBold'; font-size: 90px; line-height: 90px; letter-spacing: -3.19px;color: #fff; text-align: center;}
.inner-banner.left h2{text-align: left; font-size: 80px; line-height: 80px; letter-spacing: -2.84px;}
.inner-banner.left .breadcrum ul{justify-content: left;}
.inner-banner.left::after{background: linear-gradient(90deg,rgba(0, 0, 0, 0.17) 17%, rgba(0, 0, 0, 0.17) 17%);}
.inner-banner.left .inner-banner-cnt{top: 70%;transform: translateY(-70%);}


/* Bread crum */
.breadcrum { float: left; width: 100%; margin-bottom: 20px;}
.breadcrum ul { width: 100%; display: flex; flex-wrap: wrap; column-gap: 0; justify-content: center; row-gap: 10px;}
.breadcrum ul li { flex: 0 1 auto; font-family: 'Poppins-Light'; color: #fff; font-size: 16px; line-height: 18px; letter-spacing: -0.25px; position: relative;}
.breadcrum ul li a { font-family: 'Poppins-Regular'; color: #fff; font-size: 16px; line-height: 21px;transition: all 0.5s ease;}
.breadcrum ul li:not(:last-of-type)::after {position: relative;content: "|";right: 0;top: 0px; margin: 0 15px;color: #fff;font-size: 16px;}
.breadcrum ul li a:hover { color: #FFB300;}
.breadcrum ul li:first-child a{font-family: 'Poppins-Bold';}
/* .breadcrum.wht{position: relative; top: auto;}
.breadcrum.wht ul{margin-bottom: 0;}
.breadcrum.wht ul li{color: #2E1647;}
.breadcrum.wht ul li:not(:last-of-type)::after {color: rgba(28,46,61,0.5);}
.breadcrum.wht ul li a{color: #2E1647;} */

/*map*/
.donec-sec{width: 100%; float: left; background: #fff; padding: 80px 0;}
.donec-inner{width: 100%; float: left;}
.donec-title{width: 100%; float: left; padding: 0 150px; margin-bottom: 50px;}
.donec-sec h2{width: 100%; float: left; color: #333333; font-family: 'Poppins-Medium'; font-size: 50px; line-height: 55px; letter-spacing: -1.77px; text-align: center; margin-bottom: 20px;}
.donec-sec p{width: 100%; float: left; color: #333333; font-family: 'Poppins-Light'; font-size: 16px; line-height: 26px; letter-spacing: -0.23px; text-align: center;}
.map-donec{width: 100%; float: left;}
.map-sidebar{width: 350px; float: left; border: 1px solid #EAEAEA; border-radius: 29px 29px 5px 5px;box-shadow: 0 5px 15px rgba(0,0,0,0.1);}
.map-sidebar .search-box {width: 100%; float: left;position: relative;}
.map-sidebar .search-box input {width: 100%;padding: 14px 60px 14px 20px;border-radius: 29px;border: 3px solid rgba(51, 51, 51, 0.17); font-family: 'Poppins-Regular';font-size: 16px; line-height: 30px; letter-spacing: 0.04px; box-shadow: none; height: 58px; }
.map-sidebar .search-box button {position: absolute;right: 5px;top: 5px;height: 49px;width: 49px;border-radius: 50%; background: #007F6F;color: #fff;border: none;cursor: pointer;transition: all 0.5s ease;}
.map-sidebar .search-box button:hover{background: #FFB300;}
.map-sidebar .municipality-list {width: 100%; float: left;max-height: 350px;overflow-y: auto;background: #fff;border-radius: 12px;padding: 15px 0;}
.map-sidebar .municipality-list ul {width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 0;}
.map-sidebar .municipality-list li { flex: 0 1 100%;padding: 5px 20px; font-family: 'Poppins-Regular';font-size: 16px; line-height: 30px; letter-spacing: 0.04px;cursor: pointer;display: flex;justify-content: space-between;transition: all 0.5s ease;width: 100%; position: relative;}
.map-sidebar .municipality-list li.active, .map-sidebar .municipality-list li:hover {background: #007F6F;color: #fff;border-radius: 0 6px 6px 0; }
.map-sidebar .municipality-list li::after{position: absolute; content: ""; right: 15px; top: 10px; background: url("../images/map-link-arw.svg") no-repeat center; width: 10px; height: 17px; opacity: 0;}
.map-sidebar .municipality-list li.active::after, .map-sidebar .municipality-list li:hover::after{opacity: 1;}
.map-area{width: calc(100% - 450px); position: relative; float: right;}
.map-tooltip {position: absolute;top: 120px;left: 260px;background: #fff;padding: 10px 15px;border-radius: 6px;box-shadow: 0 5px 15px rgba(0,0,0,0.1);font-size: 14px;}

/*7*/
.tossa-sec{width: 100%; float: left; background: #fff; padding: 80px 0;}
.tossa-inner{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 5%;}
.tossa-lft{flex: 0 1 45%;}
.tossa-rgt{flex: 0 1 50%; text-align: right;}
.tossa-rgt img{width: auto;}
.tossa-sec h2{width: 100%; float: left; font-family: 'Poppins-Medium'; color: #333333; font-size: 40px; line-height: 42px; letter-spacing: -0.78px; margin-bottom: 20px;}
.tossa-sec p{width: 100%; float: left; color: #333333; font-family: 'Poppins-Light'; font-size: 16px; line-height: 26px; letter-spacing: -0.23px; margin-bottom: 20px;}
.tossa-sec ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 10px;}
.tossa-sec ul li{flex: 0 1 100%; display: flex; column-gap: 10px; font-family: 'Poppins-Light'; color: #007F6F; font-size: 25px; line-height: 30px; letter-spacing: -0.49px;}
.tossa-sec ul li span{font-family: 'Poppins-SemiBold';}

.tossa-slide{width: 100%; float: left; padding-bottom: 80px;}
.tossa-slide .swiper-slide{width: 100%; float: left; }
.tossa-slide .swiper-slide img{width: 100%; float: left;}
.tossa-controls{position: relative;bottom: 0;display: flex;align-items: center;justify-content: space-between;width: 100%; margin-top: 20px;}
.tossa-controls .swiper-button {width: 110px; display: flex;justify-content: space-between;align-items: center;}
.tossa-controls .swiper-button-prev-tossa, .tossa-controls .swiper-button-next-tossa {cursor: pointer; background: #fff; width:50px; height:50px; border: 2px solid rgba(51, 51, 51, 0.18); border-radius: 50px; display: flex;flex-wrap: wrap;align-items: center;justify-content: center; transition:all 0.5s ease;}
.tossa-controls .swiper-button-prev-tossa:hover, .tossa-controls .swiper-button-next-tossa:hover {background: #007F6F;}
.tossa-controls .swiper-button-prev-tossa:hover img, .tossa-controls .swiper-button-next-tossa:hover img {filter: brightness(0) invert(1);}
.tossa-controls .swiper-pagination-tossa .swiper-pagination-bullet{ width:8px; height:8px; background:rgba(0, 0, 0, 0.12);border:none; opacity:1; border-radius:15px;}
.tossa-controls .swiper-pagination-tossa .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #007F6F !important;}
.tossa-controls .swiper-pagination-tossa { column-gap: 10px; text-align: center; position: relative; display: inline-flex; justify-content: center; align-items: center;}
.tossa-controls .swiper-pagination-tossa .swiper-pagination-bullet { margin:0;}

/*gallery*/
.recursos-sec{width: 100%; float: left; background: rgba(0, 127, 111, 0.1); padding: 80px 0;}
.recursos-inner{width: 100%; float: left; position: relative;}
.recursos-inner .veure-btn{position: absolute; right: 0; top: 12px;}
.recursos-sec h2{width: 100%; float: left; color: #333333; font-family: 'Poppins-Medium'; font-size: 60px; line-height: 75px; letter-spacing: -2.13px; margin-bottom: 25px;}
.recursos-list{width: 100%; float: left;}
.recursos-list .swiper-container, .recursos-list .swiper-wrapper {width: 100% !important; float: left;} 
.recursos-list .swiper-slide{width: 100%; float: left;}
.recursos-list .swiper-slide ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 25px;}
.recursos-list .swiper-slide ul li{flex: 0 1 100%;}
.recursos-list .swiper-slide ul li a{width: 100%; float: left;}
.gallery-item{width: 100%; float: left; position: relative; overflow: hidden;}
.gallery-item img{width: 100%; float: left; transition: all .5s ease;}
.recursos-list .swiper-slide ul li:hover .gallery-item img{transform: scale(1.03);}
.play-btn{position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); width: 76px;height: 76px;margin: 0px auto;}
.play-btn img{width: auto;}
.recursos-controls{width: 100%;float: left;position: relative;bottom: 0;display: flex;align-items: center;justify-content: space-between;margin-top: 40px;}
.recursos-controls .swiper-button {width: 110px; display: flex;justify-content: space-between;align-items: center;}
.recursos-controls .swiper-button-prev-recursos, .recursos-controls .swiper-button-next-recursos {cursor: pointer; background: #fff; width:50px; height:50px; border: 2px solid rgba(51, 51, 51, 0.18); border-radius: 50px; display: flex;flex-wrap: wrap;align-items: center;justify-content: center; transition:all 0.5s ease;}
.recursos-controls .swiper-button-prev-recursos:hover, .recursos-controls .swiper-button-next-recursos:hover {background: #007F6F;}
.recursos-controls .swiper-button-prev-recursos:hover img, .recursos-controls .swiper-button-next-recursos:hover img {filter: brightness(0) invert(1);}
.recursos-controls .swiper-pagination-recursos .swiper-pagination-bullet{ width:8px; height:8px; background:rgba(0, 0, 0, 0.12);border:none; opacity:1; border-radius:15px;}
.recursos-controls .swiper-pagination-recursos .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #007F6F !important;}
.recursos-controls .swiper-pagination-recursos { column-gap: 10px; text-align: center; position: relative; display: inline-flex; justify-content: center; align-items: center;}
.recursos-controls .swiper-pagination-recursos .swiper-pagination-bullet { margin:0;}

/*8*/
.descobreix-sec{width: 100%; float: left; background: #fff; padding: 80px 0;}
.descobreix-title{width: 100%; float: left; margin-bottom: 60px; padding: 0 18%;}
.descobreix-title h2{width: 100%; float: left; text-align: center; color: #333333; font-family: 'Poppins-Medium'; font-size: 50px; line-height: 55px; letter-spacing: -1.77px; margin-bottom: 25px;}
.descobreix-title p{width: 100%; float: left; text-align: center; color: #333333; font-family: 'Poppins-Light'; font-size: 16px; line-height: 26px; letter-spacing: -0.23px;}  
.descobreix-list{width: 100%; float: left;}
.descobreix-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 4%; row-gap: 65px;}
.descobreix-list ul li{flex: 0 1 48%;}
.descobreix-list ul li a{width: 100%; float: left;}
.descobreix-list ul li .descobreix-img{width: 100%; float: left; overflow: hidden;}
.descobreix-list ul li .descobreix-img img{width: 100%; float: left; transition: all .5s ease;}
.descobreix-list ul li:hover .descobreix-img img{transform: scale(1.03);}
.descobreix-list ul li .descobreix-cnt{width: 100%; float: left; padding-top: 20px;}
.descobreix-list ul li .descobreix-cnt h3{width: 100%; float: left; font-family: 'Poppins-Medium'; color: #333333; font-size: 35px; line-height: 40px; letter-spacing: -1.1px; margin-bottom: 10px; display: flex;column-gap: 30px;align-items: flex-start; transition: all .5s ease;}
.descobreix-list ul li .descobreix-cnt h3 span {margin-top: 8px;}
.descobreix-list ul li .descobreix-cnt h3 span img{float: left;}
.descobreix-list ul li .descobreix-cnt p{width: 100%; float: left; font-family: 'Poppins-Light'; color: #333333; font-size: 16px; line-height: 26px; letter-spacing: -0.23px; transition: all .5s ease;}
.descobreix-list ul li:hover .descobreix-cnt h3, .descobreix-list ul li:hover .descobreix-cnt p{color: #007F6F;}

.filter-rutea{width: 100%; float: left;background: rgba(0, 127, 111, 0.1); padding: 45px 0;}
.filter-rutea h2{width: 100%; float: left; font-family: 'Poppins-Medium'; font-size: 16px; line-height: 26px; letter-spacing: -0.23px; color: #007F6F; text-transform: uppercase; display: flex; column-gap: 10px; justify-content: center; align-items: center; margin-bottom: 20px;}
.filter-rutea h2 span{background: url("../images/filter-icon.svg") no-repeat center; width: 22px; height: 22px;}
.rutes-filter-list{width: 100%; float: left;}
.rutes-filter-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 1.2%; row-gap: 15px;}
.rutes-filter-list ul li{flex: 0 1 32.5%;}

.rutes-filter-list ul li .nice-select.select_box {flex: 0 1 49%; background:#fff; width:100%; height: 52px; color: #333333; padding:0px 25px; font-size: 16px; line-height:28px; letter-spacing: 0.01px; font-family: 'Poppins-Regular'; border: 2px solid rgba(0, 127, 111, 0.16); border-radius: 43px;display: flex; align-items: center;}
.rutes-filter-list ul li .nice-select::after{border-bottom: 2px solid #007F6F;border-right: 2px solid #007F6F; width: 10px; height: 10px; right: 25px;}
.rutes-filter-list ul li .nice-select.select_box .list{width: 100%; left: 0;}
.rutes-filter-list ul li .nice-select.open .list li { height:auto; flex: 0 1 100%;}
.rutes-filter-list ul li .nice-select.open .list li {width: 100%; text-align: left; font-size: 14px; line-height:24px; letter-spacing: 0.01px; font-family: 'Poppins-Regular'; padding:6px 20px;}
.rutes-filter-list ul li .nice-select.open .list li:hover { background:#007F6F; color:#fff;}
.rutes-filter-list ul li ul{row-gap: 0;}
.rutes-filter-list ul li ul li ul li  {border-right: 2px solid #282828;}
.rutes-filter-list ul li .srch-bx-lst {width: 100%; position: relative;}
.rutes-filter-list ul li .srch-bx-lst input[type="text"] { float: left; width: 100%; border: 2px solid rgba(0, 127, 111, 0.35); border-radius: 43px; padding: 15px 25px; font-size: 16px; line-height:28px; letter-spacing: 0.01px; font-family: 'Poppins-Regular'; height: 52px; color: #333333;}
.rutes-filter-list ul li .srch-bx-lst button.srch-btn {cursor: pointer; width: 42px; height: 42px; border: 2px solid #007F6F; float: left; background: #007F6F; border-radius: 43px; transition: all .5s ease; position: absolute; right: 5px; top: 5px;}
.rutes-filter-list ul li .srch-bx-lst button.srch-btn:hover { background: #FFB300; border: 2px solid #FFB300;}

.rutes-filter-list ul li .srch-bx-lst input[type="text"]::-webkit-input-placeholder {color: #333333;}
.rutes-filter-list ul li .srch-bx-lst input[type="text"]::-moz-placeholder {color: #333333;}
.rutes-filter-list ul li .srch-bx-lst input[type="text"]:-ms-input-placeholder {color: #333333;}
.rutes-filter-list ul li .srch-bx-lst input[type="text"]::placeholder {color: #333333;opacity: 1;}

.trobat-sec{width: 100%; float: left; padding: 50px 0 85px 0;}
.trobat-sec h5{width: 100%; float: left;font-family: 'Poppins-Regular';color: #333333; font-size: 16px; line-height: 26px; letter-spacing: -0.23px; margin-bottom: 25px;}
.trobat-list{width: 100%; float: left;}
.trobat-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 2.5%; row-gap: 65px;}
.trobat-list ul li{flex: 0 1 31.6%;}
.trobat-list ul li .filter-tag ul{column-gap: 10px;}
.trobat-list ul li .filter-tag ul li{flex: 0 1 auto;}

.more-btn{width: 100%; float: left; text-align: center; margin-top: 60px; display: flex;justify-content: center;}
.load-more-btn {font-family: 'Poppins-SemiBold';font-size: 16px;line-height: 25px;color: #fff;padding: 0px 38px;background: #007F6F;outline: 3px solid rgba(2, 127, 111, 0.17);transition: all 0.5s ease;border-radius: 43px;float: left;display: flex;height: 53px;align-items: center;justify-content: center; cursor: pointer; border: 1px solid transparent;}
.load-more-btn:hover{background: #FFB300;outline: 3px solid #FFB300;color: #333333; border: 1px solid transparent;}

.xarxa-sec{width: 100%; float:left; background: #fff; padding: 65px 0 80px 0;}
.xarxa-cnt{width: 100%; float: left;}
.xarxa-cnt h2{width: 100%; float: left; font-family: 'Poppins-Medium'; color: #333333; font-size: 50px; line-height: 55px; letter-spacing: -1.77px; margin-bottom: 25px;}
.xarxa-cnt h2 span{display: block; color: #007F6F;}
.xarxa-cnt p{width: 100%; float: left; color: #444444;  font-family: 'Poppins-Light'; font-size: 16px; line-height: 26px; letter-spacing: -0.23px; margin-bottom: 20px;}
.xarxa-map{width: 100%; float: left;position: relative; border: 3px solid rgba(0, 127, 111, 0.17); margin: 25px 0 40px 0;}
.xarxa-map #map { height: 600px; margin: 0;}
.xarxa-map.m-b-0{margin-bottom: 0;}
.xarxa-cnt p:last-child{margin-bottom: 0;}

/*19*/
.patrimoni-sec{width: 100%; float: left; background: #fff; padding: 80px 0;}
.patrimoni-list{width: 100%; float: left;}
.patrimoni-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 2.7%; row-gap: 65px;}
.patrimoni-list ul li{flex: 0 1 31.5%;}
.patrimoni-list ul li a{width: 100%; float: left;}
.patrimoni-list ul li .patrimoni-img{width: 100%; float: left; overflow: hidden; margin-bottom: 20px;}
.patrimoni-list ul li .patrimoni-img img{width: 100%; float: left;transition: all .5s ease;}
.patrimoni-list ul li:hover .patrimoni-img img{transform: scale(1.03);}
.patrimoni-list ul li .patrimoni-cnt{width: 100%; float: left;}
.patrimoni-list ul li .patrimoni-cnt h3{width: 100%; float: left; color: #333333; font-family: 'Poppins-Medium'; font-size: 35px; line-height: 40px; letter-spacing: -1.1px; margin-bottom: 10px;transition: all .5s ease; display: flex;column-gap: 30px;align-items: flex-start;}
.patrimoni-list ul li .patrimoni-cnt p{width: 100%; float: left; color: #333333; font-family: 'Poppins-Light'; font-size: 16px; line-height: 26px; letter-spacing: -0.23px;transition: all .5s ease;}
.patrimoni-list ul li:hover .patrimoni-cnt h3, .patrimoni-list ul li:hover .patrimoni-cnt p{color: #007F6F;}

.propostes-slider.ruta h2{margin-bottom: 40px;}
.propostes-slider.ruta .veure-btn {position: absolute;right: 0;top: 10px;}

.breadcrum-sec{width: 100%; float: left; padding: 40px 0;}
.breadcrum-sec .breadcrum{margin-bottom: 0;}
.breadcrum-sec .breadcrum ul{justify-content: left; row-gap: 10px;}
.breadcrum-sec .breadcrum ul li a, .breadcrum-sec .breadcrum ul li{color: #5C5C5C;}
.breadcrum-sec .breadcrum ul li:not(:last-of-type)::after {color: #5C5C5C;}
.breadcrum-sec .breadcrum ul li a:hover{color: #007F6F;}

.blanes-sec{width: 100%; float: left; background: #fff; padding: 0 0 80px 0;}
.blanes-inner{width: 100%; float: left; /*display: flex;flex-wrap: wrap;justify-content: space-between;*/}
.blanes-cnt{width: 43%; float: left; display: flex;flex-direction: column;justify-content: space-between; position: sticky; top: 150px;}
.blanes-img{width: 50%; float: right;}
.blanes-sec h5{width: 100%; float: left; font-family: 'Poppins-Medium'; color: #007F6F; font-size: 16px; line-height: 20px; letter-spacing: -0.57px; margin-bottom: 12px;}
.blanes-sec h2{width: 100%; float: left; font-family: 'Poppins-SemiBold'; color: #333333; font-size: 65px; line-height: 70px; letter-spacing: -2.31px; margin-bottom: 20px;}
.blanes-sec h2 span{display: block;}
.blanes-sec p{width: 100%; float: left;font-family: 'Poppins-Light'; font-size: 18px; line-height: 30px; letter-spacing: -0.26px; margin-bottom: 20px;}
.blanes-sec.jaume h2{font-size: 55px; line-height: 60px; letter-spacing: -1.95px;}

.compar-link{width: 100%; float: left; margin-bottom: 35px;}
.compar-link ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 15px;}
.compar-link ul li{flex: 0 1 auto;}
.compar-link ul li a{padding: 5px 22px; background: #fff; display: flex; font-family: 'Poppins-Medium'; column-gap: 10px; border: 2px solid rgba(51, 51, 51, 0.35); border-radius: 43px; height: 52px; align-items: center; justify-content: center; color: #000; font-size: 16px; line-height: 28px; letter-spacing: 0.01px; transition: all .5s ease;}
.compar-link ul li a span img{display: flex; transition: all .5s ease;}
.compar-link ul li a:hover{background: #007F6F; color: #fff;  border: 2px solid #007F6F;}
.compar-link ul li a:hover span img{filter: brightness(0) invert(1);}

.ruta-01-slider{width: 100%; float: left; margin-bottom: 40px;}
.ruta-01-slider .swiper-container, .ruta-01-slider .swiper-wrapper{width: 100%; float: left;}
.ruta-01-slider .swiper-slide{width: 100%; float: left;}
.ruta-01-slider .swiper-slide img{width: 100%; float: left;}
.ruta-01-controls{width: 100%;float: left;position: relative;bottom: 0;display: flex;align-items: center;justify-content: space-between;margin-top: 20px;}
.ruta-01-controls .swiper-button {width: 110px; display: flex;justify-content: space-between;align-items: center;}
.ruta-01-controls .swiper-button-prev-ruta-01, .ruta-01-controls .swiper-button-next-ruta-01 {cursor: pointer; background: #fff; width:50px; height:50px; border: 2px solid rgba(51, 51, 51, 0.18); border-radius: 50px; display: flex;flex-wrap: wrap;align-items: center;justify-content: center; transition:all 0.5s ease;}
.ruta-01-controls .swiper-button-prev-ruta-01:hover, .ruta-01-controls .swiper-button-next-ruta-01:hover {background: #007F6F;}
.ruta-01-controls .swiper-button-prev-ruta-01:hover img, .ruta-01-controls .swiper-button-next-ruta-01:hover img {filter: brightness(0) invert(1);}
.ruta-01-controls .swiper-pagination-ruta-01 .swiper-pagination-bullet{ width:8px; height:8px; background:rgba(0, 0, 0, 0.12);border:none; opacity:1; border-radius:15px;}
.ruta-01-controls .swiper-pagination-ruta-01 .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #007F6F !important;}
.ruta-01-controls .swiper-pagination-ruta-01 { column-gap: 10px; text-align: center; position: relative; display: inline-flex; justify-content: center; align-items: center;}
.ruta-01-controls .swiper-pagination-ruta-01 .swiper-pagination-bullet { margin:0;}

.ruta-02-slider{width: 100%; float: left; margin-bottom: 40px;}
.ruta-02-slider .swiper-container, .ruta-02-slider .swiper-wrapper{width: 100%; float: left;}
.ruta-02-slider .swiper-slide{width: 100%; float: left;}
.ruta-02-slider .swiper-slide img{width: 100%; float: left;}
.ruta-02-controls{width: 100%;float: left;position: relative;bottom: 0;display: flex;align-items: center;justify-content: space-between;margin-top: 20px;}
.ruta-02-controls .swiper-button {width: 110px; display: flex;justify-content: space-between;align-items: center;}
.ruta-02-controls .swiper-button-prev-ruta-02, .ruta-02-controls .swiper-button-next-ruta-02 {cursor: pointer; background: #fff; width:50px; height:50px; border: 2px solid rgba(51, 51, 51, 0.18); border-radius: 50px; display: flex;flex-wrap: wrap;align-items: center;justify-content: center; transition:all 0.5s ease;}
.ruta-02-controls .swiper-button-prev-ruta-02:hover, .ruta-02-controls .swiper-button-next-ruta-02:hover {background: #007F6F;}
.ruta-02-controls .swiper-button-prev-ruta-02:hover img, .ruta-02-controls .swiper-button-next-ruta-02:hover img {filter: brightness(0) invert(1);}
.ruta-02-controls .swiper-pagination-ruta-02 .swiper-pagination-bullet{ width:8px; height:8px; background:rgba(0, 0, 0, 0.12);border:none; opacity:1; border-radius:15px;}
.ruta-02-controls .swiper-pagination-ruta-02 .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #007F6F !important;}
.ruta-02-controls .swiper-pagination-ruta-02 { column-gap: 10px; text-align: center; position: relative; display: inline-flex; justify-content: center; align-items: center;}
.ruta-02-controls .swiper-pagination-ruta-02 .swiper-pagination-bullet { margin:0;}

.dades-sec{width: 100%; float: left; padding: 35px 35px; background: rgba(0, 127, 111, 0.1); margin-bottom: 40px;}
.dades-sec h3{width: 100%; float: left; color: #007F6F; font-family: 'Poppins-Medium'; font-size: 16px; line-height: 26px; letter-spacing: -0.23px; margin-bottom: 20px;}
.dades-sec ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 4%; row-gap: 20px; margin-bottom: 30px;}
.dades-sec ul li{flex: 0 1 48%; padding-left: 32px; color: #333333; font-family: 'Poppins-Regular'; font-size: 20px; line-height: 30px; letter-spacing: -0.38px; position: relative;}
.dades-sec ul li::after{position: absolute; content: ""; left: 0; top: 5px;}
.dades-sec ul li.diatance::after{background: url("../images/distance.svg") no-repeat 0; width: 18px; height: 18px;}
.dades-sec ul li.location::after{background: url("../images/location-g.svg") no-repeat 0;width: 18px; height: 21px;}
.dades-sec ul li.desnivel::after{background: url("../images/desnivel.svg") no-repeat 0; width: 18px; height: 21px;}
.dades-sec ul li.type::after{background: url("../images/type ruta.svg") no-repeat 0; width: 19px; height: 19px;}
.filter-tag.blanes{display: flex; flex-wrap: wrap; column-gap: 4%;}
.filter-tag.blanes ul{flex: 0 1 48%; margin: 0;}
.filter-tag.blanes ul li{flex: 0 1 auto; padding: 4px 15px; background: #fff; color: #333333; font-size: 16px; line-height: 20px; letter-spacing: -0.57px; text-transform: uppercase;}
.filter-tag.blanes ul li.active{background: #007F6F; color: #fff; border: 1px solid #007F6F;}
.dades-sec span{float: left; border: 1px solid #333333; border-radius: 6px; color: #333333; font-family: 'Poppins-Regular'; font-size: 16px; line-height: 20px; letter-spacing: -0.57px; padding: 3px 10px; margin-bottom: 25px;}
.dades-sec .quick-link{width: 100%; float: left;}
.dades-sec .quick-link ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 15px; margin: 0;}
.dades-sec .quick-link ul li{flex: 0 1 100%; padding-left: 32px; font-family: 'Poppins-Regular'; color: #333333; font-size: 20px; line-height: 30px; letter-spacing: -0.38px; position: relative;}
.dades-sec .quick-link ul li a{font-family: 'Poppins-Bold'; color: #007F6F; font-size: 20px; line-height: 30px; letter-spacing: -0.38px; text-decoration: underline; transition:all 0.5s ease;}
.dades-sec .quick-link ul li:after{position: absolute; content: ""; left: 0; top: 5px;}
.dades-sec .quick-link ul li.loc:after{background: url("../images/location-g.svg") no-repeat 0; width: 18px; height: 21px;}
.dades-sec .quick-link ul li.ph:after{background: url("../images/phone.svg") no-repeat 0; width: 18px; height: 18px;}
.dades-sec .quick-link ul li.mail:after{background: url("../images/mail.svg") no-repeat 0; width: 18px; height: 17px;}
.dades-sec .quick-link ul li.web:after{background: url("../images/external-link.svg") no-repeat 0; width: 20px; height: 20px;}
.dades-sec .quick-link ul li a:hover{opacity: 0.7;}

.ruta-desnivel{width: 100%; float: left;}
.ruta-desnivel-img{width: 100%; float: left;margin-bottom: 35px;}
.ruta-desnivel-img img{width: 100%; float: left;}
.ruta-desnivel-list{width: 100%; float: left;}
.ruta-desnivel-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 15px;}
.ruta-desnivel-list ul li{flex: 0 1 auto;}
.ruta-desnivel-list ul li a, .blanes-btm a{height: 53px;padding: 0px 38px;font-size: 16px;line-height: 28px; letter-spacing: 0.01px; border-radius: 43px; transition: all 0.5s ease;float: left;display: flex; column-gap: 10px;align-items: center;justify-content: center;cursor: pointer;}
.ruta-desnivel-list ul li a.dwn-btn{font-family: 'Poppins-SemiBold'; color: #007F6F;background: #fff;outline: 3px solid rgba(2, 127, 111, 0.17);}
.ruta-desnivel-list ul li a.dwn-btn:hover{background: #007F6F; color: #fff; outline: 3px solid #007F6F;}
.ruta-desnivel-list ul li a.dwn-btn:hover span img{filter: brightness(0) invert(1);}

.ruta-desnivel-list ul li a.veure-btn, .blanes-btm a.veure-btn {font-family: 'Poppins-SemiBold';background: #007F6F;color: #fff; outline: 3px solid #007F6F;outline: 3px solid rgba(2, 127, 111, 0.17);}
.ruta-desnivel-list ul li a.veure-btn:hover, .blanes-btm a.veure-btn:hover{color: #007F6F;background: #fff;}


.rutas-slide.xarxa{padding-top: 50px;}

.route-banner{width: 100%; float: left; padding: 50px 0; background: rgba(0, 127, 111, 0.1);}
.route-banner .breadcrum{margin-bottom: 40px;}
.route-banner .breadcrum ul{justify-content: left; row-gap: 10px;}
.route-banner .breadcrum ul li a, .route-banner .breadcrum ul li{color: #5C5C5C;}
.route-banner .breadcrum ul li:not(:last-of-type)::after {color: #5C5C5C;}
.route-banner .breadcrum ul li a:hover{color: #007F6F;}
.route-inner{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 100px; align-items: flex-start;}
.route-lft{flex: 0 1 calc(100% - 320px);}
.route-rgt{flex: 0 1 220px;}
.route-rgt .compar-link ul{column-gap: 0; row-gap: 15px;}
.route-rgt .compar-link ul li{flex: 0 1 100%;}
.route-rgt .compar-link ul li a{width: 100%;}
.route-banner h2{width: 100%; float: left; color: #333333; font-family: 'Poppins-SemiBold'; font-size: 65px; line-height: 70px; letter-spacing: -2.31px; margin-bottom: 30px;}
.route-banner h2 span{color: #007F6F; display: block;}

/*arbol-tab */
.arbol-tab-div { float: left; width: 100%;}
#tab-container { float: left; width: 100%;} 
.arbol-tab-div ul.tabs{margin: 0; padding: 0px;list-style: none; position: relative; display: flex; align-items: center; justify-content: left; column-gap: 20px;}
.arbol-tab-div ul.tabs li{ flex: 0 1 auto; padding: 5px 42px;background: #fff;display: flex;font-family: 'Poppins-Medium';outline: 2px solid rgba(124, 124, 124, 0.56);border-radius: 43px;height: 52px;align-items: center;justify-content: center;color: #717171;font-size: 16px;line-height: 28px;letter-spacing: 0.01px;transition: all .5s ease; cursor: pointer;}
.arbol-tab-div ul.tabs li:last-child { margin-right: 0px;}
.arbol-tab-div ul.tabs li.current, .arbol-tab-div ul.tabs li:hover { color: #fff; background: #007F6F; outline: 2px solid #007F6F;}
.blanes-sec.jaume .tab-content{display: none; padding: 60px 0 0 0;float: left; width: 100%; background: #fff; border-radius: 0px 0px 8px 8px;}
.blanes-sec.jaume .tab-content.current{display: inherit;}

/*20*/
.map-filter {display: flex;width: 100%;float: left;column-gap: 30px;align-items: center;}
.view-tab {float: left;width: auto;}
.view-tab ul.tab-list {float: right;width: auto;display: flex;column-gap: 15px;cursor: pointer; align-items: center;}
.view-tab ul.tab-list li {flex: 0 1 auto;}
.view-tab ul.tab-list li span {float: left;width: auto;}
.view-tab ul.tab-list li span.grid-list {background: url("../images/grid.svg") no-repeat scroll 0 0;width: 22px;height: 22px; background-size: cover; opacity: 0.44;}
.view-tab ul.tab-list li.current span.grid-list {opacity: 1;}
.view-tab ul.tab-list li span.map-list {background: url("../images/map.svg") no-repeat scroll 0 0;width: 26px;height: 26px; background-size: cover; opacity: 0.44;}
.view-tab ul.tab-list li.current span.map-list {opacity: 1;}
.trobat-sec .tab-content{display: none; float: left; width: 100%; background: #fff; border-radius: 0px 0px 8px 8px;}
.trobat-sec .tab-content.current{display: inherit;}
.patrimonials-map{width: 100%; float: left;}
.patrimonials-map img{width: 100%; float: left;}

/* agenda css */
.agenda-sec {float: left; width: 100%; padding: 0 0 100px;}
.agenda-sec h2 {float: left; width: 100%; font-family: 'Poppins-SemiBold'; font-size: 90px; line-height: 100px; letter-spacing: -3.19px; color: #333333; margin-bottom: 40px;}
.agenda-main { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 20px; justify-content: space-between;}
.agenda-rgt { flex: 0 1 calc(100% - 360px); padding-left: 50px;}
.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: 65px;}
.agenda-rgt .agenda-list ul li { flex: 0 1 48.5%;}
.agenda-rgt .agenda-list ul li ul li{flex: 0 1 auto;}
.more-btn.left {justify-content: left;}
.agenda-lft { flex: 0 1 360px;}
.agenda-filter-lst { float: left; width: 100%; }
.agenda-filter-lst ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 15px; margin-bottom: 25px;}
.agenda-filter-lst ul li { flex: 0 1 100%;position: relative;}
.filter-srch-bx { float: left; width: 100%; position: relative;}
.filter-srch-bx input[type="text"] { float: left; width: 100%; border: 2px solid rgba(0, 127, 111, 0.36); border-radius: 43px; padding: 15px 45px 15px 20px; font-family: 'Poppins-Regular'; height: 52px; font-size: 16px; letter-spacing: 0.23px; color: #333333;}
.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; background: #007F6F; border-radius: 50px; transition: all .5s ease;}
.filter-srch-bx button.srch-btn:hover { background: #FFB300;}
.filter-srch-bx input[type="text"]::-webkit-input-placeholder {color: #333333;}
.filter-srch-bx input[type="text"]::-moz-placeholder {color: #333333;}
.filter-srch-bx input[type="text"]:-ms-input-placeholder {color: #333333;}
.filter-srch-bx input[type="text"]::placeholder {color: #333333;opacity: 1;}

.agenda-filter-lst ul li .nice-select { width: 100%; border: 2px solid rgba(0, 127, 111, 0.16); border-radius: 25px; height: 52px; padding: 12px 30px; font-size: 16px; line-height: 28px; letter-spacing: 0.01px; color: #333333; display: flex;align-items: center;  font-family: 'Poppins-Regular';}
.agenda-filter-lst ul li .nice-select::after { border-bottom: 2px solid #007F6F !important;border-right: 2px solid #007F6F !important; right: 25px; width: 10px; height: 10px;}
.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: 10px 30px;text-align: left;}
.agenda-filter-lst ul li .nice-select .option:hover { color: #fff; background: #007F6F;}
.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: 10px;column-gap: 3%; margin: 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; line-height: 28px; letter-spacing: 0.01px; color: #fff; background:#007F6F ; border-radius: 43px; font-family: 'Poppins-SemiBold'; display: inline-flex; align-items: center; justify-content: center; padding: 0 40px; height: 52px; cursor: pointer;transition: all 0.5s ease;}
.agenda-filter-lst .agenda-btn-cnt ul li a:hover { background: #FFB300; color: #000}
.calendar-sec { float: left; width: 100%; border: 2px solid rgba(0, 127, 111, 0.16); padding: 20px; border-radius: 5px; margin-bottom: 10px;}
.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:#0D413B; 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:#ffffff; 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(32,201,151,.45); outline-offset:3px;}
.toggle__input:not(:checked) + .toggle__track {background:#dfe7e2;}
.agenda-fil .filter-srch-bx { width: 100%;}
.agenda-fil .filter-srch-bx input[type="text"] { width: 100%;}
/*mob-filter */
.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: #007F6F 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: #FFB300 url("../images/filter-white-close.svg") no-repeat center center;}
.mobile-filter { float: left; width: 100%;}

/*24*/
.blog-detail-sec{width: 100%; float: left; padding: 50px 0 85px 0;}
.blog-detail-list{width: 100%; float: left;}
.blog-detail-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 2.5%; row-gap: 65px;}
.blog-detail-list ul li{flex: 0 1 31.6%;}
.blog-detail-list ul li:hover .blog-img img{transform: scale(1.03);}
.blog-detail-list ul li:hover .heart-ico a::after {opacity: 1;}
.blog-detail-list ul li:hover h3 a{color: #007F6F;}
.blog-detail-list ul li:hover p{color: #007F6F;}

.blog-quet-list{width: 100%; float: left; padding: 55px 0; background: rgba(0, 127, 111, 0.1);}
.blog-quet-list h2{width: 100%; float: left; font-family: 'Poppins-Medium'; font-size: 40px; line-height: 48px; letter-spacing: normal; color: #333333; margin-bottom: 28px;}
.blog-quet-list ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 8px; row-gap: 0;}
.blog-quet-list ul li{flex: 0 1 auto;}
.blog-quet-list ul li a{ height: 47px; float: left; display: flex; align-items: center; justify-content: center; border:3px solid rgba(0, 127, 111,0.24); border-radius: 24px; background: #fff; padding: 5px 36px; font-family: 'Poppins-Regular'; font-size: 16px; line-height: 30px; letter-spacing: 0.12px; transition: all 0.5s ease;}
.blog-quet-list ul li a.active{background: #007F6F; border:3px solid #007F6F; color: #fff; font-family: 'Poppins-ExtraBold';}
.blog-quet-list ul li a:hover{background: #007F6F; border:3px solid #007F6F; color: #fff;}

.blog-section{width: 100%; float: left; padding: 0 0 80px 0;}
.blog-header{width: 100%; float: left; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-bottom: 35px;}
.blog-header h1{width: auto; float: left; color: #333333; font-family: 'Poppins-SemiBold'; font-size: 90px; line-height: 100px; letter-spacing: -3.19px;}
.blog-header .filter-srch-bx{width: 350px;}

.blog-top{width: 100%; float: left;}
.blog-top .blog-image{width: 100%; float: left; overflow: hidden; border-radius: 10px;}
.blog-top .blog-image img{width: 100%; float: left}
.blog-top .blog-content{width: 100%; float: left; padding-top: 30px; display: flex; flex-wrap: wrap; align-items: flex-start; column-gap: 100px;}
.blog-lft{flex: 0 1 calc(100% - 500px);}
.blog-top .blog-content h2{width: 100%; float: left; color: #333333; font-family: 'Poppins-Medium'; font-size: 40px; line-height: 45px; letter-spacing: -1.07px; margin-bottom: 15px;}
.blog-top .blog-content p{width: 100%; float: left; color: #333333; font-family: 'Poppins-Light'; font-size: 14px; line-height: 20px; letter-spacing: -0.2px;}
.blog-rgt{flex: 0 1 400px; text-align: right;}
.blog-rgt h6{width: 100%; float: left; text-align: right; color: #333333; font-family: 'Poppins-Light'; font-size: 18px; line-height: 28px; letter-spacing: -0.26px;}
.blog-rgt h6 span{font-family: 'Poppins-Bold';}

/*desktop memu*/
.desk-menu .menu-header.m-menu {display: flex;width: 52px;height: 52px;border: 1px solid #fff;border-radius: 50px;align-items: center;justify-content: center;}
.toggle-menu { width: 28px; height: 16px;  margin: 0px 0px 0 0px;  -webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; float: right; position: relative; left: 0; top: 0px; }
.toggle-menu a { display: block;}
.toggle-menu span { display: block; position: absolute; height: 2px; width: 26px; background: #3c3c3c; border-radius: 0px; opacity: 1;
left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }  
.toggle-menu span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.toggle-menu span:nth-child(2) { top: 8px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.toggle-menu span:nth-child(3) { top: 16px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.toggle-menu.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 1px; left: 4px;  background: var(--color-black);}
.toggle-menu.open span:nth-child(2) { width: 0%; opacity: 0;}
.toggle-menu.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 19px; left: 4px; background: var(--color-black); }
.desk-menu a:hover .toggle-menu span { background: #FFB300;}
.overlay::after { position: fixed; display: block; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7);  z-index: 1;}

/**********desktop menu css****************/
.desktop-menu { float: left; width: 100%; background: rgba(0, 127, 111, 0.95); padding: 65px 0; opacity: 0; visibility: hidden; position: fixed; top: 120px; z-index: 9; transition: all 0.4s ease; height: 100%;}
.desktop-menu.menu-open { opacity: 1; visibility: visible;}
.desk-menu-list { float: left; width: 100%;}
.desk-menu-list ul { display: flex; flex-wrap: wrap; column-gap: 5%;}
.desk-menu-list ul li { flex: 0 1 21%;}
.desk-menu-list ul li h4 {float: left; width: 100%; min-height: inherit; margin-bottom: 15px;}
.desk-menu-list ul li h4 a{ font-family: 'Poppins-SemiBold';font-size: 30px; line-height: 35px; letter-spacing: -1.06px; color: #fff; transition: all 0.4s ease;}
.desk-menu-list ul li h4 a:hover{ color: #FFB300;}
.desk-menu-list ul li ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 10px;}
.desk-menu-list ul li ul li { flex: 1 1 100%;}
.desk-menu-list ul li ul li a {float: left; color:rgba(255, 255, 255, 0.84); font-size: 20px; line-height: 30px; letter-spacing: -0.93px; font-family: 'Poppins-Regular'; transition: all 0.4s ease; display: block;}
.desk-menu-list ul li ul li a:hover { color: #FFB300;}
.fixed-header.overlay .head-top{background: rgba(0, 127, 111, 0.95);}
.fixed-header.overlay .desk-menu .menu-header.m-menu{border: 1px solid #FFB300;}
.fixed-header.overlay .desk-menu .menu-header.m-menu span{background: #FFB300;}
.desk-menu-list ul li ul.social-list{ width: 100%; float: left; column-gap: 10px; justify-content:left;}
.desk-menu-list ul li ul.social-list li{flex: 0 1 auto;}
.desk-menu-list ul li ul.social-list li a{border: none;}
.desktop-menu::after{position: absolute; content: ""; right: 0; bottom: 0; background: url("../images/bg.svg") no-repeat center center; width: 239px;height: 350px;background-size: cover;}

/*map*/
.mapa-select-div {float: left; width: 100%; }
.mapa-left { float: left; width: 27.5%; }
.mapa-menu-div { float: left; width: 100%; background: #fff; border-radius: 29px 29px 5px 5px; box-shadow: 5px 5px 10px rgba(0,0,0,0.07); border: 1px solid #EAEAEA;}
.mapa-right { float: right; width: 72.5%; padding: 0px 50px 0px 70px;}
.mapa-search { float: left; width: 100%; position: relative;}
.mapa-search .form-control {width: 100%;
  padding: 14px 60px 14px 20px;
  border-radius: 29px;
  border: 3px solid rgba(51, 51, 51, 0.17); color: #767676;
  font-family: 'Poppins-Regular';
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0.04px;
  box-shadow: none;
  height: 58px;}
.mapa-search button {position: absolute;right: 5px;top: 5px;height: 49px;width: 49px;border-radius: 50%; background: #007F6F;color: #fff;border: none;cursor: pointer;transition: all 0.5s ease;}
.mapa-search button:hover{background: #FFB300;}
.mapa-menu { float: left; width: 100%; padding: 15px 0px; max-height: 400px; background: #fff;}
.mapa-menu ul { float: left; width: 100%; }
.mapa-menu ul li { float: left; width: 100%; }
.mapa-menu ul li a { display: block; font-size: 16px; line-height: 20px; font-family: 'Poppins-Regular'; color: #545454; padding: 10px 30px; position: relative; z-index: 1; transition:all .5s ease;}
.mapa-menu ul li a::before { content: ""; opacity: 0; position: absolute; left: 0px; top:0px; width: 100%; height: 100%; background: #007F6F url(../images/mn-arrw-wht.svg) no-repeat center right 15px; z-index: -1; border-radius: 0px 5px 5px 0px; 
  transition:all .5s ease;}
.mapa-menu ul li.active a, .mapa-menu ul li:hover a { color: #fff; font-family: 'Poppins', sans-serif; font-weight:700;}
.mapa-menu ul li.active a::before, .mapa-menu ul li:hover a::before  { opacity: 1; }

.map-out-div { float: left; width: 100%; padding: 0px 52px 0px 0px; overflow: visible !important;}
.mapa-cont-div { float: left; width: 100%; position: relative; cursor: default !important; }
.mapa-cont-div img { float: left; width: 100%;position: relative;z-index:8;}

.mapa-cont-div ul.map-list {position: absolute; top: 0; z-index:1;width: 100%;height: 100%;}
.mapa-cont-div ul.map-list li.golf-map1 {position: absolute;top: 88%;left: 0;}
.mapa-cont-div ul.map-list li.golf-map2 {position: absolute;top: 92%;left: 8%;}
.mapa-cont-div ul.map-list li.golf-map3 {position: absolute;top: 100%;left: 41%;}
.mapa-cont-div ul.map-list li.golf-map4 {position: absolute;top: 96%;left: 20%;}
.mapa-cont-div ul.map-list li.golf-map5 {position: absolute;top: 49.3%;left: 27%;}
.mapa-cont-div ul.map-list li.golf-map6 {position: absolute;top: 48%;left: -3%;}
.mapa-cont-div ul.map-list li.golf-map7 {position: absolute;top: 30%;left: 3%;}
.mapa-cont-div ul.map-list li.golf-map8 {position: absolute;top: 45%;left: 10%;} 
.mapa-cont-div ul.map-list li.golf-map9 {position: absolute;top: 40%;left: 15%;}
.mapa-cont-div ul.map-list li.golf-map10 {position: absolute;top: 45%;left: 20%;}

.pop-cont { display: none; position:absolute;  background: #fff; padding: 0px; border-radius: 5px; bottom: 120px; left: 0px; margin: auto; width:190px; margin-bottom:0px; z-index:0; box-shadow: 0px 0px 19px rgba(0,0,0,0.25);}
.mapa-cont-div ul.map-list li.show .pop-cont { display: block; z-index: 4;}
.pop-img { float: left; width: 100%;}
.pop-img img{ float: left; width: 100%;}
.pop-in-cont{ float: left; width: 100%; text-align: center; padding: 10px 10px 10px; position: relative;}
.pop-in-cont:before {top:100%;left:50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.pop-in-cont:after {border-color: transparent;border-top-color: #fff;border-width: 10px;margin-left: -10px;}
.pop-in-cont:before {border-color: transparent;border-top-color: #fff;border-width: 16px;margin-left: -16px;}
.mapa-select-div .pop-in-cont h2 { padding-bottom: 0; color: #303135; font-size: 18px; line-height: 22px; letter-spacing: -0.08px; font-family: 'Poppins-Regular'; margin: 0;}
.map-list li.selected .pop-cont { display:block;}

.donec-map {position: relative;}
.map-area.active {fill: #007f6f !important; fill-opacity: 1;}
.new-footer .foot-top-pad {padding-top: 180px;}
.subscrui-te.new-design{background: transparent; position: relative; margin-bottom: -125px; box-shadow: none;}
.subscrui-te.new-design::after {position: absolute;content: "";right: calc((100% - 1170px + 1rem) / 2);top: 0;width: 100%;height: 100%;background: #007F6F;box-shadow: 0 40px 50px 0 rgba(0,0,0,0.16);}
.fixed-header.new-footer.search-open  .m-menu span{background: #fff;}

.wht-header.search-open .cbp-hrmenu > ul > li > a{color: #fff;}
.wht-header.search-open .stick-logo{display: block;}
.wht-header.search-open .desk-logo{display: none;}
.wht-header.search-open .cbp-hrmenu > ul > li > a::after, .wht-header.search-open .cbp-hrmenu > ul > li > a::after {background: #FFB300;}
.wht-header.search-open .cbp-hrmenu > ul > li > a.active, .wht-header.search-open .cbp-hrmenu > ul > li > a:hover{color: #FFB300;}
.wht-header.search-open .hdr-links ul li a.heart {background: url(../images/header-fav-w.svg) no-repeat center; border: 1px solid #fff;}
.wht-header.search-open .hdr-links ul li a.heart:hover {background: #FFB300 url(../images/header-fav-w.svg) no-repeat center; border: 1px solid #FFB300;}
.wht-header.search-open .hdr-links ul li a.lang{color: #fff; border: 1px solid #fff;}
.wht-header.search-open .hdr-links ul li a.lang span img{filter: brightness(0) invert(1);}
.wht-header.search-open .hdr-links ul li a.lang:hover{border: 1px solid #FFB300;}


/*24-4-2026*/



/******************************2sections*******************************************/
.paisatges-slider { float: left; width: 100%; background: rgba(0, 127, 111, 0.1); padding: 80px 0;}
.paisatges-slider h2 { font-size: 60px; line-height: 1; color: #333333; font-family: 'Poppins-Medium'; letter-spacing: -2.13px; text-align: center; margin-bottom: 40px;} 
.paisatges-slider .paisatge-img { float: left; width: 100%; border-radius: 6px; overflow: hidden;}
.paisatges-slider .paisatge-img img { float: left; width: 100%; transition: all 0.4s ease;}
.paisatges-slider .paisatge-cnt { float: left; width: 100%; padding: 15px 0 0 0;}
.paisatges-slider .paisatge-cnt h3 { transition: all 0.4s ease; font-size: 30px; line-height: 1.2; color: #333333; font-family: 'Poppins-Medium'; letter-spacing: -0.8px; margin-bottom: 10px;}
.paisatges-slider .paisatge-cnt p { font-family: 'Poppins-Light'; font-size: 16px; letter-spacing: -0.23px; line-height: 1.5;}
.paisatges-slider .swiper-slide:hover .paisatge-cnt h3 { color: #007F6F;}
.paisatges-slider .swiper-slide:hover .paisatge-img img { transform: scale(1.03);}

.paisatge-controls{position: relative;bottom: 0;display: flex;align-items: center;justify-content: space-between;width: 100%; margin-top: 50px; display: none;}
.paisatge-controls .swiper-button {width: auto; column-gap: 10px; display: flex;justify-content: space-between;align-items: center;}
.paisatge-controls .swiper-button-prev-paisat, .paisatge-controls .swiper-button-next-paisat {cursor: pointer; background: #fff; width:44px; height:44px; border: 2px solid rgba(51, 51, 51, 0.18); border-radius: 50px; display: flex;flex-wrap: wrap;align-items: center;justify-content: center; transition:all 0.5s ease;}
.paisatge-controls .swiper-button-prev-paisat:hover, .paisatge-controls .swiper-button-next-paisat:hover {background: #007F6F;}
.paisatge-controls .swiper-button-prev-paisat:hover img, .paisatge-controls .swiper-button-next-paisat:hover img {filter: brightness(0) invert(1);}
.paisatge-controls .swiper-pagination-paisat .swiper-pagination-bullet{ width:8px; height:8px; background:rgba(0, 0, 0, 0.12);border:none; opacity:1; border-radius:15px;}
.paisatge-controls .swiper-pagination-paisat .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #007F6F !important;}
.paisatge-controls .swiper-pagination-paisat { column-gap: 10px; text-align: center; position: relative; display: inline-flex; justify-content: center; align-items: center;}
.paisatge-controls .swiper-pagination-paisat .swiper-pagination-bullet { margin:0;}


.contrastos-slider { float: left; width: 100%; padding: 80px 0;}
.contrastos-slider h2 { font-size: 60px; line-height: 1; color: #333333; font-family: 'Poppins-Medium'; letter-spacing: -2.13px; text-align: center; margin-bottom: 90px;} 

.contrastos-slider .swiper-container { overflow: visible;}
.contrastos-slider .paisatge-img { float: left; width: 100%; border-radius: 6px; overflow: hidden; position: relative;}
.contrastos-slider .paisatge-img img { float: left; width: 100%; transition: all 0.4s ease;}
.contrastos-slider .paisatge-cnt { float: left; width: 100%; padding: 60px 50px 0 20px;}
.contrastos-slider .paisatge-cnt h3 { transition: all 0.4s ease; font-size: 28px; display: flex; align-items: center; gap: 15px; line-height: 1.2; color: #007F6F; font-family: 'Poppins-SemiBold'; letter-spacing: -0.8px; margin-bottom: 10px;}
.contrastos-slider .paisatge-cnt img { max-height: 40px;}
.contrastos-slider .paisatge-cnt p { font-family: 'Poppins-Light'; font-size: 16px; letter-spacing: -0.23px; line-height: 1.5;}
.contrastos-slider .swiper-slide:hover .paisatge-cnt h3 { color: #007F6F;}
.contrastos-slider .swiper-slide:hover .paisatge-img img { transform: scale(1.03);}
.contrastos-slider .swiper-slide:nth-child(odd) { top: -50px;}

.paisatge-controls .swiper-button-prev-contrast, .paisatge-controls .swiper-button-next-contrast {cursor: pointer; background: #fff; width:44px; height:44px; border: 2px solid rgba(51, 51, 51, 0.18); border-radius: 50px; display: flex;flex-wrap: wrap;align-items: center;justify-content: center; transition:all 0.5s ease;}
.paisatge-controls .swiper-button-prev-contrast:hover, .paisatge-controls .swiper-button-next-contrast:hover {background: #007F6F;}
.paisatge-controls .swiper-button-prev-contrast:hover img, .paisatge-controls .swiper-button-next-contrast:hover img {filter: brightness(0) invert(1);}
.paisatge-controls .swiper-pagination-contrast .swiper-pagination-bullet{ width:8px; height:8px; background:rgba(0, 0, 0, 0.12);border:none; opacity:1; border-radius:15px;}
.paisatge-controls .swiper-pagination-contrast .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #007F6F !important;}
.paisatge-controls .swiper-pagination-contrast { column-gap: 10px; text-align: center; position: relative; display: inline-flex; justify-content: center; align-items: center;}
.paisatge-controls .swiper-pagination-contrast .swiper-pagination-bullet { margin:0;}

.recursos-list.gallery .gallery-item {border-radius: 17px; position: relative;}
.recursos-list.gallery .gallery-item::after{position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2);}
.play-btn{z-index: 9;}

.descobreix-sec.lght-bg { background: rgba(0, 127, 111, 0.1);}
.descobreix-sec.lght-bg h2 { font-size: 60px; line-height:75px; letter-spacing:-2.13px;}
.descobreix-sec.lght-bg .descobreix-title { margin-bottom: 15px;}
.descobreix-sec.lght-bg .descobreix-list ul li { background: #FFFFFF; }
.descobreix-sec.lght-bg .descobreix-list ul li .descobreix-cnt {padding: 20px 30px 25px;}
.fringilla-sec { float: left; width: 100%; padding: 70px 0 80px;}
.fringilla-main { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 100px; row-gap: 30px; align-items: center;}
.fringilla-lft { flex: 0 1 calc(100% - 700px); }
.fringilla-lft h2 { font-size: 55px; line-height: 65px; letter-spacing: -1.95px; margin-bottom: 20px;}
.fringilla-lft p { font-size: 16px; line-height: 26px; letter-spacing: -0.23px; color: #333333; padding-bottom: 15px;}
.fringilla-lft p:last-child { padding-bottom: 0;}
.fringilla-rgt { flex: 0 1 600px; }
.fringilla-rgt img { width: 100%; float: left; overflow: hidden;}

.agenda-in-sec { float: left; width: 100%; padding: 0px 0px 100px;}
.agenda-in-cont { float: left; width: 100%; padding: 0px 100px; }
.agenda-title-in { float: left; width: 100%; text-align: center;}
.agenda-title-in h2 {  color: #333; font-size: 65px;  line-height: 70px; font-family: 'Poppins-Semibold'; letter-spacing: -2.31px;margin-bottom: 30px;}
ul.agenda-det-btns { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; column-gap: 14px; }
ul.agenda-det-btns li a { text-transform: uppercase; height: 28px; display: flex; align-items: center; border: 1px solid #333333; border-radius: 6px; padding: 0px 10px;
color: #333333; font-size: 16px; font-family: 'Poppins-Regular'; letter-spacing: -0.57px; transition: all 0.4s ease; }
ul.agenda-det-btns li a:hover { background: #007F6F; border: 1px solid #007F6F; color: #fff; }
ul.agenda-det-btns li:nth-child(2n) a { background: #007F6F; border: 1px solid #007F6F; color: #fff; font-family: 'Poppins-SemiBold'; }
ul.agenda-det-btns li:nth-child(2n) a:hover { background: #fff; border: 1px solid #333333; color: #333333; }

.news-img-div { float: left; width: 100%; margin: 45px 0px; }
.news-img-div img { float: left; width: 100%; }

.agenda-det-cont { float: left; width: 100%; }
.agenda-det-cont p { color: #444444; font-size: 16px;  line-height: 26px; font-family: 'Poppins-Light'; letter-spacing: -0.23px; margin-bottom: 15px; }   
.agenda-det-cont p span { font-family: 'Poppins-Bold'; }
.agenda-det-cont .compar-link{ margin: 50px 0px 0px; }


.agenda-la-sec { float: left; width: 100%; padding-bottom: 90px;}
.agenda-la-title { float: left; width: 100%;}
.agenda-la-title h2 { color: #333; font-size: 65px; line-height: 70px; font-family: 'Poppins-Semibold'; letter-spacing: -2.31px; margin-bottom: 10px;}
.agenda-la-btns { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; column-gap: 15px; row-gap: 10px;}
.agenda-la-btns > div { flex: 0 1 auto;}
.agenda-la-btns ul.agenda-det-btns { justify-content: left;}
.des-btn a {height: 53px;padding: 0px 38px;font-size: 16px;line-height: 28px; letter-spacing: 0.01px; border-radius: 43px; transition: all 0.5s ease;float: left;display: flex; column-gap: 10px;align-items: center;justify-content: center;cursor: pointer;}
.des-btn a.dwn-btn{font-family: 'Poppins-Medium'; color: #007F6F;background: #fff;outline: 3px solid rgba(2, 127, 111, 0.17);}
.des-btn a.dwn-btn:hover{background: #007F6F; color: #fff; outline: 3px solid #007F6F;}
.des-btn a.dwn-btn:hover span img{filter: brightness(0) invert(1);}
.agenda-la-sec .news-img-div { margin: 30px 0;}
.agenda-fira-cnt { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 80px; row-gap: 30px;}
.agenda-fira-cnt > div:first-child { flex: 0 1 calc(100% - 480px);}
.agenda-fira-cnt > div:last-child { flex: 0 1 400px; padding: 35px 100px 60px 55px; display: flex; flex-wrap: wrap; align-content: space-between;}
.agenda-fira-cnt .dades-sec .quick-link ul li { font-size: 16px;}
.agenda-fira-cnt .dades-sec .quick-link ul li a { font-size: 16px;}
.dades-sec .quick-link ul li.cal:after{background: url("../images/calendar.svg") no-repeat 0; width: 17px; height: 19px;}
.dades-sec .quick-link ul li.gra:after{background: url("../images/ticket.svg") no-repeat 0; width: 18px; height: 15px;}
.agenda-fira-cnt .dades-sec span { margin-bottom: 0; padding: 0; border: none;}
.agenda-fira-cnt .compar-link { margin-bottom: 0; margin-top: 20px;}
.agenda-fira-cnt .compar-link ul { margin-bottom: 0; row-gap: 8px;}
.agenda-fira-cnt .compar-link ul li { padding-left: 0; flex: 0 1 220px;}