@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; }
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:1170px; margin:auto; padding:0px;}
.row1 { width: 1270px; margin:auto; padding:0px;}
.row2 { width: 100%; max-width: 94%; margin:auto; padding:0px;}
.row3 { width:100%; margin:auto; padding:0px; max-width: 85%;}
.row4 { width:1350px; margin:auto; padding:0px;}

/* header css */

.cbp-hrmenu > ul > li.cbp-hropen > a {background:#143F54; color:#fff;}


a.user-ext-link {position:fixed; right:0px; top:150px; z-index:10; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2); border-radius:60px 0px 0px 60px;}
a.user-ext-link img {float:left;}
header {float:left; width:100%; position:relative; z-index:999; padding:0px 0 0 0;}
.head-top {float:left; width:100%; position:fixed; top:0px; left:0px;}
.head-top-in {float:left; width:100%; border-bottom:none; display:flex; align-items:center; justify-content:space-between;}
.is-sticky .head-top-in {border-bottom:none;}
.is-sticky .head-top {border-bottom:none;}
.stick-logo {display:none;}
.is-sticky .desk-logo {display:none;}
.is-sticky .stick-logo {display:block;}
.is-sticky header .head-top {background:rgba(255, 255, 255, 1); box-shadow:0px 4px 10px rgba(0, 0, 0, 0.15);}
.over .head-top {background:#143F54;}
.logo-top {float:left; padding:22px 0px; z-index:9;}
.logo-top img {float:left;}
.head-rgt {float:right; display:flex; align-items:center;}
.select-lang {float:right;}
.is-sticky .select-lang .sbSelector {color:#143F54;}
.is-sticky .select-lang .sbToggle {background:url(../images/next-w-blu.svg) no-repeat 0 0;}
.hdr-links {float:right; padding:0;}
.hdr-links > ul { display:flex; align-items:center; column-gap: 25px;}
.hdr-links > ul > li { position:relative; display:inline-flex;}
.hdr-links ul li:last-child {margin-right:0px;}
.hdr-links ul li a {display:inline-block; transition:all 0.5s ease;}
.hdr-links ul li a.mail {background:url(../images/ico-mail-header.svg) no-repeat 0 0; width:18px; height:13px;}
.hdr-links ul li a.heart span {display:block; background:url(../images/ico-heart-header.svg) no-repeat 0 0; width:21px; height:18px; position:relative;}
.hdr-links ul li a.search {background:url(../images/ico-search-header.svg) no-repeat 0 0; width:19px; height:19px; position:relative;}
.hdr-links ul li a:hover {opacity:0.7;}
.is-sticky .hdr-links ul li a.mail {background:url(../images/ico-mail-header-blue.svg) no-repeat 0 0;}
.is-sticky .hdr-links ul li a.heart span {background:url(../images/ico-heart-header-blue.svg) no-repeat 0 0; position:relative;}
.is-sticky .hdr-links ul li a.search {background:url(../images/ico-search-header-blue.svg) no-repeat 0 0;}
.hdr-links ul li a.heart:before {opacity:0; transition:all 0.4s ease; position:absolute; display:block; content:""; background:#143F54; width:40px; height:40px; border-radius:50px; top:-12px; left:-10px;}
.hdr-links ul li a.heart.active:before {opacity:1;}
.is-sticky .hdr-links ul li a.heart:hover {background:url(../images/ico-heart-header.svg) no-repeat 0 0;}
.select-lang .nice-select {background:transparent; width:auto;}
.select-lang .nice-select.select_box_input {font-size:20px; font-family:'Poppins-SemiBold'; color:#ffffff;}
.select-lang .nice-select .list {width:70px; background:#fff; border-radius:6px;}
.select-lang .nice-select::after {border-bottom:2px solid #ffffff; border-right:2px solid #ffffff;}
.select-lang .nice-select .option {padding:0 12px; color:#545454; width:100%; font-family:'Poppins-Regular'; font-size:14px;}
.select-lang .nice-select .option:hover {background-color:#143F54; color:#fff;}
.is-sticky .select-lang .nice-select .list {width:70px; background:#143F54; border-radius:6px;}
.is-sticky .select-lang .nice-select .option {color:#fff; border-bottom:none;}
.is-sticky .select-lang .nice-select .option:hover {background-color:#fff; color:#143F54;}
.select-lang .nice-select:hover::after {border-bottom:2px solid #fff; border-right:2px solid #fff;}
.is-sticky .select-lang .nice-select.select_box_input {color:#143F54;}
.is-sticky .select-lang .nice-select::after {border-bottom:2px solid #143F54; border-right:2px solid #143F54;}
.is-sticky .select-lang .nice-select:hover::after {border-bottom:2px solid #143F54; border-right:2px solid #143F54;}
.menu-wrap {float:right; margin-right:60px; margin-top:0px; position:absolute; left:0; right:0; margin:0 auto;}
.cbp-hrmenu > ul > li.cbp-hropen > a {background:#143F54; color:#fff;}
.is-sticky .cbp-hrmenu > ul > li > a {color:#143F54;}
.area-membres { float: left; width: auto; padding: 0 20px; position: relative; z-index: 1;}
.area-membres a { background: rgba(255, 255, 255, 0.15); display: inline-flex; align-items: center; justify-content: center; padding: 0 15px; height: 32px; font-size: 13px; color: #FFFFFF; font-family: 'Poppins-SemiBold'; border-radius: 6px; text-transform: uppercase; transition: all 0.5s ease;}
.area-membres a:hover { background: rgba(255, 255, 255, 1); color: #143F54;}
.is-sticky .area-membres a { background: rgba(20, 63, 84, 0.10); color: #143F54;} 
.is-sticky .area-membres a:hover { background: #143F54; color: #FFFFFF;}
.inner-header .area-membres a { background: rgba(20, 63, 84, 0.10); color: #143F54;}
.inner-header .area-membres a:hover { background: #143F54; color: #FFFFFF;}
header.dark-bg .desk-logo { display: none;}
header.dark-bg .stick-logo { display: block;}
header.dark-bg .hdr-links ul li a.mail {background:url(../images/ico-mail-header-blue.svg) no-repeat 0 0;}
header.dark-bg .hdr-links ul li a.heart span {background:url(../images/ico-heart-header-blue.svg) no-repeat 0 0; position:relative;}
header.dark-bg .hdr-links ul li a.search {background:url(../images/ico-search-header-blue.svg) no-repeat 0 0;}
header.dark-bg .select-lang .nice-select .list {width:70px; background:#143F54; border-radius:6px;}
header.dark-bg .select-lang .nice-select .option {color:#fff; border-bottom:none;}
header.dark-bg .select-lang .nice-select .option:hover {background-color:#fff; color:#143F54;}
header.dark-bg .select-lang .nice-select.select_box_input {color:#143F54;}
header.dark-bg .select-lang .nice-select::after {border-bottom:2px solid #143F54; border-right:2px solid #143F54;}
header.dark-bg .select-lang .nice-select:hover::after {border-bottom:2px solid #143F54; border-right:2px solid #143F54;}
header.dark-bg .area-membres a { background: rgba(20, 63, 84, 0.15); color: #143F54;} 
header.dark-bg .area-membres a:hover { background: #143F54; color: #FFFFFF;}
header.dark-bg .desktop-menu span::before {background:url(../images/ico-burguer-blue.svg) no-repeat 0 0;}
header.dark-bg .desktop-menu span:hover {background:#143F54;}
header.dark-bg .desktop-menu span:hover:before {background:url(../images/ico-burguer.svg) no-repeat 0 0;}
header.dark-bg .cbp-hrmenu > ul > li > a {color:#143F54;}


header.dark-bg .head-top { background: linear-gradient(90deg,rgba(62, 190, 255, 1) 0%, rgba(50, 152, 203, 1) 100%);}

/* desktop menu css */
.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 span::before {background:url(../images/ico-burguer.svg) no-repeat 0 0; display:inline-block; width:27px; height:15px; position:absolute; content:"";}
.desktop-menu span:hover {background:rgba(255, 255, 255, 0.15);}
.desktop-menu span:hover:before {background:url(../images/ico-burguer.svg) no-repeat 0 0;}
.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-blue.svg) no-repeat 0 0;}
.is-sticky .desktop-menu span:hover {background:rgba(20, 63, 84, 0.10);}
.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-blue.svg) no-repeat 0 0;}
.desk-menu {display:flex; flex-wrap:wrap; background:rgba(20, 63, 84, 0.10); position:fixed; top:80px; width:100%; height:100%; z-index:999; padding:0px; opacity:0; visibility:hidden; transition:all 0.4s ease;}

/* main banner css */
.main-banner-slider {float:left; width:100%; position:relative;}
#main-slider .slick-list {float:left; width:100%;}
.main-slide {float:left; width:100%;}
.page-caption {position:absolute; bottom:0; left:0; background:#fff; width:100%; max-width:475px; padding:45px 100px 45px 75px; z-index:1; clip-path:polygon(0% 0%, 0% 100%, 94% 100%, 100% 0%);}
.page-caption h5 {color:#20A9EE; font-weight:normal; font-size:15px; text-transform:uppercase; font-family:'Poppins-Regular'; line-height:25px; margin-bottom:10px;}
.page-caption h1 {color:#143F54; font-size:65px; line-height:65px; font-family:'PlayfairDisplay-SemiBold'; letter-spacing:-2px;}
#main-slider .main-slider-controls {float:left; width:auto; position:absolute; bottom:50px; right:3%; display:flex; align-items:center; justify-content:right; margin-top:0px; background:rgba(20, 63, 84, 0.70); padding:14px; border-radius:50px;}
#main-slider .news_arrows {display:flex; align-items:center; width:90px;}
/*
#main-slider .news_arrows .slick-next.slick-arrow {margin-left:10px; right:0px; background:url(../images/right-beinspired.svg) no-repeat 0 0; width:41px; height:40px; position:relative; right:auto; top:auto; transform:none; z-index:9;}
#main-slider .news_arrows .slick-prev.slick-arrow {background:url(../images/left-beinspired.svg) no-repeat 0 0; width:41px; height:40px; position:relative; right:auto; top:auto; transform:none; left:auto; z-index:9;}
#main-slider .news_arrows .slick-prev.slick-arrow:hover {background:url(../images/left-beinspired-hover.svg) no-repeat 0 0;}
#main-slider .news_arrows .slick-next.slick-arrow:hover {background:url(../images/right-beinspired-hover.svg) no-repeat 0 0;}
*/
#main-slider .news_arrows .slick-prev.slick-arrow::before {display:none;}
#main-slider .news_arrows .slick-next.slick-arrow::before {display:none;}

#main-slider .main-ban-img {float:left; width:100%; position:relative;}
#main-slider .main-ban-img::after {content:""; position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0, 0, 0, 0.1);}
#main-slider .main-ban-img img {float:left; width:100%;}
#main-slider .main-slide .slick-slide div {float:left; width:100%;}
.camera-ico {margin-left:30px; position:relative;}
.camera-ico a span {background:url(../images/ico-foto.svg) no-repeat 0 0; width:40px; height:40px; display:block;}
.camera-ico a:hover span {background:url(../images/camera-hover.svg) no-repeat 0 0;}
.camera-ico .tooltip {border-radius:5px; background:#ffffff; bottom:100%; color:#fff; display:block; right:0; margin-bottom:15px; opacity:0; padding:10px 18px; pointer-events:none; position:absolute; width:220px; -webkit-transform:translateY(10px); -moz-transform:translateY(10px); -ms-transform:translateY(10px); -o-transform:translateY(10px); transform:translateY(10px); -webkit-transition:all .25s ease-out; -moz-transition:all .25s ease-out; -ms-transition:all .25s ease-out; -o-transition:all .25s ease-out; transition:all .25s ease-out; -webkit-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.28); -moz-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.28); -ms-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.28); -o-box-shadow:2px 2px 6px rgba(0, 0, 0, 0.28); box-shadow:2px 2px 6px rgba(0, 0, 0, 0.28);}
.camera-ico .tooltip:before {bottom:-20px; content:" "; display:block; height:20px; left:0; position:absolute; width:100%;}
.camera-ico .tooltip:after {border-left:solid transparent 8px; border-right:solid transparent 8px; border-top:solid #ffffff 8px; bottom:-8px; content:" "; height:0; right:10px; margin-left:-13px; position:absolute; width:0;}
.camera-ico:hover .tooltip {opacity:1; pointer-events:auto; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -ms-transform:translateY(0px); -o-transform:translateY(0px); transform:translateY(0px);}
.camera-ico .tooltip p {font-size:15px; color:#143F54; font-family:'Poppins-Bold'; line-height:20px;}
.camera-ico .tooltip p span {display:block; font-size:12px; display:block; font-family:'Poppins-Regular';}
#main-slider.single-banner-slider .main-slider-controls {background:none; padding:0; border-radius:inherit;}
#main-slider.single-banner-slider .camera-ico {margin-left:0;}
#main-slider.single-banner-slider .camera-ico a {float:left; background:rgba(20, 63, 84, 0.70); padding:14px; border-radius:50px; transition:all 0.5s ease;}
#main-slider.single-banner-slider .camera-ico a:hover {background:rgba(255,255,255,1);}
#main-slider.single-banner-slider .camera-ico a:hover span {background:url(../images/camera-hover-blue.svg) no-repeat 0 0;}
#main-slider.single-banner-slider .camera-ico .tooltip {display:none;}
#main-slider.single-banner-slider .page-caption {max-width:745px;}
#main-slider.single-banner-slider .main-ban-img::before { position: absolute; content: ""; bottom: 0; left: 0; background: url("../images/banner-border-line.svg") no-repeat scroll 0 0; width: 100%; height: 5px;}
#main-slider.single-banner-slider .main-ban-img::after { opacity: 0.50; height: 250px; background: linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);}

/* footer css */
footer {float:left; width:100%; padding:55px 0px; background:#FFFFFF;}
footer .ftr-btm {float:left; width:100%; padding : 42px 50px 0px 50px}
footer .ftr-btm .ftr-btm-lft {float:right; width:auto; display:flex; flex-wrap:wrap; column-gap:25px; align-items:center;}
footer .ftr-btm .ftr-btm-rgt {float:left; width:40%; margin-right:3%;}
footer .ftr-btm .ftr-btm-lft .scl-lnks {float:right; width:auto; order:2;}
footer .ftr-btm .ftr-btm-lft .scl-lnks ul {float:left; width:auto;}
footer .ftr-btm .ftr-btm-lft .scl-lnks ul li {float:left; width:auto; margin-right:10px;}
footer .ftr-btm .ftr-btm-lft .scl-lnks ul li:last-child {margin-right:0;}
footer .ftr-btm .ftr-btm-lft .scl-lnks ul li a {float:left; width:40px; height:40px; background-size:cover; transition:all .5s ease;}
footer .ftr-btm .ftr-btm-lft .scl-lnks ul li a.ig-ico {background:url(../images/ico-footer-instagram.svg) no-repeat scroll 0px 0px; background-size:cover;}
footer .ftr-btm .ftr-btm-lft .scl-lnks ul li a.in-ico,footer .ftr-btm .ftr-btm-lft .scl-lnks ul li a.linkedin-ico {background:url(../images/ico-footer-linkedin.svg) no-repeat scroll 0px 0px; background-size:cover;}
footer .ftr-btm .ftr-btm-lft .scl-lnks ul li a.yt-ico {background:url(../images/ico-footer-youtube.svg) no-repeat scroll 0px 0px; background-size:cover;}
footer .ftr-btm .ftr-btm-lft .scl-lnks ul li a.tw-ico {background:url(../images/ico-footer-x.svg) no-repeat scroll 0px 0px; background-size:cover;}
footer .ftr-btm .ftr-btm-lft .scl-lnks ul li a.tt-ico, footer .ftr-btm .ftr-btm-lft .scl-lnks ul li a.tik-ico  {background:url(../images/ico-footer-tiktok.svg) no-repeat scroll 0px 0px; background-size:cover;}
footer .ftr-btm .ftr-btm-lft .scl-lnks ul li a.ig-ico:hover {background:url(../images/ico-footer-instagram-hover.svg) no-repeat scroll 0px 0px; background-size:cover;}
footer .ftr-btm .ftr-btm-lft .scl-lnks ul li a.in-ico:hover, footer .ftr-btm .ftr-btm-lft .scl-lnks ul li a.linkedin-ico:hover {background:url(../images/ico-footer-linkedin-hover.svg) no-repeat scroll 0px 0px; background-size:cover;}
footer .ftr-btm .ftr-btm-lft .scl-lnks ul li a.yt-ico:hover {background:url(../images/ico-footer-youtube-hover.svg) no-repeat scroll 0px 0px; background-size:cover;}
footer .ftr-btm .ftr-btm-lft .scl-lnks ul li a.tw-ico:hover {background:url(../images/ico-footer-x-hover.svg) no-repeat scroll 0px 0px; background-size:cover;}
footer .ftr-btm .ftr-btm-lft .scl-lnks ul li a.tt-ico:hover, footer .ftr-btm .ftr-btm-lft .scl-lnks ul li a.tik-ico:hover  {background:url(../images/ico-footer-tiktok-hover.svg) no-repeat scroll 0px 0px; background-size:cover;}

footer .ftr-btm .ftr-btm-lft .ftr-logos {float:left; width:auto;}
footer .ftr-btm .ftr-btm-lft .ftr-logos ul {float:left; width:auto; display:flex; align-items:center; column-gap:25px;}
footer .ftr-btm .ftr-btm-lft .ftr-logos ul li {flex:1 1 auto;}
footer .ftr-btm .ftr-btm-lft .ftr-logos ul li:last-child {margin-right:0;}
footer .ftr-btm .ftr-btm-lft .ftr-logos ul li img {float:left; width:auto; transition:all .5s ease;}
footer .ftr-btm .ftr-btm-lft .ftr-logos ul li img:hover {opacity:0.6;}
footer .ftr-btm .ftr-btm-lft .ftr-logos ul li:first-child img {width:292px;}
footer .ftr-btm .ftr-btm-rgt ul {float:left; width:100%; margin-bottom:5px;}
footer .ftr-btm .ftr-btm-rgt ul li {float:left; width:auto; margin-right:15px;}
footer .ftr-btm .ftr-btm-rgt ul li:last-child {margin-right:0;}
footer .ftr-btm .ftr-btm-rgt ul li a {float:left; width:auto; color:#143F54; font-size:11px; line-height:20px; font-family:'Poppins-SemiBold'; transition:all .5s ease;}
footer .ftr-btm .ftr-btm-rgt ul li a:hover {opacity:0.6;}
footer .ftr-btm .ftr-btm-rgt p {float:left; width:100%; font-family:'Poppins-Regular'; color:rgba(20, 63, 84,0.5); font-size:11px; line-height:20px;}

/* breadcrum css */
.breadcrum ul li.home:hover {background:url(../images/ico-home-blue.svg)  no-repeat left 2px}
.breadcrum ul li {float:left; width:auto; color:#143F54; font-size:12px; line-height:20px; padding-right:7px; margin-right:6px; position:relative; font-family:'Poppins-Regular';}
.breadcrum ul li a {float:left; font-size:12px; color:#143F54; line-height:20px; transition:all .5s ease; letter-spacing:-0.15px; font-family:'Poppins-Regular';}
.breadcrum ul li a:hover {color:#20A9EE;}
/*
.breadcrum {float:left; width:100%; position:relative; background:#fff;}
.breadcrum ul {float:left; width:100%; display:flex; align-items:center; border-bottom:1px solid rgba(20, 63, 84, 0.30); padding:18px 50px; white-space: nowrap; overflow: scroll; scrollbar-width: none; }
.breadcrum ul li:last-child {padding-right:0; margin-right:0;}
.breadcrum ul li::after { position: absolute; content: ""; background:#143F54; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 12px;}
.breadcrum ul li:first-child:after { content: none;}
.breadcrum ul li.home a {width:13px; height:14px; background:url(../images/ico-home.svg) no-repeat 0 0;}
.breadcrum ul li.home:hover a {background:url(../images/ico-home-blue.svg) no-repeat 0 0;}
*/


/* intro css */
.intro-title-lst {float:left; width:100%; background:#fff; padding-bottom:100px;}
.intro-cnt {float:left; width:100%; padding:0px 0px; display:flex; flex-direction:row-reverse;}
.intro-cnt.no-btm-pd {padding:0;}
.intro-lnks {float:left; width:300px;}
.intro-share-links ul {float:left; width:100%; display:flex; flex-wrap:wrap; row-gap:15px; padding:40px 0 35px 35px; border-left:1px solid rgba(20, 63, 84, 0.30);}
.intro-share-links ul li {flex:0 1 100%;}
.intro-share-links ul li a {float:left; width:auto; color:#143F54; font-size:14px; line-height:25px; font-family:'Poppins-SemiBold'; display:flex; align-items:center; column-gap:15px;}
.intro-share-links ul li span {float:left; width:40px; height:40px; transition:all .5s ease; background-size:contain !important;}
.intro-share-links ul li span.comp-ico {background:url("../images/share-ico.svg") no-repeat left center;}
.intro-share-links ul li span.wish-ico {background:url("../images/wish-ico.svg") no-repeat left center;}
.intro-share-links ul li span.web-ico {background:url("../images/web-ico.svg") no-repeat left center;}
.intro-share-links ul li:hover span.comp-ico {background:url("../images/share-ico-hover.svg") no-repeat left center;}
.intro-share-links ul li:hover span.wish-ico {background:url("../images/wish-ico-hover.svg") no-repeat left center;}
.intro-share-links ul li:hover span.web-ico {background:url("../images/web-ico-hover.svg") no-repeat left center;}
.intro-share-links ul li a p {color:#143F54; font-size:14px; line-height:25px; font-family:'Poppins-SemiBold'; width:calc(100% - 55px);}
.intro-share-links ul li a p span {display:block; font-family:'Poppins-Regular'; font-size:14px; line-height:18px; width:100%; height:auto;}
.intro-para {float:left; width:calc(100% - 300px); padding-top:55px; padding-right:160px;}
.intro-para p {float:left; width:100%; color:#545454; font-size:22px; line-height:32px; font-family:'Poppins-Regular', sans-serif; font-weight:400; padding-bottom:30px;}
.intro-para p:last-child {padding-bottom:0;}
.intro-para p strong {font-family:'Poppins-Bold';}
.intro-share-links [tooltip][flow^="up"]::after {left:50px; padding:8px 12px; background:#303135; color:#FFFFFF; font-size:14px; line-height:18px; text-indent:initial; white-space:inherit; width:auto; min-width:95px; text-align:left; display:none;}
.intro-share-links [tooltip][flow^="up"]::before {border-top-color:#303135; display:none;}
p.my-message span.morecontent a {float:none; margin-left:0px;}
p.my-message.show.hide-txt span.morecontent label {font-family:'Poppins-Bold'; color:#143F54; cursor:pointer; font-size:14px; cursor:pointer;}
p.my-message.show span.morecontent label {font-family:'Poppins-Bold'; color:#143F54; font-size:14px; cursor:pointer;}
p.my-message.show.hide-txt span.morecontent label b {color:#143F54; font-family:'Poppins-Regular'; margin-right:10px; font-size:18px; line-height:24px; letter-spacing:0.5px;}
p.my-message span.morecontent a.active label {margin-left:10px;}

/* search css */
.search-logo {float:left; position:relative; z-index:9; padding-top:32px;}
.scroll-cnt {max-width:800px; width:100%; margin:0 auto;}
.fixed-header-top {bottom:0; display:none; height:100%; left:0; overflow:hidden; overflow-y:hidden; pointer-events:none; position:absolute; right:0; top:0; z-index:9999; display:block;}
.site-search-header {color:#fff; left:0; min-height:100%; opacity:0; pointer-events:none; position:fixed; right:0; top:0; transition:opacity 0s .9s; visibility:hidden; z-index:999;}
.fixed-header-top.open .site-search-header {opacity:1; pointer-events:all; transition:none; visibility:visible;}
.site-header-search-inn {position:absolute; top:0px; left:auto; right:0px; height:auto; z-index:9999; margin-top:45px; padding:0px 55px;}
.site-header-search-inn {overflow:hidden; transform:translateX(-100%); transition:transform .5s cubic-bezier(.65,.025,.67,.36) .3s;}
.fixed-header-top.open .site-header-search-inn {transform:translateX(0); transition:transform .5s cubic-bezier(.34,.615,.4,.985);}
.site-search__background_inn {background-color:rgba(0,0,0,0.25); bottom:0; display:none; left:0; opacity:0; overflow:hidden; pointer-events:none; position:fixed; left:calc(100% - 85%); top:0; will-change:transform; z-index:1; right:0px; display:block; transform:translateX(-100%) translateY(0); transition:transform .55s cubic-bezier(.65, .025, .67, .36) .05s, opacity 0s .6s; transition:all 0.5s ease-in-out;}
.fixed-header-top.open .site-search-header .site-search__background_inn {opacity:1; transform:translateX(0) translateY(0); transition:transform .8s cubic-bezier(.34,.615,.4,.985) .5s, opacity 0s .5s;}
.site-search__block-colour_inn {background-color:#fff; bottom:0; opacity:0; position:fixed; left:0; top:0; transform:scaleX(0); transform-origin:left center; transition:transform .5s cubic-bezier(.65,.025,.67,.36) .3s, opacity 0s .8s; width:100%; z-index:2; width:1200px; transform-origin:left center; transition:all 0.5s ease-in-out;}
.fixed-header-top.open .site-search-header .site-search__block-colour-new {opacity:1; transform:scaleX(1); transition:transform .5s cubic-bezier(.34,.615,.4,.985);}
.fixed-header-top .site-search__div {width:100%; height:100%; background:#143F54; padding:165px 160px 50px 180px; bottom:0; opacity:0; position:fixed; left:0; top:0; z-index:2;}
.fixed-header-top.open .site-search__div {opacity:1;}
.fixed-header-top .site-search__div h1 {font-size:14px; line-height:25px; color:#fff; letter-spacing:0px; font-family:'Poppins-Regular'; margin-bottom:30px; text-align:center; font-weight:normal; text-transform:uppercase; letter-spacing:0.5px;}
.fixed-header-top .site-search__div h1 {opacity:0; transform:translateY(3rem); transition:opacity .6s cubic-bezier(.65,.025,.67,.36), transform .6s cubic-bezier(.65,.025,.67,.36); padding-bottom:0; transition-duration:.5s;}
.fixed-header-top.open .site-search__div h1 {opacity:1; transform:translateY(0); transition:opacity .8s cubic-bezier(.34,.615,.4,.985), transform .8s cubic-bezier(.34,.615,.4,.985); transition-delay:0.25s, 0.25s;}
.cercar-filter-div {float:left; width:100%; margin-bottom:30px; position:relative; z-index:1;}
.cercar-filter-div {opacity:0; transform:translateY(3rem); transition:opacity .6s cubic-bezier(.65,.025,.67,.36), transform .6s cubic-bezier(.65,.025,.67,.36); padding-bottom:0; transition-duration:.4s;}
.fixed-header-top.open .cercar-filter-div {opacity:1; transform:translateY(0); transition:opacity .8s cubic-bezier(.34,.615,.4,.985), transform .8s cubic-bezier(.34,.615,.4,.985); transition-delay:0.35s, 0.35s;}
.search-box {float:left; width:100%; position:relative; margin-bottom:0px;}
.search-box input[type="text"] {float:left; width:100%; background:#f9f9f9; border:none; font-size:24px; color:#143F54; font-family:'Poppins-Medium'; padding:0 65px 0px 20px; height:70px; border-radius:10px;}
.submit-ar {position:absolute; right:0px; top:0px; cursor:pointer; background:url(../images/ico-cercar-b.svg) no-repeat center center; background-size:auto; width:65px; height:70px; border:none; padding:0;}
.select-filter {float:left; width:100%;}
.fixed-header-top .site-search__div .mCSB_inside > .mCSB_container {width:805px; margin:0 auto !important;}
.cercar-menu {float:left; width:100%; text-align:center;}
.cercar-menu h2 {font-size:14px; line-height:22px; color:#fff; letter-spacing:0.5px; font-family:'Poppins-Regular'; margin-bottom:18px; font-weight:normal;}
.cercar-menu ul {display:flex; flex-wrap:wrap; column-gap:10px; row-gap:10px; justify-content:center;}
.cercar-menu ul li {display:inline-block; flex:0 1 auto;}
.cercar-menu ul li:last-child {margin-right:0px;}
.cercar-menu ul li a {display:inline-block; height:30px; line-height:28px; border:1px solid rgba(255,255,255,0.4); border-radius:4px; color:#fff; font-size:13px; font-family:'Poppins-Light'; padding:0px 10px; transition:all 0.5s ease;}
.cercar-menu ul li a:hover, .cercar-menu ul li a.active {background:#fff; color:#143F54; border:1px solid #fff;}
.cercar-menu ul li a span.cercar-close {float:right; margin-left:20px; display:none;}
.cercar-menu ul li a.active span.cercar-close {display:inline-block;}
.cercar-menu {opacity:0; transform:translateY(3rem); transition:opacity .6s cubic-bezier(.65,.025,.67,.36), transform .6s cubic-bezier(.65,.025,.67,.36); padding-bottom:0; transition-duration:.4s;}
.fixed-header-top.open .cercar-menu {opacity:1; transform:translateY(0); transition:opacity .8s cubic-bezier(.34,.615,.4,.985), transform .8s cubic-bezier(.34,.615,.4,.985); transition-delay:0.45s, 0.45s;}
.fixed-header-top.open .site-header-search-inn .close-menu span {background:url(../images/ico-close-white.svg) no-repeat center; width:51px; height:51px; float:left; border:1px solid rgba(255,255,255,0.4); border-radius:30px;}
.fixed-header-top.open .site-header-search-inn .close-menu:hover span {background-color:rgba(255, 255, 255, 0.4);}
.search-cont {float:left; width:100%; margin-top:65px; margin-bottom:20px;}

/* tooltip css */
@-webkit-keyframes fade {
0% {opacity:0}
100% {opacity:1}
}

@keyframes fade {
0% {opacity:0}
100% {opacity:1}
}

[tooltip] {position:relative;}
[tooltip] {position:relative;}
[tooltip]::before, [tooltip]::after {text-transform:none; font-size:0.9em; line-height:1; user-select:none; pointer-events:none; position:absolute; display:none; opacity:0;}
[tooltip]::before {content:''; border:5px solid transparent; z-index:1001;}
[tooltip]::after {content:attr(tooltip); font-family:'Poppins-SemiBold'; text-align:center; min-width:3em; max-width:21em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:12px 15px; border-radius:.3ch; background:#fff; color:#999999; z-index:1000; font-size:16px; letter-spacing:-0.07px;}
[tooltip]:hover::before, [tooltip]:hover::after {display:block;}
[tooltip='']::before, [tooltip='']::after {display:none !important;}
[tooltip]:not([flow])::before, [tooltip][flow^="up"]::before {bottom:100%; border-bottom-width:0; border-top-color:#fff;}
[tooltip]:not([flow])::after, [tooltip][flow^="up"]::after {bottom:calc(100% + 6px);}
[tooltip]:not([flow])::after, [tooltip][flow^="up"]::after {left:-68%; transform:translate(-50%, -.5em);}
[tooltip]:not([flow])::before, [tooltip][flow^="up"]::before {right:7px; top:-6px;}
[tooltip][flow^="down"]::before {top:18px; border-top-width:0; border-bottom-color:#bfbfbf;}
[tooltip][flow^="down"]::after {top:calc(100% + 5px);}
[tooltip][flow^="down"]::before, [tooltip][flow^="down"]::after {left:50%; transform:translate(-50%, 0.5em);}
[tooltip][flow^="left"]::before {top:50%; border-right-width:0; border-left-color:#bfbfbf; left:calc(0em - 5px); transform:translate(-.5em, -50%);}
[tooltip][flow^="left"]::after {top:50%; right:calc(100% + 5px); transform:translate(-.5em, -50%);}
[tooltip][flow^="right"]::before {top:50%; border-left-width:0; border-right-color:#bfbfbf; right:calc(0em - 5px); transform:translate(.5em, -50%);}
[tooltip][flow^="right"]::after {top:50%; left:calc(100% + 5px); transform:translate(.5em, -50%);}

@keyframes tooltips-vert {
to {opacity:.9; transform:translate(-50%, 0);}
}

@keyframes tooltips-horz {
to {opacity:.9; transform:translate(0, -50%);}
}

[tooltip]:not([flow]):hover::before, [tooltip]:not([flow]):hover::after, [tooltip][flow^="up"]:hover::before, [tooltip][flow^="up"]:hover::after, [tooltip][flow^="down"]:hover::before, [tooltip][flow^="down"]:hover::after {animation:tooltips-vert 300ms ease-out forwards;}
[tooltip][flow^="left"]:hover::before, [tooltip][flow^="left"]:hover::after, [tooltip][flow^="right"]:hover::before, [tooltip][flow^="right"]:hover::after {animation:tooltips-horz 300ms ease-out forwards;}

/* inner page header css */
.inner-header .head-top {background:#fff; position:relative;}
.inner-header .head-top-in {border-bottom:1px solid rgba(151,151,151,0.2);}
.inner-header .desk-logo {display:none;}
.inner-header .stick-logo {display:block;}
.inner-header .cbp-hrmenu > ul > li > a {color:#143F54;}
.inner-header .hdr-links ul li a.mail {background:url(../images/ico-mail-header-blue.svg) no-repeat 0 0;}
.inner-header .hdr-links ul li a.heart span {background:url(../images/ico-heart-header-blue.svg) no-repeat 0 0;}
.inner-header .hdr-links ul li a.search {background:url(../images/ico-search-header-blue.svg) no-repeat 0 0;}
.inner-header .select-lang .nice-select .list {width:105px; background:#143F54; border-radius:6px;}
.inner-header .select-lang .nice-select .option {color:#fff; border-bottom:none;}
.inner-header .select-lang .nice-select .option:hover {background-color:#fff; color:#143F54;}
.inner-header .select-lang .nice-select.select_box_input {color:#143F54;}
.inner-header .select-lang .nice-select::after {border-bottom:2px solid #143F54; border-right:2px solid #143F54;}
.inner-header .select-lang .nice-select:hover::after {border-bottom:2px solid #143F54; border-right:2px solid #143F54;}
.is-sticky .inner-header .head-top-in {border-bottom:none;}
.inner-header .m-menu span {background:#143F54;}
.inner-header .m-menu.open span:nth-child(1) {background:#143F54;}
.inner-header .m-menu.open span:nth-child(3) {background:#143F54;}
.inner-header .hdr-links ul li a.heart.active span {background:url(../images/ico-heart-header-fill.svg) no-repeat 0 0;}
.inner-header .desktop-menu span::before {background:url(../images/ico-burguer-blue.svg) no-repeat 0 0;}


/* mobile menu css */
.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;}
.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:#143F54;}
.is-sticky .m-menu.open span:nth-child(1) {background:#143F54;}
.is-sticky .m-menu.open span:nth-child(3) {background:#143F54;}
.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;}
.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-Regular', sans-serif; font-weight:700; 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', sans-serif; font-weight:400; transition:all .5s ease;}
.mob-lange ul li a:hover {color:rgba(255, 255, 255, 1);}

/* convention css */
.conv-main-sec { float: left; width: calc(100% - 300px); padding-left: 50px; padding-top: 55px; padding-right: 120px;}
.con-bureau-logo { float: left; width: 100%; padding-bottom: 50px;}
.con-bureau-logo img { float: left; width: auto; width: 400px ;}
.conv-cont-area { float: left; width: 100%;}
.conv-cont-area h4 { float: left; width: 100%; color: #143F54; font-size: 22px; line-height: 32px; padding-bottom: 25px; font-weight: normal;}
.conv-cont-area p { float: left; width: 100%; color: #143F54; font-size: 16px; line-height: 26px; padding-bottom: 20px;}

/* video css */
.video-sec { float: left; width: 100%;}
.conv-main-sec .video-sec { padding: 45px 0 80px;}
.video-img { float: left; width: 100%; border-radius: 10px; overflow: hidden;}
.videoWrapper { position: relative; width: 100%; height: 0; background-color: #000;}
.videoWrapper43 { padding-top: 75%;}
.videoWrapper169 { padding-top: 55%;}
.videoIframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: transparent;}
.videoPoster { position: absolute; top: 0; right: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; cursor: pointer; border: 0; outline: none;  background-position: 50% 50%; background-size: 100% 100%; background-size: cover; overflow: hidden; opacity: 1; -webkit-transition: opacity 800ms, height 0s; -moz-transition: opacity 800ms, height 0s; transition: opacity 800ms, height 0s; -webkit-transition-delay: 0s, 0s; -moz-transition-delay: 0s, 0s; transition-delay: 0s, 0s;}
.videoPoster:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;  background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); }
.videoWrapperActive .videoPoster { opacity: 0; height: 0; -webkit-transition-delay: 0s, 800ms; -moz-transition-delay: 0s, 800ms; transition-delay: 0s, 800ms;}
.video-sec .video-play { position: relative; z-index: 1;}
.video-sec .video-play { display: flex; align-items: center; column-gap: 15px; position: absolute; bottom: 30px; left: 30px;}
.video-sec .video-play p { padding-bottom: 0; color: #FFFFFF; font-size: 14px; line-height: 20px; font-family: 'Poppins-SemiBold';}

.tipo-info-list { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 85px;}
.tipo-info-list > div { flex: 0 1 100%; padding-top: 20px; border-top: 2px solid #143F54;}
.tipo-info-list h2 { float: left; width: 100%; font-family: 'PlayfairDisplay-SemiBold'; font-size: 30px; line-height: 40px; letter-spacing: -0.5px; padding-bottom: 25px; color: #143F54;}
.tipo-info-list table {background: rgba(20, 63, 84,0.07); width:100%; border-collapse:collapse; border-radius: 10px; overflow: hidden;}
.tipo-info-list thead { background:#143F54; color:#FFFFFF; font-family: 'Poppins-SemiBold'; font-size: 18px; line-height: 24px; letter-spacing: -0.5px;}
.tipo-info-list th, .tipo-info-list td { padding:15px 18px; border:transparent; text-align:left;}
.tipo-info-list th span { color: rgba(255,255,255,0.40); font-family: 'Poppins-Regular';}
.tipo-info-list td { padding:7px 18px; font-size:16px; line-height: 30px; letter-spacing: -0.5px; color:#143F54;}
.tipo-info-list td span { font-family: 'Poppins-Medium'; }
.tipo-info-list tr { border-bottom: 1px solid rgba(20, 63, 84,0.15);}
.tipo-info-list tr:last-child { border-bottom: none;}
.tipo-info-list .notes { float: left; width: 100%; padding-left: 30px; margin-top:30px; display: flex; flex-wrap: wrap; row-gap: 15px;}
.tipo-info-list .notes > div { flex: 0 1 100%; display: flex; align-items: flex-start; column-gap: 10px;}
.tipo-info-list .notes > div span { position: relative; top: 4px; min-width: 22px;}
.tipo-info-list .notes p { font-family: 'Poppins-Regular'; font-size:12px; line-height: 20px; letter-spacing: -0.05px; color:#143F54; padding-bottom: 10px;}
.tipo-info-list .notes p strong { font-family: 'Poppins-Bold'; font-weight: normal;}
.tipo-info-list .notes p:last-child { padding-bottom: 0;}

.info-list-btn { float: left; width: 100%;}
.info-list-btn ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 20px;}
.info-list-btn ul li { flex: 0 1 100%; display: flex; flex-wrap: wrap; align-items: center; column-gap: 20px;}
a.blue-btn { background: #143F54; border: 2px solid #143F54; border-radius: 10px; width: auto; height: 54px; display: inline-flex; align-items: center; justify-content: center; font-family: 'Poppins-SemiBold'; padding: 0 30px; color: #FFFFFF; font-size: 20px; letter-spacing: 0.5px; transition: all 0.5s ease;}
a.blue-btn:hover { background: #20A9EE; border: 2px solid #20A9EE;}
a.wht-btn { background: #FFFFFF; border: 2px solid rgba(20, 63, 84, 0.30); border-radius: 10px; width: auto; height: 54px; display: inline-flex; align-items: center; justify-content: center; font-family: 'Poppins-SemiBold'; padding: 0 30px; color: #143F54; font-size: 20px; letter-spacing: 0.5px; transition: all 0.5s ease;}
a.wht-btn:hover { background: rgba(20, 63, 84, 0.30); border: 2px solid transparent;}

.lft-sidebar { float: left; width: 100%; padding:40px 30px 35px 35px; border-left: 1px solid rgba(20, 63, 84, 0.30); border-top: 1px solid rgba(20, 63, 84, 0.30);}
.lft-sidebar h3 { float: left; width: 100%; color: #143F54; font-size: 18px; line-height: 28px; font-family: 'Poppins-Bold'; padding-bottom: 20px;}
.sidebar-contact { float: left; width: 100%;}
.sidebar-contact ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 30px;}
.sidebar-contact ul li { flex: 0 1 100%;}
.sidebar-contact-main { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 15px;}
.sidebar-contact-img { float: left; width: 100%; border-radius: 10px; overflow: hidden;}
.sidebar-contact-img img { float: left; width: 100%;}
.sidebar-contact-cnt { float: left; width: 100%;}
.sidebar-contact-cnt h4 { float: left; width: 100%; font-family: 'Poppins-Bold'; color: #143F54; font-size: 14px; line-height: 20px; padding-bottom: 5px;}
.sidebar-contact-cnt p { float: left; width: 100%;}
.sidebar-contact-cnt p a { float: left; width: auto; color: #20A9EE; font-family: 'Poppins-SemiBold'; font-size: 14px; line-height: 25px; transition: all 0.5s ease;}
.sidebar-contact-cnt p a:hover { color: #143F54;}
.web-btn { float: left; width: 100%; padding-top: 35px;}
.web-btn a.blue-btn { font-size: 25px; font-family: 'PlayfairDisplay-SemiBold'; border-radius: 5px; height: 56px; width: 100%;}
.sidebar-clubs { float: left; width: 100%;}
.sidebar-clubs ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 15px;}
.sidebar-clubs ul li { flex: 0 1 100%;}
.sidebar-clubs-main { float: left; width: 100%; border-radius: 10px; overflow: hidden;}
.sidebar-clubs-logo { float: left; width: 100%; background: #EDF1F4; padding: 10px 15px;}
.sidebar-clubs-logo img { float: left; width: auto;}
.sidebar-clubs-img { float: left; width: 100%; overflow: hidden;}
.sidebar-clubs-img img { float: left; width: 100%;}

/* gallery popup css */
body.popup-scroll { overflow: hidden;}
/*.gallery-sec { float: left; width: 100%; background: #EDF1F4; padding: 80px 0 100px;}*/
.gallery-sec { float: left; width: 100%; background: #EDF1F4; padding: 55px 0 100px;}
.gallery-list { float: left; width: 100%;}
.tiles-wrap {position:relative; margin:0px 0px 0px 0px; padding:0; list-style-type:none; display:none;}
.tiles-wrap li {display:block; opacity:1; list-style-type:none; float:left; width:270px; border-radius: 10px; overflow: hidden;}
.tiles-wrap li a { float: left; width: 100%; position: relative;}
.tiles-wrap li a::before { z-index: 1; position: absolute; content: ""; background: url("../images/zoom-icon.svg") no-repeat center center; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; width: 40px; height: 30px; opacity: 0; visibility: hidden; transition: all 0.5s ease; }
.tiles-wrap li a::after { position: absolute; content: ""; background: rgba(32, 169, 238,0.75); top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: all 0.5s ease;}
.tiles-wrap li a:hover::before, .tiles-wrap li a:hover:after { opacity: 1; visibility: visible;}
.tiles-wrap li img { float: left; width:100%;}
.lightbox {display:none; position:fixed; z-index:1000; top:0; left:0; width:100%; height:100%; padding: 100px 0; background-color:rgba(20, 63, 84, 0.90); justify-content:center; align-items:center; flex-direction:column;}
.lightbox-img {max-width:90%; max-height:85%; border-radius:12px; box-shadow:0 0 30px rgba(0,0,0,0.4);}
.lightbox-caption { float: left; width: 100%; padding-top: 35px; text-align: center; }
.lightbox-title { color: #FFFFFF; font-size: 40px; line-height: 50px; font-family: 'PlayfairDisplay-SemiBold'; padding-bottom: 15px;}
.lightbox-text { font-family: 'Poppins-Regular'; font-size: 16px; line-height: 24px; color: rgba(255, 255, 255, 0.70);}
.lightbox-text em { font-family: 'Poppins-Bold'; font-style: inherit; font-weight: normal;}
.lightbox-controls { display: flex; align-items: center; column-gap: 20px; padding-bottom: 30px;}
.lightbox-controls span#close-btn { cursor:pointer; background: url("../images/close-icon.svg") no-repeat scroll 0 0; width: 60px; height: 60px; display: block;}
.lightbox-controls span#close-btn:hover { background: url("../images/close-icon-hover.svg") no-repeat scroll 0 0;}
.lightbox-controls span#prev-btn { cursor:pointer; background: url("../images/prev-icon.svg") no-repeat scroll 0 0; width: 60px; height: 60px; display: block;}
.lightbox-controls span#next-btn { cursor:pointer; background: url("../images/next-icon.svg") no-repeat scroll 0 0; width: 60px; height: 60px; display: block;}
.lightbox-controls span#prev-btn:hover { background: url("../images/prev-icon-hover.svg") no-repeat scroll 0 0; }
.lightbox-controls span#next-btn:hover { background: url("../images/next-icon-hover.svg") no-repeat scroll 0 0; }

.sec-title { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 30px; align-items: center; align-items: flex-end; justify-content: left; padding-bottom: 40px;}
.sec-title.space-between { justify-content: space-between; }
.sec-title h2 { font-family: 'PlayfairDisplay-SemiBold'; color: #20A9EE; font-size: 40px; line-height: 50px; letter-spacing: -0.5px;}
.totes-link a { float: left; transition: all 0.4s ease; font-family:'Poppins-SemiBold'; font-weight:600; font-size:16px; line-height:25px; letter-spacing:0px; display:inline-flex; align-items:center; color:#143F54; column-gap:12px;}
.totes-link a span { background:url(../images/circle-plus-icon.svg) no-repeat 0 0; width:40px; height:40px;}
.totes-link a:hover { color: #20A9EE;}
.totes-link a:hover span { background:url(../images/circle-plus-icon-hover.svg) no-repeat 0 0; }

.publicacions-sec { float: left; width: 100%; padding: 85px 0 95px;}
.publicacions-list { float: left; width: 100%;}
.publicacions-list ul { float: left; width: 100%; display: flex; column-gap: 3%; row-gap: 30px;flex-wrap: wrap;}
.publicacions-list ul li { flex: 0 1 22.75%;}
.publicacions-img { float: left; width: 100%; border-radius: 10px; position: relative; overflow: hidden; box-shadow: 3px 3px 15px 0 rgba(0, 0, 0, 0.20);}
/*.publicacions-img::before { position: absolute; content: ""; width: 42px; height: 39px; background: url("../images/ico-heart-white.svg") no-repeat center center;top: 0px;left:0px; border-radius: 10px 0 10px 0; z-index: 99;transition: all 0.5s ease;}*/
.publicacions-img img { float: left; width: 100%;transition: all .5s ease; }
.publicacions-list ul li a:hover .publicacions-img img { transform: scale(1.1);}
/*.publicacions-list ul li a:hover .publicacions-img::before { background: url("../images/ico-heart-blue.svg") no-repeat center center;}*/

.butlletins-sec { float: left; width: 100%; padding: 100px 0 110px;}
.butlletins-main { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 30px;}
.butlletins-cnt { flex: 0 1 355px;}
.butlletins-cnt h2 { float: left; width: 100%; color: #143F54; font-size: 40px; line-height: 50px; font-family: 'PlayfairDisplay-SemiBold'; padding-bottom: 20px;}
.butlletins-cnt h3 { float: left; width: 100%; color: rgba(20, 63, 84, 0.80); font-size: 30px; line-height: 40px; font-family: 'PlayfairDisplay-Regular'; padding-bottom: 20px;}
.butlletins-cnt h4 { float: left; width: 100%; color: #20A9EE; font-size: 25px; line-height: 35px; font-family: 'PlayfairDisplay-Italic'; padding-bottom: 20px;}
.subs-link { float: left; width: 100%;}
.subs-link a { float: left; width: auto; color: #20A9EE; font-size: 25px; line-height: 35px;font-family: 'PlayfairDisplay-BoldItalic'; transition: all 0.5s ease;}
.subs-link a:hover { color: #143F54;}
.butlletins-form { flex: 0 1 calc(100% - 355px); padding-left: 100px;}
.butlletins-form ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 35px; column-gap: 6%;}
.butlletins-form ul li { flex: 0 1 47%;}
.butlletins-form input[type="text"] { float: left; width: 100%; height: 46px; padding: 8px 15px 8px 40px; font-family: 'Poppins-SemiBold'; color: #143F54; font-size: 17px; border: none; border-bottom: 2px solid #143F54; line-height: 24px; letter-spacing: -0.08px; }
.form-control.box-icon { background: url("../images/box-icon.svg") no-repeat scroll left top 12px;}
.form-control.msg-icon { background: url("../images/msg-icon.svg") no-repeat scroll left top 12px;}
.form-control.usr-icon { background: url("../images/usr-icon.svg") no-repeat scroll left top 12px;}
.form-control.loc-icon { background: url("../images/loc-icon.svg") no-repeat scroll left top 12px;}
.butlletins-form .nice-select.web-icon { background: url("../images/web-icon.svg") no-repeat scroll left top 13px;}
.butlletins-form .nice-select.que-icon { background: url("../images/que-icon.svg") no-repeat scroll left top 12px;}
.butlletins-form .nice-select { float: left; width: 100%; height: 46px; display: flex; align-items: center; padding: 8px 30px 8px 40px; border: none; background: none; border-radius: 0px; color: #143F54; font-size: 18px; font-family: 'Poppins-SemiBold'; border-bottom: 2px solid #143F54; line-height: 24px;}
.butlletins-form .nice-select::after { right: 15px; border-bottom: 2px solid #143F54;border-right: 2px solid #143F54; height: 8px; width: 8px;}
.butlletins-form .nice-select:hover {color: #143F54;}
.butlletins-form .nice-select:hover::after { border-bottom: 2px solid #143F54;border-right: 2px solid #143F54; }
.butlletins-form .nice-select:active, .butlletins-form .nice-select.open, .butlletins-form .nice-select:focus { border-color: #143F54; }
.butlletins-form .nice-select .list { width: 100%; border-radius: 0px; row-gap: 0;}
.butlletins-form .nice-select .option { flex: 0 1 100%; width: 100%; padding: 3px 15px; font-size: 14px; color: #143F54;}
.butlletins-form .nice-select .option:hover {background-color: #143F54;}
.butlletins-form .frm-input.btm-none { margin-bottom: 0px;}
.butlletins-form .frm-input .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #143F54;
}
.butlletins-form .frm-input .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #143F54;
}
.butlletins-form .frm-input .form-control:-ms-input-placeholder { /* IE 10+ */
  color: #143F54;
}
.butlletins-form .frm-input .form-control:-moz-placeholder { /* Firefox 18- */
  color: #143F54;
}
.butlletins-form .frm-input.checkbox { float: left; width: 100%; margin-bottom: 0; margin-top: 20px; }
.butlletins-form .frm-input.checkbox input { height: 1px; left: 0; position: absolute; top: 0; visibility: hidden; width: 1px; }
.butlletins-form .frm-input label { color: #143F54; cursor: pointer; font-size: 11px; font-family: 'Poppins-Regular'; position: relative; width: auto; line-height: 18px; display: inline-block; }
.butlletins-form p.text-form { float: left; width: 100%; color: rgba(20, 63, 84, 0.50); font-size: 10px; line-height: 18px; letter-spacing: -0.05px; padding: 0px 0 30px;}
.butlletins-form .frm-input.checkbox label { letter-spacing: -0.06px; padding-top: 0; font-family: 'Poppins-Regular'; color: #143F54; cursor: pointer; font-size: 14px; padding-left: 40px; position: relative; float: left; width: auto; line-height: 18px; margin-bottom: 0px; text-align: left; }
.butlletins-form .frm-input.checkbox label::before { background: none; content: ""; height: 10px; left: 4px; position: absolute; top: 4px; transition: all 0.3s ease-in-out 0s; width: 10px; z-index: 9; }
.butlletins-form .frm-input.checkbox label::after { background: #f9f9f9; border: 2.5px solid #545454; content: ""; height: 18px; left: 0; position: absolute; top: 0; width: 18px; border-radius: 3px; }
.butlletins-form .frm-input.checkbox input:checked + label::before { background: #143F54  none repeat scroll 0 0; }
.butlletins-form .frm-input.checkbox label a { font-family: 'Poppins-SemiBold'; text-decoration: underline; transition: all 0.5s ease;}
.butlletins-form .frm-input.checkbox label a:hover { color: #20A9EE;}
.butlletins-form .frm-input button { float: left; width: 100%; border: none; background: #20A9EE; color: #FFFFFF; font-family: 'Poppins-SemiBold'; font-size: 20px; line-height: 30px; letter-spacing: 0.5px; padding: 12px; height: 56px; cursor: pointer; border-radius: 10px; margin-top: 35px; position: relative; transition: all 0.5s ease;
display: flex; align-items: center; justify-content: center;}
.butlletins-form .frm-input button span { float: left; margin-right: 12px; background: url(../images/book.svg) no-repeat center; width: 21px; height: 18px; }
.butlletins-form .frm-input button span img { float: left; }
.butlletins-form .frm-input button:hover { background: #143F54; color: #FFFFFF; }
.butlletins-form .frm-input button:hover span {background: url(../images/book.svg) no-repeat center; }
.butlletins-form .nice-select sup { color: #20A9EE;}
.butlletins-form .input-wrapper { position: relative;}
.butlletins-form .input-label { position: absolute; top: 11px; left: 40px; font-family: 'Poppins-SemiBold'; font-size: 17px; color: #143F54; pointer-events: none; letter-spacing: -0.08px; pointer-events: none; transition: opacity 0.2s ease;}
.butlletins-form .required { color: #20A9EE;}
.butlletins-form .input-wrapper.hide-label .input-label { opacity: 0;}

.tambe-sec { float: left; width: 100%; background: linear-gradient(90deg,rgba(62, 190, 255, 1) 0%, rgba(50, 152, 203, 1) 100%); padding: 80px 0 90px;}
.tambe-sec h2 { float: left; width: 100%; color: #143F54; font-size: 22px; line-height: 30px; font-family: 'Poppins-SemiBold'; padding-bottom: 20px;}
.tambe-sec ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 20px; column-gap: 1%;}
.tambe-sec ul li { flex: 0 1 15.37%;}
.tambe-main { float: left; width: 100%; height: 100%; display: flex; align-items: center; column-gap: 15px; background: #FFFFFF; padding: 25px 15px; border-radius: 10px; transition: all 0.5s ease;}
.tambe-main span { float: left; width: auto;}
.tambe-main span img { float: left; width: auto;}
.tambe-main h3 { color: #143F54; font-family: 'PlayfairDisplay-Bold'; font-size: 20px; line-height: 26px; letter-spacing: -0.2px;} 
.tambe-main h3 span { display: block; font-family: 'PlayfairDisplay-Regular'; font-weight: 400; float: none; width: inherit;}
.tambe-main:hover { background: #143F54;}
.tambe-main:hover h3 { color: #FFFFFF;}

/* blocs-variats1 */
.breadcrum.inner-breadcrum ul { border: none;}

.intro-title-lst.bloc-variant { padding-bottom: 40px;}
.intro-title-lst.bloc-variant .intro-cnt { border-bottom: 1px solid rgba(20, 63, 84, 0.2);}
.intro-title-lst.bloc-variant .intro-para { padding-top: 35px;}
.intro-title-lst.bloc-variant .intro-para h1 { color: #143F54; font-size: 65px; line-height: 65px; font-family: 'PlayfairDisplay-SemiBold';}
.intro-title-lst.bloc-variant .intro-para h5 { color: #20A9EE; font-size: 15px; line-height: 20px; font-family: 'Poppins-Regular'; font-weight: 400;}
.intro-title-lst.bloc-variant .intro-share-links ul { border-left: 1px solid rgba(20, 63, 84, 0.2); }

/*Coneix css*/
.coneix-sec{float: left;width: 100%;background: linear-gradient(90deg, #3EBEFF 39.69%, #3298CB 282.81%); position: relative;}

/* progress bar */
#coneix-slider .slider-progress { width: 100%; height: 6px;  position: absolute; bottom:-3px; left: 0; max-width: 1270px; margin: 0 auto;  right: 0; }
#coneix-slider .slider-progress .progress { width: 0%; height: 3px; background: #fff; margin: 0;}
#coneix-slider .slider-for-home.slick-slider .slick-slide .slide-placeholder { float: left; width: 100%;}
#coneix-slider .slider-for-home.slick-slider .slick-slide .banner-txt {position: relative;width: 50%;float: left;padding-left: 6%;height: 100%;padding-top: 80px;}
#coneix-slider .slider-for-home.slick-slider .slick-slide .banner-txt h2{font-family: 'PlayfairDisplay-Bold';    font-size: 50px;    line-height: 53.69px;    color: #143F54;    margin-bottom: 40px;    letter-spacing: 0px;}
#coneix-slider .slider-for-home.slick-slider .slick-slide .banner-txt h1 {color: #ffffff;margin-bottom: 20px;font-family: 'PlayfairDisplay-Bold';font-size: 40px;line-height: 43.7px;letter-spacing: 0px;}
#coneix-slider .slider-for-home.slick-slider .slick-slide .banner-txt a {font-size: 20px; transition: all 0.4s ease; font-family: 'Poppins-Regular', sans-serif;font-weight: 500;display: inline-flex;align-items: center;color: #143F54;line-height: 30px;} 
#coneix-slider .slider-for-home.slick-slider .slick-slide .banner-txt a span {background: url(../images/more-info.svg) no-repeat 0 0;width: 40px;height: 40px;display: inline-block;margin-right: 10px;transition: all 0.4s ease;}
#coneix-slider .slider-for-home.slick-slider .slick-slide .banner-txt a:hover { opacity: 0.7;}

/* #coneix-slider .slider-for-home.slick-slider .slick-slide .banner-txt p { font-size: 13px; font-family: 'Poppins-Medium'; color: #ffffff;} */
#coneix-slider .slider-for-home.slick-slider .slick-slide .banner-img { float: left; width: 50%; }
#coneix-slider .slider-for-home.slick-slider .slick-slide .banner-img img {width: 100%;float: left;position: relative;z-index: 9;}
#coneix-slider .slider-for-home.slick-slider .slick-slide .banner-txt a:hover span { opacity: 0.7; transition: all 0.4s ease; }
#coneix-slider .slider-nav-ban { position: absolute; bottom: 80px; margin-left:calc(100% - 44%); }
#coneix-slider .slider-nav-ban .slider-nav-home.slick-slider { display: none;}
/* #coneix-slider .slider-nav-ban { position: absolute; bottom: 40px; right: -30px; width: 750px;}  */
/* #slick-1 .slider-nav-home.slick-slider { margin-top: 60px; display: flex; align-items: flex-end; flex-wrap: wrap; min-height: 230px; } */
#coneix-slider .slider-nav-home .slick-slide  { border: 3px solid transparent; margin-right: 12px; position: relative; float: left; overflow: hidden; border-radius: 5px; /*transform: scale(1, 0.9);*/ transition: all 0.5s ease;}
#coneix-slider .slider-nav-home .slick-slide h4 { position: absolute; bottom: 18px; left: 10px; color: #ffffff; font-family: 'DomaineDispNarSemibold'; font-size: 24px; letter-spacing: 0.5px; padding-top: 12px;}
#coneix-slider .slider-nav-home .slick-slide h4 span { display: block; line-height: 16px; font-family: 'Poppins-Light'; color: #fff; font-size: 11px; font-weight: normal; }
#coneix-slider .slider-nav-home .slick-slide h4:after { position: absolute; display: block; content: ""; top:0; height: 2px; width: 12px; background: rgba(255, 255, 255, 0.9); border-radius: 50px;}
#coneix-slider .slider-nav-home .slick-slide img { cursor: pointer; width: 100%; float: left;  border-radius: 5px;  transition: all 0.4s ease; object-fit: cover; object-position: center; height: 210px;}
/* .deixta-slider .slider-container .slider-nav .slick-slide.slick-active.slick-current > div > div  img{transform: scale(1.1, 1.1); } */
#coneix-slider .slider-nav-home  .slick-slide.slick-active.slick-current img { /*transform: scale(1,1);*/ height: 230px; transform: scale(1.1, 1.1);} 
#coneix-slider .slider-nav-home  .slick-slide > div > div { overflow: hidden; float: left;}
#coneix-slider .slider-nav-home  .slick-track {  display: flex; align-items: flex-end; }
#coneix-slider .slider-nav-home  .slick-slide.slick-active.slick-current { border: 3px solid rgba(255, 255, 255, 0.7);}
#coneix-slider .pagingInfo {width: 35px;position: relative; top: -8px; margin-left: 26px;color: #143F54;font-family: 'PlayfairDisplay-Medium';font-weight: 500;font-size: 40px;line-height: 100%;letter-spacing: 0.75px;}
#coneix-slider .pagingInfo:before {position: absolute;display: block;content: "0";left: -26px;font-size: 40px;color: #143F54;font-family: 'PlayfairDisplay-Medium';}
/* #slick-1 .pagingInfo:after { position: absolute; display: block; content: ""; left: auto; right: 68px; background: rgba(255,255,255,0.7); width: 430px; height: 2px; top: 22px; } */
#coneix-slider .slider-for-home .slick-slide > div { float: left; width: 100%;}
#coneix-slider .ban-slider-controls { float: left; width: 100%; position: relative; display: flex;align-items: center; margin-top: 25px;}
#coneix-slider .ban_arrows { display: flex; align-items: center; width: 100px; }
#coneix-slider .ban_arrows .slick-next.slick-arrow { margin-left: 15px; right:0px;background: url(../images/right-beinspired.svg) no-repeat 0 0; width: 41px; height: 40px; position: relative; right: auto;  top: auto; transform: none; z-index: 9;}
#coneix-slider .ban_arrows .slick-prev.slick-arrow {  background: url(../images/left-beinspired.svg) no-repeat 0 0; width: 41px; height: 40px; position: relative; right: auto; top: auto; transform: none; left: auto;z-index: 9;}
#coneix-slider .ban_arrows .slick-prev.slick-arrow::before { display: none; }
#coneix-slider .ban_arrows .slick-next.slick-arrow::before { display: none;}
#coneix-slider .ban_arrows .slick-prev.slick-arrow:hover { background: url(../images/left-beinspired-hover.svg) no-repeat 0 0; }
#coneix-slider .ban_arrows .slick-next.slick-arrow:hover { background: url(../images/right-beinspired-hover.svg) no-repeat 0 0; }
/***  Progress Bar */
.progress-line {display: block;width: 120px;height: 4px;border-radius: 10px;overflow: hidden;background-color: #297EA9;background-image: linear-gradient(to right, #143F54, #143F54);background-repeat: no-repeat;background-size: 0 100%;transition: background-size .4s ease-in-out;margin: 0 30px 0 10px;}
/***  Demo Styles from the Slick Slider  website  */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
#coneix-slider .slider-for-home.slick-slider .slick-slide .slide-placeholder::after{background: url(../images/brd-m.svg) no-repeat;content: "";position: absolute;width: 100%;height: 6px;bottom: 0;right: 0;}

/* widget-search-sec */
.widget-search-sec { float: left; width: 100%; position: relative; z-index: 99; transition:all .5s ease;}
.widget-search-div { float: left; width: 100%; background: #143F54; border-radius: 10px; padding: 20px 30px; }
.widget-search-div h5 { color: #fff; font-size: 18px; line-height: 24px; font-family: 'Poppins-SemiBold'; transition:all .5s ease;}
.widget-search-div h5 span { color: rgba(255, 255, 255, 0.5); font-size: 14px; line-height: 22px; font-family: 'Poppins-Regular'; font-weight: 300;}
ul.search-widget{ float: left; width: 100%; display: flex; column-gap: 2%; margin-top: 20px; position: relative; z-index: 5;}
ul.search-widget li { flex: 0 1 32%; }
ul.search-widget li.filter-search {position: relative;}
ul.search-widget li.filter-search button { transition: all 0.4s ease; cursor: pointer; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); background: none; padding: 0; border: none;}
/* ul.search-widget li.cercar-btn { flex: 0 1 100px;} */
ul.search-widget li.filter-search input[type="text"] { width: 100%; height: 43px; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.15); 
border: none; border-radius: 5px; color: #ffffff; padding: 0 40px 0 20px; font-size: 16px; line-height: 24px; font-family: 'Poppins-SemiBold'; transition:all .5s ease; }
ul.search-widget li.filter-search button:hover { opacity: 0.7;}

ul.search-widget li input[type="submit"] { width: 100%; height: 43px; display: flex; align-items: center; justify-content: center; background: #fff; 
border: none; border-radius: 10px; color: #54417B; font-size: 18px; line-height: 24px; font-family: 'Poppins-Bold'; cursor: pointer; transition:all .5s ease; }
ul.search-widget li input[type="submit"]:hover { opacity: 0.7; }
.select-dropdown { float: left; width: 100%; padding: 0px 30px 0px 15px; display: flex; align-items: center; height: 43px; background: rgba(255, 255, 255, 0.15); border-radius: 5px; 
color: #fff; font-size: 16px; line-height: 28px; font-family: 'Poppins-SemiBold'; cursor: pointer; position: relative;}
.select-dropdown::after {content: '';display: block;width: 12px;height: 12px;margin-top: -5px; pointer-events: none;
position: absolute;right: 18px;top: 50%; background: url("../images/ico-arrow-select.svg") no-repeat center center; z-index: 1;}
.select-dropdown span { position: relative; z-index: 1;}	
.select-dropdown.open::after { background: url("../images/ico-drop-close.svg") no-repeat center center; }

.dropdown-option { display: none; position: absolute; top:0; left: 0px; width: 100%; padding: 50px 0px 0px; background: #375C6E; border-radius: 10px;  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);}
.dropdown-option.active { display: block;}
ul.cerques-lst { width: 100%; padding: 0px 15px; display: flex; flex-wrap: wrap; row-gap: 15px; margin-bottom: 25px; }
ul.cerques-lst li { flex: 0 1 100%; }
ul.cerques-lst li a {width: 100%; display: flex; column-gap: 14px; align-items: center; color: rgba(255, 255, 255,1); font-size: 14px; line-height: 20px; font-family: 'Poppins-Regular'; transition:all .5s ease; }
ul.cerques-lst li a span img { float: left; max-width: 24px;}
ul.cerques-lst li a:hover { color: rgba(255, 255, 255, 1); font-family: 'Poppins-SemiBold'; }

ul.cerca-lst { width: 100%; display: flex; flex-wrap: wrap; }
ul.cerca-lst li { flex: 0 1 100%; border-top: 1px solid rgba(255, 255, 255, 0.2);}
ul.cerca-lst li a { display: block; padding: 8px 15px; color: rgba(255, 255, 255, 0.5); font-size: 14px; line-height: 24px; font-family: 'Poppins-Regular'; transition:all .5s ease; position: relative; }
ul.cerca-lst li a.toggle.active { color: rgba(255, 255, 255, 1); font-family: 'Poppins-SemiBold'; }
ul.cerca-lst li a.toggle::after {content: '';display: block;width: 12px;height: 12px;margin-top: -5px; pointer-events: none;
position: absolute;right: 18px;top: 50%; background: url("../images/ico-arrow-select.svg") no-repeat center center; z-index: 1;}
ul.cerca-lst li a.toggle.active::after { background: url("../images/ico-drop-close.svg") no-repeat center center; }
ul.cerca-lst li ul.submenu { display: none; flex-wrap: wrap; margin: 5px 0px 15px; padding-left: 30px; }
ul.cerca-lst li ul.submenu li { border: none; }
ul.cerca-lst li ul.submenu li a { font-size: 12px; padding: 1px 0px; transition:all .5s ease; }
ul.cerca-lst li ul.submenu li a:hover { color: rgba(255, 255, 255, 1); font-family: 'Poppins-SemiBold'; }
ul.cerca-lst li ul.submenu.open { display: flex; }


.widget-search-filter { float: left; width: 100%;}
.fix.widget-search-filter { background: #143F54; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25); z-index: 9;}
.fix.widget-search-filter  ul.search-widget { margin-top: 0px; }
.fix.widget-search-filter .widget-search-div {padding: 15px 30px; }
.fix.widget-search-filter .widget-search-div h5 { display: none;}
.widget-search-filter .widget-search-div { border-radius: 10px 10px 0 0;}

.associats-lst-sec { float: left; width: 100%; padding: 60px 0px 95px; }
.associats-lst { float: left; width: 100%; }
.associats-lst ul { width: 100%; display: flex; flex-wrap: wrap; column-gap: 4%; row-gap: 65px;}
.associats-lst ul li { padding-top: 20px; flex: 0 1 30.6%; display: flex; flex-wrap: wrap; justify-content: space-between; border-top: 2px solid #20A9EE; position: relative; border-radius: 0 10px 0 0;}
.associats-lst ul li h3 { width: 100%; color: #143F54; font-size: 25px; line-height: 30px; font-family: 'Poppins-SemiBold'; margin-bottom: 0px; letter-spacing: normal; }
.associats-lst ul li h5 { font-size: 14px; line-height: 20px; color: #143F54; font-family: 'Poppins-Regular'; font-weight: normal; letter-spacing: 0.5px;}
.icon-list { float: left; width: 100%;}
.icon-list ul { display: flex; flex-wrap: wrap; column-gap: 10px;}
.icon-list ul li { flex: 0 1 auto; border: none; padding: 0;}
.associats-lst p { color: #143F54; font-size: 14px; line-height: 22px; letter-spacing: 0.5px;}

.associats-details { float: left; width: 100%;}
.associats-details ul { display: flex; flex-wrap: wrap; column-gap: inherit; row-gap: 10px;}
.associats-details ul li { flex: 0 1 100%; color: #143F54; font-size: 14px; line-height: 22px; font-family: 'Poppins-SemiBold'; padding-left: 30px; border: none; padding-top: 0;}
.associats-details ul li a { transition: all 0.4s ease;}
.associats-details ul li.mail-ico { background: url(../images/ico-mail.svg) no-repeat 0 4px;}
.associats-details ul li.ph-ico { background: url(../images/ico-phone.svg) no-repeat 0 3px;}
.associats-details ul li.loc-ico { background: url(../images/ico-address.svg) no-repeat 0 3px;}
.associats-details ul li.web-ico { background: url(../images/ico-url.svg) no-repeat 0 4px;}
.associats-details ul li a:hover { color: #20A9EE}

.associats-lst ul li .associats-img { float: left; width: 100%; position: relative;border-radius: 5px;overflow: hidden;}
.associats-lst ul li .associats-img img { float: left; width: 100%; transition:all .5s ease; }
.associats-lst ul li .associats-cnt { float: left; width: 100%; padding: 20px 0px 0px;}
.associats-lst ul li .associats-cnt h3 { color: #143F54; font-size: 25px; line-height: 29px; font-family: 'Poppins-SemiBold'; margin-bottom: 15px; letter-spacing: -0.67px; }
.associats-lst ul li .associats-cnt p { color: #545454; font-size: 14px; line-height: 22px; font-family: 'Poppins-Regular'; }
.associats-lst ul li .associats-cnt p span { color: #54417B; font-family: 'Poppins-SemiBold'; position: relative;}
.associats-lst ul li .associats-cnt p span::after {content: ''; display: inline-block; position: relative; top: 2px; height: 14px; border-right: 2px solid #cccccc; margin: 0px 8px;}

.associats-lst ul li ul.amenities-lst { display: flex; flex-wrap: wrap; column-gap: 10px; row-gap: 10px; margin: 18px 0px; }
.associats-lst ul li ul.amenities-lst li { flex: 0 1 auto; height: 28px; display: flex; align-items: center; border: 1px solid rgba(84,65,123,0.3); border-radius: 5px; color: #54417B; font-size: 12px; 
font-family: 'Poppins-SemiBold'; letter-spacing: -0.15px; overflow: hidden; }
.associats-lst ul li ul.amenities-lst li span { padding: 0px 12px; }
.associats-lst ul li ul.amenities-lst li.bg-grey { background: rgba(84, 65, 123, 0.12);}

.ass-icons-rht { flex: 0 1 auto; order: 2; position: absolute; top: 0; right: 0;}
.ass-icons-rht ul { flex-direction: column; row-gap: 20px; column-gap: inherit;}
.ass-icons-rht ul li { flex: 0 1 auto; border: none; padding: 0;}
.ass-icons-rht ul li span.wishlist-ico { background: #20A9EE; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 0 10px 0 10px;}
.associats-lft { flex: 0 1 85%; display: flex; flex-wrap: wrap; row-gap: 16px;}

.associats-lst ul li:hover .ass-icons-rht ul li span.wishlist-ico { background: rgb(20, 63, 84);}
.carmes-btn { float: left; width: 100%; margin-top: 70px; text-align: center;}
.carmes-btn a { transition: all 0.4s ease; width: 300px; font-family:'Poppins-SemiBold'; font-size:20px; line-height:20px; letter-spacing:0.5px;text-align:center;border:2px solid #ACBCC4;color:#143F54;padding:0 20px;height:56px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px; }
.carmes-btn a:hover { background: #143F54; color: #ffffff; border: 2px solid #143F54;}

.associate-map-div { float: left; width: 100%; position: relative;}
.associate-map-sec { float: left; width: 100%; background: rgba(20, 63, 84, 0.07); border-radius: 0 0 10px 10px; overflow: hidden;}
.associate-map-sec.hide-map .associate-map-div { padding: 30px;}
.associate-map-sec.hide-map .associate-map { display: none; }
.associate-map-sec.hide-map .close-map { position: relative; left: auto; right: auto; top: auto;}
.associate-map-sec.hide-map .map-close-div { display: none;}
.associate-map-sec.hide-map .map-show-div{ display: block;}
.associate-map-sec .widget-search-div { border-radius: 0;}
.associate-map { float: left; width: 100%; display: flex; flex-wrap: wrap;}
.ass-map-lft { flex: 0 1 27%; padding: 30px; background: rgba(84, 65, 123, 0.07); display: flex; align-items: flex-end; position: relative; z-index: 1;}
.ass-map-lft ul.cerques-lst { padding: 0;}
.ass-map-rht { flex: 0 1 100%; padding: 40px 30px; position: relative;}
.ass-map-lft ul.cerques-lst li a { color: #54417B;}
.ass-map-lft ul.cerques-lst li a.active { font-family: 'Poppins-Regular', sans-serif; font-weight:700; }
.ass-map-lft ul.cerques-lst li a span img { opacity: 0.6;}
.ass-map-lft ul.cerques-lst li a.active span img { opacity: 1;}

.close-map { position: absolute; right: 40px; top: 40px;}
.close-map a { opacity: 1; font-size: 14px; color: #143F54; line-height: 18px; display: flex; align-items: center;	width: auto; column-gap: 10px; transition: all 0.4s ease;}
.close-map a:hover span { opacity: 1;}
.map-close-div a span { background: url(../images/map-close-ico.svg) no-repeat 0 0; width: 37px; height: 37px; display: inline-block; opacity: 0.7; transition: all 0.7s ease;}
.map-show-div { display: none; }
.map-show-div a span { background: url(../images/ico-password.svg) no-repeat 0 0; width: 19px; height: 12px; display: inline-block;}

.map-sec { float: left; width: 100%; position: relative; text-align: center;}
.map-inn { float: none; width: 100%; position: relative; display: inline-block; max-width: 700px;}
.map-sec svg { float: left; width: 100%; height: auto;}
.allotjament-map { width: 100%; position: absolute;	height: 100%;}
.map-ico { position: absolute; }
.map-ico img { width: 36px;}

#all-map .one { left: 71.5%; bottom: -2%; z-index: 1;}
#all-map .two { left: 67.5%; bottom: 2%; z-index: 1;}
#all-map .three { left: 71.5%; bottom: 5%; }
#all-map .four { left: 66.5%; bottom: 12%;}
#all-map .five { left: 61.5%; bottom: 10%; z-index: 1;}
#all-map .six { left: 56.5%; bottom: 12%;}
#all-map .seven { left: 61.5%; bottom: 18%;}
#all-map .eight { left: 57.5%; bottom: 20%;}
#all-map .nine { left: 51.5%; bottom: 15%;}
#all-map .ten { left: 50.5%; bottom: 25%;}

#all-map .eleven { left: 72.5%; bottom: 15%; }
#all-map .twelve { left: 78%; bottom: 11%; }
#all-map .thirteen { left: 74.5%; bottom: 23%; }
#all-map .fourteen { left: 77.5%; bottom: 22%;}
#all-map .fifteen { left: 84.5%; bottom: 24%; }
#all-map .sixteen { left: 87.5%; bottom:25%;}
#all-map .seventeen { left: 81.5%; bottom: 18%;}
#all-map .eighteen { left:90.5%; bottom: 43%;}
#all-map .nineteen { left:87.5%; bottom: 35%;}
#all-map .twenty { left: 91.5%; bottom: 32%;}

#all-map .twentyone { left: 60.5%; top: 58%;}
#all-map .twentytwo { left: 52.5%; top: 54%;}
#all-map .twentythree { left: 55.5%; top:60%;}
#all-map .twentyfour { left: 70.5%; top: 55%;}
#all-map .twentyfive { left: 66.5%; top: 64%;}
#all-map .twentysix { right: 13%; top: 56%;}
#all-map .twentyseven { right:19%; top: 56%;}
#all-map .twentyeight { right: 16%; top: 46%;}
#all-map .twentynine { right: 11%; top: 42%;}
#all-map .thirty { right: 10%; top: 32%; }

#all-map .thirtyone { left: 57.5%; top: 48%;}
#all-map .thirtytwo { left: 64.5%; top: 54%;}
#all-map .thirtythree { left: 62.5%; top:44%}
#all-map .thirtyfour { left:73.5%; top: 45%;}
#all-map .thirtyfive { left: 67.5%; top: 42%;}
#all-map .thirtysix { right: 16%; top: 35%;}
#all-map .thirtyseven { right:23%; top: 35%;}
#all-map .thirtyeight { right:9%; top:22%;}
#all-map .thirtynine { right: 14%; top: 25%;}
#all-map .fourty { right: 4%; top: 24%; }

#all-map .fourtyone { left: 50.5%; top: 43%;}
#all-map .fourtytwo { left: 55.5%; top: 39%;}
#all-map .fourtythree { left: 62.5%; top:32%}
#all-map .fourtyfour { left:73.5%; top:25%;}
#all-map .fourtyfive { left: 67.5%; top: 25%;}
#all-map .fourtysix { right: 18%; top: 19%;}
#all-map .fourtyseven { left:45%; top: 35%;}
#all-map .fourtyeight { left: 62%; top:22%;}
#all-map .fourtynine { right: 38%; top: 25%;}
#all-map .fifty { right: 7%; top: 8%; }

#all-map .fiftyone { left: 32.5%; top: 30%;}
#all-map .fiftytwo { left: 24.5%; top: 31%;}
#all-map .fiftythree { left: 33.5%; top:20%}
#all-map .fiftyfour { left:63.5%; top:10%;}
#all-map .fiftyfive { left:74.5%; top: 10%;}
#all-map .fiftysix { left: 38%; top: 19%;}
#all-map .fiftyseven { left:50%; top: 30%;}
#all-map .fiftyeight { left: 45%; top:24%;}
#all-map .fiftynine { left: 38%; top: 25%; z-index: 1;}
#all-map .sixty { right:15%; top: 8%; }

#all-map .sixtyone { left: 28.5%; top: 19%;}
#all-map .sixtytwo { left: 24.5%; top: 14%;}
#all-map .sixtythree { left: 33.5%; top:10%;}
#all-map .sixtyfour { left:67.5%; top:14%;}
#all-map .sixtyfive { left:18.5%; top: 14%;}
#all-map .sixtysix { left: 38%; top: 19%;}
#all-map .sixtyseven { left:50%; top: 20%;}
#all-map .sixtyeight { left: 45%; top:9%;}
#all-map .sixtynine { left:15%; top: 8%;}
#all-map .seventy { left:13%; top: 12%; }


#all-map .seventyone { left: 9.5%; top: 8%;}
#all-map .seventytwo { left: 5.5%; top: 6%; z-index: 1;}
#all-map .seventythree { left: -0.5%; top:10%;}
#all-map .seventyfour { left:3.5%; top:14%; z-index: 1;}
#all-map .seventyfive { left:7.5%; top: 14%; z-index: 1;}
#all-map .seventysix { left:3.5%; top:2%;}
#all-map .seventyseven { left:20.5%; top: -3%;}
#all-map .seventyeight { left:28.5%; top:6%;}


#assemblees .one { left: 75.5%; bottom: 25%;}
#assemblees .two { left: 80.5%; bottom: 31%;}
#assemblees .three { left: 69.5%; top: 42%;}
#assemblees .four { left: 84.5%; top: 25%;}
#assemblees .five { left: 75.5%; top: 32%;}

#benchmarks .one { left: 65.5%; bottom: -1%; z-index: 3;}
#benchmarks .two { left: 65.5%; bottom: 6%; z-index: 2;}
#benchmarks .three { left: 69.5%; bottom: 5%; z-index: 2;}
#benchmarks .four { left: 67.5%; bottom: 12%; z-index: 1;}
#benchmarks .five { left: 74.5%; bottom: 12%;}
#benchmarks .six { left: 53.5%; bottom: 9%;}
#benchmarks .seven { left: 48.5%; bottom: 20%;}
#benchmarks .eight { left: 54.5%; bottom: 28%;}
#benchmarks .nine { left: 63.5%; bottom: 23%; z-index: 1;}
#benchmarks .ten { left: 61.5%; bottom: 22%;}

#blogtrip .one { left: 55.5%; bottom: 32%;}
#blogtrip .two { left: 70.5%; bottom: 18%;}
#blogtrip .three { left: 69.5%; top: 35%;}
#blogtrip .four { left: 37.5%; top: 15%;}

#famtrip .one { left: 47.5%; bottom: 33%;}
#famtrip .two { left: 14.5%; top: 10%;}
#famtrip .three { left: 55.5%; top: 40%;}
#famtrip .four { left: 41.5%; top: 22%;}

#formacio .one { left: 75.5%; bottom: 36%;}
#formacio .two { left: 23.5%; top: 10%;}
#formacio .three { left: 77.5%; top: 25%;}
#formacio .four { left: 46.5%; top: 38%;}

#presstrip .one { left: 45.5%; bottom: 48%;}
#presstrip .two { left: 18.5%; top: 13%;}
#presstrip .three { left:73.5%; top: 7%;}
#presstrip .four { left: 78.5%; top: 44%;}

#roadshow .one { left: 65.5%; bottom: 45%;}
#roadshow .two { left: 46.5%; top: 30%;}
#roadshow .three { left:63.5%; top: 24%;}
#roadshow .four { left: 51.5%; bottom: 25%;}

/* #roadshow .one { left: 65.5%; bottom: 45%;}
#roadshow .two { left: 46.5%; top: 30%;}
#roadshow .three { left:63.5%; top: 24%;}
#roadshow .four { left: 51.5%; bottom: 25%;} */

#taules .one { left: 80.5%; bottom: 22%;}
#taules .two { left: 86.5%; bottom: 25%;}
#taules .three { left: 90.5%; bottom: 33%;}
#taules .four { left: 61.5%; bottom: 43%;}
#taules .five { left: 70.5%; bottom: 39%;}

#workshop .one { left: 81.5%; bottom: 39%;}
#workshop .two { left:86.5%; bottom: 39%;}
#workshop .three { left: 83.5%; bottom: 49%;}
#workshop .four { left: 89.5%; bottom: 49%;}
#workshop .five { left: 81.5%; top: 31%; z-index: 1;}


#cultura .one { left: 81.5%; bottom: 39%;}
#cultura .two { left:86.5%; bottom: 39%;}
#cultura .three { left: 83.5%; bottom: 49%;}
#cultura .four { left: 89.5%; bottom: 49%;}
#cultura .five { left: 81.5%; top: 31%; z-index: 1;}

#ruta .one { left: 80.5%; bottom: 22%;}
#ruta .two { left: 86.5%; bottom: 25%;}
#ruta .three { left: 90.5%; bottom: 33%;}
#ruta .four { left: 61.5%; bottom: 43%;}
#ruta .five { left: 70.5%; bottom: 39%;}

#natura .one { left: 65.5%; bottom: 45%;}
#natura .two { left: 46.5%; top: 30%;}
#natura .three { left:63.5%; top: 24%;}
#natura .four { left: 51.5%; bottom: 25%;}

#enogastronomia .one { left: 45.5%; bottom: 48%;}
#enogastronomia .two { left: 18.5%; top: 13%;}
#enogastronomia .three { left:73.5%; top: 7%;}
#enogastronomia .four { left: 78.5%; top: 44%;}

#formacio .one { left: 75.5%; bottom: 36%;}
#formacio .two { left: 23.5%; top: 10%;}
#formacio .three { left: 77.5%; top: 25%;}
#formacio .four { left: 46.5%; top: 38%;}

#salut .one { left: 55.5%; bottom: 32%;}
#salut .two { left: 70.5%; bottom: 18%;}

#golf .one { left: 69.5%; top: 35%;}
#golf .two { left: 37.5%; top: 15%;}

#premium .one { left: 47.5%; bottom: 33%;}
#premium .two { left: 14.5%; top: 10%;}

#convention .one { left: 55.5%; top: 40%;}
#convention .two { left: 41.5%; top: 22%;}


.map-agenda { float: left; width: 80%; display: flex; flex-wrap: wrap; column-gap: 10px; row-gap: 10px;}
.map-agenda-item { display: inline-flex; height: 30px; align-items: center; column-gap: 5px; padding: 0 10px; border-radius: 25px; background: #143F54; font-size: 14px; font-family: 'Poppins-SemiBold';}
.map-agenda-item img { max-width: 20px;}
.map-agenda-item span { color: #ffffff;}
.map-agenda-item a.remove-agenda { color: #ffffff; margin-left: 5px; font-size: 12px;}
/* .map-agenda-item.orange-bg { background: #8448E5;}
.map-agenda-item.meroon-bg { background: #7F1205;}
.map-agenda-item.dgrn-bg { background: #67963a;}
.map-agenda-item.red-bg { background: #cd163f;}
.map-agenda-item.yellow-bg { background: #F4B300;}
.map-agenda-item.red-bg { background: #E86F59;}
.map-agenda-item.pink-bg { background: #DB3EAE;}
.map-agenda-item.brown-bg { background: #B25759;} */





/* image grid list */
.cerc-list{float:left;width:100%;padding:110px 0;}
.cerc-list ul{display:flex;flex-wrap:wrap;column-gap:1.3%;row-gap:15px;}
.cerc-list ul li{flex:0 1 24%;border-radius:10px;position:relative;}
.cerc-list ul li a{float:left;width:100%;border-radius:10px;}
.cerc-list ul li a .cerc-pad{float:left;width:100%;position:relative; border-radius:10px; overflow: hidden;}
.cerc-list ul li a .cerc-pad img {width:100%;float:left; transition: all 0.4s ease;}
.cerc-list ul li a .cerc-pad .serc-cnt{position:absolute;left:0;border-radius:10px;top:0;width:100%;background:linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 0%, rgb(48 49 53 / 77%) 100%);height:100%;}
.cerc-list ul li a .cerc-pad .serc-cnt .cer-cnn{ position:absolute; bottom:0px; left:0px; padding: 25px; display: flex; flex-wrap: wrap; row-gap: 15px;}
.cerc-list ul li a .cerc-pad .serc-cnt .cer-cnn h2{font-family:'PlayfairDisplay-SemiBold';font-size:35px;line-height:40px;letter-spacing:0px;color:#fff;margin-bottom:0px;}
.cerc-list ul li a .cerc-pad .serc-cnt .cer-cnn p{font-family:'Poppins-Regular';font-weight:400;font-size:15px;line-height:22px;letter-spacing:0px;color:#fff;}
.cerc-list ul li a:hover .cerc-pad img { transform: scale(1.04);}

/*clubs*/
.clubs { float:left; width:100%; background:#EDF1F4; padding:80px 0 100px 0;}
.clubs .club-pad { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:end; margin-bottom:40px;}
.clubs .club-pad .club-lft{flex:0 1 25%;}
.clubs .club-pad .club-lft h2 { font-family:'PlayfairDisplay-SemiBoldItalic'; font-size:60px;line-height:50px;margin-bottom:20px;letter-spacing:0px;color:#20A9EE;}
.clubs .club-pad .club-lft h3 { font-family:'PlayfairDisplay-Regular'; font-size:35px;line-height:40px;color:#143F54;letter-spacing:0px;}
.clubs .club-pad .club-rght { flex:0 1 56%; }
.clubs .club-pad .club-rght p{font-family:'Poppins-Regular';font-size:18px;line-height:28px;letter-spacing:0px;color:#3F6274;}
.clubs ul { display:flex; flex-wrap:wrap; column-gap:1%; row-gap:10px;}
.clubs ul li { box-shadow:3px 3px 10px 0px rgba(0, 0, 0, 0.07); background:#fff; flex:0 1 19.2%; border-radius:10px;}
.clubs ul li a { float:left; width:100%; border-radius:10px; overflow: hidden;}
.clubs ul li a .club-icon{float:left;width:100%; padding: 5px 0;}
.clubs ul li a .club-icon img{float:left;width:auto;padding:0px 0; max-height: 82px;}
.clubs ul li a .club-img { float:left; width:100%; overflow: hidden;}
.clubs ul li a .club-img img { width:100%; float:left; transition: all 0.4s ease;}
.clubs .club-brn{float:left;width:100%;margin-top:45px;}
.clubs .club-brn a{ transition: all 0.4s ease; font-family:'Poppins-SemiBold'; font-size:20px; line-height:20px; letter-spacing:0.5px; width: 50%; text-align:center;border:2px solid #ACBCC4;color:#143F54;padding:0px 20px;height:56px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;}
.clubs .club-brn a:hover { background: #143F54; color: #ffffff; border:2px solid #143F54;}
.clubs ul li a:hover .club-img img  { transform: scale(1.04);}

/*quisom*/
.quisom { float:left;width:100%;padding:80px 0 100px 0;}
.quisom .que-som-main{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;margin-bottom:40px;}
.quisom .que-som-main .que-lft{flex:0 1 63%;}
.quisom .que-som-main .que-lft h2{font-family:'PlayfairDisplay-SemiBold';font-weight:600;font-size:40px;color:#143F54;margin-bottom:22px;line-height:40px;letter-spacing:0px;}
.quisom .que-som-main .que-lft .que-ico{display:flex;align-items:center;column-gap:30px;}
.quisom .que-som-main .que-lft .que-ico p{color:#143F54;font-family:'Poppins-Regular';font-weight:400;font-size:18px;line-height:28px;}
.quisom .que-som-main .que-lft .que-ico p span{font-family:'Poppins-Bold';}
.quisom .que-btn{flex:0 1 31%; margin-bottom: 15px;}
.quisom .que-btn a { transition: all 0.4s ease; font-family:'Poppins-SemiBold';font-size:20px;line-height:20px;letter-spacing:0.5px;text-align:center;border:2px solid #ACBCC4;color:#143F54;padding:0 20px;height:56px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px; width: 100%;}
.quisom .que-btn a:hover { background: #143F54; color: #ffffff; border: 2px solid #143F54;}

.quisom ul{display:flex;flex-wrap:wrap;column-gap:3%;}
.quisom ul li{flex:0 1 31.333%; margin-bottom: 0px;}
.quisom ul li a .qui-img { float:left;width:100%; border-radius:10px; overflow: hidden;}
.quisom ul li a .qui-img img { width:100%;float:left; transition: all 0.4s ease;}
.quisom ul li a .qui-cnt { float:left; width:100%; padding-top:20px;}
.quisom ul li a .qui-cnt h3 { transition: all 0.4s ease; font-family:'PlayfairDisplay-SemiBold'; font-size:45px; line-height:55px; color:#20A9EE; margin-bottom:15px; letter-spacing:0px;}
.quisom ul li a .qui-cnt p { font-family:'PlayfairDisplay-Regular'; font-weight:400; color:#143F54; font-size:25px; margin-bottom:25px; line-height:35px; letter-spacing:0px;}
.quisom ul li a .qui-cnt .mes-btn { transition: all 0.4s ease; font-family:'Poppins-SemiBold'; font-weight:600; font-size:16px; line-height:25px; letter-spacing:0px; display:inline-flex; align-items:center; color:#143F54; column-gap:12px;}
.quisom ul li a .qui-cnt .mes-btn span { background:url(../images/more-info.svg) no-repeat 0 0; width:40px; height:40px;}
.quisom ul li a:hover .qui-cnt .mes-btn { color: #20A9EE;}
.quisom ul li a:hover .qui-cnt .mes-btn span { background:url(../images/more-info-h.svg) no-repeat 0 0; }
.quisom ul li a:hover .qui-img img { transform: scale(1.04);}
.quisom ul li a:hover .qui-cnt h3 { color: #143F54;}

/*Situacio*/
.situa{ float:left; background:#EDF1F4;width:100%;padding:120px 0 120px 0;}
.situa .situ-lft{float:left;width:50%;}
.situa .situ-lft img{width:100%;}
.situa .situ-rgt{float:left;width:50%;padding:46px 0 0 80px;}
.situa .situ-rgt h2{font-family:'PlayfairDisplay-Bold';font-size:40px;line-height:50px;letter-spacing:0px;margin-bottom:20px;color:#143F54;}
.situa .situ-rgt p{ color:#143F54;font-family:'Poppins-Regular';font-size:18px;line-height:28px;letter-spacing:-0.37px;margin-bottom:20px;}
.situa .situ-rgt a{ transition: all 0.4s ease; font-family:'Poppins-SemiBold';font-size:16px;line-height:25px;letter-spacing:0px;display:inline-flex;align-items:center;color:#143F54;column-gap:12px;}
.situa .situ-rgt a span{background:url(../images/more-info.svg) no-repeat;width:40px;height:40px;}
.situa .situ-rgt a:hover { color: #20A9EE;}
.situa .situ-rgt a:hover span { background:url(../images/more-info-h.svg) no-repeat 0 0; }

/*Trebellam*/
.trebellam { float:left; width:100%; position:relative;}
.trebellam img { float: left; width: 100%;}
.trebellam .trebell-cnt { position:absolute;top:50%;transform:translate(0, -50%);}
.trebellam .trebell-cnt h2{ font-family:'PlayfairDisplay-Bold';font-size:50px;line-height:59px;letter-spacing:0px;max-width:530px;color:#fff;margin-bottom:35px;}
.trebellam .trebell-cnt a { font-family:'Poppins-SemiBold';font-size:16px;line-height:25px;letter-spacing:0px;display:inline-flex;align-items:center;color:#fff;column-gap:12px;}
.trebellam .trebell-cnt a span{background:url(../images/more-info-wh.svg) no-repeat;width:40px;height:40px;}
.trebellam .trebell-cnt a:hover span { background:url(../images/more-info-h.svg) no-repeat 0 0; }
.trebellam::before{content:"";background:linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
linear-gradient(270deg, rgba(0, 0, 0, 0) 28.41%, rgba(0, 0, 0, 0.3) 69.09%);position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

/*cultural cards*/
.cul-cards{ float:left; width:100%; background:#EDF1F4; padding:90px 0 100px 0;}
.cul-cards ul{display:flex;flex-wrap:wrap;row-gap:20px;}
.cul-cards ul li{flex:0 1 100%;background:#fff;box-shadow:3px 3px 10px 0px rgba(0, 0, 0, 0.1);border-radius:10px; overflow: hidden;}
.cul-cards ul li a{float:left;width:100%;}
.cul-cards ul li a .club-icon{float:left;width:50%;min-height:138px;padding-left:32px;display:flex;align-items:center;}
.cul-cards ul li a .club-icon img{float:left;width:auto;height:100px;}
.cul-cards ul li a .club-img{float:left;width:50%; overflow: hidden;}
.cul-cards ul li a .club-img img{width:100%;float:left; transition: all 0.4s ease;}
.cul-cards ul li a:hover .club-img img { transform: scale(1.05);}

/*Accions promocionals*/
.accion{float:left;width:100%;padding:80px 0 90px 0;position:relative;}
.accion .accion-main{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:50px;}
.accion .accion-main .accion-lft{flex:0 1 auto;}
.accion .accion-main .accion-lft h2{font-family:'PlayfairDisplay-SemiBoldItalic';font-weight:600;font-size:60px;line-height:60px;color:#143F54;letter-spacing:0px;}
.accion .accion-rgt a {font-family:'Poppins-SemiBold';font-size:16px;line-height:25px;letter-spacing:0px;display:inline-flex;align-items:center;color:#143F54;column-gap:12px; transition:all .5s ease;  }
.accion .accion-rgt a span { background:url(../images/more-info.svg) no-repeat;width:40px;height:40px;}
.accion .accion-rgt a:hover { color: #20A9EE;}
.accion .accion-rgt a:hover span {background:url(../images/more-info-h.svg) no-repeat; }

.accion .accion-slider{padding:0; float: left; width: 100%; position: relative;}
.accion .accion-slider .swiper-slide .acc-pad a .associats-img span.wishlist-ico { transition:none; background:#20A9EE url(../images/ico-heart.svg) no-repeat center center;}
.accion .accion-slider .swiper-slide .acc-pad a .associats-cnt { padding:22px 0 0;float:left;width:100%; }
.accion .accion-slider .swiper-slide .acc-pad a .associats-cnt h3{ transition:all .5s ease; font-family:'Poppins-SemiBold'; font-weight:600;font-size:25px;line-height:35px;color:#143F54;letter-spacing:-0.5px;margin-bottom:20px;}
.accion .accion-slider .swiper-slide .acc-pad a .associats-cnt ul{display:flex;flex-wrap:wrap;align-items:center;column-gap:15px;}
.accion .accion-slider .swiper-slide .acc-pad a .associats-cnt ul li{flex:0 1 auto;}
.accion .accion-slider .swiper-slide .acc-pad a .associats-cnt ul li span { font-family:'Poppins-SemiBold';font-size:12px;line-height:100%;letter-spacing:0.3px;color:#fff;background:#143F54;height:22px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border-radius:100px;}
.accion .accion-slider .swiper-slide .acc-pad a .associats-cnt ul li p { font-family:'Poppins-SemiBold';font-weight:600;font-size:14px;line-height:20px;letter-spacing:-0.29px;margin:0;color:#143F54;}
.accion .accion-slider .swiper-slide .acc-pad a .associats-cnt ul li h4 { font-family:'Poppins-Regular';font-size:14px;line-height:20px;letter-spacing:-0.29px;color:#20A9EE;font-weight:normal;}
.accion .accion-slider .swiper-slide .acc-pad a .associats-cnt p{ color:#143F54; font-family:'Poppins-Regular';font-weight:400;font-size:15px;line-height:25px;letter-spacing:0px;margin:20px 0;}
.accion .accion-slider .swiper-slide .acc-pad a .associats-cnt .apunt-btn { transition: all 0.4s ease; font-family:'Poppins-SemiBold';font-size:16px;line-height:25px;letter-spacing:0px;display:inline-flex;align-items:center;color:#143F54;column-gap:12px;border:none;background:no-repeat;}
.accion .accion-slider .swiper-slide .acc-pad a .associats-cnt .apunt-btn span{background:url(../images/more-info.svg) no-repeat;width:40px;height:40px;}
.accion .accion-slider .swiper-slide:hover .acc-pad a .associats-cnt .apunt-btn { color: #20A9EE;}
.accion .accion-slider .swiper-slide:hover .acc-pad a .associats-cnt .apunt-btn span{background:url(../images/more-info-h.svg) no-repeat; }
.accion .accion-slider .swiper-slide:hover .acc-pad a .associats-cnt h3 { color: #20A9EE;}
.accion .accion-slider .swiper-slide:hover .acc-pad a .associats-img span.wishlist-ico { background: #ffffff url(../images/ico-heart-blue.svg) no-repeat center center;}

.accion .accion-slider .swiper-navigation { position: absolute; top:36%; transform: translateY(-50%); width: 100%; z-index:9; display: flex; align-items: center; justify-content: space-between;left: 0;}
.accion .accion-slider .swiper-button-prev-accion { margin-left: calc((100% - 1400px) / 4); width: 52px; height: 52px; transition: all 0.4s ease; cursor: pointer; opacity: 0.8;}
.accion .accion-slider .swiper-button-next-accion { margin-right: calc((100% - 1400px) / 4); width: 52px; height: 52px; transition: all 0.4s ease; cursor: pointer; opacity: 0.8;}
.accion .accion-slider .swiper-navigation > div{transition: all 0.5s ease;}
.accion .accion-slider .swiper-navigation > div:hover{opacity: 0.5;}

.associats-img { float: left; width: 100%; position: relative;border-radius: 5px;overflow: hidden;}
.associats-img img { float: left; width: 100%; transition:all .5s ease; }
span.wishlist-ico { background: #20A9EE url("../images/ico-heart.svg") no-repeat center center; cursor: pointer; width: 42px; height: 40px; display: inline-block; 
position: absolute; top: 0; left: 0; border-radius: 5px 0 5px; transition:all .5s ease; z-index: 1;}
.accion .accion-slider .swiper-slide:hover .associats-img img { transform: scale(1.05);}

.accion.accions-promo-sec { background: #EDF1F4;}
.accion.accions-promo-sec .accion-slider .swiper-navigation { display: none;}

/*patronat*/
.patronat{float:left;width:100%;padding-bottom:90px;}
.patronat h2{font-family:'PlayfairDisplay-SemiBoldItalic';font-size:40px;line-height:45px;color:#143F54;letter-spacing:-0.5px;margin-bottom:60px;}
.patronat ul{display:flex;flex-wrap:wrap;row-gap:60px; column-gap: 5%;}
.patronat ul li{flex:0 1 30%;padding-right:0px;}
.patronat ul li h3{font-family:'PlayfairDisplay-SemiBold';font-size:30px;line-height:40px;letter-spacing:-0.5px;color:#20A9EE;margin:0 0 15px 0; clear: both;}
.patronat ul li p{font-family:'Poppins-Regular';font-size:15px;line-height:25px;letter-spacing:0px;color:#436576;}
.patronat ul li .patronat-img { float: left; min-height: 80px; width: 100%; display: flex; align-items: center; margin-bottom: 20px;}

/* blocs-variats-2 page */
.intro-logo-div { float: left; width: 100%; border-left: 1px solid #979797; padding: 35px 0px 0px 35px; }
.intro-formacio { float: left; width: calc(100% - 300px); padding-left: 50px; padding-top: 55px; padding-right: 160px; }
.intro-formacio h2 { color: #143F54; font-size: 40px; line-height: 50px; font-family:'PlayfairDisplay-SemiBold'; margin-bottom: 50px; }
.intro-formacio h4 { color: #143F54; font-size: 22px; line-height: 32px; font-family:'Poppins-Regular', sans-serif; font-weight:400; } 
.intro-formacio h4 span { color: #20A9EE; font-family: 'Poppins-SemiBold'; }
.formacio-content-img { float: left; width: 100%; margin: 30px 0px 35px; }
.formacio-content-img img { float: left; width: 100%; }
.intro-formacio p { color: #143F54; font-size: 16px; line-height: 26px; font-family:'Poppins-Regular', sans-serif; font-weight:400; margin-bottom: 22px; } 
.intro-formacio h6 { color: #143F54; font-size: 16px; line-height: 26px; font-family:'Poppins-Regular', sans-serif; font-weight:700; margin-bottom: 5px; }

.forma-person-detail { float: left; width: 100%; display: flex; flex-wrap: wrap; border-top: 1px solid rgba(20, 63, 84, 0.30); padding-top: 20px; margin-bottom: 30px; }
.per-det-lft { width: 80px; }
.prof-img { width: 80px; height: 80px; border-radius: 100%;}
.prof-img img { float: left; width: 100%;}
.per-det-rgt { width: calc(100% - 80px);  padding-left: 35px;}
.per-det-rgt h3 { color: #143F54; font-size: 20px; line-height: 30px; font-family:'Poppins-Regular', sans-serif; font-weight:700; margin-bottom: 5px; }
.per-det-rgt p { color: rgba(20, 63, 84, 0.80); font-size: 16px; line-height: 26px; font-family:'Poppins-Regular', sans-serif; font-weight:400; }
ul.event-list { width: 100%; display: flex; flex-wrap: wrap; row-gap: 14px; }
ul.event-list li { flex: 0 1 100%; display: flex; flex-wrap: wrap; align-items: center; }
ul.event-list li .ico { width: 40px; height: 40px; }
ul.event-list li.date .ico { background: url("../images/ico-calendar.svg") no-repeat center center; }
ul.event-list li.time .ico { background: url("../images/ico-clock.svg") no-repeat center center; }
ul.event-list li.loc .ico { background: url("../images/ico-location.svg") no-repeat center center; }
ul.event-list li.date:hover .ico { background: url("../images/ico-calendar-rollover.svg") no-repeat center center; }
ul.event-list li.time:hover .ico { background: url("../images/ico-clock-rollover.svg") no-repeat center center; }
ul.event-list li.loc:hover .ico { background: url("../images/ico-location-rollover.svg") no-repeat center center; }

ul.event-list li .prof-txt { width: calc(100% - 40px); padding-left: 12px; }
ul.event-list li .prof-txt p { color: #143F54; font-size: 14px; line-height: 20px; font-family:'Poppins-Regular', sans-serif; font-weight:400; margin-bottom: 2px; }
ul.event-list li .prof-txt p span { font-weight:700; }
ul.event-list li .prof-txt p:last-child { margin-bottom: 0px; }

.col-lab-div { float: left; width: 100%; border-top: 1px solid rgba(20, 63, 84, 0.30); padding-top: 20px; margin-top: 35px; }
.col-lab-div h5 { color: #143F54; font-size: 20px; line-height: 30px; font-family:'Poppins-Regular', sans-serif; font-weight:700; margin-bottom: 20px; }
.col-lab-div ul { width: 100%; display: flex; flex-wrap: wrap; column-gap: 4%; }
.col-lab-div ul li { padding: 20px 15px; flex: 0 1 48%; background: #EDF1F4; border-radius: 10px; height: 215px; display: flex; align-items: center; justify-content: center; }

.inscripcio-sec { float: left; width: 100%; background: #EDF1F4; }
.inscripcio-div { width: 100%; display: flex; flex-wrap: wrap; }
.inscripcio-lft { flex: 0 1 78%; padding: 75px 145px 105px 0px; border-right: 1px solid rgba(20, 63, 84, 0.30); }
.inscripcio-lft h2 { color: #20A9EE; font-size: 40px; line-height: 40px; font-family:'PlayfairDisplay-SemiBold'; letter-spacing: -0.5px; }

.contact-form { float: left; width: 100%; margin-top: 30px;}
.sel-frm-cont { float: left; width: 100%;}
.sel-frm-cont .frm-input {float: left; width: 100%; margin-bottom: 30px;}
.sel-frm-cont .frm-input .form-control { float: left; width: 100%; font-family: 'Poppins-SemiBold'; color: #143F54; font-size: 18px; border: none; border-bottom: 2px solid #143F54; line-height: 24px; padding: 6px 0; letter-spacing: 0px;
background: none;}
.sel-frm-cont .frm-input textarea { height: 135px; }
.chk-box-lft { float: left; width: 100%; margin: 15px 0px;}
.sel-frm-cont .frm-input.checkbox { float: left; width: 100%; margin-bottom: 0; margin-top: 0px; padding: 0px 45px 0px 30px; }
.sel-frm-cont .frm-input.checkbox input { height: 1px; left: 0; position: absolute; top: 0; visibility: hidden; width: 1px; }
.sel-frm-cont .frm-input label { color: #143F54; cursor: pointer; font-size: 12px; font-family: 'Poppins-Regular'; position: relative; width: auto; line-height: 18px; display: inline-block; }
.sel-frm-cont .frm-input.checkbox label { padding-top: 3px; font-family: 'Poppins-Regular';color: #143F54; cursor: pointer; font-size: 12px; padding-bottom: 18px; padding-left: 35px; position: relative; float: left; width: auto; line-height: 20px; margin-bottom: 0px; text-align: left; }
.sel-frm-cont .frm-input.checkbox label span{ font-family: 'Poppins-Bold'; }
.sel-frm-cont .frm-input.checkbox label::before { background: none; content: ""; height: 10px; left: 4px; position: absolute; top: 10px; transition: all 0.3s ease-in-out 0s; width: 10px; z-index: 9; border-radius: 20px; }
.sel-frm-cont .frm-input.checkbox label::after { background: none; border: 2px solid #143F54; content: ""; height: 18px; left: 0; position: absolute; top: 6px; width: 18px; border-radius: 20px; }
.sel-frm-cont .frm-input.checkbox input:checked + label::before { background: #143F54  none repeat scroll 0 0; }
.sel-frm-cont .frm-input.checkbox label a { text-decoration: underline; }
.sel-frm-cont .frm-input.checkbox label:last-child { padding-bottom: 10px;}
/* .sel-frm-cont .frm-input.checkbox label { opacity: 0.5; }
.sel-frm-cont .frm-input.checkbox.default label { opacity: 1;} */
.sel-frm-cont .frm-input button { float: left; width: 100%; border: none; background: #20A9EE; color: #fff; font-family: 'PlayfairDisplay-SemiBold'; font-size: 25px; line-height: 30px; padding: 13px 0; cursor: pointer; border-radius: 5px; margin-top: 30px; position: relative; transition: all 0.5s ease;
display: flex; align-items: center; justify-content: center;}
.sel-frm-cont .frm-input button:hover { background: #333; }
.sel-frm-cont .nice-select { float: left; width: 100%; border: none; background: none; border-radius: 0px; color: #143F54; font-size: 18px; font-family: 'Poppins-SemiBold'; border-bottom: 2px solid #143F54; line-height: 24px; padding: 8px 0; }
.sel-frm-cont .nice-select::after { right: 15px; border-bottom: 2px solid #143F54;border-right: 2px solid #143F54; height: 8px; width: 8px;}
.sel-frm-cont .nice-select:hover {color: #143F54;}
.sel-frm-cont .nice-select:hover::after { border-bottom: 2px solid #143F54;border-right: 2px solid #143F54; }
.sel-frm-cont .nice-select:active, .sel-frm-cont .nice-select.open, .sel-frm-cont .nice-select:focus { border-color: #143F54; }
.sel-frm-cont .nice-select .list { width: 100%; border-radius: 0px;} 
.sel-frm-cont .nice-select .option { width: 100%; padding: 3px 15px; font-size: 14px; color: #143F54;}
.sel-frm-cont .nice-select .option:hover {background-color: #143F54;}
.sel-frm-cont .frm-input.btm-none { margin-bottom: 0px;}
.sel-frm-cont .frm-input .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #143F54;
}
.sel-frm-cont .frm-input .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #143F54;
}
.sel-frm-cont .frm-input .form-control:-ms-input-placeholder { /* IE 10+ */
  color: #143F54;
}
.sel-frm-cont .frm-input .form-control:-moz-placeholder { /* Firefox 18- */
  color: #143F54;
}
 
.inscripcio-rgt { flex: 0 1 22%; padding: 95px 0px 20px 35px; }
.inscripcio-rgt h4 { color:#143F54; font-size:20px; line-height: 28px; font-family:'Poppins-Regular', sans-serif; font-weight:700; margin-bottom: 15px; }
.inscripcio-rgt p { color:rgba(20, 63, 84, 0.6); font-size:16px; line-height: 26px; font-family:'Poppins-Regular', sans-serif; font-weight:400; margin-bottom: 22px; }
.inscripcio-rgt h6 { color:#143F54; font-size:14px; line-height: 25px; font-family:'Poppins-Regular', sans-serif; font-weight:700; margin-bottom: 2px; }
.inscripcio-rgt a.mail { color:#20A9EE; font-size:14px; line-height: 25px; font-family:'Poppins-Regular', sans-serif; font-weight:600; text-decoration: underline; transition:all .5s ease; }
.inscripcio-rgt a.mail:hover { color:#143F54; }

/*altres-formacions*/
.accion.altres-formacions { padding: 75px 0 145px 0; }
.accion.altres-formacions .accion-main { column-gap: 25px; justify-content: left;}
.accion.altres-formacions .accion-main .accion-lft h2{font-size:40px;line-height:40px;color:#20A9EE;}
.accion .accion-main .accion-rgt a { float: left;}
.accion.altres-formacions .associats-img { border-radius: 10px; }
.accion.altres-formacions .accion-slider .swiper-navigation  { display: none;}

.escullis-sec { float: left; width: 100%; padding: 60px 0 100px 0; position: relative; }
.escullis-sec::before { content: ""; position: absolute; top:0px; left: 0px; width: 100%; height: 685px; background: #143F54; }
.escullis-top { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; }
.escullis-lft { flex: 0 1 43%; }
.escullis-lft h2 { color: #fff; font-size: 40px; line-height: 40px; font-family:'PlayfairDisplay-Bold'; margin-bottom: 25px; }
.escullis-lft p { color: #fff; font-size: 18px; line-height: 28px; font-family:'Poppins-Regular', sans-serif; font-weight: 400; }
.escullis-rgt { flex: 0 1 50%; }
.video-div { float: left; width: 100%; border-radius: 8px; overflow: hidden; position: relative; margin-top: -120px;}
.video-div::after { content: ""; position: absolute; left: 0px; top:0px; width: 100%; height: 100%; background: linear-gradient(to top, rgba(48,49,53,0.8) 0%,rgba(48,49,53,0) 100%);}
.video-div img{ float: left; width: 100%; } 
.video-div .escullis-video-div { position: absolute; left: 38px; bottom: 38px; z-index: 1; }
.video-div .escullis-video-div a { display: flex; align-items: center; font-family:'Poppins-Regular', sans-serif; font-weight: 600; font-size: 18px;line-height: 20px; color: #fff;transition: all 0.5s ease;}
.video-div .escullis-video-div a img { float: left; width: 50px; margin-right: 14px; }
.video-div .escullis-video-div a:hover { opacity: 0.7; }

.escullis-btm { float: left; width: 100%; margin-top: 100px; }
.escullis-slider { padding: 0px 0px; position: relative; }

.escullis-slider .swiper-slide .acc-pad a .associats-img { float: left; width: 100%; position: relative;border-radius: 8px;overflow: hidden; }
.escullis-slider .swiper-slide .acc-pad a .associats-img img { float: left; width: 100%; transition:all .5s ease; }
.escullis-slider .swiper-slide:hover .associats-img img { transform: scale(1.05); }

.escullis-slider .swiper-slide .acc-pad a .associats-cnt { padding:25px 0 0;float:left;width:100%; }
.escullis-slider .swiper-slide .acc-pad a .associats-cnt h3{ transition:all .5s ease; font-family:'PlayfairDisplay-SemiBold'; font-weight:600; font-size:40px; line-height:45px; color:#143F54; letter-spacing:0px; margin-bottom:20px;}
.escullis-slider .swiper-slide .acc-pad a .associats-cnt p{ color:#143F54; font-family:'Poppins-Regular';font-weight:400;font-size:18px;line-height:28px;letter-spacing:0px;margin:0px 0;}
.escullis-slider .swiper-slide:hover .acc-pad a .associats-cnt h3 { color: #20A9EE;}

.escullis-slider .swiper-navigation { position: absolute; top:36%; transform: translateY(-50%); width: 100%; z-index:99; display: flex; align-items: center; justify-content: space-between;left: 0;}
.escullis-slider .swiper-button-prev-esc { margin-left: -80px; width: 52px; height: 52px; transition: all 0.4s ease; cursor: pointer; opacity: 1;}
.escullis-slider .swiper-button-next-esc { margin-right: -80px; width: 52px; height: 52px; transition: all 0.4s ease; cursor: pointer; opacity: 1;}
.escullis-slider .swiper-navigation > div { transition: all 0.5s ease; }
.escullis-slider .swiper-navigation > div:hover { opacity: 0.5; }

.festeva-sec { float: left; width: 100%; padding: 90px 0px 110px; background: #EDF1F4; }
.festeva-sec h2 { color: #143F54; font-size: 40px; line-height: 50px; font-family:'PlayfairDisplay-SemiBold'; }
.festeva-div-out { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%; margin: 30px 0px 0px; }
.festeva-div { flex: 0 1 23.5%; }
.festeva-div h5 { color:#143F54; font-size:14px; line-height: 22px; font-family:'Poppins-Regular', sans-serif; font-weight:700; text-transform: uppercase; margin-bottom: 15px; }
ul.festeva-lst { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 12px; }
ul.festeva-lst li { flex:  0 1 100%;}
ul.festeva-lst li a { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border: 1px solid rgba(20, 63, 84, 0.30); border-radius: 10px; padding: 14px 15px; transition:all .5s ease; }
.festeva-txt { flex: 0 1 calc(100% - 25px); }
.festeva-txt p { color:#143F54; font-size:16px; line-height: 20px; font-family:'Poppins-Regular', sans-serif; font-weight:600; transition:all .5s ease; }
.ico-div.download { width:14px; height:18px; background:url("../images/ico-download.svg") no-repeat 0px 0px; }
.ico-div.link { width:16px; height:16px; background:url("../images/ico-link.svg") no-repeat 0px 0px; }
ul.festeva-lst li a:hover { background: #20A9EE; border: 1px solid #20A9EE;}
ul.festeva-lst li a:hover .festeva-txt p { color: #fff;} 
ul.festeva-lst li a:hover .ico-div.download { background:url("../images/ico-download-white.svg") no-repeat 0px 0px; }
ul.festeva-lst li a:hover .ico-div.link { background:url("../images/ico-link-white.svg") no-repeat 0px 0px; }

.gallery-section { float: left; width: 100%; }
.gallery-section ul { width: 100%; display: flex; flex-wrap: wrap; }
.gallery-section ul li { flex: 0 1 25%; }
.gallery-section ul li img { float: left; width: 100%; }
.gallery-section ul li a { float: left; width: 100%; position: relative;}
.gallery-section ul li a::before { z-index: 1; position: absolute; content: ""; background: url("../images/ico-fullscreen.svg") no-repeat center center; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; width: 40px; height: 30px; opacity: 0; visibility: hidden; transition: all 0.5s ease; }
.gallery-section ul li a::after { position: absolute; content: ""; background: rgba(32, 169, 238,0.75); top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: all 0.5s ease;}
.gallery-section ul li a:hover::before, .gallery-section ul li a:hover:after { opacity: 1; visibility: visible;}

.serveis-sec { float: left; width: 100%; padding: 75px 0px 95px; background: #EDF1F4; }
.serveis-sec h2 { color: #143F54; font-size: 40px; line-height: 50px; font-family:'PlayfairDisplay-SemiBold'; }
.serveis-div { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 40px 0px 75px; }
.serveis-lft { flex: 0 1 46%;}
ul.serveis-lst { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 30px;}
ul.serveis-lst li { flex: 0 1 100%; display: flex; flex-wrap: wrap; }
ul.serveis-lst li .ico-div { flex: 0 1 85px; }
ul.serveis-lst li .serveis-txt { flex: calc(100% - 85px); padding-left: 30px; }
ul.serveis-lst li .serveis-txt p { color:#143F54; font-size:18px; line-height: 28px; font-family:'Poppins-Regular', sans-serif; font-weight:400; }
ul.serveis-lst li .serveis-txt p span { font-weight:700; }
.serveis-rgt { flex: 0 1 46%; }

.service-img-lst{ float: left; width: 100%; }
.service-img-lst ul{display:flex;flex-wrap:wrap;column-gap:2%;}
.service-img-lst ul li{flex:0 1 32%; }
.service-img-lst ul li a .qui-img { float:left;width:100%; border-radius:5px; overflow: hidden;}
.service-img-lst ul li a .qui-img img { width:100%;float:left; transition: all 0.4s ease;}
.service-img-lst ul li a .qui-cnt { float:left; width:100%; padding-top:25px;}
.service-img-lst ul li a .qui-cnt h3 { transition: all 0.4s ease; font-family:'PlayfairDisplay-SemiBold'; font-size:40px; line-height:45px; color:#20A9EE; margin-bottom:25px; letter-spacing:0px;}
.service-img-lst ul li a .qui-cnt .mes-btn { transition: all 0.4s ease; font-family:'Poppins-SemiBold'; font-weight:600; font-size:16px; line-height:25px; letter-spacing:0px; display:inline-flex; align-items:center; color:#143F54; column-gap:12px;}
.service-img-lst ul li a .qui-cnt .mes-btn span { background:url(../images/more-info.svg) no-repeat 0 0; width:40px; height:40px;}
.service-img-lst ul li a:hover .qui-cnt .mes-btn { color: #20A9EE;}
.service-img-lst ul li a:hover .qui-cnt .mes-btn span { background:url(../images/more-info-h.svg) no-repeat 0 0; }
.service-img-lst ul li a:hover .qui-img img { transform: scale(1.04);}
.service-img-lst ul li a:hover .qui-cnt h3 { color: #143F54;}

.gallery-list-forma { margin-top: 80px;}
.gallery-list-forma h3 { color: #20A9EE; font-size: 40px; line-height: 40px; font-family:'PlayfairDisplay-SemiBold'; letter-spacing: -0.5px; margin-bottom: 40px; }
.gallery-list.gallery-list-forma .tiles-wrap li { width:236px;}


/* ********************************************* */


/* Login Popup */ 
.login-popup {background: rgba(20, 63, 84, 0.5);position: fixed;top: 0;left: 0;height: 100%; width: 100%;z-index: 9999;display: none;}
.login-main {position: absolute;top: 50%;transform: translate(-50% ,-50%);left: 50%;background: url(../images/bg-login.svg) no-repeat center center;width: 650px;height: 650px;display: flex;align-items: center; justify-content: center;}
.login-form {width: 100%;max-width: 260px;margin: 0 auto;}
.log-title {display: flex;align-items: center;column-gap: 27px;margin-bottom: 40px;}
.log-title h2 {font-family: 'PlayfairDisplay-SemiBoldItalic';font-size: 40px;line-height: 50px;color: #143F54;}
.log-form{width: 100%;}
.log-form ul{margin-bottom: 27px;}
.log-form ul li{margin-bottom: 33px;}
.log-form ul li:last-child{margin-bottom: 0;}
.log-form ul li input{width: 100%;padding:0 20px 8px 0;border:0;border-bottom: 2px solid #143F54;font-size: 18px;line-height: 24px;color: #143F54;font-family: 'Poppins-Semibold';}
.log-form ul li.passcode input{background: url(../images/ico-password.svg) no-repeat right 13px center;padding-right:40px;}
.log-form ul li input::placeholder{color: #143F54;}
.log-form a{float:left; font-size: 14px;line-height: 24px;font-family: "Poppins-Semibold";color: #20A9EE;transition: all 0.5s ease;margin-bottom: 30px;}
.log-form a:hover{color: #143F54;}
.log-form button{border:0;width: 100%;height: 60px;padding: 0 10px;color: #fff;text-align: center;background: #20A9EE;font-size: 20px;line-height: 24px;font-family: "Poppins-Semibold";letter-spacing: 0.5px; transition: all 0.5s ease;border-radius: 5px;cursor: pointer;}
.log-form button:hover{background: #143F54;}
.log-close {position: absolute;top: 50%;transform: translateY(-50%);right: 47px;width: 50px;height: 50px;cursor: pointer;background: #143F54;display: flex;align-items: center;justify-content: center;border-radius: 100%;transition:all 0.5s ease;}
.log-close img {width: 22px;}
.log-close:hover{background: #20A9EE;}


/* area-de-members */ 
.interanet-area a, .is-sticky .interanet-area a { background: #20A9EE;color: #fff; }
.inner-header .area-membres.interanet-area a { background: #20A9EE;color: #fff; }
.inner-header .area-membres.interanet-area a:hover { background: #143F54;color: #fff; }
.areade-member{width: 100%;float: left;padding-bottom: 110px;}
.areade-member .intro-para{padding-right: 0px;padding-top: 40px;} 
.areade-member .intro-para p{color: #143F54;padding-bottom: 0;}
.areade-member p.my-message.show.hide-txt span.morecontent label ,.areade-member p.my-message.show span.morecontent label {color: #20A9EE;}

.area-list {float: left;width: 100%;padding-top: 40px;}
.area-list ul {display: flex;flex-wrap: wrap;column-gap: 2%;width: 100%;}
.area-list ul li {flex: 0 1 32%; border-radius: 10px; overflow: hidden;}
.area-list ul li a { float: left; width: 100%; padding: 40px; transition: all 0.4s ease;}
.area-1 {background: #143F54;}
.area-2 {background: #165473;} 
.area-3 {background: #196A91;}
.area-img {width: auto;min-height: 90px;margin-bottom: 50px;}
.area-img img {width: auto; max-height: 75px;}
.area-cnt {float: left;width: 100%;}
.area-cnt h3 {font-size: 35px;line-height: 40px;font-family: 'PlayfairDisplay-SemiBold';color: #fff;margin-bottom: 20px;min-height: 80px;}
.area-cnt p {font-size: 15px;line-height: 25px;color: rgba(255, 255, 255, 0.7);font-family: 'Poppins-Regular';}
.area-list ul li a:hover { background: #20A9EE;}

.ten-dubes{float: left;width: 100%;padding-top: 85px;}
.ten-main{width: 100%;display: flex;flex-wrap: wrap;column-gap: 16%;}
.ten-lft {flex: 0 1 20%;}
.ten-rht {flex: 0 1 64%;   }
.ten-lft h2 {font-size: 40px;line-height: 45px;color: #143f54;letter-spacing: -0.5px;font-family: 'PlayfairDisplay-SemiBoldItalic';margin-bottom: 22px;}
.ten-lft h3 {font-family: 'PlayfairDisplay-Italic';font-size: 30px;line-height: 37px;letter-spacing: -0.5px;color: #20a9ee;}
.ten-rht h4 {font-size: 22px;line-height: 32px;letter-spacing: -0.08px;color: #143f54;font-family: 'Poppins-Bold';margin-bottom: 10px;}
.ten-rht p {font-size: 16px;line-height: 26px;letter-spacing: -0.07px;color: #143f54;font-family: 'Poppins-Regular';margin-bottom: 20px;}
.ten-share {width: 100%;}
.ten-share ul {width: 100%;display: flex;flex-wrap: wrap;row-gap: 15px;}
.ten-share ul li {flex: 0 1 100%;}
.ten-share ul li a {float: left;width: auto;color: #143F54;font-size: 14px;line-height: 25px;font-family: 'Poppins-SemiBold';display: flex;align-items: center;column-gap: 15px;}
.ten-share ul li a span {float: left;width: 40px;height: 40px;transition: all .5s ease;border: 2px solid #B9C6CC;background: transparent;border-radius: 100%;display: flex;align-items: center;justify-content: center;}
.ten-share ul li a span img {width: auto;}
.ten-share ul li a:hover span{background:#B9C6CC; }


/******historical******/
.intro-title-lst.bloc-variant .intro-para .conv-cont-area { display: flex; flex-wrap: wrap; row-gap: 15px; flex-direction: column;}

.areas-list-sec { float: left; width: 100%; padding: 0px 0 100px;}
.areas-list-tab { float: left; width: 100%; }
.areas-list-tab ul { display: flex; flex-wrap: wrap; column-gap: 1.5%;}
.areas-list-tab ul li { flex: 0 1 32.3%;}
.areas-list-tab ul li a {transition: all 0.4s ease; background: rgba(20, 63, 84, 0.07); padding: 20px 25px; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; column-gap: 15px; font-size: 25px; line-height: 30px; font-family: 'PlayfairDisplay-SemiBold'; color: #143F54;}
.areas-list-tab ul li a:hover { background: #196A91; color: #ffffff;}
.areas-list-tab ul li a:hover span img {  filter: invert(1) brightness(2) saturate(0); }
.areas-list-tab ul li.active a { background: #196A91; color: #ffffff;}
.areas-list-tab ul li.active a span img {  filter: invert(1) brightness(2) saturate(0); }

.historial-sec { float: left; width: 100%; padding: 60px 0 0px; }
.historial-sec.inscription h2 { margin-bottom: 0;}
.historial-sec h2 { font-size: 40px; color: #143F54; line-height: 50px; font-family: 'PlayfairDisplay-SemiBold'; margin-bottom: 20px;}
.historial-sec p { font-size: 18px; color: #143F54; line-height: 26px; } 
.historial-sec p span { color: #20A9EE; font-family: 'Poppins-Bold';}

.historial-cnt { float: left; width: 100%; display: flex; flex-wrap: wrap; margin-top: 60px; justify-content: space-between;}
.historial-lft { flex: 0 1 26%;} 
.hist-filter { float: left; width: 100%;}
.historial-lft ul { display: flex; flex-wrap: wrap; row-gap: 20px; width: 100%;}
.historial-lft ul li { flex: 0 1 100%; position: relative;}
.historial-lft ul li input[type="text"] { width: 100%; background: #EDF1F4; border: none; font-family: 'Poppins-Medium'; font-size: 16px; color: #143F54; height: 45px; line-height: 45px; padding: 0 45px 0 15px; border-radius: 5px; }
.historial-lft ul li input::placeholder { color: #143F54; /* or any color you want */ opacity: 1;  /* Optional: ensures full opacity across browsers */ } 
.historial-lft ul li button { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); border: none; background: none; } 

.historial-lft ul li .nice-select { width: 100%; background: #EDF1F4; height: 45px; padding: 0px 15px; line-height: 45px; font-size: 16px; color: #143F54; font-family: 'Poppins-Medium';}
.historial-lft ul li .nice-select::after { right: 25px; width: 10px; height: 10px; border-bottom: 2px solid #143F54; border-right: 2px solid #143F54; margin-top: -6px;}
.historial-lft ul li .nice-select .list{ row-gap: inherit;}
.historial-lft ul li .nice-select .option { line-height: 36px; font-size: 14px; font-family: 'Poppins-Regular'; font-weight: normal;}
.historial-lft ul li .nice-select .option:hover { background: #143F54;}
.calendar-sec { float: left; width: 100%; margin-top: 60px;}

.historial-rht { flex: 0 1 68%;} 
.historial-rht ul { display: flex; flex-wrap: wrap; row-gap: 20px;}
.historial-rht ul li { display: flex; flex-wrap: wrap; background: rgba(20, 63, 84, 0.07); border-radius: 10px; overflow: hidden;}
.historial-rht ul li .hist-img { flex: 0 1 30%; position: relative;}
.historial-rht ul li .hist-img img { float: left; width: 100%;}
.historial-rht ul li .hist-img span { position: absolute; top: 0; left: 0; background: #6D6E71; border-radius: 0 0 10px 0; color: #ffffff; font-size: 13px; font-family: 'Poppins-SemiBold'; letter-spacing: 0.5px; padding: 10px 12px;}
.historial-rht ul li .hist-img span.blue-bg { background: #20A9EE;}
.historial-rht ul li .hist-img span.red-bg { background: #E21919;}
.historial-rht ul li .hist-img span.org-bg { background: #FF7215;}

.historial-rht ul li .hist-flex { flex: 0 1 70%; padding: 30px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.historial-rht ul li .hist-flex .hist-event-list { flex: 0 1 20%;}
.historial-rht ul li .hist-flex .hist-event-list ul { row-gap: 10px;}
.historial-rht ul li .hist-flex .hist-event-list ul li { background: none; flex: 0 1 100%; border-radius: 0px;}
.historial-rht ul li .hist-flex .hist-event-list ul li span { font-family:'Poppins-SemiBold';font-size:12px;line-height:100%;letter-spacing:0.3px;color:#fff;background:#143F54;height:22px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border-radius:100px;}
.historial-rht ul li .hist-flex .hist-event-list ul li p { font-family:'Poppins-SemiBold';font-weight:600;font-size:14px;line-height:20px;letter-spacing:-0.29px;margin:0;color:#143F54;}
.historial-rht ul li .hist-flex .hist-event-list ul li h4 { font-family:'Poppins-Regular';font-size:14px;line-height:20px;letter-spacing:normal;color:#20A9EE;font-weight:normal;}

.historial-rht ul li .hist-flex .hist-event-cnt { flex: 0 1 75%;}
.historial-rht ul li .hist-flex .hist-event-cnt h3 { font-size: 20px; color: #143F54; line-height: 26px; font-family: 'Poppins-SemiBold'; margin-bottom: 10px;}
.historial-rht ul li .hist-flex .hist-event-cnt p { font-size: 14px; line-height: 22px; color: rgba(20, 63, 84, 0.7); letter-spacing: 0.5px;}
.historial-rht ul li .hist-flex .hist-event-cnt ul { column-gap: 6%; margin-top: 20px;}
.historial-rht ul li .hist-flex .hist-event-cnt ul li { background: none; border-radius: 0; flex: 0 1 47%;}
.historial-rht ul li .hist-flex .hist-event-cnt ul li h5 { font-size: 12px; line-height: 20px; margin-bottom: 5px; color: #143F54; text-transform: uppercase; letter-spacing: 1px; font-family: 'Poppins-Regular'; font-weight: normal; width: 100%;}
.historial-rht ul li .hist-flex .hist-event-cnt ul li p { font-size: 16px; color: #143F54; line-height: 20px; font-family: 'Poppins-Bold'; }

.pagination { position: relative; padding: 0; margin: 50px 0 0; float: left; width: 100%;}
.pagination ul { display: flex; flex-wrap: wrap; column-gap: 8px;}
.pagination ul li { flex: 0 1 auto; background: none;}
.pagination ul li.active a { background: #20A9EE; color: #ffffff;}
.pagination ul li a { transition: all 0.4s ease; font-size: 16px; text-decoration: none; font-family: 'Poppins-SemiBold'; transition: all .5s ease; display: flex; align-items: center; justify-content: center;
  margin: 0; height: 38px; width: 38px; border-radius: 50px; border: 0px solid #143F54; line-height: 38px; padding: 0; color: #143F54; letter-spacing: 0.03em;}
  
/* .pagination ul li:first-child, .pagination ul li:last-child { border: none; width: auto; }*/  
/* .pagination ul li:first-child a, .pagination ul li:last-child a { border: none; width: auto; display: flex; column-gap: 5px;} */

.pagination ul li a:hover { background: #20A9EE; color: #ffffff;}
.pagination ul li:last-child a:hover { background: none; color: #143F54; opacity: 0.7; }
/* .pagination ul li:first-child a:hover, .pagination ul li:last-child a:hover { background: none; color: #20A9EE;} */

.historial-filter .mob-title-filter { float: left; width: 100%; display: none; margin-top: 15px;}
.historial-filter .mob-title-filter .mob-title-cnt { float: left; width: 100%; display: flex; align-items: center; justify-content: center;}
.historial-filter .mob-title-filter h1 { float: left; width: calc(100% - 59px); font-size: 20px; line-height: 36px; font-family: 'Poppins-SemiBold'; color: #143F54; margin-bottom: 0;}
.historial-filter .mob-title-filter .mob-filter { float: right; width: auto; margin-left: 15px;}
.historial-filter .mob-title-filter .mob-filter a { float: left; width: 44px; height: 44px; background: #20A9EE url("../images/filter.svg") no-repeat center center; border-radius: 6px;}
.historial-filter .mob-title-filter .mob-filter a.close {background: #143F54 url("../images/ico-close-white.svg") no-repeat center center;}
.historial-sec.historial-filter .historial-lft.show { display: block;}

.hist-addr { float: left; width: 100%;}
.hist-addr h4 {font-size: 19px;line-height: 28px;letter-spacing: normal;color: #143f54;font-family: 'Poppins-Bold';margin-bottom: 20px;}
.hist-addr h4 span { color: #20A9EE;}
.hist-addr p {font-size: 14px;line-height: 22px;letter-spacing: 0.3px;color: #143f54;font-family: 'Poppins-Regular';margin-bottom: 20px;}
.hist-addr .ten-share {width: 100%;}
.hist-addr .ten-share ul {width: 100%;display: flex;flex-wrap: wrap;row-gap: 15px;}
.hist-addr .ten-share ul li {flex: 0 1 100%;}
.hist-addr .ten-share ul li a {float: left;width: auto;color: #143F54;font-size: 14px;line-height: 25px;font-family: 'Poppins-SemiBold';display: flex;align-items: center;column-gap: 15px;}
.hist-addr .ten-share ul li a span {float: left;width: 40px;height: 40px;transition: all .5s ease;border: 2px solid #B9C6CC;background: transparent;border-radius: 100%;display: flex;align-items: center;justify-content: center;}
.hist-addr .ten-share ul li a span img {width: auto;}
.hist-addr .ten-share ul li a:hover span{background:#B9C6CC; }


/* dades-empresa */
.historial-sec.empresa-sec {padding-top: 80px;}
.historial-sec.empresa-sec.inscripcions .historial-cnt { margin-top: 40px;}
.empresa-sec .historial-cnt {margin-top: 0;}
/* .empresa-sec .historial-lft {flex: 0 1 22%;} */
/* .empresa-sec  .historial-rht {flex: 0 1 61%;} */
.empresa-sec .empersa-form {width: 100%;float: left;}
.empresa-sec .empersa-form ul {display: flex;flex-wrap: wrap;row-gap: 40px;}
.empresa-sec .empersa-form li {flex:0 1 100%;background: transparent;border-radius: 0;}
.empresa-sec .empersa-form label {font-size: 12px;line-height: 20px;color: #899EA9;width: 100%;font-family: 'Poppins-SemiBold';background-color: #fff;float: left;display: block;}
.empresa-sec .empersa-form input[type="text"],
.empresa-sec .empersa-form input[type="email"], 
.empresa-sec .empersa-form input[type="url"] { width: 100%;border: none;border-bottom: 2px solid #143F54;font-size: 17px; line-height: 22px;font-weight: bold;padding: 8px 15px 17px 0;font-family: 'Poppins-SemiBold';}
.empresa-sec .empersa-form input[type="file"]{display: none;}
.empersa-form input::placeholder {color: #143F54;}
.logo-row {display: flex;align-items: center;justify-content: space-between;column-gap: 30px;}
#customFileLabel {width: 100%;border: none;border-bottom: 2px solid #143F54;font-size: 17px; line-height: 22px;font-weight: bold;padding: 8px 15px 17px 0;font-family: 'Poppins-SemiBold';color: #143F54;}
.logo-upload {flex: 1 1 auto;} 
.logo-preview {width: 105px;height: 80px;border-radius: 10px;padding: 10px;background: #dce3e6;}
.logo-preview img{width: 100%;float: left;height: 100%;object-fit: cover;}

.empera-clubs {float: left;width: 100%;padding-top: 60px;}
.empera-clubs h3 {font-size: 22px;line-height: 32px;font-family: 'PlayfairDisplay-SemiBold';color: #143F54;margin-bottom: 25px;}
.empera-clubs ul {display: flex;align-items: center;column-gap: 2%;row-gap: 15px;}
.empera-clubs ul li { flex: 0 1 auto;}
.empera-clubs ul li a { background: #EEF1F3;padding: 30px 25px;display: block;}



/* PREMIS GI pages */

/* premis inici page */
#main-slider.single-banner-slider.premis-banner .page-caption { max-width: 490px; }
.page-caption h3 {color:#143F54; font-size:30px; line-height:38px; font-family: 'PlayfairDisplay-Italic'; margin: 15px 0px 0px; }

.premis-wel-sec { float: left; width: 100%; padding: 50px 0px; }
.premis-cont-div { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.premis-cont-lft { flex: 0 1 48%; }
.premis-cont-lft p.first-para { color:#143F54; font-family:'Poppins-Regular'; font-size:25px; line-height:35px; margin-bottom: 22px; }
.premis-cont-lft p.first-para span.bold { font-family:'Poppins-Bold'; }
.premis-cont-lft p.first-para span.italic { font-family:'Poppins-Italic'; }
.premis-cont-lft p {color:rgba(20, 63, 84, 0.8); font-family:'Poppins-Regular'; font-size:18px; line-height:28px; letter-spacing:-0.2px; margin-bottom: 22px; }

.premis-logo { float: left; width: 100%; margin-bottom: 35px; }
.premis-logo img { float: left; }
.premis-cont-rgt { flex: 0 1 47%; }
.premis-cont-rgt .video-div { margin-top: 120px; border-radius: 10px; }
.premis-cont-rgt .intro-share-links ul { float: right; width: 225px; padding: 35px 0px 35px 35px; }

/*.premis-cat-sec { float: left; width: 100%; padding: 75px 0px 95px; background: #EDF1F4; }*/
.premis-cat-sec { float: left; width: 100%; padding: 55px 0px 55px; background: #EDF1F4; }
.premis-cat-sec h2 { color: #20A9EE; font-size: 40px; line-height: 40px; font-family:'PlayfairDisplay-SemiBold'; letter-spacing: -0.5px; margin-bottom: 40px; }
.premis-cat-div { float: left; width: 100%; }
ul.premis-cat-lst { width: 100%; display: flex; flex-wrap: wrap; column-gap: 5%; row-gap: 65px; }

/*ul.premis-cat-lst li { flex: 0 1 30%; display: flex; flex-wrap: wrap;}*/
ul.premis-cat-lst li { flex: 0 1 21%; display: flex; flex-wrap: wrap;}

ul.premis-cat-lst li .cat-logo { flex: 0 1 60px;}
ul.premis-cat-lst li .cat-logo img { float: left; width: 100%; }
ul.premis-cat-lst li .cat-txt { flex: calc(100% - 60px); padding-left: 28px; }
ul.premis-cat-lst li .cat-txt h3 {color:#143F54; font-family:'Poppins-Bold'; font-size:25px; line-height:32px; letter-spacing:-0.67px; margin-bottom: 15px; }
ul.premis-cat-lst li .cat-txt p {color:rgba(20, 63, 84, 0.8); font-family:'Poppins-Regular'; font-size:18px; line-height:28px; letter-spacing:-0.2px; margin-bottom: 25px; }

a.mesinfo-btn { transition: all 0.4s ease; font-family:'Poppins-SemiBold'; font-size:16px; line-height:25px; letter-spacing:0px; display:inline-flex; align-items:center; color:#143F54; column-gap:12px;}
a.mesinfo-btn span { background:url(../images/more-info.svg) no-repeat 0 0; width:40px; height:40px;}
ul.premis-cat-lst li:hover a.mesinfo-btn { color: #20A9EE;}
ul.premis-cat-lst li:hover a.mesinfo-btn span { background:url(../images/more-info-h.svg) no-repeat 0 0; }
.gallery-sec.gal-wht-bg { background: #fff; }


/* premis fitxa css */
.premis-fitxa-sec { float: left; width: calc(100% - 300px); padding-left: 50px; padding-top: 55px; padding-right: 70px;}
.premis-fitxa-cnt { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 30px;}
.premis-fitxa-cnt > div:first-child { flex: 0 1 60px;}
.premis-fitxa-cnt > div:last-child { flex: 0 1 calc(100% - 60px); padding-left: 30px;}
.premis-g-sml img { float: left; width: auto;}
.premis-fitxa-cnt p.first-para { float: left; width: 100%; font-weight: normal; color: #143F54; font-size: 25px; line-height: 35px; padding-bottom: 30px;}
.premis-fitxa-cnt p.first-para strong { font-family: 'Poppins-Bold'; font-weight: normal;}
.premis-fitxa-cnt h4 { float: left; width: 100%; font-family: 'Poppins-Bold'; color: #20A9EE; font-size: 25px; line-height: 35px; padding-bottom: 30px;}
.premis-fitxa-cnt h4 span { display: block; font-family: 'Poppins-Regular'; font-weight: normal; color: #143F54; font-size: 18px; line-height: 28px;}
.premis-fitxa-cnt p { float: left; width: 100%; color: #143F54; font-size: 18px; line-height: 28px; padding-bottom: 30px;}

.gallery-tab-img { float: left; width: 100%; display: flex; white-space: nowrap; overflow: scroll; scrollbar-width: none; column-gap: 25px; align-items: center; margin-bottom: 40px; border-bottom: 1px solid none;}
.gallery-tab-img .gallery-tab { flex: 0 1 auto; color: #143F54; font-size: 15px; line-height: 23px; padding-bottom: 10px; border-bottom: 3px solid transparent; transition: all 0.5s ease; cursor: pointer;}
.gallery-tab-img .gallery-tab.current { color: #20A9EE; font-family: 'Poppins-Bold'; font-weight: normal; border-bottom: 3px solid #20A9EE;}
.gallery-tab-img .gallery-tab:hover { color: #20A9EE;}

.gallery-tab-list { float: left; width: 100%;}
.gallery-content { float: left; width: 100%; display: none;}
.gallery-content.current { display: block;}
.gallery-tab-list .tiles-wrap li { width: 285px;}

.guanyadors-sec { float: left; width: 100%; background: #EDF1F4; padding: 85px 0 90px;}
.guanyadors-tab-year { float: left; width: 100%; display: flex; white-space: nowrap; overflow: scroll; scrollbar-width: none; column-gap: 25px; align-items: center; margin-bottom: 40px; border-bottom: 1px solid rgba(20, 63, 84, 0.20);}
.guanyadors-tab-year .guanyadors-tab { flex: 0 1 auto; color: #143F54; font-size: 15px; line-height: 23px; padding-bottom: 10px; border-bottom: 3px solid transparent; transition: all 0.5s ease; cursor: pointer;}
.guanyadors-tab-year .guanyadors-tab.current { color: #20A9EE; font-family: 'Poppins-Bold'; font-weight: normal; border-bottom: 3px solid #20A9EE;}
.guanyadors-tab-year .guanyadors-tab:hover { color: #20A9EE;}
.guanyadors-tab-list { float: left; width: 100%;}
.guanyadors-content { float: left; width: 100%; display: none;}
.guanyadors-content.current { display: block;}
.guanyadors-main { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 30px;margin-bottom: 30px;}
.guanyadors-title { flex: 0 1 calc(100% - 590px); display: flex; padding-right: 90px; row-gap: 30px;}
.guanyadors-cnt { flex: 0 1 590px;}
.guanyadors-title > div:first-child { flex: 0 1 40px; /*padding-right: 40px;*/}
.guanyadors-title > div:first-child img { float: left; width: auto;}
.guanyadors-title > div:last-child { flex: 0 1 calc(100% - 40px); display: flex; flex-wrap: wrap; column-gap: 50px; row-gap: 30px;}
.guanyadors-title > div:last-child span { flex: 0 1 110px;}
.guanyadors-title > div:last-child span img { float: left; width: 100%;}
.guanyadors-title > div:last-child > div { flex: 0 1 calc(100% - 160px);}
.guanyadors-title h3 { float: left; width: 100%; font-family: 'Poppins-SemiBold'; font-weight: normal; color: #143F54; font-size: 25px; line-height: 32px; letter-spacing: -0.67px; padding-bottom: 15px;}
.guanyadors-title h4 { float: left; width: 100%; font-weight: normal; color: #143F54; font-size: 18px; line-height: 26px; text-transform: uppercase;} 
.guanyadors-cnt p { float: left; width: 100%; color: #143F54; font-size: 18px; line-height: 28px;}

.premis-cat-sec.altres-cat-sec { background: #fff;}


/* premis-bases-y-inscripcio css */
a.blue-btnn { background: #20A9EE; border-radius: 10px; width: auto; height: 54px; display: inline-flex; align-items: center; justify-content: center; font-family: 'Poppins-SemiBold'; padding: 0 40px; color: #fff; font-size: 20px; letter-spacing: 0.5px; transition: all 0.5s ease;}
a.blue-btnn:hover { background: #333; }
.inscripsio-cont { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; border-top: 1px solid rgba(20, 63, 84, 0.30); margin-top: 50px; padding: 50px 140px 0px; }
.inscrip-lft { flex: 0 1 47%;}
.inscrip-rgt { flex: 0 1 47%;}
ul.inscrip-lst { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 20px; }
ul.inscrip-lst li { flex: 0 1 100%; }
ul.inscrip-lst li h5 { color: #143F54; font-size: 16px; line-height: 26px; font-family: 'Poppins-Bold'; text-transform: uppercase; }
ul.inscrip-lst li p { color: rgba(20, 63, 84, 0.80); font-size: 16px; line-height: 26px; font-family: 'Poppins-Regular'; }

.inscrip-formulari-sec { float: left; width: 100%; background: #EDF1F4; padding: 105px 0px; }
.ins-formulari-div { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.ins-form-lft { flex: 0 1 40%; }
.ins-form-lft h2 { color: #143F54; font-size: 40px; line-height: 50px; font-family:'PlayfairDisplay-SemiBold'; margin-bottom: 20px; }
.form-name { float: left; width: 100%; display: flex; flex-wrap: wrap; }
.form-logo { flex: 0 1 60px;}
.form-logo img { float: left; width: 100%; }
.form-txt { flex: calc(100% - 60px); padding-left: 28px; }
.form-txt h3 {color:rgba(20, 63, 84, 0.8); font-family:'PlayfairDisplay-Regular'; font-size:30px; line-height:40px; margin-bottom: 20px; }
.form-txt p {color:#20A9EE; font-family:'PlayfairDisplay-Italic'; font-size:25px; line-height:35px; }
.ins-form-rgt { flex: 0 1 50%; }
.ins-form-rgt .butlletins-form { float: left; width: 100%; padding-left: 0px; margin-bottom: 75px; }
.ins-form-rgt .butlletins-form h4 { color: #143F54; font-size: 25px; line-height: 35px; font-family: 'Poppins-Bold'; margin-bottom: 10px; }
.ins-form-rgt .butlletins-form h4 span { color:rgba(20, 63, 84, 0.8); display: block; font-size: 18px; font-family: 'Poppins-Regular'; font-weight: normal; }
.ins-form-rgt .butlletins-form:first-child .chk-box-lft { margin: 0px 0px;}
.ins-form-rgt .butlletins-form:first-child .frm-input.checkbox label::after {border: 2px solid #143F54;background: none; top:3px; }
.ins-form-rgt .butlletins-form:first-child .frm-input.checkbox label { font-size: 17px; line-height: 22px; font-family: 'Poppins-SemiBold'; }
.ins-form-rgt .butlletins-form:first-child .frm-input.checkbox label::before { top:7px; } 
.ins-form-rgt .butlletins-form:last-child { margin-bottom: 0px;}
.ins-form-rgt .butlletins-form:last-child .frm-input.checkbox label::after {border: 2px solid #143F54;background: none; }
.ins-form-rgt .butlletins-form:last-child .chk-box-lft { margin: 0px 0px;}
.ins-form-rgt .butlletins-form:last-child .frm-input.checkbox { margin: 0px 0px;}
.ins-form-rgt .butlletins-form:last-child p { padding-top: 0px; }

.ins-form-rgt .butlletins-form ul { row-gap: 20px; }
.ins-form-rgt .butlletins-form ul li.full-width { flex: 0 1 100%;}
.butlletins-form input[type="mail"] { float: left; width: 100%; height: 46px; padding: 8px 15px 8px 40px; font-family: 'Poppins-SemiBold'; color: #143F54; font-size: 17px; border: none; border-bottom: 2px solid #143F54; line-height: 24px; letter-spacing: -0.08px; }
.form-control.phn-icon { background: url("../images/ico-phone.svg") no-repeat scroll left top 14px;}

.selec-fitxer { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-top: 15px; }
.sel-fitxer-lft { flex: 0 1 auto; display: flex; align-items: center; column-gap: 22px; }
a.sel-btn { display: inline-flex; justify-content: center; width: 215px; height: 50px; border: 1px solid #143F54; border-radius: 25px; align-items: center; color: #143F54; font-size: 18px; line-height: 28px; font-family: 'Poppins-Medium'; 
padding: 0px 10px; transition: all 0.4s ease-in;}
a.sel-btn:hover { background: #143F54; color: #fff; }
.sel-fitxer-lft h6 { color:rgba(20, 63, 84, 0.8); font-size: 16px; line-height: 26px; font-family: 'Poppins-Regular'; font-weight: normal; }
.sel-fitxer-rgt { flex: 0 1 auto;}
a.plus-btn { display: inline-block; width: 52px; height: 52px; background: url("../images/ico-plus.svg") no-repeat scroll left top; }
a.plus-btn:hover { background: url("../images/ico-plus-hvr.svg") no-repeat scroll left top; }

#file-selectors-container { float: left; width: 100%;}
.file-selector-container { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; column-gap: 18px; row-gap: 15px; margin-top: 15px;}
.file-selector-container > div:first-child { flex: 0 1 calc(100% - 70px); display: flex; flex-wrap: wrap; align-items: center; gap: 16px;}
.file-selector-container > div:last-child { flex: 0 1 52px;}
.file-selector-container .select-button { cursor: pointer; display: inline-flex; justify-content: center; width: auto; height: 50px; border: 1px solid #143F54; border-radius: 25px; align-items: center; color: #143F54; font-size: 18px; line-height: 28px; font-family: 'Poppins-Medium'; padding: 0px 30px; transition: all 0.4s ease-in;}
.file-selector-container .select-button:hover { background: #143F54; color: #ffffff;}
.file-selector-container .file-name { color: rgba(20, 63, 84, 0.8); font-size: 16px; line-height: 26px; font-family: 'Poppins-Regular'; font-weight: normal;}
.file-selector-container .circle-button { width: 52px; height: 52px; border: 1px solid #143F54; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: 'Poppins-Regular'; font-size: 25px; color: #1e3a8a; cursor: pointer; transition: all 0.4s ease-in;}
.file-selector-container .circle-button:hover { background: #143F54; color: #ffffff;}
.file-selector-container input[type="file"] { display: none;}