@charset "utf-8";

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

/* home css */

/* header css */
header {float: left;width: 100%;position: relative;z-index: 9999; }
.head-row { width:1475px; margin:auto; padding:0px; }
.head-top { float: left; width: 100%; position: absolute; }
.head-top-in { float: left; width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 18px 0px; transition: all 0.5s ease;}
.logo-top {float: left;padding: 0px;z-index: 9;}
.logo-top img { float: left;transition: all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;z-index: 9999;position: relative;}
.logo-top img.sticky-logo { display: none;}
.is-sticky .logo-top img { width: 250px;}
.head-rgt { flex-wrap: wrap; display: flex;align-items: center; column-gap: 20px; width: auto; justify-content: flex-end; }
.is-sticky header .head-top {background: #fff; box-shadow: 0 10px 10px rgba(0,0,0,0.08); }
.is-sticky header .head-top::after { border: none;} 
.wht-hdr .head-top { background: #FFFFFF;}
.inner-hdr .head-top { position: relative;}
.is-sticky .head-top-in { padding: 10px 0;}
.is-sticky .logo-top img.desk-logo, .wht-hdr .logo-top img.desk-logo, .inner-hdr .logo-top img.desk-logo { display: none; }
.is-sticky .logo-top img.sticky-logo, .wht-hdr .logo-top img.sticky-logo, .inner-hdr .logo-top img.sticky-logo { display: block; }
.inner-hdr.hide-scroll .head-top { background: #FFFFFF;}
.inner-hdr .head-top { background: #FFFFFF; box-shadow: 0 10px 10px rgba(0,0,0,0.08);}

.hdr-links {float: right;margin-right: 0;padding: 0;margin-left: 0px;margin-top: 0px; z-index: 999; position: relative;}
.hdr-links > ul { display: flex; flex-wrap: wrap; align-items: center; column-gap: 12px;}
.hdr-links > ul > li { margin-right: 0px;position: relative;display: inline-flex; padding: 0 18px; border-right: 1px solid #FFF; border-left: 1px solid #FFF;}
.hdr-links ul li:last-child {margin-right: 0px;margin-left: 0px; padding-right: 0; border: none;}
.hdr-links ul li a { display: inline-block; transition: all 0.5s ease;}
.hdr-links ul li a.search { background: transparent url(../images/ico-lupa-blanc.svg) no-repeat center center; width: 42px; height: 42px; position: relative; }
.hdr-links ul li a:hover { opacity: 0.7;}

.select-lang {float: right; width: auto; position: relative; }
.select-lang .nice-select { font-size: 14px; color: #ffffff; letter-spacing: 0.2px;}
.select-lang .nice-select::after { border-bottom: 2px solid #ffffff; border-right: 2px solid #ffffff; }
.select-lang .nice-select .list { left: auto; right: 0px; }
.select-lang .nice-select .list li { padding: 0;}
.select-lang .nice-select .option { background: #ffffff; font-size: 12px;}

.is-sticky .select-lang .nice-select, .wht-hdr .select-lang .nice-select, .inner-hdr .select-lang .nice-select { color: #000000; }
.is-sticky .select-lang .nice-select::after, .wht-hdr .select-lang .nice-select::after, .inner-hdr .select-lang .nice-select::after { border-bottom: 2px solid #000000; border-right: 2px solid #000000;}
.is-sticky .hdr-links > ul > li, .wht-hdr .hdr-links > ul > li, .inner-hdr .hdr-links > ul > li {border-right: 1px solid #000000; border-left: 1px solid #000000;}
.is-sticky .hdr-links ul li:last-child, .wht-hdr .hdr-links ul li:last-child, .inner-hdr .hdr-links ul li:last-child { padding-right: 0; border: none;}
.is-sticky .hdr-links ul li a.search, .wht-hdr .hdr-links ul li a.search, .inner-hdr .hdr-links ul li a.search { filter: brightness(0) saturate(100%) invert(0%) sepia(25%) saturate(7454%) hue-rotate(100deg) brightness(107%) contrast(96%);}

/* desktop search css */
body.hide-scroll { overflow-y: hidden; }
.hide-scroll .hdr-links ul li a.search { background: transparent url(../images/ico-lupa-close.svg) no-repeat center center;}
.desktop-search { float: left; width: 100%; height: 100%; background: #CF3324; background-size: cover; padding: 160px 0px 30px; text-align: center; opacity: 0; visibility: hidden; position: fixed; top: 0; transition: all 0.4s ease; z-index: 999; display: flex; align-items: center; justify-content: center; overflow-y: scroll;}  
.desktop-search::before { content: ""; position: absolute; left: 0px; top:0px; width: 100%; height: 100%; }
.desktop-search h2 { float: left; width: 100%; text-align: center; color: #fff; font-size: 70px; line-height: 80px; font-family: 'Roboto-Bold'; margin-bottom: 40px; letter-spacing: -1.75px; }
.search-inn { float: none; width: 100%; position: relative; max-width: 610px; display: inline-block;margin-bottom: 80px;}
.search-inn input[type="text"] { border: none; width: 100%; font-size: 20px; line-height: 30px;font-family: 'Roboto-Regular'; color: #000000; padding: 0 75px 0 35px; height: 72px;border-radius: 72px;box-shadow: 0px 0px 36px rgba(0,0,0,0.2); border: 2px solid rgba(111,142,136, 0.35);}
.search-box input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000000;}
.search-box input[type="text"]::-moz-placeholder { /* Firefox 19+ */  color: #000000;}
.search-box input[type="text"]:-ms-input-placeholder { /* IE 10+ */  color: #000000;}
.search-box input[type="text"]:-moz-placeholder { /* Firefox 18- */ color: #000000;}
.search-inn button { position: absolute; border: none; background: #000000 url(../images/ico-lupa-blanc.svg) no-repeat center center; width: 62px; height: 62px; right: 4px; top: 4px; cursor: pointer; border-radius: 100%; transition: all 0.5s ease;}
.search-inn button:hover { background: #CF3324 url(../images/ico-lupa-blanc.svg) no-repeat center center;}
.desktop-search.search-open { opacity: 1; visibility: visible;}
.search-tags { float: left; width: 100%;text-align: center; }
.search-tags h3 { color: #FFFFFF; font-size: 20px; line-height: 28px; font-family: 'Roboto-Bold'; letter-spacing: 1.63px; text-transform: uppercase; margin-bottom: 20px; }
.search-tags ul { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; column-gap: 10px; row-gap: 10px; padding: 0px 245px;}
.search-tags ul li { flex: 0 1 auto;}
.search-tags ul li a { display: inline-block; background: none; color: #FFFFFF; font-size: 13px; line-height: 16px; font-family: 'Roboto-Medium'; padding: 5px 10px; border: 1px solid rgba(255,255,255,0.5); border-radius: 30px;transition:all .5s ease;}
.search-tags ul li a:hover { background: #FFFFFF; border: 1px solid #FFFFFF; color: #CF3324;}
.search-in  { float: left; width: 100%; margin-top: 75px; position: relative; z-index: 2;}
.search-det { height: 100%; overflow-y: scroll; position: relative;}
/* Works on Firefox */
.desktop-search { scrollbar-width: thin; scrollbar-color: #FFFFFF transparent; }
/* Works on Chrome, Edge, and Safari */
.desktop-search::-webkit-scrollbar { width: 10px; }
.desktop-search::-webkit-scrollbar-track { background: transparent; } 
.desktop-search::-webkit-scrollbar-thumb { background-color: #FFFFFF; border-radius: 0px; border: 2px solid transparent; }
a.search-close { float: right; color: #fff; font-size: 16px; line-height: 1.1; text-decoration: underline; position: absolute; right: 20px; top: 20px;}

/* home slider css */
.slider {float: left;width: 100%; background: rgba(0,187,255, 0.08); position: relative; z-index: 1;}
.slider .swiper-slide::before { content: ""; position: absolute; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.20); width: 100%; height: 100%; z-index: 1; }
.slider .swiper-slide img {float: left; width: 100%;}
.slider .swiper-slide .banner-cnt { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); z-index: 1;} 
.slider .swiper-slide .banner-caption { width: 100%; padding: 0px 20px; text-align: center;}
.slider .swiper-slide .banner-caption h1 { font-family: 'Roboto-Bold'; font-size: 75px;line-height: 1;color: #FFFFFF; letter-spacing: 0px;}
.slider .swiper-slide .banner-caption h1 span { font-family: 'Roboto-Light'; display: block;}
 
.slider .swiper-nav { float: none; width: 1175px; position: absolute; bottom: 50px; left: 0; right: 0; margin: 0 auto; z-index: 1;}
.slider .swiper-pagination-bullet { width:6px; height:6px; background:rgba(255, 255, 255, 0.50); border:none; opacity:1; border-radius:15px;}
.slider .swiper-pagination-bullet-active { background:#FFFFFF; }
.slider .swiper-pagination-bullets {display: inline-flex; column-gap: 15px; left: 0; bottom: 20px; width: auto; text-align: center; position: absolute; justify-content: center; align-items: center; right: 0;}
.slider .swiper-pagination-bullets .swiper-pagination-bullet { margin:0;}
.slider .swiper-nav-home-side { margin: 0; align-items: center; justify-content: space-between; position: absolute; right: 0; bottom: 0px; display: flex; column-gap: 20px; z-index: 1; }
.slider .swiper-button-prev-home-side{background: url("../images/slide-arrow.svg") no-repeat 0 0; background-size: cover; width: 47px; height: 47px; cursor: pointer; transition:all .5s ease; transform: rotate(180deg);}
.slider .swiper-button-next-home-side{background: url("../images/slide-arrow.svg") no-repeat 0 0;background-size: cover; width: 47px; height: 47px; cursor: pointer; transition:all .5s ease;}
.slider .swiper-button-prev-home-side:hover, .slider .swiper-button-next-home-side:hover{ opacity: 0.7; } 

.camera-ico { left: calc((100% - 1175px) / 2); bottom: 55px; position: absolute; z-index: 1;}
.camera-ico a { background: rgba(0, 0, 0, 0.40); display: inline-flex; align-items: center; justify-content: center; height: 36px; border: 1px solid rgba(255, 255, 255, 0.57); padding: 0 20px; font-size: 14px; column-gap: 10px; color: #FFFFFF;}
.camera-ico a:hover { background: rgba(207, 51, 36, 0.60);}
.camera-ico a span img { float: left; width: auto;}

/* announcement css */
.announcement-bar {width:100%; min-height:37px; background:#CF3324; color:#ffffff; display:flex; align-items:center; justify-content:center;}
.announcement-inner {display:flex; align-items:center; gap:28px; width:100%;}
.announcement-date {font-size:20px;font-family: 'Roboto-Bold'; white-space:nowrap;}
.announcement-divider {width:1px; height:22px; background:rgba(255, 255, 255, 0.35); flex-shrink:0;}
.announcement-text {flex:1; font-size:16px; font-family: 'Roboto-Light'; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.announcement-link {color:#ffffff; font-size:12px; font-family: 'Roboto-Bold'; text-transform:uppercase; text-decoration:underline; white-space:nowrap;}

@media (max-width: 1023px) {
.announcement-bar {padding:10px 0px;}
.announcement-inner {flex-wrap:wrap; gap:10px; justify-content:center; text-align:center;}
.announcement-divider {display:none;}
.announcement-text {flex-basis:100%; white-space:normal; font-size: 14px;}
}

/* home jaciments css */
.home-jaciments-sec { float: left; width: 100%; padding: 90px 0 100px; position: relative; z-index: 1; overflow: hidden;}
.home-jaciments-sec::after { position: absolute; content: ""; background: url("../images/ico-logo-felantix-color.svg") no-repeat scroll top right; top: 80px; right: -30px; width: 333px; height: 330px; z-index: -1;}
.sec-title { float: left; width: 100%; padding: 0 25%; display: flex; justify-content: center; align-items: center; text-align: center; flex-direction: column;}
.sec-title h4 { float: left; width: 100%; color: #DD764F; font-size: 16px; line-height: 1.4; padding-bottom: 10px;}
.sec-title h2 { float: left; width: 100%; color: #000000; font-family: 'Roboto-Medium'; font-size: 60px; line-height: 1; padding-bottom: 15px;}
.sec-title h2 span { color: #CF3324;}
.sec-title p { float: left; width: 100%; color: #575757; font-family: 'Roboto-Light'; font-size: 16px; line-height: 1.4; padding-bottom: 35px;}
.sab-btn a { display: inline-flex; align-items: center; justify-content: center; padding: 0 40px; color: #FFFFFF; background: #CF3324; height: 47px; font-size: 14px; font-family: 'Roboto-Bold'; transition: all 0.4s ease;}
.sab-btn a:hover { background: #000000;}
.home-jaciments-sec .jaciments-list { padding-top: 80px;}

/* home map css */
.home-map-sec { float: left; width: 100%; position: relative;}
.felanitx-map { float: left; width: 100%; position: relative;}
.felanitx-map #map { height: 670px; margin-bottom: 0;}
.home-map-cnt { box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.38); padding: 40px 45px 55px; position: absolute; left: calc((100% - 1175px + 0rem) / 4); top: 50%; transform: translateY(-50%); background: #CF3324; max-width: 390px;}
.home-map-cnt h4 { float: left; width: 100%; color: #DD764F; font-size: 16px; line-height: 1.4; padding-bottom: 15px;}
.home-map-cnt h2 { float: left; width: 100%; color: #FFFFFF; font-family: 'Roboto-Medium'; font-size: 60px; line-height: 1; padding-bottom: 15px;}
.home-map-cnt p { float: left; width: 100%; color: rgba(255, 255, 255, 0.76); font-family: 'Roboto-Light'; font-size: 16px; line-height: 1.4; padding-bottom: 30px;}
.home-map-cnt ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 8px;}
.home-map-cnt ul li { flex: 0 1 100%;}
.home-map-cnt ul li a { width: 100%; display: inline-flex; align-items: center; justify-content: space-between; border: 1px solid rgba(255, 255, 255, 0.46); column-gap: 10px; padding: 0 20px; color: #FFFFFF; background: none; height: 47px; font-size: 14px; font-family: 'Roboto-Bold'; transition: all 0.4s ease;}
.home-map-cnt ul li a:hover { background: #000000; border-color: #000000;}
.home-map-cnt ul li a span { background: url("../images/map-arrow.svg") no-repeat right center; width: 16px; height: 14px;}

/* elprojecte css */
.elprojecte-sec { float: left; width: 100%; padding: 100px 0 120px;}
.elprojecte-sec ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 80px;}
.elprojecte-sec ul li { flex: 0 1 100%;}
.elprojecte-sec ul li:nth-child(2n+2) .elprojecte-lft { order: 2;}
.elprojecte-main { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; column-gap: 100px; row-gap: 20px;}
.elprojecte-lft { width: calc(100% - 675px);}
.elprojecte-rgt { width: 575px;}
.elprojecte-cnt { float: left; width: 100%; padding-left: 40px; padding-right: 50px;}
.elprojecte-main h4 { float: left; width: 100%; color: #DD764F; font-size: 16px; line-height: 1.4; padding-bottom: 10px;}
.elprojecte-main h2 { float: left; width: 100%; color: #000000; font-family: 'Roboto-Medium'; font-size: 60px; line-height: 1; padding-bottom: 25px;}
.elprojecte-main p { float: left; width: 100%; color: #575757; font-family: 'Roboto-Light'; font-size: 16px; line-height: 1.4; padding-bottom: 25px;}
.elprojecte-main p:last-child { padding-bottom: 0;}
.elprojecte-main .sab-btn { float: left; width: 100%; margin-top: 55px;}
.elprojecte-rgt img { float: left; width: 100%;}

/* footer css */
footer { float: left; width: 100%; background: #25282E;}
.ftr-top-sec { float: left; width: 100%; padding: 75px 0 65px;}
.ftr-btm-sec { float: left; width: 100%; background: rgba(0, 0, 0, 0.16); padding: 35px 0;}
.ftr-main { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 3%; row-gap: 30px;}
.ftr-main > div { flex: 0 1 31.33%;}
.ftr-logo { float: left; width: auto;}
.ftr-logo img { float: left; width: auto;}
.ftr-scl-links { float: left; width: 100%; margin-top: 25px;}
.ftr-scl-links ul { float: left; width: auto; display: flex; flex-wrap: wrap; align-items: center; column-gap: 20px;}
.ftr-scl-links ul li { flex: 0 1 auto;}
.ftr-scl-links ul li a { float: left; width: auto; transition:all .5s ease;}
.ftr-scl-links ul li a:hover { opacity: 0.5;}
.ftr-scl-links ul li a.ig-ico { background: url("../images/ig-footer.svg") no-repeat scroll 0 0; width: 16px; height: 16px;}
.ftr-scl-links ul li a.yt-ico { background: url("../images/yt-footer.svg") no-repeat scroll 0 0; width: 17px; height: 11px;}
.ftr-scl-links ul li a.x-ico { background: url("../images/x-footer.svg") no-repeat scroll 0 0; width: 15px; height: 15px;}
.ftr-scl-links ul li a.fb-ico { background: url("../images/fb-footer.svg") no-repeat scroll 0 0; width: 8px; height: 15px;}
.ftr-contact ul { width: 100%; display: flex; flex-wrap: wrap; row-gap: 25px;}
.ftr-contact ul li { flex: 0 1 100%; padding-left: 30px; color: rgba(255, 255, 255, 0.62); font-size: 16px; line-height: 1.4;}
.ftr-contact ul li a { color: rgba(255, 255, 255, 0.62); font-family: 'Roboto-Light'; font-size: 16px; line-height: 1.4; transition:all .5s ease;}
.ftr-contact ul li.loc {background: url("../images/ico-ubi-taronja.svg") no-repeat scroll 0 2px;}
.ftr-contact ul li.tel {background: url("../images/ico-phone-taronja.svg") no-repeat scroll 0 2px;}
.ftr-contact ul li.mail {background: url("../images/ico-mail-taronja.svg") no-repeat scroll 0 4px;}
.ftr-contact ul li.mail a { color: rgba(255, 255, 255, 0.62);}
.ftr-contact ul li a:hover { color: #CF3324;}
.ftr-menu-links ul { display: flex; flex-wrap: wrap; row-gap: 25px; column-gap: 4%;}
.ftr-menu-links ul li { flex: 0 1 48%;}
.ftr-menu-links ul li:nth-child(2n+2) { padding-left: 50px;}
.ftr-menu-links ul li a { color: rgba(255, 255, 255, 0.62); font-family: 'Roboto-Light'; font-size: 16px; line-height: 1.4; transition:all .5s ease;}
.ftr-menu-links ul li a:hover { color: #CF3324;}
.ftr-btm-main { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 30px;}
.ftr-btm-main > div { flex: 0 1 auto;}
.ftr-copy-sec { float: left; width: auto;}
.ftr-copy-sec p { color: rgba(255, 255, 255, 0.62); font-family: 'Roboto-Light'; font-size: 16px; line-height: 1.4;}
.ftr-other-sec { float: left; width: auto;}
.ftr-other-sec ul { display: flex; flex-wrap: wrap; align-items: center; column-gap: 30px; row-gap: 5px;}
.ftr-other-sec ul li {flex: 0 1 auto;}
.ftr-other-sec ul li a { color: rgba(255, 255, 255, 0.62); font-family: 'Roboto-Light'; font-size: 16px; line-height: 1.4; transition:all .5s ease;}
.ftr-other-sec ul li a:hover { color: #CF3324;}

/* breadcrumb css */
.breadcrum { float: left; width: 100%; padding: 40px 0;}
.breadcrum ul { float: left; width: 100%; display: flex; flex-wrap: wrap;}
.breadcrum ul li { font-family: 'Roboto-Regular'; flex: 0 1 auto; color: #808080; font-size: 14px; line-height: 20px; padding-right: 12px; margin-right: 10px; letter-spacing: 0.3px; position: relative;}
.breadcrum ul li::after { position: absolute; content: "|"; color: #808080; right: 0; top: 0;}
.breadcrum ul li:last-child { padding-right: 0; margin-right: 0;}
.breadcrum ul li a { float: left; font-family: "Roboto-Regular"; color: #808080; font-size: 14px; line-height: 20px; transition:all .5s ease;}
.breadcrum ul li a:hover { color: #CF3324;}
.breadcrum ul li:last-child:after { content: none;}

/* inner banner css */
.inner-banner { float: left; width: 100%; position: relative;}
.inner-banner img { float: left; width: 100%; }
.inner-banner .inn-ban-cap { position: absolute; left: 0px; top: 50%; width: 100%;}
.inner-banner .in-ban-ctr { float: left; width: 100%; text-align: center;}
.inner-banner .in-ban-ctr h1 { color: #FFFFFF; font-size: 70px; line-height: 1; font-family: 'Roboto-Medium';}

.inner-banner .breadcrum { padding: 0 0 20px;}
.inner-banner .breadcrum ul { justify-content: center;}
.inner-banner .breadcrum ul li { color: #FFFFFF;}
.inner-banner .breadcrum ul li::after { color: #FFFFFF;}
.inner-banner .breadcrum ul li a { color: #FFFFFF;}
.inner-banner .breadcrum ul li a:hover { color: #FFFFFF; opacity: 0.75;}

/* el-projecte css */
.inner-elprojecte-sec { padding: 60px 0 75px;}
.inner-elprojecte-sec .elprojecte-cnt { padding-left: 0px; padding-right: 0px;}

.logos-sec {float: left; width: 100%; background:#F0F0F0; padding:35px 0px; margin-bottom:20px;}
.logos-sec ul { width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content: center; column-gap:40px; row-gap: 10px;}
.logos-sec ul li { flex: 0 1 auto;}
.logos-sec ul li img { float: left; width: auto;}

.enllacos-main {float:left; width:100%; padding:40px 0px 80px;}
.enllacos-main h2 { float: left; width: 100%; color: #000000; font-size: 60px; line-height: 1; font-family: 'Roboto-Medium'; text-align:center; padding-bottom:60px;} 
.enllacos-main ul { width:100%; display:flex; flex-wrap:wrap; justify-content: center; row-gap:40px; column-gap:2%;}
.enllacos-main ul li { flex: 0 1 32%; display: flex; flex-wrap:nowrap;transition: all 0.5s ease;}
.enllacos-main ul li a { display: flex; flex-wrap:nowrap; align-items: center; column-gap: 22px;}
.enllacos-main ul li .img-box { display: flex; align-items: center; justify-content: center; flex: 0 1 64px; background: #fce6df; text-align: center;padding: 17px 0; transition: all 0.5s ease;}
.enllacos-main ul li:hover .img-box {background: #ED6D43;}
.enllacos-main ul li:hover .img-box img {filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7467%) hue-rotate(68deg) brightness(106%) contrast(99%);}
.enllacos-main ul li .info-box { flex: 0 1 calc(100% - 64px);}
.enllacos-main ul li h4 { float: left; width: 100%; color: #000000; font-size: 20px; line-height: 25px; font-family: 'Roboto-Regular'; padding-bottom:5px; transition: all 0.5s ease;}
.enllacos-main ul li:hover h4 {color: #CF3324;}
.enllacos-main ul li p { float: left; width: 100%; font-size:14px; line-height:20px; padding:0px 0px; margin:0px; font-family: 'Roboto-Regular';color:#575757;} 
.enllacos-main ul li a p {color:#CF3324; text-decoration:underline; }
.enllacos-main ul li:hover a p {text-decoration:none;}

/* Jaciments sec css */
.jaciments-sec .sec-title { padding: 0 17%;}

.jaciments-sec { float: left; width: 100%; padding: 65px 0px 110px;}
.jaciments-sec h2 {font-family: 'Roboto-Medium'; color: #000000; font-size: 40px;} 
.jaciments-sec h2 span{ color: #CF3324;}

.jaciments-list { float: left; width: 100%; padding-top:30px;}
.jaciments-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 2.5%; row-gap: 30px;}
.jaciments-list ul li { flex: 0 1 48.75%;}
.jaciments-main { float: left; width: 100%; position: relative; overflow: hidden;}
.jaciments-main img { float: left; width: 100%; transition: all 0.4s ease;}
.jaciments-main::after { position: absolute; content: ""; background: rgba(207, 51, 36, 0.60); opacity: 0; visibility: hidden; left: 0; top: 0; width: 100%; height: 100%; transition: all 0.5s ease;}
.jaciments-main:hover::after { opacity: 1; visibility: visible;}
.jaciments-main:hover img { transform: scale(1.03);}
.jcaption-box { position: absolute; z-index:1;bottom: 0; left: 0; right: 0; margin: 0 auto; padding: 0 30px 30px; transition: all 0.4s ease;}
.jcaption-box h3 { float: left; width: 100%; color: #ffffff; font-family: 'Roboto-Medium'; font-size: 32px; line-height: 1.1; padding:10px 0px; transition: all 0.4s ease;}
.jcaption-box span { float: left; width: 100%; color: #ffffff; font-family: 'Roboto-Regular'; font-size: 14px; line-height: 1.1; transition: all 0.4s ease;}
.jcaption-box p { float: left; width: 100%; color: #ffffff; font-family: 'Roboto-Light'; font-size: 16px; line-height: 1.1; text-align: left; transition: all 0.4s ease;}

/* Descarregables sec css*/
.descar-sec { float: left; width: 100%; padding-bottom: 70px;}
.descar-sec h1 { float: left; width: 100%; color: #000000; font-size: 70px; line-height: 1.1; font-family: 'Roboto-Medium';} 
.descar-sec h2 { float: left; width: 100%; color: #000000; font-size: 45px; line-height: 1; font-family: 'Roboto-Medium'; border-top: 1px solid #000000;padding:30px 0px;margin-top:45px;} 
.descar-sec ul { width:100%; display:flex; flex-wrap:wrap; row-gap:40px; column-gap:2%;}
.descar-sec ul li { flex: 0 1 32%; display: flex; flex-wrap:nowrap;transition: all 0.5s ease;}
.descar-sec ul li a { display: flex; flex-wrap:nowrap; align-items: center; column-gap: 22px;}
.descar-sec ul li .img-box {  display: flex; align-items: center; justify-content: center; flex: 0 1 64px; background: #fce6df; text-align: center;padding: 17px 0; transition: all 0.4s ease;}
.descar-sec ul li .info-box { flex: 0 1 calc(100% - 64px);}
.descar-sec ul li h4 { float: left; width: 100%; color: #000000; font-size: 20px; line-height: 25px; font-family: 'Roboto-Regular'; padding-bottom:5px; transition: all 0.5s ease;}
.descar-sec ul li:hover h4 {color: #CF3324;}
.descar-sec ul li p { float: left; width: 100%; font-size:14px; line-height:20px; padding:0px 0px; margin:0px; font-family: 'Roboto-Light';color:#575757;} 
.descar-sec ul li:hover .img-box {background: #ED6D43;}
.descar-sec ul li:hover .img-box img {filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7467%) hue-rotate(68deg) brightness(106%) contrast(99%);}
.descar-sec ul li:hover a p {color:#CF3324; text-decoration:none;}

/* contactar sec css */
.contactar-sec { float: left; width: 100%; padding-bottom: 70px;}
.contactar-sec h1 { float: left; width: 100%; color: #000000; font-size: 70px; line-height: 1.1; font-family: 'Roboto-Medium';} 
.contactar-main { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 65px;}
.contactar-main .contactar-lft { flex: 0 1 335px;}
.contactar-main .contactar-rgt { flex: 0 1 612px;}
.contactar-main .location-details ul { display:flex; flex-wrap:wrap; align-items: center; column-gap: 20px; row-gap:40px;}
.contactar-main .location-details ul li { flex: 0 1 100%;}
.location-details ul li h3 {color: #ED6D43;font-size: 14px;line-height: 32px; padding-left:25px; padding-bottom:10px;font-family: 'Roboto-Regular'; text-transform: uppercase;}
.location-details ul li.loc h3 {background: url(../images/ico-location.svg) no-repeat left top 6px;}
.location-details ul li.phone h3 {background: url(../images/ico-phone.svg) no-repeat left top 8px;}
.location-details ul li.email h3 {background: url(../images/ico-email.svg) no-repeat left top 8px;}
.location-details ul li.link h3 {background: url(../images/ico-link.svg) no-repeat left top 8px;}
.location-details ul li p { font-size:18px; line-height:32px; padding:0px; margin:0px; font-family: 'Roboto-Regular';color:#000000;} 
.location-details ul li p a { color:#000000; text-decoration: underline;} 
.location-details ul li p a:hover { color: #CF3324; text-decoration: none;}
.location-details ul li.phone p a {text-decoration: none;}

.contact-form { float: left; width: 100%; }
.contact-form p { font-size:16px; line-height:28px; padding:0px 0px 20px; margin:0px; font-family: 'Roboto-Light';color:#4B4B4B;} 
.contact-form .form-box .frm-input.para { padding-left: 20px;}
.contact-form .form-box .frm-input p { font-size: 18px; line-height: 1.4; color: #4D556D; letter-spacing: 0.26px;}
.contact-form .form-box .frm-input { float: left; width: 100%; margin-bottom: 14px; position: relative;}
.contact-form .form-box .frm-input .two-col { float: left; width: 100%;}
.contact-form .form-box .frm-input .two-col .frm-input-ctrl { float: left; width: 48.5%; margin-right: 3%; position: relative;}
.contact-form .form-box .frm-input .two-col .frm-input-ctrl:last-child { margin-right: 0;}
.contact-form .form-box .frm-input .floating-label-group  { float: left; width: 100%; position: relative;}

.contact-form .form-box input[type="text"], .form-box textarea { width:100%; color:#2F2F2F; font-family: 'Roboto-Light'; padding: 10px 20px 10px; height: 55px; border: none; border: 1px solid #696969; font-size:16px; transition: all .5s ease; background:rgba(255, 255, 255, 1); }
.contact-form .form-box input[type="text"]:focus, .contact-form .form-box textarea:focus { border: 1px solid #696969;}
.contact-form .form-box textarea { resize:none; height:130px; line-height:22px; padding: 15px 20px 10px; color:#37374B;}
.contact-form .form-box .frm-input.checkbox { float: left; width: 75%; display: flex; flex-wrap: wrap; row-gap: 12px; margin-bottom: 0;}
.contact-form .form-box .frm-input.checkbox > div { flex: 0 1 100%;}
.contact-form .form-box .frm-input.checkbox input {  height: 1px; left: 0; position: absolute; top: 0; visibility: hidden; width: 1px;}
.contact-form .form-box .frm-input .floating-label { color: #2F2F2F; cursor: pointer; font-size: 16px; line-height:1.2; font-family: 'Roboto-Light'; width: auto; letter-spacing: 0px; display: inline-block; }
.contact-form .form-box .frm-input .floating-label span { color: #ffffff;}
.contact-form .form-box .frm-input.checkbox label { color: #575757; cursor: pointer; letter-spacing: 0.4px; font-family: 'Roboto-Light'; font-size: 14px; padding-left: 35px; position: relative; float: left; width: auto; line-height:24px; margin-bottom:0px; text-align:left;}
.contact-form .form-box .frm-input.checkbox label::before {  background: none; content: ""; height: 20px; left: 0; position: absolute; top: 0px; transition: all 0.3s ease-in-out 0s; width: 20px; z-index: 9; }
.contact-form .form-box .frm-input.checkbox label::after { background: rgba(255, 255, 255, 1); content: ""; width: 20px; height: 20px;left: 0; position: absolute; top: 0px; border: 1px solid #696969;}
.contact-form .form-box .frm-input.checkbox input:checked + label::before {background: #CF3323;}
.contact-form .form-box .frm-input.checkbox:last-child label { padding-bottom: 0;}
.contact-form .form-box .frm-input.checkbox span { font-size:9px; color: #37374B; float: none; width:100%; line-height:16px; letter-spacing: 0.4px; }
.contact-form .form-box .frm-input.checkbox span a {color: #CF3323; text-decoration:underline; transition:all .5s ease;}
.contact-form .form-box .frm-input.checkbox span a:hover { color:#CF3323;} 
.contact-form .form-box .frm-input:last-child { margin-bottom: 0; margin-top: 10px;}
.contact-form .form-box .frm-input.checkbox label a { text-decoration: underline; color: #575757; font-family: 'Roboto-Medium'; transition:all .5s ease;}
.contact-form .form-box .frm-input.checkbox label a:hover { color: #CF3323; }
.contact-form .btn-ctr { float: right; width: 25%; margin-top: -12px; text-align: right;}
.contact-form .form-box button { display: inline-flex; align-items: center; justify-content: center; cursor: pointer; height: 47px; font-family: 'Roboto-Bold'; background: #CF3323; color: #FFFFFF; font-size: 14px; line-height: 1.5; padding: 5px 35px 5px; transition:all .5s ease; letter-spacing: 0.3px; border: 2px solid #CF3323;}
.contact-form .form-box button:hover { background: #25282E; border-color: #25282E; color: #ffffff;}
.contact-form .form-box button img { width: auto;}
.contact-form .floating-label { position: relative;}
.contact-form .floating-label { position: absolute; pointer-events: none; top: 18px; left: 25px; transition: all 0.5s ease;}
.contact-form input:focus ~ .floating-label, .contact-form input:not(:focus):valid ~ .floating-label, 
.contact-form textarea:focus ~ .floating-label, .contact-form textarea:not(:focus):valid ~ .floating-label { top: -5px; bottom: auto; left: 20px; font-size: 14px !important; opacity: 1; color: #212F59 !important; font-family:  'Roboto-Regular' !important; background: #fff; line-height: 12px !important; padding: 0 5px;}
.contactar-main .location-details ul li ul.social-icn li { flex: 0 1 auto;}
ul.social-icn li img:hover { filter: brightness(0) saturate(100%) invert(35%) sepia(36%) saturate(4933%) hue-rotate(344deg) brightness(81%) contrast(102%);}


.jaciment-fixta-sec { float: left; width: 100%;}
.fixta-title { float: left; width: 100%; margin-bottom: 50px; position: relative; z-index: 1;}
.fixta-title::after { position: absolute; content: ""; top: -40px; right: calc((100% - 1175px) / 2); background: url("../images/ico-logo-fitxajaciments.svg") no-repeat scroll 0 0; width: 113px; height: 143px; z-index: -1;}
.fixta-title h1 { float: left; width: 100%; color: #000000; font-family: 'Roboto-Medium'; font-size: 60px; line-height: 1; padding-bottom: 10px;}
.fixta-title h4 { float: left; width: 100%; color: #575757; font-family: 'Roboto-Light'; font-size: 18px; line-height: 1.4;}
.fixta-banner { float: left; width: 100%;}
.fixta-banner img { float: left; width: 100%;}
.fixta-banner-img { float: left; width: 100%; position: relative;}

.inner-title-btns { float: left; width: 100%; padding: 20px calc((100% - 1175px) / 2); background: #CF3324;}
.inner-title-btns ul { float: left; width: 100%; display: flex; flex-wrap: wrap; overflow-x: auto; white-space: nowrap;}
.inner-title-btns ul li { flex: 0 1 auto; padding-right: 20px; margin-right: 15px; position: relative;}
.inner-title-btns ul li::after { position: absolute; content: "|"; right: 0; top: 0; color: #FFFFFF;}
.inner-title-btns ul li:last-child { padding-right: 0; margin-right: 0;}
.inner-title-btns ul li:last-child:after { content: none;}
.inner-title-btns ul li a { color: #FFFFFF; font-family: 'Roboto-Light'; font-size: 16px; line-height: 1.4;}
.inner-title-btns ul li a.active {font-family: 'Roboto-Bold';}
.inner-title-btns.is-sticky-nav { position: fixed; padding: 15px calc((100% - 1175px) / 2); z-index: 99;}

.presentacio-sec { float: left; width: 100%; padding: 40px 0;}
.presentacio-main { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 30px;}
.presentacio-lft { width: calc(100% - 320px); padding-right: 150px;}
.presentacio-rgt { width: 320px;}
.presentacio-lft h2 { float: left; width: 100%; font-family: 'Roboto-Bold'; color: #CF3324; font-size: 30px; line-height: 1.3; letter-spacing: -0.4px; padding-bottom: 20px;}
.presentacio-lft p { float: left; width: 100%; color: #4B4B4B; font-size: 16px; line-height: 1.6; padding-bottom: 20px;}
.presentacio-lft p:last-child { padding-bottom: 0;}

.ficha-addr-lnks { float: left; width: 100%;}
.ficha-addr-lnks ul{ float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 0; row-gap: 20px; margin-bottom: 35px;}
.ficha-addr-lnks ul li { flex: 0 1 100%; color: #000000; font-size: 16px; line-height: 1.4; letter-spacing: 0.34px; padding-left: 35px; position: relative;}
.ficha-addr-lnks ul li a { float: left; width: auto; color: #CF3324; font-family: 'Roboto-Bold'; font-size: 16px; line-height: 1.4; letter-spacing: 0.34px; text-decoration: underline; transition:all 0.5s ease;}
.ficha-addr-lnks ul li a:hover{ color: #000000;}
.ficha-addr-lnks ul li::before{ position: absolute; content: ""; left: 0; top: 4px;}
.ficha-addr-lnks ul li.tel a { color: #000000; text-decoration: inherit;font-family: 'Roboto-Regular';}
.ficha-addr-lnks ul li.tel a:hover{ color: #CF3324;}
.ficha-addr-lnks ul li.tme p { float: left; width: 100%; padding-bottom: 5px;}
.ficha-addr-lnks ul li.tme p:last-child { padding-bottom: 0;}
.ficha-addr-lnks ul li.loc::before{background:url(../images/ico-location.svg) no-repeat 0 0; background-size: cover; width: 16px; height: 18px;}
.ficha-addr-lnks ul li.mail::before{background:url(../images/ico-email.svg) no-repeat 0 0; background-size: cover; width: 17px; height: 16px;}
.ficha-addr-lnks ul li.tel::before{background:url(../images/ico-phone.svg) no-repeat 0 0; background-size: cover; width: 16px; height: 16px;}
.ficha-addr-lnks ul li.tme::before{background:url(../images/ico-time.svg) no-repeat 0 0; background-size: cover; width: 16px; height: 16px;}

.ficha-share-btn { float: left; width: 100%; margin-top: 60px;}
.ficha-share-btn a { width: 100%; display: inline-flex; align-items: center; justify-content: left; padding: 0 30px; column-gap: 25px; height: 56px; color: #000000; font-size: 16px; line-height: 1.4; border: 1px solid #0F0F0F;}
.ficha-share-btn a:hover { background: #CF3324;; color: #FFFFFF; border-color:  #CF3324;}
.ficha-share-btn a img { float: left; width: auto; transition: all 0.5s ease;}
.ficha-share-btn a:hover img { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7467%) hue-rotate(68deg) brightness(106%) contrast(99%);}

.gallery-list-sec { float: left; width: 100%; padding: 40px 0 0;}
.gallery-title-list { float: left; width: 100%; padding-bottom: 40px;}
.gallery-title-list ul { float: left; width: 100%; padding-bottom: 20px; border-bottom: 1px solid #BCBCBC; display: flex; flex-wrap: wrap; column-gap: 70px;}
.gallery-title-list ul li { flex: 0 1 auto;}
.gallery-title-list ul li a { color: #B6B6B6; font-size: 25px; line-height: 1.4; letter-spacing: -0.36px; padding-bottom: 20px; transition: all 0.4s ease;}
.gallery-title-list ul li a.active { color: #000000; font-family: 'Roboto-Medium'; border-bottom: 3px solid #000000;}
.gallery-title-list ul li a:hover { color: #000000;}

.gallery-list { float: left; width: 100%; padding-bottom: 95px;}
.gallery-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 25px;}
.gallery-list ul li {flex: 0 1 32%;}
.gallery-list ul li .galeria-img {float: left;width: 100%;overflow: hidden;position: relative; left: 0;}
.gallery-list ul li .galeria-img img {float: left;width: 100%;}
.gallery-list ul li .galeria-img::after { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background: rgba(207, 51, 36, 0.60);opacity: 0; transition: all .5s ease;}
.gallery-list ul li:hover .galeria-img::after {opacity: 1;}
.gallery-list ul li .galeria-img::before {position: absolute;content: ""; background: url(../images/zoom-ico.svg) no-repeat 0 0; width: 50px; height: 50px; background-size: cover;left: 0px;right: 0px;top: 50%; transform: translateY(-50%); display: flex;align-items: center;justify-content: center;z-index: 99;opacity: 0;transition:all .5s ease; margin: 0px auto;}
.gallery-list ul li:hover .galeria-img::before {opacity: 1;}
.view-more-btn { float: left; width: 100%; display: flex; justify-content: center; margin-top: 40px;}
.view-more-btn a { display: inline-flex; align-items: center; justify-content: center; padding: 0 40px; color: #FFFFFF; background: #CF3324; height: 47px; font-size: 14px; font-family: 'Roboto-Bold'; transition: all 0.4s ease;}
.view-more-btn a:hover { background: #000000;}

.descarregables-list-sec { float: left; width: 100%;}
.descarregables-list-sec h2 { margin-top: 0;}

.ubicacio-sec { float: left; width: 100%;}
.ubicacio-sec h2 { float: left; width: 100%; color: #000000; font-family: 'Roboto-Medium'; font-size: 45px; line-height: 1.1; padding: 30px 0px; border-top: 1px solid #000000;}

.ubicacio-main { float: left; width: 100%; position: relative;}
.ubicacio-map { float: left; width: 100%; margin: 50px 0 85px; position: relative;}
.ubicacio-map #map { height: 470px; margin-bottom: 0;}
.ubicacio-main p { float: left; width: 100%; max-width: 670px; font-family: 'Roboto-Light'; color: #4B4B4B; font-size: 16px; line-height: 1.4; }
.ubicacio-main .sab-btn { position: absolute; top: 20px; right: 0;}

.link-ico { right: 30px; bottom: 40px; position: absolute; z-index: 1;}
.link-ico a { background: rgba(0, 0, 0, 0.40); display: inline-flex; align-items: center; justify-content: center; height: 36px; border: 1px solid rgba(255, 255, 255, 0.57); padding: 0 20px; font-size: 14px; column-gap: 10px; color: #FFFFFF;}
.link-ico a:hover { background: rgba(207, 51, 36, 0.60);}
.link-ico a span img { float: left; width: auto;}

.consult-altres-list { float: left; width: 100%; padding: 0 0 80px;}
.consult-altres-list h2 { float: left; width: 100%; color: #000000; font-family: 'Roboto-Medium'; font-size: 45px; line-height: 1.1; padding: 30px 0px; border-top: 1px solid #000000;}
.consult-altres-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 2.5%; row-gap: 20px;}
.consult-altres-list ul li { flex: 0 1 31.66%;}