@charset "utf-8";

body { padding:0px; margin:0px; background:#ffffff; font-size:16px; color:#282828; line-height:20px; font-family: 'Roboto-Regular';}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, audio, video, source { display: block; margin: 0; padding: 0; }
a, img { border: medium none; }
a { color: #192432; text-decoration: none;  }
div { margin: 0; padding: 0; }
p { font-size:16px; line-height:24px; padding:0px; margin:0px; color:#000000;} 
h1, h2, h3, h4, h5, h6 { padding:0px; margin:0px;  line-height: 30px; font-weight: normal;}
a{ color: #192432; 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 { max-width: 1520px; width: 100%; padding: 0%; margin:0px auto;}
.row1 { width:100%; margin:auto; padding:0 3%;}

.div-center { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.d-flex { display: flex; flex-wrap: wrap; justify-content: space-between;}
.hdr-inn { display: grid; grid-template-columns: minmax(175px, 1fr) auto minmax(175px, 1fr); align-items: center;}

header { float: left; width: 100%; z-index: 9; position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 20px 0;}
#hm-hdr-sticky-wrapper { position: absolute; top: 0; background: none; height: auto; width: 100%;}
.logo { justify-self: center;}
.head-rgt { justify-self: flex-end; }
.head-rgt ul { display: flex; align-items: center; column-gap: 10px;}
.head-rgt ul li { flex: 0 1 auto;}
.head-rgt ul li a { font-size: 16px; color: #ffffff; border: 1px solid #ffffff; border-radius: 25px; height: 34px; line-height: 32px; display: inline-block; letter-spacing: 0.35px; padding: 0 20px;}
.head-rgt ul li.entradas a { background: #D10019; border-color: #D10019;}
.head-rgt ul li a:hover { background: #ffffff; border-color: #ffffff; color: #000000;}
.head-rgt ul li.search { border: none; border-radius: 0px; height: auto; line-height: normal; padding: 0; margin-right: 15px; cursor: pointer;}
.head-rgt ul li.search img { max-width: 18px; float: left;}
.head-rgt ul li.search .close { display: none;}
.head-rgt ul li.search.search-active .search-ico { display: none;}
.head-rgt ul li.search.search-active .close { display: block;}


.head-rgt ul li:last-child { margin-left: 15px;}
.head-rgt ul li .nice-select { font-size: 16px; padding-right: 20px;}
.head-rgt ul li .nice-select::after { border-bottom: 2px solid #ffffff; border-right: 2px solid #ffffff; width: 9px; height: 9px; margin-top: -6px;}
.head-rgt ul li .nice-select ul { display: block;}
.head-rgt ul li .nice-select ul.list { right: 0; left: auto;}
.head-rgt ul li .nice-select .option.selected { font-weight: normal;}
.head-rgt ul li .nice-select .option:hover { background: #D10019;}
.price-bag { display: none;}
.price-bag a { background: #D10019; width: 50px; height: 35px; display: flex; align-items: center; justify-content: center; border-radius: 50px; transition: all 0.4s ease;}
.price-bag a img { display: block; position: relative; top: -1px;}
.price-bag a:hover { background: #ffffff; }
.price-bag a:hover img { filter: brightness(1) invert(1);}

.is-sticky header { background: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.is-sticky .head-rgt ul li a { color: #1A171B; border-color: #1A171B;}
.is-sticky .head-rgt ul li.entradas a { border-color: #D10019; color: #ffffff;}
.is-sticky .head-rgt ul li a:hover { background: #1A171B; color: #ffffff;}
.is-sticky .head-rgt ul li.entradas a:hover { border-color: #1A171B;}
.is-sticky .head-rgt ul li .nice-select { color: #1A171B; }
.is-sticky .head-rgt ul li .nice-select::after { border-bottom: 2px solid #1A171B; border-right: 2px solid #1A171B;}
.is-sticky .logo img { filter: brightness(1) invert(1);}
.is-sticky .hamburger span::before, .is-sticky .hamburger span::after { background: #1A171B;}
.is-sticky .hamburger.active span::after, .is-sticky .hamburger.active span::before { background: #1A171B;}
.is-sticky .head-rgt ul li.search img { filter: brightness(1) invert(1);}

.hamburger-menu { display: block; z-index: 4;}
.hamburger { cursor: pointer; padding:0px 0px 0 0; position: relative;  width: 30px; height: 30px;  display: flex; align-items: center; }
.hamburger span { width: 0;}
.hamburger span:before, .hamburger span:after {cursor: pointer; border-radius: 0px; height: 2px; width: 30px; background: #ffffff;
position: absolute;display: inline-block;content: ''; right: 0; left: 0;margin: 0 auto;}
.hamburger span:before { top: 8px; left: auto;}
.hamburger span:after { top: 20px; left: 0; right: auto;}
.hamburger span, .hamburger span:before, .hamburger span:after {
-webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
-moz-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
-o-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */}
.hamburger.active span { background-color: transparent;}
.hamburger.active span:before, .hamburger.active span:after { top: 0; width: 30px; }
.hamburger.active span:before {transform: rotate(45deg);background: #ffffff; top: 10px; }
.hamburger.active span:after {transform: translateY(-10px) rotate(-45deg);top: 20px;background: #ffffff; width: 30px;}

#inn-hdr .is-sticky header { background: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
#inn-hdr .head-rgt ul li a { color: #1A171B; border-color: #1A171B;}
#inn-hdr .head-rgt ul li.entradas a { border-color: #D10019; color: #ffffff;}
#inn-hdr .head-rgt ul li a:hover { background: #1A171B; color: #ffffff;}
#inn-hdr .head-rgt ul li.entradas a:hover { border-color: #1A171B;}
#inn-hdr .head-rgt ul li .nice-select { color: #1A171B; }
#inn-hdr .head-rgt ul li .nice-select::after { border-bottom: 2px solid #1A171B; border-right: 2px solid #1A171B;}
#inn-hdr .logo img { filter: brightness(1) invert(1);}
#inn-hdr .hamburger span::before, #inn-hdr .hamburger span::after { background: #1A171B;}
#inn-hdr .hamburger.active span::after, #inn-hdr .hamburger.active span::before { background: #ffffff;}
#inn-hdr .head-rgt ul li.search img { filter: brightness(1) invert(1);}

.search-open #inn-hdr header { background: none; box-shadow: none;}
.search-open #inn-hdr .hamburger span::before, .search-open #inn-hdr .hamburger span::after { background: #ffffff;}
.search-open #inn-hdr .hamburger.active span::after, .search-open #inn-hdr .hamburger.active span::before { background: #ffffff;}
.search-open #inn-hdr .head-rgt ul li.search img { filter: brightness(0) invert(1);}
.search-open #inn-hdr .head-rgt ul li a { color: #ffffff; border-color: #ffffff;}
.search-open #inn-hdr .head-rgt ul li a:hover { background: #ffffff; color: #1A171B;}
.search-open #inn-hdr .head-rgt ul li.entradas a { border-color: #D10019; color: #ffffff;}
.search-open #inn-hdr .head-rgt ul li.entradas a:hover { background: #ffffff; color: #1A171B; border-color: #ffffff;}
.search-open #inn-hdr .head-rgt ul li .nice-select { color: #ffffff; }
.search-open #inn-hdr .head-rgt ul li .nice-select::after { border-bottom: 2px solid #ffffff; border-right: 2px solid #ffffff;}
.search-open #inn-hdr .logo img { filter: brightness(0) invert(1);}

.search-open .is-sticky #inn-hdr header { background: none; box-shadow: none;}
.search-open .is-sticky #inn-hdr .hamburger span::before, .search-open .is-sticky #inn-hdr .hamburger span::after { background: #ffffff;}
.search-open .is-sticky #inn-hdr .hamburger.active span::after, .search-open .is-sticky #inn-hdr .hamburger.active span::before { background: #ffffff;}
.search-open .is-sticky #inn-hdr .head-rgt ul li.search img { filter: brightness(0) invert(1);}
.search-open .is-sticky #inn-hdr .head-rgt ul li a { color: #ffffff; border-color: #ffffff;}
.search-open .is-sticky #inn-hdr .head-rgt ul li a:hover { background: #ffffff; color: #1A171B;}
.search-open .is-sticky #inn-hdr .head-rgt ul li.entradas a { border-color: #D10019; color: #ffffff;}
.search-open .is-sticky #inn-hdr .head-rgt ul li.entradas a:hover { background: #ffffff; color: #1A171B; border-color: #ffffff;}
.search-open .is-sticky #inn-hdr .head-rgt ul li .nice-select { color: #ffffff; }
.search-open .is-sticky #inn-hdr .head-rgt ul li .nice-select::after { border-bottom: 2px solid #ffffff; border-right: 2px solid #ffffff;}
.search-open .is-sticky #inn-hdr .logo img { filter: brightness(0) invert(1);}


/*menu css start*/
body.menu-open { overflow: hidden;}
.menu-open .logo img { filter: brightness(1) invert(1);}
.menu-open .head-rgt ul li a { color: #1A171B; border-color: #1A171B;}
.menu-open .head-rgt ul li.entradas a { border-color: #D10019; color: #ffffff;}
.menu-open .head-rgt ul li a:hover { background: #1A171B; color: #ffffff;}
.menu-open .head-rgt ul li.entradas a:hover { border-color: #1A171B;}
.menu-open .head-rgt ul li .nice-select { color: #1A171B; }
.menu-open .head-rgt ul li .nice-select::after { border-bottom: 2px solid #1A171B; border-right: 2px solid #1A171B;}
.menu-open .head-rgt ul li.search img { filter: brightness(1) invert(1);}

.menu-open .is-sticky header { background: none; box-shadow: none;}
.menu-open .is-sticky .hamburger span::before, .menu-open .is-sticky .hamburger span::after { background: #ffffff;}
.menu-open .is-sticky .hamburger.active span::after, .menu-open .is-sticky .hamburger.active span::before { background: #ffffff;}
.menu-open .is-sticky .head-rgt ul li.search img { filter: brightness(1) invert(1);}

/* body.hide { overflow-y: hidden;} */
.fixed-header { background: #ffffff; bottom: 0; opacity: 0; visibility: hidden; height: 100%; width: 100%; left: -100%; overflow: hidden; overflow-y: hidden; pointer-events: none;position: fixed; /*right: 0;*/ top: 0; z-index: 8;}
.site-menu {color: #fff;left: 0; min-height: 100%; opacity: 0; pointer-events: none; position: fixed; /*right: 0;*/ top: 0; transition: opacity 0s .9s; visibility: hidden; }
.fixed-header.open { opacity: 1; visibility: visible; left: 0;}
.fixed-header.open .site-menu__nav { opacity: 1; visibility: visible; left: 0;}
 .site-menu { opacity: 1; pointer-events: all; transition: none;visibility: visible;}
.site-header { position: absolute; top:0px; left: 0px; right: 0px; height: auto; z-index: 9999; margin-top: 45px; padding: 0px 55px;}
.site-header {overflow: hidden;transform: translateX(-100%);transition: transform .5s cubic-bezier(.65,.025,.67,.36) .3s;}
.fixed-header.open .site-header {transform: translateX(0);transition: transform .5s cubic-bezier(.34,.615,.4,.985);}
.site-menu__background {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.open .site-menu .site-menu__background {opacity: 1;transform: translateX(0) translateY(0);transition: transform .8s cubic-bezier(.34,.615,.4,.985) .5s,opacity 0s .5s;}
.site-menu__block-colour {position: fixed;left: 0;top: 82px;height:calc(100% - 82px);width: 530px;background: transparent linear-gradient(350deg, #D20A11 0%, #E94E0F 100%) 0% 0% no-repeat padding-box;box-shadow: 0px 0px 10px #0000001A;opacity: 0;transform: scaleX(0);transform-origin: left center;
transition: transform .5s cubic-bezier(.65,.025,.67,.36) .3s,opacity 0s .8s;z-index: 2;transform-origin: left center;transition: all 0.5s ease-in-out; }
.fixed-header.open .site-menu .site-menu__block-colour {opacity: 1;transform: scaleX(1);transition: transform .5s cubic-bezier(.34,.615,.4,.985);}
.rgt-bg { position: fixed; top: 0px; right: 0; height:100%; /*width: calc(100% - 40%);*/ opacity: 1; /*z-index: 2;*/}
.site-menu__nav { position: fixed; left: -100%; top:0px; width:40%; height:100%; padding: 110px 30px 50px 130px; padding-left: calc(100% - 92%); opacity: 1; /*z-index: 2;*/ background: #1A171B; transition: all 0.5s ease;}
.scroll-cnt { height: 100%;}
.scroll-cnt .mCSB_scrollTools { opacity: 0;}
.site-menu__nav .main-menu { float: left; width: 100%; margin-bottom: 50px; padding-top: 0px;}
.site-menu__nav .main-menu ul{padding-left: 0px;}
.site-menu__nav .main-menu ul li { float: left; width: 100%; margin-bottom: 20px;}
.site-menu__nav .main-menu ul li:last-child { margin-bottom:0px;}
.site-menu__nav .main-menu ul li a { display: block; font-size: 55px; line-height: 60px; color: #fff; font-family: 'Roboto-Bold'; letter-spacing: 1.6px; transition: all 0.5s ease;}
.site-menu__nav .main-menu ul li a:hover, .site-menu__nav .main-menu ul li a.active { color: #D10019; }
.site-menu__nav .main-menu ul li a.open { background: url(../images/arrow-menu-red.svg) no-repeat 0 20px; padding-left: 60px; }
.site-menu__nav .main-menu ul li a.active {font-family: 'Fracktif-Bold'; position: relative;}
.site-menu__nav .main-menu ul li a span{background: #000; width: 5px; height: 5px; display: inline-flex; margin-left: 3px;}
.main-menu ul li {opacity: 1; transition: opacity .6s cubic-bezier(.65,.025,.67,.36),transform .6s cubic-bezier(.65,.025,.67,.36); padding-bottom: 0; transition-duration: .3s;}

.site-menu__nav .page-menu { float: left; width: 100%; margin-bottom: 50px;}
.site-menu__nav .page-menu ul{padding-left: 0px; display: flex; flex-wrap: wrap; column-gap: 10px; align-items: center;}
.site-menu__nav .page-menu ul li { flex: 0 1 auto;}
.site-menu__nav .page-menu ul li:last-child { display: none;}
.site-menu__nav .page-menu ul li a { font-size: 16px; color: #ffffff; border: 1px solid #ffffff; border-radius: 25px; height: 34px; line-height: 32px; display: inline-block; letter-spacing: 0.35px; padding: 0 20px;}
.site-menu__nav .page-menu ul li a:hover { background: #ffffff; border-color: #ffffff; color: #1A171B;}
.site-menu__nav .page-menu ul li.entradas a { background: #D10019; border-color: #D10019; color: #ffffff;}
.site-menu__nav .page-menu ul li.entradas a:hover { background: #ffffff; color: #1A171B; border-color: #ffffff;}

.social-div{ float: left; width: 100%;}
.social-div h4 { font-size: 16px; color: #ffffff; font-family: 'Roboto-Regular'; line-height: 24px; margin-bottom: 20px;}
.social-div ul{padding-left: 0px;}
.social-div ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 40px; row-gap: 0; align-items: center;}
.social-div ul li{flex: 0 1 auto;}
.social-div ul li a {transition: all 0.5s ease;}
.social-div ul li a img { max-width: 26px;}
.social-div ul li {opacity: 1; transition: opacity .6s cubic-bezier(.65,.025,.67,.36),transform .6s cubic-bezier(.65,.025,.67,.36);
padding-bottom: 0;transition-duration: .3s;}
.social-div ul li.search { display: none;}

.sub-menu-div { position: fixed; top: 0px; left: 40%; height:100%; width: calc(100% - 40%); background: #ffffff; box-shadow: 0px 0px 10px #0000001A; padding: 120px 30px 50px 130px; opacity: 0; visibility: hidden;z-index: 1; 
will-change: transform; transition: all 0.5s ease-in-out; transform-origin: left center;}
.sub-menu-div .sub-menu ul { flex-direction: column; display: flex; flex-wrap: wrap; }
.sub-menu-div.show { opacity: 1; visibility: visible; } 
.sub-menu-div h2 { float: left; width: 100%; font-size: 28px; line-height: 36px; letter-spacing: 0.86px;color: #DD1304;font-family: 'Roboto-Bold'; margin-bottom: 20px; display: none; position: relative; padding-left: 0px;}
/* .sub-menu-div h2::before{position: absolute; content: ""; left: 0; top:7px;background: url("../images/ico-pointer-white.svg")no-repeat;width: 24px;height: 24px;background-size: cover;} */
.sub-menu-div .sub-menu { float: left;width: 100%; padding-bottom: 0px; margin-bottom: 50px; }
.sub-menu-div .sub-menu:last-child { padding-bottom: 0px; margin-bottom: 0px; border: none;}
.sub-menu-div .sub-menu ul li { float: left; width: 100%; margin-bottom: 25px;}
/* .sub-menu-div .sub-menu ul li:last-child { margin-bottom:0px;} */
.sub-menu-div .sub-menu ul li a { font-size:45px; line-height: 50px;font-family: 'Roboto-Bold'; color: #1A171B; letter-spacing: 1.2px; transition: all 0.5s ease;}
.sub-menu-div .sub-menu ul li a:hover { color: #D10019;}
.sub-menu-div a.back-menu { display: none; position: absolute; left: 30px; bottom: 50px; font-family: 'Fracktif-Regular'; color: #fff; letter-spacing: -0.43px;font-size: 18px; line-height: 32px;z-index: 2;}
.sub-menu-div .sub-menu ul li, .sub-menu-div h2 {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: .3s;}
.sub-menu-div.show .sub-menu ul li, .sub-menu-div.show h2 {opacity: 1;transform: translateY(0);transition: opacity .8s cubic-bezier(.34,.615,.4,.985),transform .8s cubic-bezier(.34,.615,.4,.985);
transition-delay: 0s, 0s;}
.sub-menu-div.show h2 {transition-delay: .55s;}
.sub-menu-div.show .sub-menu ul li:first-child {transition-delay: 0.2s;}
.sub-menu-div.show .sub-menu ul li:nth-child(2){transition-delay: 0.3s;}
.sub-menu-div.show .sub-menu ul li:nth-child(3){transition-delay: 0.4s;}
.sub-menu-div.show .sub-menu ul li:nth-child(4){transition-delay: 0.5s;}
.sub-menu-div.show .sub-menu ul li:nth-child(5){transition-delay: 0.6s;}
.sub-menu-div.show .sub-menu ul li:nth-child(6){transition-delay: 0.7s;}
.sub-menu-div.show .menu-img-btm {transition-delay: 0.8s;}
.sub-menu-div.show h2 {transition-delay: 0.1s;}

.sub-menu-div .menu-img-btm a { display: flex; flex-wrap: wrap; float: left; width: 100%; align-items: flex-end; column-gap: 20px;}
.sub-menu-div .menu-img-btm .menu-img-lft { flex: 0 1 30%;}
.sub-menu-div .menu-img-btm .menu-img-lft img { width: 100%; float: left;}
.sub-menu-div .menu-img-btm .menu-img-cnt { flex: 0 1 30%; margin-bottom: 20px;}
.sub-menu-div .menu-img-btm .menu-img-cnt h4 { color: #1A171B; font-size: 16px; font-family: 'Roboto-Regular'; letter-spacing: 0.5px;}
.sub-menu-div .menu-img-btm .menu-img-cnt h3 { color: #1A171B; font-size: 26px; font-family: 'Roboto-Regular'; letter-spacing: 1px;}
/* menu css ends*/


/** desktop search starts **/
.search-open { overflow: hidden;}
.desktop-search { float: left; width: 100%; height: 100%; background: rgba(0,0,0,0.85); padding: 100px 0px 30px; text-align: center; opacity: 0; visibility: hidden; position: fixed; top: 0; transition: all 0.4s ease; z-index: 2; 
display: flex; align-items: center; justify-content: center; overflow-y: scroll; background-position: center;}
.desktop-search h2 { float: left; width: 100%; text-align: center; color: #ffffff; font-size: 60px; line-height: 80px; font-family: 'Roboto-Bold'; margin-bottom: 20px; letter-spacing: 1px; }
.search-inn { float: none; width: 100%; position: relative; max-width: 800px; display: inline-block;margin-bottom: 0px;}
.search-det { transform: translateY(-50%);}
.search-det img.close { display: none;}
.search-inn input[type="text"] { border: none; width: 100%; font-size: 18px; line-height: 20px; font-family: 'Roboto-Regular'; color: #ffffff; padding: 0 75px 0 35px; height: 70px; border-radius: 70px; background: none; border: 1px solid #fff; }
.search-box input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #424242;}
.search-box input[type="text"]::-moz-placeholder { /* Firefox 19+ */  color: #424242;}
.search-box input[type="text"]:-ms-input-placeholder { /* IE 10+ */  color: #424242;}
.search-box input[type="text"]:-moz-placeholder { /* Firefox 18- */ color: #424242;}
.search-inn button { position: absolute; border: none; background: url(../images/menu-search-w.svg) no-repeat center center; width: 52px; height: 52px; right: 10px; top: 8px; cursor: pointer; border-radius: 100%; transition: all 0.4s ease;}
.desktop-search.desk-search { opacity: 1; visibility: visible;}

.search-open .is-sticky header { background: none; box-shadow: none;}
.search-open .is-sticky .hamburger span::before, .search-open .is-sticky .hamburger span::after { background: #ffffff;}
.search-open .is-sticky .hamburger.active span::after, .search-open .is-sticky .hamburger.active span::before { background: #ffffff;}
.search-open .is-sticky .head-rgt ul li.search img { filter: brightness(0) invert(1);}
.search-open .is-sticky .head-rgt ul li a { color: #ffffff; border-color: #ffffff;}
.search-open .is-sticky .head-rgt ul li a:hover { background: #ffffff; color: #1A171B;}
.search-open .is-sticky .head-rgt ul li.entradas a { border-color: #D10019; color: #ffffff;}
.search-open .is-sticky .head-rgt ul li.entradas a:hover { background: #ffffff; color: #1A171B; border-color: #ffffff;}
.search-open .is-sticky .head-rgt ul li .nice-select { color: #ffffff; }
.search-open .is-sticky .head-rgt ul li .nice-select::after { border-bottom: 2px solid #ffffff; border-right: 2px solid #ffffff;}
.search-open .is-sticky .logo img { filter: brightness(0) invert(1);}

/* .is-sticky .hamburger span::before, .is-sticky .hamburger span::after { background: #1A171B;}
.is-sticky .hamburger.active span::after, .is-sticky .hamburger.active span::before { background: #1A171B;}
.is-sticky .head-rgt ul li.search img { filter: brightness(1) invert(1);} */

/** desktop search ends **/

.hm-slider { float: left; width: 100%; position: relative;}
.hm-slider .swiper-slide img { float: left; width: 100%;}
.hm-slider .swiper-slide .banner-cnt { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; left: 0;}
.hm-slider .swiper-slide .banner-cnt h1 { color: #ffffff; font-size: 130px; line-height: 140px; letter-spacing: 1.15px; font-family: 'Roboto-Medium'; }
.hm-slider .swiper-slide .banner-cnt p { text-transform: uppercase; font-size: 25px;  color: #ffffff; line-height: 30px; letter-spacing: 4.3px; font-family: 'Roboto-Light'; margin-bottom: 60px;} 
.hm-slider .swiper-slide .banner-cnt a { text-transform: uppercase; font-size: 20px; text-transform: uppercase; color: #ffffff;}
.hm-slider .swiper-slide .banner-cnt a img { width: auto; float: none; }
.hm-slider .swiper-slide .banner-cnt a span { display: block; margin-top: 20px;}

.mobile-btm { position: absolute; bottom: 40px; left: 0; right: 0; z-index: 1; box-shadow: 0 10px 20px rgba(0,0,0,0.4); background: #fff; width: max-content; margin: 0 auto; padding: 15px 30px; border-radius: 30px; display: none;}
.mobile-btm ul { display: flex; flex-wrap: wrap; justify-content: center; column-gap: 30px; align-items: center;}
.mobile-btm ul li { flex: 0 1 auto;}
.mobile-btm ul li a img { display: block; max-height: 20px; transition: all 0.4s ease;}
.mobile-btm ul li a:hover img { filter: brightness(0) saturate(100%) invert(14%) sepia(96%) saturate(5696%) hue-rotate(350deg) brightness(92%) contrast(112%); }

.objectos-sec { float: left; width: 100%;}
.objectos-sec ul { display: flex; flex-wrap: wrap;}
.objectos-sec ul li { flex: 0 1 50%; position: relative; overflow: hidden; }
.objectos-sec ul li a::after { content: ""; position: absolute; left: 0%; top: 0px; transition: all 0.4s ease; width: 100%; height: 100%; background: rgba(0,0,0,0.5); opacity: 0; visibility: hidden;}
.objectos-sec ul li a::before { content: ""; position: absolute; left: 50%; bottom: -180px; transform: translateX(-50%); transition: all 0.8s ease; z-index: 1;
width: 360px; height: 360px; background: #fff; border-radius: 50%;clip-path: inset(0 0 50% 0); opacity: 0; visibility: hidden;}
.obj-lft { position: relative; float: left; width: 100%; }
.obj-lft img { float: left; width: 100%; }
.objectos-sec ul li .obj-lft img { transition: all 0.4s ease;}
.objectos-sec ul li .obj-caption { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; text-align: center; z-index: 1;}
.objectos-sec ul li .obj-caption h4 { color: #ffffff; font-size: 16px; line-height: 24px; margin-bottom: 15px; letter-spacing: 0.8px; }
.objectos-sec ul li .obj-caption h2 { color: #ffffff; font-size: 30px; line-height: 38px; letter-spacing: 0.8px; margin-bottom: 20px;}
.objectos-sec ul li .obj-caption p { font-size: 16px; color: #ffffff; line-height: 24px; display: flex; justify-content: center; align-items: center; letter-spacing: 0.8px;}
.objectos-sec ul li .obj-caption span.expo-line { width: 46px; height: 1px; background: rgba(255,255,255,.75); margin: 0 10px;}
.objectos-sec ul li:hover .obj-lft img { transform: scale(1.04);}
.objectos-sec ul li a:hover::after { opacity: 1; visibility: visible;}
.objectos-sec ul li a:hover::before { opacity: 1; visibility: visible;}

.collect-sec { float: left; width: 100%; padding: 100px 0;}
.collect-sec h2 { color: #1A171B; font-size: 45px; line-height: 50px; font-family: 'Roboto-Bold'; text-align: center; margin-bottom: 100px; letter-spacing: 1px;}
.coleccion-swiper { float: left; width: 100%;}
.collect-sec ul { display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 30px;}
.collect-sec ul li { flex: 0 1 32%; overflow: hidden;}  
.collect-sec ul li img { float: left; width: 100%; transition: all 0.4s ease;}
.collect-sec ul li a:hover img { transform: scale(1.04);}
.collect-sec ul li:nth-child(3n + 2){ position: relative; top: -45px; }
.collect-sec ul li .coleccion-img { float: left; width: 100%; overflow: hidden;}
.collect-sec ul li .coleccion-cnt { float: left; width: 100%; display: none; flex-wrap: wrap; row-gap: 6px; flex-direction: column; padding-top: 20px;}
.collect-sec ul li .coleccion-cnt h3 { font-size: 24px; letter-spacing: 0.9px; line-height: 32px; color: #1A171B; transition: all 0.4s ease;}
.collect-sec ul li .coleccion-cnt p { font-size: 15px; line-height: 24px; color: #1A171B; margin-bottom: 8px;}
.collect-sec ul li .coleccion-cnt span { font-size: 17px; line-height: 26px; color: #1A171B;}
.collect-sec ul li .coleccion-cnt span img { width: auto; float: none; margin-left: 5px;}
.collect-sec ul li:hover .coleccion-cnt h3 { color: #D10019; }

/* make images responsive */
.coleccion-swiper .coleccion-controls { display: none;}
.coleccion-controls .swiper-button-prev, .coleccion-controls .swiper-button-next { opacity: 1; pointer-events: auto;}
.coleccion-controls .swiper-button-prev img { width: 24px;}
.coleccion-controls .swiper-button-next img { width: 24px;}
/* optional: show disabled state but keep visible */
.coleccion-controls .swiper-button-prev.swiper-button-disabled, .coleccion-controls .swiper-button-next.swiper-button-disabled { opacity: 1; pointer-events: all; cursor: pointer;}

.obras-btn { float: left; width: 100%; text-align: center; margin-top: 20px;}
.obras-btn a { display: inline-flex; align-items: center; justify-content: center; height: 54px; padding: 0 30px; transition: all 0.4s ease;
  border-radius: 50px; border: 1px solid #1A171B; color: #1A171B; text-decoration: none; font-size: 18px; font-family: 'Roboto-Bold'; background: #fff;}
.obras-btn a:hover { background: #1A171B; color: #ffffff;}



/* actividades css */
.actividades-sec { float: left; width: 100%; background: rgba(239, 239, 239, 0.50); padding: 140px 0;}
.actividades-sec h2 { float: left; width: 100%; text-align: center;  font-family: 'Roboto-Bold';  color: #1A171B; font-size: 45px; line-height: 55px; letter-spacing: 1.35px; padding-bottom: 55px;}
.actividades-list { float: left; width: 100%; padding-bottom: 60px;}
.actividades-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 40px; column-gap: 6%;}
.actividades-list ul li { flex: 0 1 29.33%;}
.actividades-list ul li:nth-child(3n + 2) { margin-top: 40px;}
.actividades-main { float: left; width: 100%;}
.actividades-img { float: left; width: 100%; position: relative; overflow: hidden;}
.actividades-img::after { position: absolute; content: ""; background: url("../images/circle-bg-hover.svg") no-repeat bottom center; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 342px; height: 75px; opacity: 0; visibility: hidden; transition: all 0.4s ease;}
.actividades-img img { float: left; width: 100%;}
.actividades-cnt { float: left; width: 100%; padding-top: 25px; transition: all 0.4s ease;}
.actividades-cnt h4 { float: left; width: 100%; color: #1A171B; font-size: 16px; line-height: 24px; letter-spacing: 0.8px; padding-bottom: 15px;}
.actividades-cnt h4 span { display: inline-flex; max-width: 0; overflow: hidden; transition: max-width 0.4s ease;}
.actividades-cnt h4 span img { transition: transform 0.4s ease;}
.actividades-cnt h3 { float: left; width: 100%; color: #1A171B; font-size: 30px; line-height: 40px; letter-spacing: 0.9px; padding-bottom: 20px; transition: all 0.4s ease;}
.actividades-cnt h5 { float: left; width: 100%; color: #1A171B; font-size: 16px; line-height: 24px;}
.actividades-main:hover .actividades-cnt {opacity: 0.60;}
.actividades-main:hover .actividades-cnt h4 span {max-width: 40px;}
.actividades-main:hover .actividades-img::after { opacity: 1; visibility: visible;}

.btn-ctr { float: left; width: 100%; display: flex; justify-content: center;}
a.mas-btn { display: inline-flex; align-items: center; justify-content: center; background: #ffffff; border-radius: 27px; border:1px solid #1A171B; height:54px; font-family: "Roboto-Bold"; padding: 0 30px; color: #1A171B; font-size: 18px; letter-spacing: 0.5px; transition: all 0.5s ease;}
a.mas-btn:hover { background: #1A171B; color: #ffffff; }

/* visita & colabora css */
.visita-colabora-sec { float: left; width: 100%; padding: 150px 0;}
.visita-colabora-list { float: left; width: 100%;}
.visita-colabora-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 20px; justify-content: center;} 
.visita-colabora-list ul li { flex: 0 1 49%;}
.visita-colabora-main { float: left; width: 100%; position: relative; overflow: hidden; transition: all 0.4s ease;}
.visita-colabora-main::after { position: absolute; content: ""; background: rgba(26, 23, 27, 0.85); top: 0; left:0; width: 100%; height: 100%; transition: all 0.4s ease; opacity: 0; visibility: hidden;}
.visita-colabora-main img { float: left; width: 100%; transition: all 0.4s ease;}
.visita-colabora-cnt { position: absolute; bottom: 40px; left: 0; right: 0; margin: 0 auto; text-align: center; width: 100%; transition: all 0.4s ease; z-index: 1;}
.visita-colabora-cnt h3 { font-family: "Roboto-Bold"; color: #1A171B; font-size: 45px; line-height: 40px; letter-spacing: 1.35px; padding-bottom: 10px; transition: all 0.4s ease;}
.visita-colabora-cnt p { color: #1A171B; font-size: 26px; line-height: 32px; letter-spacing: 2.58px;}
.visita-colabora-main:hover { border-radius: 600px 600px 0 0;}
.visita-colabora-main:hover:after { opacity: 1; visibility: visible;}
.visita-colabora-main:hover .visita-colabora-cnt h3 { color: #ffffff;}
.visita-colabora-main:hover .visita-colabora-cnt p { color: #ffffff;}
.visita-colabora-main:hover .visita-colabora-cnt { bottom: auto; top: 50%; transform: translateY(-50%);}

/* newsletter css */
.newsletter-sec { float: left; width: 100%; background: #1A171B; padding: 25px 0;}
.newsletter-main { display: flex; justify-content: center; align-items: center; column-gap: 18px; row-gap: 20px;}
.newsletter-main h2 { color: #ffffff; font-size: 30px; line-height: 40px; letter-spacing: 0.9px;}
.newsletter-main button { cursor: pointer; font-family: "Roboto-Bold"; margin: 0; border-radius: 27px; border: 1px solid #ffffff; font-size: 18px; letter-spacing: 0.5px; background: #ffffff; color: #192432; display: inline-flex; align-items: center; justify-content: center; padding: 0 25px; height: 54px; transition: all 0.4s ease;}
.newsletter-main button:hover { background: none; color: #ffffff;}

/* footer css */
footer { float: left; width: 100%; padding: 50px 0 50px;}
.ftr-main { float: left; width: 100%; padding: 0 2%;}
.ftr-top { float: left; width: 100%; display: flex; flex-wrap: wrap; padding-bottom: 50px;}
.ftr-top .ftr-logo { flex: 0 1 10%;}
.ftr-top .ftr-contact { flex: 0 1 35%; padding: 0 50px 0 90px; display: flex; flex-wrap: wrap; row-gap: 30px;}
.ftr-top .ftr-menu-links { flex: 0 1 35%; display: flex; justify-content: space-evenly;}
.ftr-top .ftr-scllogos-links { flex: 0 1 18%; display: flex; flex-wrap: wrap; align-content: space-between;}
.ftr-top .ftr-logo img { float: left; width: 100%;}
.ftr-top .ftr-logo .mobile-logo img { display: none;}

.open-btn { float: left; width: 100%; padding-left: 20px; color: #1A171B; font-size: 18px; line-height: 28px; letter-spacing: 0.6px; position: relative;}
.open-btn::after { position: absolute; content: ""; background: #1AAD41; left: 0; top: 50%; transform: translateY(-50%); width: 10px; height: 10px; border-radius: 25px;}
.location-sec { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 20px;}
.location-sec > div { flex: 0 1 100%;}
.location-sec p { float: left; width: 100%; color: #1A171B; font-size: 18px; line-height: 26px; letter-spacing: 0.6px; padding-bottom: 10px;}
.location-sec p:last-child { padding-bottom: 0;}
.location-sec p a { font-size: 22px; line-height: 28px; font-family: "Roboto-Bold"; letter-spacing: 1.13px; transition: all 0.4s ease;}
.location-sec p a:hover { color: #D10019;}

.get-btn a { display: inline-flex; align-items: center; justify-content: center; background: #ffffff; border-radius: 27px; border:1px solid #1A171B; height:54px; font-family: "Roboto-Bold"; padding: 0 48px; color: #1A171B; font-size: 18px; letter-spacing: 0.5px; transition: all 0.5s ease;}
.get-btn a:hover { background: #1A171B; color: #ffffff; }

.ftr-top .ftr-menu-links > div { flex: 0 1 50%;}
.ftr-top .ftr-menu-links h2 { color: #1A171B; font-size: 30px; line-height: 40px; letter-spacing: 0.9px; padding-bottom: 25px;}
.ftr-top .ftr-menu-links ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 30px;}
.ftr-top .ftr-menu-links ul li { flex: 0 1 100%;}
.ftr-top .ftr-menu-links ul li a { font-size: 18px; letter-spacing: 1.8px; transition: all 0.4s ease;}
.ftr-top .ftr-menu-links ul li a:hover { color: #D10019;}
.ftr-top .ftr-scllogos-links > div { flex: 0 1 100%;}
.ftr-scl-links { float: left; width: 100%;}
.ftr-scl-links h2 { float: left; width: 100%; color: #1A171B; font-size: 30px; line-height: 40px; letter-spacing: 0.9px; padding-bottom: 25px;}
.ftr-scl-links ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 30px; align-items: center;}
.ftr-scl-links ul li { flex: 0 1 auto;}
.ftr-scl-links ul li img { float: left; width: auto; transition: all 0.4s ease;}
.ftr-scl-links ul li img:hover { filter: brightness(0) saturate(100%) invert(12%) sepia(95%) saturate(3723%) hue-rotate(344deg) brightness(102%) contrast(113%);}

.ftr-logo-links { float: left; width: 100%;}
.ftr-logo-links ul { float: left; width: 100%; display: flex; column-gap: 50px;}
.ftr-logo-links ul li { flex: 0 1 auto;}
.ftr-logo-links ul li img { float: left; width: auto; transition: all 0.4s ease;}
.ftr-logo-links ul li img:hover { opacity: 0.7;}

.copy-rights p { color: #1A171B; font-size: 15px;}
.copy-rights p span { font-family: "Roboto-Bold";}
.ftr-btm { float: left; width: 100%; padding-top: 30px; border-top: 1px solid #000000; display: flex; align-items: center; justify-content: space-between;}
.ftr-btm > div { flex: 0 1 auto;}
.other-links ul { display: flex; flex-wrap: wrap; column-gap: 75px; row-gap: 20px;}
.other-links ul li { flex: 0 1 auto;}
.other-links ul li a { font-size: 15px; transition: all 0.4s ease;}
.other-links ul li a:hover { color: #D10019;}


/* resultados page */
.buscador-sec { float: left; width: 100%; padding: 50px 0px 100px; position: relative; }
.buscador-sec img { float: left; width: 100%;}
.buscador-cnt { float: left; width: 100%; display: flex; justify-content: center; position: relative; left: 0; top: 50%; transform: none;}
.search-div { float: left; width: 100%; max-width: 700px; text-align: center; }
.search-div h1 { float: left; width: 100%; text-align: center; color: #1A171B; font-size: 55px; line-height: 55px; font-family:'Roboto-Bold'; margin-bottom: 40px; letter-spacing: 1.2px; }
.search-box { float: left; width: 100%; position: relative;}
.search-box input[type="text"] { border: 1px solid #1A171B; width: 100%; font-size: 18px; line-height: 20px; font-family: 'Roboto-Bold'; color: #1A171B; padding: 0 60px 0 30px; height: 66px; border-radius: 50px; letter-spacing: 0.5px; }
.search-box input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000;}
.search-box input[type="text"]::-moz-placeholder { /* Firefox 19+ */  color: #000;}
.search-box input[type="text"]:-ms-input-placeholder { /* IE 10+ */  color: #000;}
.search-box input[type="text"]:-moz-placeholder { /* Firefox 18- */ color: #000;}
.search-box button { position: absolute; padding: 0; transition: all 0.4s ease; border: none; background: none; right: 25px; top: 50%; transform: translateY(-50%); cursor: pointer; border-radius: 100%;}
.search-box button:hover { opacity: 0.7;}
.search-box button img { max-width: 22px;}

.result-sec {float: left;width: 100%; padding:0px 0px 80px;}
.result-sec p { font-size: 18px; color: #1A171B; line-height: 28px; letter-spacing: 0.5px; margin-bottom: 30px;}
.result-sec p span { font-family: 'Roboto-Bold';}
.result-sec ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 40px;}
.result-sec ul li { flex: 0 1 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.result-img { flex: 0 1 40%; overflow: hidden;  position: relative;}
.result-img img { float: left; width: 100%;height: 100%; object-fit: cover; transition: all 0.5s ease; }
.result-rht { flex: 0 1 52%;  display: flex; flex-wrap: wrap; justify-content: space-between;}
.result-cnt {flex: 0 1 68%; padding: 0px; display: flex; flex-wrap: wrap;}
.result-cnt h3 { float: left; width: 100%; font-size: 30px; line-height: 36px; font-family: 'Roboto-Regular';color: #1A171B; margin-bottom: 15px; transition: all 0.5s ease; letter-spacing: 0.8px;}
.result-sec .result-cnt p { width: 100%; float: left; font-size: 16px; line-height: 26px; color: #1A171B; font-family: 'Roboto-Regular'; margin-bottom: 0px; letter-spacing: 0.8px;}
.result-cnt span { position: relative; font-size: 14px; line-height: 25px; height: 30px; display: inline-block; font-family: 'Konstanz-SemiBold'; color: #000000; padding: 0px 12px; letter-spacing: 0.5px; border: 2px solid #000000; border-radius: 25px;}

.result-sec ul li:hover .result-cnt h3 { color: #D20A11; }
.result-sec ul li:hover .result-img img { transform: scale(1.05); }
.result-sec ul li:hover .result-down img {  filter: brightness(0) saturate(100%) invert(7%) sepia(95%) saturate(5776%) hue-rotate(354deg) brightness(133%) contrast(99%); }

.result-btn { float: left; width: 100%; text-align: center; margin-top: 60px;}
.result-btn a { display: inline-flex; align-items: center; justify-content: center; height: 54px; padding: 0 30px; transition: all 0.4s ease;
  border-radius: 50px; border: 1px solid #1A171B; color: #1A171B; text-decoration: none; font-size: 18px; font-family: 'Roboto-Bold'; background: #fff;}
.result-btn a:hover { background: #1A171B; color: #ffffff;}

/* no resultados page */
.result-sec.no-result p span { font-family: 'Roboto-Bold'; }
.result-sec.no-result p a { font-family: 'Roboto-Bold'; text-decoration: underline;}
.result-sec.no-result p a:hover { color: #D20A11;}
.result-sec.no-result p:last-child { margin-bottom: 0;}
.result-cat { float: left; width: 100%; margin-top: 50px;}
.result-cat ul { display: flex; flex-wrap: wrap; column-gap: 20px;}
.result-cat ul li { flex: 0 1 180px;}
.result-cat ul li a { display: flex; align-items: center; justify-content: center; height: 54px; padding: 0 30px; transition: all 0.4s ease;
  border-radius: 50px; border: 1px solid #1A171B; color: #1A171B; text-decoration: none; font-size: 18px; font-family: 'Roboto-Bold'; width: 100%;}
.result-cat ul li a:hover { background: #1A171B; color: #ffffff;}


/* VISITA-HORARIOS page */
.horaris-sec { float: left; width: 100%; padding: 60px 0 0px 0;}
.horaris-sec h1 { font-size: 55px; line-height: 60px; color: #1A171B; font-family: 'Roboto-Bold'; letter-spacing: 1.6px; text-align: center; margin: 0px 0 80px; }

.horaris-div { float: left; width: 100%; margin-bottom: 120px;}
.horaris-sec h2 { font-size: 45px; line-height: 50px; color: #1A171B; font-family: 'Roboto-Bold'; margin-bottom: 30px; letter-spacing: 1.3px; }
.horaris-lft { flex: 0 1 36%;}
.horaris-lft h3 { color: #138634; font-size: 28px; line-height: 36px; position: relative; letter-spacing: 1px; padding-left: 20px; margin-bottom: 10px;}
.horaris-lft h3::before { position: absolute; display: block; content: ""; background: #138634; width: 10px; height: 10px; border-radius: 50%; left: 0; top: 50%; transform: translateY(-50%);}
.horaris-lft p { color: #1A171B; font-size: 26px; letter-spacing: 1px; line-height: 32px; margin-bottom: 20px;}
.horaris-lft ul { display: flex; flex-wrap: wrap; flex-direction: column; row-gap: 5px;}
.horaris-lft ul li { flex: 0 1 100%; font-size: 18px; line-height: 26px; color: #1A171B; letter-spacing: 0.5px;}
.horaris-lft ul li span { font-family: 'Roboto-Bold'; }
.horaris-rht { flex: 0 1 58%;}
.horaris-rht h3 { color: #1A171B; font-size: 28px; line-height: 36px; position: relative; letter-spacing: 1px; margin-bottom: 30px;}
.horaris-rht ul { display: flex; flex-wrap: wrap; row-gap: 30px;}
.horaris-rht ul li { flex: 0 1 100%; font-size: 22px; color: #1A171B; display: flex; flex-wrap: wrap; letter-spacing: 0.5px;}
.horaris-rht ul li label { flex: 0 1 70%; }

.horaris-rht h4 { color: #1A171B; font-size: 24px; font-family: 'Roboto-Bold'; line-height: 30px; position: relative; letter-spacing: 0.5px; margin-bottom: 10px;}
.divider { float: left; width: 100%; position: relative; margin: 30px 0;}
.divider::after { position: absolute; width: 50px; height: 1px; margin: 0px 0; background: #1A171B; display: block; content: "";}

.grey-box { float: left; width: 100%; background: #EFEFEF; padding: 20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.grey-cnt { flex: 0 1 72%;}
.grey-box p { letter-spacing: 0.6px; color: #1A171B;}
.grey-social { flex: 0 1 22%;}
.grey-social ul { display: flex; flex-wrap: wrap; column-gap: 30px; align-items: center; justify-content: space-between; }
.grey-social ul li { flex: 0 1 auto;}
.grey-social ul li img { transition: all 0.4s ease;}
.grey-box.necesario { margin:30px 0 0;}
.grey-social ul li:hover img { filter: brightness(0) saturate(90%) invert(14%) sepia(60%) saturate(5696%) hue-rotate(350deg) brightness(92%) contrast(112%); }

.accord-sec { float: left; width: 100%; margin: 30px 0 0 0; display: flex; flex-wrap: wrap; row-gap: 10px;}
.accordion { float: left; width: 100%;}
.accordion-item { background: var(--bg-white);  border: 1px solid #1A171B; border-radius: 0px; margin-bottom: 16px; /*box-shadow: 0 5px 15px 0 rgba(25,33,61,0.06);*/ overflow: hidden;}
.accordion-header { letter-spacing: 0.5px; padding: 20px 80px 20px 20px; font-family: 'Roboto-Regular'; cursor: pointer; position: relative; color: #1A171B; font-size: 22px; line-height: 26px; transition: all 0.5s ease; }
.accordion-header::after { content: ""; background: url(../images/plus-ico.svg) no-repeat center; color: #BEBEBE; position: absolute; top: 50%; transform: translateY(-50%); right: 24px; transition: all 0.5s ease; width: 24px; height: 24px; background-size: cover;}
.accordion-item.active .accordion-header::after { background: url(../images/minus.svg) no-repeat center; }
.accordion-item.active .accordion-header { font-family: 'Roboto-Bold';}
.accordion-content { display: none; padding: 5px 20px 20px; float: left; width: 100%;}
.accordion-content p { font-size: 16px; line-height: 1.5; color: #1A171B; margin-bottom: 20px; transition: all 0.4s ease; letter-spacing: 0.5px;}
.accordion-content p a { color: #6f6c8f; text-decoration: underline;}
.accordion-content p:last-child { margin-bottom: 0;}
.accordion-content p a:hover { color: var(--txt-purple);}
.accordion-item:last-child { margin-bottom: 0;}
.accordion-header:hover { color: var(--txt-blue);}
.accordion-content ul { display: flex; flex-wrap: wrap; row-gap: 10px; margin-left: 0px;}
.accordion-content ul li { flex: 0 1 100%; font-size: 18px; line-height: 1.5; color: #1A171B; padding-left: 20px; position: relative; }
.accordion-content ul li strong { font-family: 'Roboto-Regular'; }
.accordion-content ul li::before { content: "-"; position: absolute; display: block; color: #1A171B; font-size: 20px; font-family: 'Roboto-Bold'; left: 0; top: 10px; line-height: 0;}



.tarifas-lft { flex: 0 1 30%;}
.tarifas-lft ul { display: flex; flex-wrap: wrap; row-gap: 20px;}
.tarifas-lft ul li { flex: 0 1 100%; display: flex; flex-wrap: wrap; justify-content: space-between; font-size: 30px; line-height: 36px; color: #1A171B; letter-spacing: 0.8px;}
.tarifas-lft ul ul { row-gap: 10px; margin-top: 10px;}
.tarifas-lft ul ul li { font-size: 18px; line-height: 24px; letter-spacing: 0.5px; position: relative; padding-left: 15px;}
.tarifas-lft ul ul li:after { position: absolute; left: 0; top: 8px; background: #1A171B; width: 5px; height: 5px; border-radius: 50px; content: ""; display: block;}

.tarifas-lft .tarifas-btn { float: left; width: 100%;}
.tarifas-lft .tarifas-btn ul { display: flex; flex-wrap: wrap; flex-direction: column;}
.tarifas-lft .tarifas-btn ul li { flex: 0 1 auto; padding-left: 0; }
.tarifas-lft .tarifas-btn ul li::after { display: none;}
.tarifas-lft .tarifas-btn ul li a { background: #727576; color: #ffffff; padding: 0px 30px; height: 52px; line-height: 52px; font-size: 18px; border-radius: 25px; letter-spacing: 0.8px; font-family: 'Roboto-Bold'; }
.tarifas-lft .tarifas-btn ul li:first-child a { background: #D10019;}
.tarifas-lft .tarifas-btn ul li a:hover { background: #1A171B;}

.tarifas-rht { flex: 0 1 58%;}
.tarifas-rht h3 { color: #1A171B; font-size: 28px; line-height: 36px; position: relative; letter-spacing: 1px; margin-bottom: 30px;}
.tarifas-rht ul { row-gap: 10px; margin-top: 0px; display: flex; flex-wrap: wrap; }
.tarifas-rht ul li { font-size: 18px; line-height: 24px; letter-spacing: 0.5px; position: relative; padding-left: 15px; flex: 0 1 100%;}
.tarifas-rht ul li:after { position: absolute; left: 0; top: 8px; background: #1A171B; width: 5px; height: 5px; border-radius: 50px; content: ""; display: block;}
ul.grupo-list li { padding: 0;}
ul.grupo-list li::after { display: none;}
ul.grupo-list li img { filter: brightness(1) invert(1); width: 18px;}
ul.grupo-list li a:hover { color: #D10019;}
ul.grupo-list li a:hover img { filter: brightness(0) saturate(90%) invert(14%) sepia(60%) saturate(5696%) hue-rotate(350deg) brightness(92%) contrast(112%); }

.horaris-div.preguntas h2 { margin-bottom: 50px;}
.horaris-div.preguntas .accord-sec { max-width: 70%;}


/**********VISITA-COMO-LLEGAR***********/
.hoaris-map { float: left; width: 100%;}
.hoaris-map img { width: 100%;}

.llegar-sec { float: left; width: 100%; padding: 100px 0 0;}
.llegar-div { float: left; width: 100%; margin-bottom: 100px;}
.llegar-div:last-child { margin-bottom: 0;}
.llegar-lft { flex: 0 1 38%;}
.llegar-lft p { font-size: 18px; line-height: 1.5; color: #1A171B; margin-bottom: 30px; transition: all 0.4s ease; letter-spacing: 0.5px;}
.llegar-lft ul { display: flex; flex-wrap: wrap; row-gap: 10px; flex-direction: column; float: left; width: 100%;}
.llegar-lft ul li { flex: 0 1 auto;}
.llegar-lft ul li a { background: #ffffff; display: inline-block; width: 300px; text-align: center; color: #1A171B; border: 1px solid #1A171B; padding: 0px 20px; height: 52px; line-height: 52px; font-size: 18px; border-radius: 25px; letter-spacing: 0.8px; font-family: 'Roboto-Bold'; }
.llegar-lft ul li a:hover { background: #1A171B; color: #ffffff;} 

.llegar-rht { flex: 0 1 54%;}
.llegar-rht h3 { color: #1A171B; font-size: 28px; line-height: 36px; position: relative; letter-spacing: 1px; margin-bottom:5px; }
.llegar-rht p { font-size: 20px; line-height: 1.5; color: #1A171B; margin-bottom: 30px; transition: all 0.4s ease; letter-spacing: 0.5px;}
.llegar-rht .accord-sec { margin: 0;}
.llegar-rht .accordion-content { padding-bottom: 40px;}
.llegar-rht .accordion-content ul { display: flex; flex-wrap: wrap; row-gap: 15px;}
.llegar-rht .accordion-content ul li { flex: 0 1 100%; font-size: 18px; color: #1A171B; letter-spacing: 0.5px; line-height: 24px;} 
.llegar-rht .accordion-content ul li span { font-family: 'Roboto-Bold';}
.llegar-rht .accordion-content ul li::before { content: "-"; position: absolute; display: block; color: #1A171B; font-size: 20px; font-family: 'Roboto-Bold'; left: 0; top: 10px; line-height: 0;}
.mas-info { float: left; width: 100%; margin-top: 30px;}
.mas-info a { font-size: 18px; color: #1A171B; letter-spacing: 0.5px; font-family: 'Roboto-Bold'; text-decoration: underline;}
.mas-info a:hover { color: #D10019;}
.horaris-div:last-child { margin-bottom: 0;}


/**********VISITA-PLANEA***********/
.planea-horaris .llegar-rht h4 { color: #138634; font-size: 28px; line-height: 36px; position: relative; letter-spacing: 1px; padding-left: 20px; margin-bottom: 10px;}
.planea-horaris .llegar-rht h4::before { position: absolute; display: block; content: ""; background: #138634; width: 10px; height: 10px; border-radius: 50%; left: 0; top: 50%; transform: translateY(-50%);}

.planea-horaris .llegar-rht p { color: #1A171B; font-size: 26px; letter-spacing: 1px; line-height: 32px; margin-bottom: 20px;}
.planea-horaris .llegar-rht ul { display: flex; flex-wrap: wrap; flex-direction: column; row-gap: 5px;}
.planea-horaris .llegar-rht ul li { flex: 0 1 100%; font-size: 18px; line-height: 26px; color: #1A171B; letter-spacing: 0.5px;}
.planea-horaris .llegar-rht ul li span { font-family: 'Roboto-Bold'; }

.planea-tarifas .llegar-rht ul { display: flex; flex-wrap: wrap; row-gap: 20px; float: left; width: 100%; }
.planea-tarifas .llegar-rht ul li { flex: 0 1 100%; display: flex; flex-wrap: wrap; font-size: 30px; line-height: 36px; color: #1A171B; letter-spacing: 0.8px; column-gap: 20px;}
.planea-tarifas .llegar-rht ul li .cat-lft { flex: 0 1 42%;}
.planea-tarifas .llegar-rht ul li .cat-lft h3 { font-size: 30px; line-height: 36px; color: #1A171B; letter-spacing: 0.8px; margin: 0;}
.planea-tarifas .llegar-rht ul li .cat-lft p { font-size: 18px; line-height: 1.4; color: #727576; transition: all 0.4s ease; letter-spacing: 0.5px; margin: 0;}
.planea-tarifas .llegar-rht ul li .cat-price span { font-size: 30px; line-height: 36px; color: #1A171B; letter-spacing: 0.8px;}

.planea-tarifas .llegar-rht .tarifas-btn { float: left; width: 100%;}
.planea-tarifas .llegar-rht .tarifas-btn ul { display: flex; flex-wrap: wrap; flex-direction: inherit; column-gap: 10px;}
.planea-tarifas .llegar-rht .tarifas-btn ul li { flex: 0 1 auto; padding-left: 0; }
.planea-tarifas .llegar-rht .tarifas-btn ul li::after { display: none;}
.planea-tarifas .llegar-rht .tarifas-btn ul li a { background: #727576; color: #ffffff; padding: 0px 30px; height: 52px; line-height: 52px; font-size: 18px; border-radius: 25px; letter-spacing: 0.8px; font-family: 'Roboto-Bold'; }
.planea-tarifas .llegar-rht .tarifas-btn ul li:first-child a { background: #D10019;}
.planea-tarifas .llegar-rht .tarifas-btn ul li a:hover { background: #1A171B;}

.group-list { float: left; width: 100%; margin-bottom: 30px;}
.group-list ul { display: flex; flex-wrap: wrap; row-gap: 20px;}
.group-list ul li { flex: 0 1 100%; display: flex; flex-wrap: wrap; font-size:18px; line-height: 24px; color: #1A171B; letter-spacing: 0.8px; }

.visit-access { float: left; width: 100%;}
.visit-access p { margin: 0 0 5px 0; letter-spacing: 1px;}
.visit-access a img { filter: brightness(1) invert(1); width: 18px;}
.visit-access a:hover { color: #D10019;}
.visit-access a:hover img { filter: brightness(0) saturate(90%) invert(14%) sepia(60%) saturate(5696%) hue-rotate(350deg) brightness(92%) contrast(112%); }

.llegar-div.planea-cursos .file-pdf-list { width: 60%;}
.visita-vip { float: left; width: 100%; max-width: 60%; margin-top: 50px;}

.llegar-div.visit-guide p { font-size: 18px; line-height: 24px; letter-spacing: 0.5px; margin-bottom: 20px; }
.llegar-div.visit-guide p:last-child { margin-bottom: 0;}

/**/
.planea-tarifas .visit-social { float: left; width: 100%; margin-bottom: 30px;}
.planea-tarifas .visit-social ul { display: flex; flex-wrap: wrap; row-gap: 20px;}
.planea-tarifas .visit-social ul li { flex: 0 1 100%; color: #1A171B; font-size: 18px; line-height: 24px; letter-spacing: 0.5px;}

.guide-list { float: left; width: 100%; margin-top: 50px;}
.guide-list ul { display: flex; flex-wrap: wrap; row-gap: 50px;}
.guide-list ul li { flex: 0 1 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.guide-list ul li .guide-img { flex: 0 1 36%;}
.guide-list ul li .guide-img img { float: left; width: 100%;}
.guide-list ul li .guide-cnt { flex: 0 1 58%;}
.guide-title { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 30px;}
.guide-title span { display: flex; align-items: center; column-gap: 10px; font-size: 16px;}
.guide-list ul li .guide-cnt h3 { font-size: 30px; line-height: 36px; letter-spacing: 0.8px; color: #1A171B; margin-bottom: 0px;}

.guide-list ul li .guide-cnt ul { row-gap: 10px; margin-top: 0px; display: flex; flex-wrap: wrap; float: left; width: 100%;}
.guide-list ul li .guide-cnt ul li { font-size: 18px; line-height: 24px; letter-spacing: 0.6px; position: relative; padding-left: 20px; flex: 0 1 100%;}
.guide-list ul li .guide-cnt ul li:after { position: absolute; left: 0; top: 8px; background: #1A171B; width: 5px; height: 5px; border-radius: 50px; content: ""; display: block;}
.guide-list ul li .guide-cnt a { background: #ffffff; display: inline-block; width: auto; text-align: center; color: #1A171B; border: 1px solid #1A171B; padding: 0px 50px; height: 52px; line-height: 52px; font-size: 18px;  margin-top: 50px; border-radius: 25px; letter-spacing: 0.8px; font-family: 'Roboto-Bold'; }
.guide-list ul li .guide-cnt a:hover { background: #1A171B; color: #ffffff;} 


/* visita-servicios  */
.servicios-sec { float: left; width: 100%; padding: 100px 0;}
.servicios-list { float: left; width: 100%; }
.servicios-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 4%; row-gap: 70px; }
.servicios-list ul li { flex: 0 1 48%;}
.servicios-list ul li h3 { font-size: 45px; list-style: 40px; color: #1A171B; letter-spacing: 0.55px;}
.servicios-list ul li p { font-size: 18px; color: #1A171B; line-height: 30px; letter-spacing: 0.51px; margin-bottom: 0px;}
.servicios-icon { width: 100%; display: flex; column-gap: 20px; margin-bottom: 25px;}
.horaris-sec .servicios-icon h2 { margin-bottom: 0; font-size: 45px; line-height: 55px; color: #1A171B; letter-spacing: 0.55px; font-family: 'Roboto-Regular';}

/* EXPLORA-COLECCION-FITXA-OBRAS  */
.encella-sec  { float: left; width: 100%; padding: 60px 0 80px;}
.encella-main { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.encella-lft { flex: 0 1 54%;}
.encella-lft img { float: left; width: 100%;}
.encella-rgt { flex: 0 1 38%; }
.encella-rgt h2 { font-size: 55px; line-height: 55px; color: #1A171B; letter-spacing: 1.65px; margin-bottom: 20px; font-family: 'Roboto-Bold';}
.encella-rgt p { font-size: 18px; color: #1A171B; line-height: 28px; letter-spacing: 0.54px; margin-bottom: 25px;}
.encella-rgt ul { display: flex; flex-wrap: wrap; row-gap:8px; position: relative; margin-top: 20px; padding-top: 20px;}
.encella-rgt ul::after { position: absolute; left: 0; top: 0; content: ""; display: block; background: #1A171B; width: 50px; height: 1px;}
.encella-rgt ul li { flex: 0 1 100%; font-size: 18px; color: #1A171B; line-height: 26px; letter-spacing: 0.51px; padding-left: 15px; position: relative; }
.encella-rgt ul li:after { position: absolute; left: 0; top: 10px; background: #1A171B; width: 5px; height: 5px; border-radius: 50px; content: ""; display: block;}

.encella-btn { float: left; width: 100%; margin-top: 40px;}
.encella-btn ul { display: flex; flex-wrap: wrap; column-gap: 10px; margin: 0; padding: 0;}
.encella-btn ul::after { display: none;}
.encella-btn ul li { flex: 0 1 auto; padding: 0;}
.encella-btn ul li::after { display: none;}
.encella-btn ul li a { background: #ffffff; display: inline-flex; align-items: center; column-gap: 10px; width: auto; text-align: center; color: #1A171B; border: 1px solid #1A171B; padding: 0px 30px; height: 50px; line-height: 50px; font-size: 18px;  margin-top: 0px; border-radius: 25px; letter-spacing: 0.5px; font-family: 'Roboto-Medium'; }
.encella-btn ul li a img { width: auto; } 
.encella-btn ul li a:hover { background: #1A171B; color: #ffffff;} 
.encella-btn ul li a:hover img { filter: brightness(0) invert(1);}
.encella-btn ul li.share a { padding: 0; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center;}

.technica-sec { float: left; width: 100%;}
.technica-lft { flex: 0 1 40%;}
.technica-lft h2 { font-size: 45px; line-height: 50px; color: #1A171B; letter-spacing: 1.65px; margin-bottom: 40px; font-family: 'Roboto-Bold'; }
.technica-lft ul { display: flex; flex-wrap: wrap; row-gap:15px; position: relative; margin: 0px; padding: 0px;}
.technica-lft ul li { flex: 0 1 100%; font-size: 18px; color: #1A171B; line-height: 28px; letter-spacing: 0.51px; padding-left: 0px; position: relative; }
.technica-rht { flex: 0 1 56%;}
.technica-rht h2 { font-size: 45px; line-height: 50px; color: #1A171B; letter-spacing: 1.65px; margin-bottom: 40px; font-family: 'Roboto-Bold'; }
.tech-loc-img { flex: 0 1 52%; position: relative; }
.tech-loc-img img { width: 100%; float: left;}
.tech-loc-cnt { flex: 0 1 40%; }
.tech-loc-cnt h3 { font-size: 40px; line-height: 40px; letter-spacing: 1.1px; color: #1A171B;}
.tech-loc-cnt p { font-size: 16px; color: #1A171B; letter-spacing: 0.5px;}


/*EXPLORA-EXPOSICIONES-FITXA*/
.explora-fitxa-sec { float: left; width: 100%; margin: 70px 0; }
.explora-title { float: left; width: 100%; text-align: center; display: flex; flex-wrap: wrap; row-gap: 10px; justify-content: center; margin-bottom: 50px;}
.explora-title h4 { justify-self: center; color: #1A171B; font-size: 16px; line-height: 22px; border: 1px solid #1A171B; text-transform: uppercase; padding: 3px 10px;}
.explora-title h1 { font-family: 'Roboto-Bold';  color: #1A171B; font-size: 55px; line-height: 65px; letter-spacing: 1.35px; width: 100%;}
.explora-title p { font-size: 30px; line-height: 40px; color: #1A171B; letter-spacing: 0.8px; margin-bottom: 10px;} /*new code to be added*/
.explora-title .fixta-date { float: left; width: 100%;}
.explora-title .fixta-date p { font-size: 16px; color: #1A171B; line-height: 24px; display: flex; justify-content: center; align-items: center; letter-spacing: 0.8px;}
.explora-title .fixta-date span.expo-line { width: 46px; height: 1px; background: #1A171B; margin: 0 10px;}

.explora-banner { float: left; width: 100%; padding-bottom: 95px;}
.explora-banner img { float: left; width: 100%;}

.explora-cnt-sec { float: left; width: 100%; padding: 0 50px;}
.explora-main-sec { float: left; width: 100%; display: flex; flex-wrap: wrap;}
.explora-main-sec .explora-main-lft { float: left; width: calc(100% - 440px); padding-right: 35px; border-right: 2px solid #1A171B;}
.explora-para-cnt { float: left; width: 100%; padding: 0 30px;}
.explora-para-cnt h2 { font-family: 'Roboto-Bold';  color: #1A171B; font-size: 45px; line-height: 55px; letter-spacing: 1.35px; width: 100%; margin-bottom: 20px;}

.explora-para-cnt span { float: left; width: 100%;  font-family: 'Roboto-Bold';  color: #1A171B; font-size: 22px; line-height: 32px; letter-spacing: 1.11px; padding-bottom: 25px;} 
.explora-para-cnt p { float: left; width: 100%; color: #1A171B; font-size: 18px; line-height: 30px; letter-spacing: 0.51px; margin-bottom: 25px;}
.explora-para-cnt p:last-child { margin-bottom: 0;}
.explora-inner-img { float: left; width: 100%; margin-top: 50px; padding-bottom: 0px;}
.explora-inner-img img { float: left; width: 100%;}

.explora-inner-img .video-img { float: left; width: 100%;}
.explora-inner-img .videoWrapper { position: relative; width: 100%; height: 0; background-color: #000;}
.explora-inner-img .videoWrapper43 { padding-top: 75%;}
.explora-inner-img .videoWrapper169 { padding-top: 50%;}
.explora-inner-img .videoIframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: transparent;}
.explora-inner-img .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; text-indent: -999em; overflow: hidden; opacity: 1; -webkit-transition: opacity 800ms, height 0s; -moz-transition: opacity 800ms, height 0s; transition: opacity 800ms, height 0s; -webkit-transition-delay: 0s, 0s; -moz-transition-delay: 0s, 0s; transition-delay: 0s, 0s;}
.explora-inner-img .videoPoster:after { content: '';position: absolute; bottom: 110px; left: 110px; width: 112px; height: 112px; background:url(../images/play-button.svg) no-repeat scroll center center; }
.explora-inner-img .videoWrapperActive .videoPoster { opacity: 0; height: 0; -webkit-transition-delay: 0s, 800ms; -moz-transition-delay: 0s, 800ms; transition-delay: 0s, 800ms;}
.explora-inner-img .videoPoster:after { bottom: 50px; left: 50px; width: 75px; height: 75px; background:url(../images/play-icon.svg) no-repeat scroll center center; }

.explora-main-sec .explora-main-rgt { float: left; width: 440px; padding-left: 70px;}
.explora-details-main { float: left; width: 100%;}
.explora-details-main ul { display: flex; flex-wrap: wrap; }
.explora-details-main > ul > li { flex: 0 1 100%; border-bottom: 1px solid #1A171B; padding-bottom: 30px; margin-bottom: 30px;}
.explora-details-main > ul > li:last-child { margin-bottom: 0; padding-bottom: 0; border: none;}
.curso-div { float: left; width: 100%;}
.curso-div h5 { float: left; width: 100%; color: #138634; text-transform: uppercase; font-size: 18px; line-height: 24px; margin-bottom: 20px; letter-spacing: 1px;}
.curso-btn { float: left; width: 100%;}
.curso-btn ul { display: flex; flex-wrap: wrap; column-gap: 20px;}
.curso-btn ul li { flex: 0 1 auto;}
.curso-btn ul li a { display: inline-flex; align-items: center; justify-content: center; background: #D10019; border-radius: 26px; border:1px solid #D10019; height:52px; line-height: 52px; font-family: 'Roboto-Bold';  padding: 0 30px; color: #ffffff; font-size: 18px; letter-spacing: 0.5px; transition: all 0.5s ease;}
.curso-btn ul li a:hover { background: #1A171B; border:1px solid #1A171B;}
.curso-btn ul li:last-child a { padding: 0; background: none; border: none;}
.curso-list { float: left; width: 100%;}
.curso-list ul { display: flex; flex-wrap: wrap; row-gap: 15px;}
.curso-list ul li { flex: 0 1 100%;}
.curso-list ul li a { font-size: 18px; line-height: 28px; color: #1A171B; letter-spacing: 0.5px; display: flex; flex-wrap: wrap; column-gap: 15px; transition: all 0.4s ease;}
.curso-list ul li a img { float: left;}
.curso-list ul li a:hover { color: #D10019;}
.curso-list ul li a:hover img { filter: brightness(0) saturate(90%) invert(14%) sepia(60%) saturate(5696%) hue-rotate(350deg) brightness(92%) contrast(112%); }
.curso-list ul li a:hover span img { filter: none;}
.explora-details-main > ul > li a.circle-share { transition: all 0.4s ease; width: 50px; height: 50px; border: 1px solid #1A171B; display: flex; align-items: center; justify-content: center; border-radius: 50%;}
.explora-details-main > ul > li a.circle-share:hover { background: #D10019; border-color: #D10019;}
.explora-details-main > ul > li a.circle-share:hover img { filter: brightness(0) invert(1);}

.actividade-sec { float: left; width: 100%; overflow-x: hidden; margin: 50px 0 100px 0;}
.actividade-sec h2 { font-family: 'Roboto-Bold';  color: #1A171B; font-size: 35px; line-height: 45px; letter-spacing: 1.35px; padding-bottom: 50px; text-align: center;}
.actividade-slide { float: left; width: 100%; padding-left: calc((100% - 1520px) / 2); position: relative; }
.actividade-slide .swiper { overflow: hidden;}
.act-img { float: left; width: 100%; position: relative; overflow: hidden;}
.act-img::after { position: absolute; content: ""; background: url("../images/circle-bg-hover.svg") no-repeat bottom center; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 342px; height: 75px; opacity: 0; visibility: hidden; transition: all 0.4s ease;}
.act-img img { float: left; width: 100%; }
.act-cnt { float: left; width: 100%; padding-top: 25px; transition: all 0.4s ease;}
.act-cnt span { float: left; width: 100%; color: #1A171B; font-size: 16px; line-height: 24px; letter-spacing: 0.8px; padding-bottom: 15px;}
.act-cnt h3 { float: left; width: 100%; color: #1A171B; font-size: 30px; line-height: 40px; letter-spacing: 0.9px; padding-bottom: 20px; transition: all 0.4s ease;}
.act-cnt p { float: left; width: 100%; color: #1A171B; font-size: 16px; line-height: 24px;}
.actividade-slide .swiper-slide:hover .act-cnt h3 { color: #D10019; }
.actividade-slide .swiper-slide:hover .act-cnt h4 span {max-width: 40px;}
.actividade-slide .swiper-slide:hover .actividades-img::after { opacity: 1; visibility: visible;}

.actividade-sec .swiper-nav-act { position: absolute; top: 40%; width: 100%; display: flex; align-items: center; justify-content: space-between;}
.actividade-sec .swiper-button-prev-act, .actividade-sec .swiper-button-next-act { cursor: pointer; position: absolute; z-index: 1; background:#535154 url("../images/slider-arrow.svg") no-repeat scroll center center; width:64px; height:64px; border-radius:0px; opacity: 1; transition: all 0.4s ease;}
.actividade-sec .swiper-button-prev-act {left:-100px;}
.actividade-sec .swiper-button-next-act {right:calc((100% - 1280px + 10rem) / 2); transform: rotate(180deg);}
.actividade-sec .swiper-pagination-act {position:absolute; left: -80px; bottom: 150px; font-size:16px; color:#8A8D8E; margin: 0; display: block; text-align: left; padding-left: calc((100% - 1240px + 1rem) / 2); width: 100px;}
.actividade-sec .swiper-pagination-act span.swiper-pagination-current { color: #1A171B; font-size:22px;}
.actividade-sec .swiper-pagination-act span.swiper-pagination-total { font-size: 16px;}
.actividade-sec .swiper-button-next-act:hover, .actividade-sec .swiper-button-prev-act:hover { background-color: #D10019;}
.actividade-sec .btn-ctr { margin-top: 80px;}

/* Target your Swiper container */
.actividade-slide .swiper { cursor: default;}
/* Left / Right cursor classes toggled via JS */
.actividade-slide .swiper.cursor-prev, .actividade-slide .swiper.cursor-prev * { cursor: url(../images/scroll.svg) 32 32, pointer;}
.actividade-slide .swiper.cursor-next, .actividade-slide .swiper.cursor-next * { cursor: url(../images/scroll.svg) 32 32, pointer;}

/*EXPLORA-EXPOSICIONES-KUKULA*/
.kukula-sec { float: left; width: 100%; padding: 60px 0 0px;}
.kukula-sec h1 { float: left; width: 100%; text-align: center; margin-bottom: 130px; font-family: 'Roboto-Bold'; color: #1A171B; font-size: 45px; line-height: 55px; letter-spacing: 1.35px;}
.kukula-sec p { float: left; width: 100%; color: #1A171B; font-size: 45px; line-height: 55px; letter-spacing: 0.9px; padding-bottom: 0px;}
.kukula-sec p span {  font-family: 'Roboto-Bold'; }
.kukula-sec .kukula-btn a { display: inline-flex; align-items: center; justify-content: center; background: #ffffff; border-radius: 27px; border:1px solid #1A171B; height:54px;  font-family: 'Roboto-Bold';  padding: 0 40px; color: #1A171B; font-size: 18px; letter-spacing: 0.5px; transition: all 0.5s ease; margin-top: 50px;}
.kukula-sec .kukula-btn a:hover { background: #1A171B; color: #ffffff; }

.kukula-banner { float: left; width: 100%; padding: 0%; margin-top: 130px;}
.kukula-banner img { float: left; width: 100%;}
.kukula-img { float: left; width: 100%;}
.kukula-banner .videoWrapper { position: relative; width: 100%; height: 0; background-color: #000;}
.kukula-banner .videoWrapper43 { padding-top: 75%;}
.kukula-banner .videoWrapper169 { padding-top: 50%;}
.kukula-banner .videoIframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: transparent;}
.kukula-banner .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; text-indent: -999em; overflow: hidden; opacity: 1; -webkit-transition: opacity 800ms, height 0s; -moz-transition: opacity 800ms, height 0s; transition: opacity 800ms, height 0s; -webkit-transition-delay: 0s, 0s; -moz-transition-delay: 0s, 0s; transition-delay: 0s, 0s;}
.kukula-banner .videoPoster:after { content: '';position: absolute; bottom: 110px; left: calc((100% - 1520px) / 2); width: 112px; height: 112px; background:url(../images/play-button.svg) no-repeat scroll center center; }
.kukula-banner.videoWrapperActive .videoPoster { opacity: 0; height: 0; -webkit-transition-delay: 0s, 800ms; -moz-transition-delay: 0s, 800ms; transition-delay: 0s, 800ms;}

.espacio-sec { float: left; width: 100%; padding: 130px 0 80px;}
.espacio-main { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 10%; row-gap: 30px;}
.espacio-main > div { flex: 0 1 48%;}
.espacio-main p { float: left; width: 100%; color: #1A171B; font-size: 18px; line-height: 30px; letter-spacing: 0.51px; padding-bottom: 25px;}
.espacio-main p span { font-family: 'Roboto-Bold'; }
.espacio-main p a { font-family: 'Roboto-Bold';  transition: all 0.4s ease;}
.espacio-main p a:hover { color: #D10019;}
.espacio-main p a.mail-link { text-decoration: underline;}

.vigente-sec { float: left; width: 100%; padding-bottom: 100px;}
.vigente-sec h2 { margin-bottom: 30px; font-family: 'Roboto-Bold'; color: #1A171B; font-size: 45px; line-height: 55px; letter-spacing: 1.35px;}
.vigente-expo { float: left; width: 44%;}
.vigente-expo img { float: left; width: 100%;}
.vigente-info { float: left; width: 100%; margin-top: 20px;}
.vigente-info h3 { color: #1A171B; font-size: 36px; line-height: 46px; position: relative; letter-spacing: 1px; margin-bottom: 10px;}
.vigente-info p { font-size: 16px; color: #1A171B; line-height: 24px; display: flex; align-items: center; letter-spacing: 0.8px;}
.vigente-info span.expo-line { width: 46px; height: 1px; background: #1A171B; margin: 0 10px;}


.audio-pill {width:80%; height:56px; border:1px solid #1A171B; border-radius:50px; display:flex; align-items:center; justify-content:space-between; padding:0 25px; gap:22px; background:#fff; margin-top:60px;}
.audio-left {display:flex; align-items:center; gap:14px; flex:0 0 auto;}
.audio-ico {color:#1c1c1c;}
.audio-title {font-family:'Roboto-Bold'; font-size:18px; color:#1A171B; line-height:1; letter-spacing:0.5px;}
.audio-mid {display:flex; align-items:center; gap:10px; flex:1 1 auto; min-width:220px;}
.audio-btn {width:44px; height:44px; border:none; background:transparent; display:grid; place-items:center; cursor:pointer; color:#1c1c1c; padding:0;}
.audio-time {font-family:'Roboto-Regular'; font-size:18px; letter-spacing:0.5px; color:#1c1c1c; font-variant-numeric:tabular-nums; min-width:66px;}
.audio-range {width:100%; appearance:none; height:2px; border-radius:999px; background:#8B8B8B; outline:none;}
.audio-range::-webkit-slider-thumb {appearance:none; width:14px; height:14px; border-radius:50%; background:#1c1c1c; cursor:pointer;}
.audio-range::-moz-range-thumb {width:14px; height:14px; border-radius:50%; background:#1c1c1c; border:none; cursor:pointer;}
.spotify-sec { float: left; width: 100%; margin: 100px 0 0;}
.spotify-sec p { font-size: 18px; color: #1A171B; line-height: 28px; display: flex; align-items: center; letter-spacing: 0.5px; margin-bottom: 50px;}
.spotify-sec a { display: inline-flex; align-items: center; column-gap: 10px; justify-content: center; background: #ffffff; border-radius: 50px; border:1px solid #1A171B; height:54px;  font-family: 'Roboto-Bold';  padding: 0 20px; color: #1A171B; font-size: 18px; letter-spacing: 0.5px; transition: all 0.5s ease;}
.spotify-sec a img { width: auto;}
.spotify-sec a:hover { background: #1A171B; color: #ffffff; }
.spotify-sec a:hover img { filter: brightness(0) invert(1);}

.visita-colabora-sec.visit-explora .visita-colabora-cnt h3 { padding: 0;}
.visita-colabora-sec.visit-explora .visita-colabora-list { padding: 0 6%;}


/****/
.contacto-div { float: left; width: 100%; padding: 50px 0 0; margin-top: 50px; position: relative; }
.contacto-div::after { position: absolute; left: 0; top: 0; width: 50px; background: #1A171B; width: 50px; height: 1px; content: ""; display: block;}
.contacto-div h4 { font-family: 'Roboto-Bold'; font-size: 18px; line-height: 26px; letter-spacing: 0.5px; margin-bottom: 20px;}
.contacto-div p { font-size: 18px; color: #1A171B; line-height: 28px; }

/**edificio**/
.edificio-sec h1 { margin-bottom: 80px;}
.edificio-sec p { font-size: 35px; line-height: 50px; color: #1A171B; letter-spacing: 1.05px; padding: 0; margin: 0 0 100px 0;}
.edificio-inn { float: left; width: 100%; position: relative;}
.edificio-slider { float: left; width: 100%; position: relative; overflow: hidden;}
.edificio-slider .swiper { overflow: hidden;}
.edificio-img { float: left; width: 100%; position: relative; overflow: hidden;}
.edificio-img img { float: left; width: 100%; }
.edificio-slider .swiper-notification { display: none;}
.edificio-slider .slider-controls { position: absolute; bottom: 50px; right: 50px; width: auto; display: flex; flex-wrap: wrap; align-items: center;}
.edificio-slider .swiper-nav-edifico {  display: flex; align-items: center; justify-content: space-between; column-gap: 20px;}
.edificio-slider .swiper-button-prev-edifico, .edificio-slider .swiper-button-next-edifico { cursor: pointer; position: relative; z-index: 1; background:rgba(0,0,0,0.75) url("../images/slider-arrow.svg") no-repeat scroll center center; width:64px; height:64px; border-radius:0px; opacity: 1; transition: all 0.4s ease;}
.edificio-slider .swiper-button-prev-edifico {left: 0px;}
.edificio-slider .swiper-button-next-edifico {right:0; transform: rotate(180deg);}
.edificio-slider .swiper-pagination-edifico { position:relative; z-index: 1; left: 0px; bottom: auto; font-size:16px; color:#ffffff; margin: 0; display: block; text-align: left; padding-left: 0; width: 70px;}
.edificio-slider .swiper-pagination-edifico span.swiper-pagination-current { color: #ffffff; font-size:22px;}
.edificio-slider .swiper-pagination-edifico span.swiper-pagination-total { font-size: 16px; opacity: 0.6;}
.edificio-slider .swiper-button-next-edifico:hover, .edificio-slider .swiper-button-prev-edifico:hover { background-color: #D10019;}
.slider-info a { transition: all 0.4s ease; position: absolute; left: 50px; bottom: 50px; width: 64px; height: 64px; background: rgba(0,0,0,0.75); display: flex; align-items: center; justify-content: center;}
.slider-info a:hover { background: #D10019;}
.edificio-cnt { float: left; width: 100%; padding: 100px 0 0;}
.edificio-cnt.pb-100 { padding-bottom: 100px;}
.edific-cnt-lft h2 { font-size: 45px; line-height: 55px; color: #1A171B; font-family: 'Roboto-Bold'; letter-spacing: 1.3px; margin-bottom: 20px;}
.edific-cnt-lft { flex: 0 1 38%;}
.edific-cnt-lft p { font-size: 18px; line-height: 26px; color: #1A171B; letter-spacing: 0.5px;}
.edific-cnt-rht { flex: 0 1 56%;}
.edific-cnt-rht p { font-size: 18px; line-height: 26px; color: #1A171B; letter-spacing: 0.5px; margin-bottom: 20px;}
.edific-cnt-rht .more-btn a { color: #D10019;}
.edific-cnt-rht .more-btn a:hover { color: #1A171B;}
.venta-sec { float: left; width: 100%;}
.venta-sec h4 { font-size: 35px; line-height: 45px; color: #1A171B; font-family: 'Roboto-Bold'; letter-spacing: 1.3px; margin-top: 80px; margin-bottom: 40px;}
.edificio-list { float: left; width: 100%; margin-bottom: 80px;}
.edificio-list ul { display: flex; flex-wrap: wrap; justify-content: center; column-gap: 20px;}
.edificio-list ul li { flex: 0 1 auto;}
.edificio-list ul li a { display: inline-flex; align-items: center; justify-content: center; width: 230px; text-align: center; background: #ffffff; border-radius: 27px; border:1px solid #1A171B; height:54px;  font-family: 'Roboto-Regular';  padding: 0 40px; color: #1A171B; font-size: 18px; letter-spacing: 0.5px; transition: all 0.5s ease;}
.edificio-list ul li:first-child a { background: #D10019; color: #ffffff; border-color: #D10019; font-family: 'Roboto-Bold';} 
.edificio-list ul li a:hover { background: #1A171B; color: #ffffff; border-color: #1A171B;}

.conservacion-sec .edificio-slider { margin-top: 100px;}
.conservacion-sec .edificio-slider .swiper-slide .videoWrapper169 { padding-top: 40%;}
.conservacion-sec .edificio-slider .swiper-slide .videoPoster::after { right: 80px; left: auto; bottom: 90px;}
.conservacion-sec .edificio-slider .slider-controls { right: auto; left: 10%; bottom: 90px;}
.conservacion-sec .edificio-slider .edificio-cap { position: absolute; top: 50%; left: 10%; z-index: 1; transform: translateY(-50%);}
.conservacion-sec .edificio-slider .edificio-cap h2 { color: #ffffff; font-size: 55px; line-height: 65px; font-family: 'Roboto-Bold'; letter-spacing: 1.6px;}
.conservacion-sec .edificio-slider .edificio-cap p { color: #ffffff; font-size: 18px; line-height: 24px; }

.video-conservacio { float: left; width: 100%; padding-bottom: 100px; margin-top: 30px;}
.video-conservacio h2 { margin-bottom: 40px; font-family: 'Roboto-Bold'; color: #1A171B; font-size: 45px; line-height: 55px; letter-spacing: 1.35px;}
.video-conservacio p { font-size: 18px; line-height: 28px; letter-spacing: 0.5px; }
.video-slide { float: left; width: 100%; margin-top: 60px; padding-left: calc((100% - 1520px) / 2); overflow: hidden; position: relative;}
.video-slide .swiper { overflow: hidden;}
.video-img-div { float: left; width: 100%; height: 490px;}
.video-img-div .videoWrapper { height: 100%;}
.video-img-div .videoPoster::after { width: 70px; height: 70px; background-size: cover; bottom: auto; left: auto; right: 30px; top: 30px;}
.video-cnt-div { position: absolute; bottom: 30px; padding: 0 20px; width: 100%; display: flex; flex-wrap: wrap; row-gap: 5px; flex-direction: column;}
.video-cnt-div h3 { color: #ffffff; font-size: 30px; line-height: 36px; letter-spacing: 0.9px;}
.video-cnt-div p { font-size: 16px; line-height: 26px; letter-spacing: 0.5px; color: #ffffff;}

.video-conservacio .swiper-nav-video { position: absolute; top: 40%; width: 100%; display: flex; align-items: center; justify-content: space-between;}
.video-conservacio .swiper-button-prev-video, .video-conservacio .swiper-button-next-video { cursor: pointer; position: absolute; z-index: 1; background:rgba(0,0,0,0.75) url("../images/slider-arrow.svg") no-repeat scroll center center; width:64px; height:64px; border-radius:0px; opacity: 1; transition: all 0.4s ease;}
.video-conservacio .swiper-button-prev-video {left:-100px;}
.video-conservacio .swiper-button-next-video {right:calc((100% - 1280px + 10rem) / 2); transform: rotate(180deg);}
.video-conservacio .swiper-pagination-video {position:absolute; left: -80px; bottom: 130px; font-size:16px; color:#8A8D8E; margin: 0; display: block; text-align: left; padding-left: calc((100% - 1240px + 1rem) / 2); width: 100px;}
.video-conservacio .swiper-pagination-video span.swiper-pagination-current { color: #1A171B; font-size:22px;}
.video-conservacio .swiper-pagination-video span.swiper-pagination-total { font-size: 16px;}
.video-conservacio .swiper-button-next-video:hover, .video-conservacio .swiper-button-prev-video:hover { background-color: #D10019;}

.mas-video-sec { float: left; width: 100%; margin-bottom: 100px;}
.mas-video-sec h2 { margin-bottom: 40px; font-family: 'Roboto-Bold'; color: #1A171B; font-size: 45px; line-height: 55px; letter-spacing: 1.35px;}
.mas-video-sec a { display: inline-flex; align-items: center; justify-content: center; background: #ffffff; border-radius: 26px; border:1px solid #1A171B; height:54px;  font-family: 'Roboto-Bold';  padding: 0 40px; color: #1A171B; font-size: 18px; letter-spacing: 0.5px; transition: all 0.5s ease; margin-top: 0px;}
.mas-video-sec a:hover { background: #1A171B; color: #ffffff; }

/* Target your Swiper container */
.video-slide .swiper { cursor: default;}
/* Left / Right cursor classes toggled via JS */
.video-slide .swiper.cursor-prev, .video-slide .swiper.cursor-prev * { cursor: url(../images/scroll.svg) 32 32, pointer;}
.video-slide .swiper.cursor-next, .video-slide .swiper.cursor-next * { cursor: url(../images/scroll.svg) 32 32, pointer;}

/* ----------------------------------------------------------------------- KV css ------------------------------------------------------------------------------------- */

/* accesibilitat css */
.accesibilitat-btn { position: fixed; top: 50%; right: 0px; z-index: 999;}
.accesibilitat-btn img { float: left; width: auto;}

/* breadcrum css */
.breadcrum { float: left; width: 100%; padding: 40px 0;}
.breadcrum ul { float: left; width: 100%; display: flex; flex-wrap: wrap; padding: 0 2%;}
.breadcrum ul li { font-family: 'Roboto-Bold'; flex: 0 1 auto; color: #1A171B; font-size: 15px; line-height: 30px; padding-right: 20px; margin-right: 20px; letter-spacing: 0.42px; position: relative;}
.breadcrum ul li::after { position: absolute; font-family: 'Roboto-Regular'; content: "/"; color: #1A171B; 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: #1A171B; font-size: 15px; line-height: 30px; letter-spacing: 0.42px; transition:all .5s ease;}
.breadcrum ul li a:hover { color: #D10019;}
.breadcrum ul li:last-child:after { content: none;}
.breadcrum.abs-sec ul li::after { color: #FFFFFF;}
.breadcrum.abs-sec ul li { color: #FFFFFF;}
.breadcrum.abs-sec ul li a { color: #FFFFFF;}

.inner-content-sec { float: left; width: 100%; padding: 60px 0 130px;}
.inner-content-sec .actividades-list { padding-bottom: 100px;}
.sec-title { float: left; width: 100%; text-align: center; padding-bottom: 50px;}
.sec-title.pd-btm { padding-bottom: 100px;}
.sec-title h1 { float: left; width: 100%; text-align: center;  font-family: 'Roboto-Bold';  color: #1A171B; font-size: 45px; line-height: 55px; letter-spacing: 1.35px;}

/* actividades css */
.search-box-sec { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 40px; justify-content: center; padding-bottom: 60px;}
.search-srch-bx { float: left; width: auto; position: relative;}
.search-srch-bx input[type="text"] { float: left; width: 498px; border: 1px solid #1A171B; border-radius: 50px; padding: 15px 45px 15px 20px; font-family: 'Roboto-Light'; height: 50px; font-size: 16px; letter-spacing: 0.23px; color: #1A171B;}
.search-srch-bx button.srch-btn { display: inline-flex; flex-wrap: wrap; justify-content: center; position: absolute; right: 5px; top: 4px; cursor: pointer; width: 42px; height: 42px; border: none; float: left; background: none; border-radius: 50px; transition: all .5s ease;}
.search-box-sec p { float: left; width: 100%; text-align: center; color: #1A171B; font-size: 30px; line-height: 50px; letter-spacing: 0.9px; padding: 0 15%;}
.search-box-sec p span {  font-family: 'Roboto-Bold'; }
.search-box-sec p span a { transition: all 0.4s ease; text-decoration: underline;}
.search-box-sec p span a:hover { color: #D10019;}

.filter-box-sec { float: left; width: 100%; padding-bottom: 80px; row-gap: 40px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.filter-box-sec > div { flex: 0 1 100%;}
.filter-bx { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.filter-title a { color: #1A171B; font-size: 18px; line-height: 24px; letter-spacing: 0.5px; padding-left: 25px; background: url("../images/filter-icon.svg") no-repeat scroll left center;}
.filter-title.open-filter a {background: url("../images/filter-close-icon.svg") no-repeat scroll left center;  font-family: 'Roboto-Bold'; }

.view-tab { float: left;width: auto;}
.view-tab ul.tab-list { float: right; width: auto; display: flex; align-items: center; column-gap: 15px; cursor: pointer;}
.view-tab ul.tab-list li {flex: 0 1 auto;}
.view-tab ul.tab-list li span {float: left;width: auto;}
.view-tab ul.tab-list li span.list-list {background: url("../images/list-icon.svg") no-repeat scroll 0 0;width: 23px;height: 18px;  background-size: cover;}
.view-tab ul.tab-list li.current span.list-list {background: url("../images/list-icon-active.svg") no-repeat scroll 0 0; background-size: cover;}
.view-tab ul.tab-list li span.grid-list {background: url("../images/grid-icon.svg") no-repeat scroll 0 0;width: 20px;height: 20px;  background-size: cover;}
.view-tab ul.tab-list li.current span.grid-list {background: url("../images/grid-icon-active.svg") no-repeat scroll 0 0; background-size: cover;}

.banner-comunidad-sec { float: left; width: 100%; padding: 160px 0; background: url("../images/banner-comunidad-bg.jpg"); background-size: cover;}
.banner-comunidad-sec.mg-top { margin-top: 75px;}
.comunidad-title { float: left; width: 100%; text-align: center;}
.comunidad-title h4 { color: #ffffff; text-transform: uppercase; font-size: 20px; line-height: 30px; padding-bottom: 15px;}
.comunidad-title h2 {  font-family: 'Roboto-Bold';  color: #ffffff; font-size: 40px; line-height: 50px; padding-bottom: 100px;}
.comunidad-list { float: left; width: 100%; padding-bottom: 120px;}
.comunidad-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 5%; justify-content: center; row-gap: 30px;}
.comunidad-list ul li { flex: 0 1 15%; display: flex; flex-wrap: wrap; row-gap: 30px;}
.comunidad-img { float: left; width: 100%; text-align: center; display: flex; align-items: center; justify-content: center;}
.comunidad-img img { float: none; width: auto;}
.comunidad-title { float: left; width: 100%; text-align: center;}
.comunidad-title h3 { float: left; width: 100%; color: #ffffff; font-size: 20px; line-height: 28px;}
a.haz-btn { display: inline-flex; align-items: center; justify-content: center; background: #727576; border-radius: 27px; border:none; height:54px;  font-family: 'Roboto-Bold';  padding: 0 30px; color: #ffffff; font-size: 18px; letter-spacing: 0.5px; transition: all 0.5s ease;}
a.haz-btn:hover { background: #D10019; color: #ffffff; }

/* museo newsletter css */
.museo-newsletter-sec { float: left; width: 100%;}
.museo-newsletter-main { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 30px;}
.museo-newsletter-lft { width: 37%;}
.museo-newsletter-rgt { width: calc(100% - 37%); padding-left: 80px; display: flex; align-items: flex-end;}
.museo-newsletter-lft h2 { float: left; width: 100%;  font-family: 'Roboto-Bold';  color: #1A171B; font-size: 45px; line-height: 55px; letter-spacing: 1.35px; padding-bottom: 70px;}
.museo-newsletter-lft p { float: left; width: 100%; color: #1A171B; font-size: 16px; line-height: 26px; letter-spacing: 0.45px; padding-bottom: 40px;}
.museo-newsletter-lft p a {  font-family: 'Roboto-Bold';  transition: all 0.4s ease;}
.museo-newsletter-lft p a:hover { color: #D10019;}

.form-box .frm-input { float: left; width: 100%; margin-bottom: 15px; position: relative;}
.form-box .frm-input .floating-label-group { float: left; width: 100%; position: relative;}
.form-box input[type="text"],.form-box input[type="email"], .form-box textarea { width:100%; color:#1A171B; padding: 0 25px; height: 70px; border: 1px solid #1A171B; font-size:16px; transition: all .5s ease; background:none; border-radius: 0; font-family: 'Roboto-Regular';}
.form-box textarea {resize:none;height:190px;padding: 20px 25px;}
.form-box input[type="text"]:focus,.form-box input[type="email"]:focus, .form-box textarea:focus { border: 1px solid #1A171B; transition: all 0.4s ease;}
.form-chk-sec { float: left; width: 100%; padding-top: 20px;}
.form-chk-sec h4 { float: left; width: 100%; color: #1A171B; font-size: 18px; line-height: 30px; letter-spacing: 0.51px; padding-bottom: 20px;}
.form-box .form-chk-sec .frm-input.checkbox label { font-size: 22px;}
.form-box .frm-input.frm-input.check-box { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 15px;} 
.form-box .frm-input.checkbox { float: left; width: 100%; margin-bottom: 0;}
.form-box .frm-input.checkbox:last-child { margin-bottom: 0;}
.form-box .frm-input.checkbox input {height: 1px; left: 0;position: absolute; top: 0; visibility: hidden; width: 1px;}
.form-box .frm-input.checkbox a {  font-family: 'Roboto-Bold';  text-decoration: underline;transition: all 0.3s ease; }
.form-box .frm-input.checkbox a:hover{color: #D10019;}
.form-box .frm-input.checkbox label {cursor: pointer; font-size: 14px; padding-left: 40px; position: relative; float: left; width: auto; line-height:24px; margin-bottom:0px; text-align:left;letter-spacing: 0.62px;color: #1A171B;}
.form-box .frm-input.checkbox label::before { background: none; content: ""; height: 22px; left: 0; position: absolute; top: 1px; transition: all 0.3s ease-in-out 0s; width: 22px;}
.form-box .frm-input.checkbox label::after { background: transparent none repeat scroll 0 0; border: 1px solid #333; content: "";height: 22px;left: 0; position: absolute; top: 1px; width: 22px;}
.form-box .frm-input.checkbox input:checked + label::before {background: #1A171B; }
.form-box .frm-input.checkbox input:checked + label::after {border:none;}
.form-box .frm-input.checkbox:last-child label { padding-bottom: 0;}
.form-box .frm-input:last-child { margin-bottom: 0;}
.captcha-sec { float: left; width: 100%; padding: 50px 0 40px;}
.captcha-sec img { float: left; width: auto;}
.chk-sub-btn { float: left; width: 100%; display: flex; justify-content: space-between; align-items: center; margin-top: 10px; column-gap: 50px;}
.form-box button.env-btn {  background: none; color: #1A171B; cursor: pointer;  font-family: 'Roboto-Bold';  margin: 0; border-radius: 27px; border: 1px solid #1A171B; font-size: 18px; letter-spacing: 0.5px; display: inline-flex; align-items: center; justify-content: center; padding: 0 65px; height: 54px; transition: all 0.4s ease;}
.form-box button.env-btn:hover { background: #1A171B; color: #ffffff;}
::-webkit-input-placeholder { color:#1A171B;}
:-moz-placeholder { color:#1A171B; opacity:  1;}
::-moz-placeholder { color:#1A171B; opacity:  1;}
:-ms-input-placeholder {  color:#1A171B;}
::-ms-input-placeholder { color: #1A171B;}
::placeholder { color: #1A171B;}

.publicaciones-list { float: left; width: 100%;}
.publicaciones-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 90px; column-gap: 6%;}
.publicaciones-list ul li { flex: 0 1 29.33%;}
.publicaciones-main { float: left; width: 100%;}
.publicaciones-img { float: left; width: 100%; position: relative; overflow: hidden;}
.publicaciones-img img { float: left; width: 100%;transition: all 0.4s ease;}
.publicaciones-cnt { float: left; width: 100%; padding-top: 25px; transition: all 0.4s ease;}
.publicaciones-cnt h3 { float: left; width: 100%; color: #1A171B; font-size: 30px; line-height: 40px; letter-spacing: 0.9px; padding-bottom: 30px; padding-right: 50px; transition: all 0.4s ease;}
.publicaciones-cnt p { float: left; width: 100%;  font-family: 'Roboto-Light';  color: #1A171B; font-size: 16px; line-height: 24px; letter-spacing: 0.8px; padding-bottom: 30px;}
.publicaciones-main:hover .publicaciones-cnt h3 { color: #D10019;}
.publicaciones-main:hover .publicaciones-img img { transform: scale(1.04);}
.publicaciones-cnt span { display: inline-flex; align-items: center; justify-content: center; background: #ffffff; border-radius: 27px; border:1px solid #1A171B; height:54px;  font-family: 'Roboto-Bold';  padding: 0 60px; color: #1A171B; font-size: 18px; letter-spacing: 0.5px; transition: all 0.5s ease;}
.publicaciones-cnt span:hover, .publicaciones-main:hover .publicaciones-cnt span { background: #D10019; border:1px solid #D10019; color: #ffffff; }
.publicaciones-list .btn-ctr { padding-top: 100px;}
a.pub-btn { padding: 0 60px;}

.order-select { float: left; width: auto;}
.order-select .nice-select span:hover { color: #1A171B;}
.order-select .nice-select:active, .order-select .nice-select.open, .order-select .nice-select:focus { border-color: #1A171B;}
.order-select .select_box_input{ justify-content: left; background:none; width:100%; min-width: auto; padding:0px 35px 0px 0;border: none;border: none; border-radius: 0px; color: #4D4E4C; height:32px; line-height:30px; border-radius: 16px; font-size:16px; letter-spacing: 0.1px; font-family: 'Roboto-Regular';}
.order-select .select_box_input.open { color:#1A171B;}
.order-select .nice-select::after { border-bottom: 1px solid #4D4E4C; border-right: 1px solid #1A171B; right: 15px;}
.order-select .nice-select.open::after {border-bottom: 1px solid #1A171B;border-right: 1px solid #1A171B;}
.order-select .nice-select .list { width: auto; row-gap: inherit;}
.order-select .nice-select .list li { width: 100% !important; margin: 0px 0px; font-family: 'Roboto-Regular'; font-size:14px; padding:2px 12px !important; color: #000;}
.order-select .nice-select .option:hover { color: #fff; background: #1A171B;}
.order-select .nice-select:hover::after { border-bottom: 2px solid #1A171B;border-right: 2px solid #1A171B;}

.filters { float: left; width: 100%; display: none; flex-wrap: wrap; row-gap: 20px; column-gap: 1.5%;}
.filters.open-filter { display: inline-flex;}
.nice-select .ns-list { display: none; }
.nice-select.is-open .ns-list { display: block; opacity: 1; visibility: visible;}
.filters > div { flex:0 1 23.87%;}
.filters .nice-select { padding-right: 0;}
.filters .nice-select::after { content: none;}
.nice-select {position:relative;}
.ns-btn {width:100%; height:70px; display:flex; align-items:center; justify-content:space-between; padding:0 22px; background:#fff; border:1px solid #1A171B; cursor:pointer;  color:#222;}
.ns-text { color: #1A171B; font-size: 18px; letter-spacing: 0.51px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ns-plus {position:relative; width:22px; height:22px; flex:0 0 22px;}
.ns-plus::before, .ns-plus::after {content:""; position:absolute; left:50%; top:50%; background:#1A171B; transform:translate(-50%,-50%); transition:transform .18s ease;}
.ns-plus::before {width:18px; height:1px;}
.ns-plus::after {width:1px; height:18px;}
.ns-list {position:absolute; left:0; right:0; top:calc(100% + 5px); z-index:50; margin:0; padding:0; list-style:none; background:#fff; border:1px solid #1A171B; max-height:260px; overflow:auto; opacity:0; visibility:hidden; transform:translateY(-6px); transition:opacity .16s ease, transform .16s ease, visibility .16s;}
.ns-option { padding:12px 18px; cursor:pointer; color: #1A171B; font-size: 14px; line-height: 20px;}
.ns-option:hover {background:#1A171B; color: #ffffff;}
.nice-select.open .ns-list {opacity:1; visibility:visible; transform:translateY(0);}
.nice-select.open .ns-plus::before {transform:translate(-50%,-50%) rotate(45deg);}
.nice-select.open .ns-plus::after {transform:translate(-50%,-50%) rotate(45deg);}

.imprescindibles-list { float: left; width: 100%; background: rgba(239, 239, 239, 0.50); padding: 130px 0 0;}
.imprescindibles-list ul { list-style: none; column-count: 3; column-gap: 70px;}
.imprescindibles-list ul li { break-inside: avoid; -webkit-column-break-inside: avoid;}
.imprescindibles-main { float: left; width: 100%; margin-bottom: 100px;}
.imprescindibles-img { float: left; width: 100%; position: relative; overflow: hidden;}
.imprescindibles-img img { float: left; width: 100%; transition: all 0.4s ease;}
.imprescindibles-cnt { float: left; width: 100%; padding-top: 25px; transition: all 0.4s ease;}
.imprescindibles-cnt h3 { float: left; width: 100%; color: #1A171B; font-size: 30px; line-height: 40px; letter-spacing: 0.9px; padding-bottom: 10px; transition: all 0.4s ease;}
.imprescindibles-cnt h5 { float: left; width: 100%; color: #1A171B; font-size: 16px; line-height: 24px; padding-bottom: 20px;}
.imprescindibles-cnt h4 { display: flex; flex-wrap: wrap; column-gap: 10px; float: left; width: 100%; color: #1A171B; font-size: 16px; line-height: 24px; letter-spacing: 0.8px; transition: all 0.4s ease;}
.imprescindibles-cnt h4 span img { width: auto; transition: all 0.4s ease;}
.imprescindibles-main:hover .imprescindibles-cnt h3 { color: #D10019;}
.imprescindibles-main:hover .imprescindibles-img img { transform: scale(1.04);}
.imprescindibles-main:hover .imprescindibles-cnt h4 { color: #D10019;}
.imprescindibles-main:hover .imprescindibles-cnt h4 span img { filter: brightness(0) saturate(100%) invert(16%) sepia(88%) saturate(4168%) hue-rotate(344deg) brightness(78%) contrast(116%);}

.btn-ctr.mos-btn { padding-top: 70px;}
.pd-btm-none { padding-bottom: 0;}
.banner-comunidad-sec.obras-bg {background: url("../images/banner-obras-bg.jpg");}
.sec-para-cnt { float: left; width: calc(100% - 30%); padding: 80px 0 120px;}
.sec-para-cnt p { float: left; width: 100%; color: #1A171B; font-size: 45px; line-height: 55px; letter-spacing: 0.9px; padding-bottom: 50px;}
.sec-para-cnt p span {  font-family: 'Roboto-Bold'; }
.exp-btn a { display: inline-flex; align-items: center; justify-content: center; background: #ffffff; border-radius: 27px; border:1px solid #1A171B; height:54px;  font-family: 'Roboto-Bold';  padding: 0 40px; color: #1A171B; font-size: 18px; letter-spacing: 0.5px; transition: all 0.5s ease;}
.exp-btn a:hover { background: #1A171B; color: #ffffff; }

.before-coming-sec { float: left; width: 100%; position: relative; margin-top: 75px;}
.before-coming-sec img { float: right; width: 60%;}
.before-coming-cnt { position: absolute; background: #fff; top: 50%; transform: translateY(-50%); left: calc((100% - 1280px + 1rem) / 2); padding: 85px 85px 85px 0; width: 100%; width: 550px;}
.before-coming-cnt h2 { float: left; width: 100%; font-family: 'Roboto-Bold';  color: #1A171B; font-size: 45px; line-height: 50px; letter-spacing: 1.35px; padding-bottom: 40px;}
.before-coming-cnt ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 25px;}
.before-coming-cnt ul li { flex: 0 1 100%;}
.before-coming-cnt ul li a { color: #1A171B; font-size: 30px; line-height: 40px; letter-spacing: 0.9px; transition: all 0.4s ease;}
.before-coming-cnt ul li a:hover { color: #D10019;}

.coleccion-list { float: left; width: 100%; background: rgba(239, 239, 239, 0.50); padding: 140px 0;}
.coleccion-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 40px; column-gap: 6%;}
.coleccion-list ul li { flex: 0 1 29.33%;}
.coleccion-list ul li:nth-child(3n + 2) { margin-top: 40px;}
.coleccion-main { float: left; width: 100%;}
.coleccion-img { float: left; width: 100%; position: relative; overflow: hidden;}
.coleccion-img img { float: left; width: 100%; transition: all 0.4s ease;}
.coleccion-cnt { float: left; width: 100%; padding-top: 25px; transition: all 0.4s ease;}
.coleccion-cnt h3 { float: left; width: 100%; color: #1A171B; font-size: 30px; line-height: 40px; letter-spacing: 0.9px; transition: all 0.4s ease;}
.coleccion-cnt h5 { float: left; width: 100%; color: #1A171B; font-size: 16px; line-height: 24px; padding-bottom: 20px;}
.coleccion-main:hover .coleccion-cnt h3 { color: #D10019;}
.coleccion-main:hover .coleccion-img img { transform: scale(1.04);}

.actividades-sec.no-bg { background: none; padding-bottom: 80px;}
.tab-box-sec { float: left; width: 100%; padding: 20px 0 60px;}
.tab-box-sec ul { float: left; width: 100%; display: flex; justify-content: center; column-gap: 20px;}
.tab-box-sec ul li { flex: 0 1 auto;}
.tab-box-sec ul li a { display: inline-flex; align-items: center; justify-content: center; background: #ffffff; border-radius: 27px; border:1px solid #1A171B; height:54px;  font-family: 'Roboto-Regular';  padding: 0 60px; color: #1A171B; font-size: 18px; letter-spacing: 0.5px; transition: all 0.5s ease;}
.tab-box-sec ul li a:hover { background: #1A171B; color: #ffffff; }
.tab-box-sec ul li a.active { background: #D10019; color: #ffffff; border:1px solid #D10019;}

.exposiciones-list { float: left; width: 100%; background: rgba(239, 239, 239, 0.50); padding: 120px 0 80px;}
.exposiciones-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 8%; row-gap: 85px;}
.exposiciones-list ul li { flex: 0 1 46%;}
.exposiciones-main { float: left; width: 100%;}
.exposiciones-img { float: left; width: 100%; position: relative; overflow: hidden;}
.exposiciones-img img { float: left; width: 100%; transition: all 0.4s ease;}
.exposiciones-cnt { float: left; width: 100%; padding-top: 25px; transition: all 0.4s ease;}
.exposiciones-cnt h3 { float: left; width: 100%; color: #1A171B; font-size: 30px; line-height: 40px; letter-spacing: 0.9px; padding-bottom: 30px; transition: all 0.4s ease;}
.exposiciones-cnt .expo-date { float: left; width: 100%; display: flex; align-items: center; column-gap: 80px;}
.exposiciones-cnt .expo-date p { color: #1A171B; font-size: 16px; letter-spacing: 0.8px; position: relative;}
.exposiciones-cnt .expo-date p::after { position: absolute; content: ""; background: #1A171B; right: -65px; top: 50%; transform: translateY(-50%); width: 50px; height: 1px;}
.exposiciones-cnt .expo-date p:last-child:after { content: none;}
.exposiciones-main:hover .exposiciones-cnt h3 { color: #D10019;}
.exposiciones-main:hover .exposiciones-img img { transform: scale(1.04);}
.exposiciones-list .btn-ctr { padding-top: 120px;}

.fullwidth-banner { float: left; width: 100%; padding: 0 2%;}
.fullwidth-banner > img { float: left; width: 100%;}

.biblioteca-sec { float: left; width: 100%; padding: 130px 0 65px;}
.biblioteca-main { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 10%; row-gap: 30px;}
.biblioteca-main > div { flex: 0 1 45%;}
.biblioteca-main h2 { float: left; width: 100%;  font-family: 'Roboto-Bold';  color: #1A171B; font-size: 45px; line-height: 55px; letter-spacing: 1.35px; padding-bottom: 45px;}
.biblioteca-main h3 { float: left; width: 100%;  font-family: 'Roboto-Bold';  color: #1A171B; font-size: 22px; line-height: 30px; letter-spacing: 1.11px; padding-bottom: 25px;}
.biblioteca-main p { float: left; width: 100%; color: #1A171B; font-size: 18px; line-height: 30px; letter-spacing: 0.51px; padding-bottom: 25px;}
.biblioteca-main p:last-child { padding-bottom: 0;}
.biblioteca-main p a {  font-family: 'Roboto-Bold';  transition: all 0.4s ease;}
.biblioteca-main p a:hover { color: #D10019;}
.biblioteca-main p a.mail-link { text-decoration: underline;}
.biblioteca-main .accordion-content p:last-child {padding-bottom: 0;}

.formulario-sec { float: left; width: 100%; padding: 65px 0 130px;}
.formulario-sec h2 { float: left; width: 100%;  font-family: 'Roboto-Bold';  color: #1A171B; font-size: 35px; line-height: 45px; letter-spacing: 1.35px; padding-bottom: 50px;}
.formulario-main { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 10%; row-gap: 10px;}
.formulario-main > div { flex: 0 1 30%;}
.formulario-main > div:last-child { flex: 0 1 60%;}
.formulario-main p { float: left; width: 100%; color: #1A171B; font-size: 18px; line-height: 30px; letter-spacing: 0.51px; padding-bottom: 25px;}

.investigacion-sec { float: left; width: 100%; padding: 130px 0;}
.investigacion-para { float: left; width: 100%; padding-right: 50%;}
.investigacion-para p { float: left; width: 100%; color: #1A171B; font-size: 18px; line-height: 30px; letter-spacing: 0.51px; padding-bottom: 25px;}
.more-btn a { font-family: 'Roboto-Bold'; color: #1A171B; font-size: 18px; line-height: 30px; letter-spacing: 0.51px; text-decoration: underline;}
.more-btn a:hover { color: #D10019;}

.fullwidth-left-image { float: left; width: 100%;}
.fullwidth-left-image img { float: left; width: 55%;}
.fullwidth-lft-cnt { float: left; width: 100%; padding-top: 20px;}
.fullwidth-left-image p { float: left; width: 100%; }

.galeria-sec { float: left; width: 100%; padding-left: calc((100% - 1280px + 1rem) / 2); overflow: hidden; position: relative;}
.galeria-sec h2 { float: left; width: 100%; padding-left: 150px;  font-family: 'Roboto-Bold';  color: #1A171B; font-size: 35px; line-height: 45px; letter-spacing: 1.35px; padding-bottom: 50px;}
.gallery-slide { float: left; width: 100%;}
.gallery-swiper { float: left; width: 100%; position:relative; padding-bottom: 30px; overflow: hidden;}
.galeria-sec .swiper-slide { width: auto !important; height:420px; overflow:hidden;}
.galeria-sec .swiper-slide img { width:auto; height:100%; object-fit:cover; display:block;}
.galeria-sec .swiper-nav-gallery { position: absolute; top: 55%; width: 100%; display: flex; align-items: center; justify-content: space-between;}
.galeria-sec .swiper-button-prev-gallery, .galeria-sec .swiper-button-next-gallery { cursor: pointer; position: absolute; z-index: 1; background:#535154 url("../images/slider-arrow.svg") no-repeat scroll center center; width:64px; height:64px; border-radius:0px; opacity: 1;}
.galeria-sec .swiper-button-prev-gallery {left:-100px;}
.galeria-sec .swiper-button-next-gallery {right:calc((100% - 1280px + 10rem) / 2); transform: rotate(180deg);}
.galeria-sec .swiper-pagination-gallery {position:absolute; left: -100px; bottom: 50px; font-size:16px; color:#8A8D8E; margin: 0; display: block; text-align: left; padding-left: calc((100% - 1240px + 1rem) / 2); width: 100px;}
.galeria-sec .swiper-pagination-gallery span.swiper-pagination-current { color: #1A171B; font-size:22px;}
.galeria-sec .swiper-pagination-gallery span.swiper-pagination-total { font-size: 16px;}
.galeria-sec .swiper-button-next-gallery:hover, .galeria-sec .swiper-button-prev-gallery:hover { opacity: 1;}

.galeria-sec .gallery-item {position:relative; height:100%; display:inline-block;}
.galeria-sec .gallery-item img {width:auto; height:100%; object-fit:cover; display:block;}
.galeria-sec .gallery-item::after {content:""; position:absolute; inset:0; background:rgba(0,0,0,0.40); opacity:0; transition:all .4s ease; pointer-events:none;}
.galeria-sec .gallery-item:hover::after {opacity:1;}
.galeria-sec .gallery-zoom {position:absolute; left:0; right: 0; margin: 0 auto; bottom:0; z-index:2; width:115px; height:115px; border:0; border-radius:75px 75px 0 0; background:rgba(255, 255, 255, 0.95); color:#111; display:grid; place-items:center; opacity:0; pointer-events:none; transition:opacity .2s ease, transform .2s ease; cursor:pointer;}
.galeria-sec .gallery-zoom span { background: url("../images/zoom-icon.svg") no-repeat center center; width: 75px; height: 75px;}
.galeria-sec .gallery-item:hover .gallery-zoom {opacity:1; pointer-events:auto;}

.sec-para-cnt.title-cnt { width: calc(100% - 40%);}
.sec-para-cnt.title-cnt h2 { float: left; width: 100%; color: #1A171B;  font-size: 32px; line-height: 42px; letter-spacing: 1.35px;}

.publicaciones-fixta-sec { float: left; width: 100%; padding-bottom: 100px;}
.publicaciones-fixta-main { float: left; width: 100%; display: flex; flex-wrap: wrap;}
.publicaciones-fixta-main > div { flex: 0 1 50%;}
.publicaciones-fixta-lft { float: left; width: 100%; padding-left: calc((100% - 1200px + 1rem) / 2);}
.publicaciones-fixta-rgt { float: left; width: 100%; display: flex; position: relative;}
.publicaciones-fixta-rgt > img { float: left; width: 100%; height: 100%; object-fit: cover;}
.publicaciones-fixta-cnt { float: left; width: 100%; padding: 120px 150px 120px 0;}
.publicaciones-fixta-cnt h2 { float: left; width: 100%; color: #1A171B; font-size: 45px; line-height: 55px; letter-spacing: 1.35px; padding-bottom: 50px;}
.publicaciones-fixta-cnt ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 40px;}
.publicaciones-fixta-cnt ul li { flex: 0 1 100%; color: #1A171B; font-size: 18px; line-height: 30px; letter-spacing: 0.51px;}
.publicaciones-fixta-cnt ul li span {  font-family: 'Roboto-Bold'; }
.close-fixta { cursor: pointer; position: absolute; right: 100px; top: 100px; background: rgba(26, 23, 27, 0.75); width: 75px; height: 75px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.close-fixta img { float: left; width: auto;}
.info-fixta { cursor: pointer; position: absolute; right: 100px; bottom: 100px; background: rgba(26, 23, 27, 0.75); width: 75px; height: 75px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.info-fixta img { float: left; width: auto;}
.cart-fixta { float: left; width: 100%; padding-top: 70px;}
.cart-fixta h3 { float: left; width: 100%; padding-left: 25px; background: url("../images/price-icon.svg") no-repeat left center;  font-family: 'Roboto-Bold';  color: #1A171B; font-size: 30px; line-height: 40px; letter-spacing: 0.85px;}
.comp-fixta { float: left; width: 100%; padding-top: 70px;}
a.comp-btn { display: inline-flex; align-items: center; justify-content: center; column-gap: 10px;  font-family: 'Roboto-Bold';  height: 54px; border-radius: 27px; padding: 0 30px; background: #D10019; color: #ffffff; font-size: 18px; letter-spacing: 0.5px; transition: all 0.4s ease;}
a.comp-btn:hover { background: #1A171B;}
a.comp-btn span img { float: left; width: auto;}
.close-fixta:hover {background: #D10019; transition: all 0.4s ease;}
.info-fixta:hover {background: #D10019; transition: all 0.4s ease;}

.otras-sec { float: left; width: 100%;}
.actividades-sec.otras-sec h2 { text-align: left; padding-left: 80px;}
.otras-sec .actividades-list ul li:nth-child(3n+2) { margin-top: 0px;}
.inner-cnt-title { float: left; width: 100%; padding: 0 15%; display: flex; flex-wrap: wrap; justify-content: center; row-gap: 20px; margin-bottom: 70px;} 
.inner-cnt-title h4 { float: left; width: auto; color: #1A171B; font-size: 16px; line-height: 22px; border: 1px solid #1A171B; text-transform: uppercase; padding: 3px 10px;}
.inner-cnt-title .fixta-date { float: left; width: 100%; display: flex; align-items: center; column-gap: 80px; justify-content: center;}
.inner-cnt-title .fixta-date p { color: #1A171B; font-size: 16px; letter-spacing: 0.8px; position: relative;}
.inner-cnt-title .fixta-date p::after { position: absolute; content: ""; background: #1A171B; right: -65px; top: 50%; transform: translateY(-50%); width: 50px; height: 1px;}
.inner-cnt-title .fixta-date p:last-child:after { content: none;}
.visita-banner { float: left; width: 100%; padding-bottom: 95px;}
.visita-banner img { float: left; width: 100%;}
.visita-cnt-sec { float: left; width: 100%; padding: 0 50px;}
.visita-main-sec { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 30px;}
.visita-main-sec .visita-main-lft { float: left; width: calc(100% - 440px); padding-right: 35px; border-right: 2px solid #1A171B;}
.visita-main-sec .visita-main-rgt { float: left; width: 440px; padding-left: 70px;}
.visita-para-cnt { float: left; width: 100%; padding: 0 30px;}
.visita-para-cnt h3 { float: left; width: 100%;  font-family: 'Roboto-Bold';  color: #1A171B; font-size: 22px; line-height: 30px; letter-spacing: 1.11px; padding-bottom: 25px;} 
.visita-para-cnt p { float: left; width: 100%; color: #1A171B; font-size: 18px; line-height: 30px; letter-spacing: 0.51px; padding-bottom: 25px;}
.visita-inner-img { float: left; width: 100%; padding-bottom: 75px;}
.visita-inner-img img { float: left; width: 100%;}
.visita-pdf-cnt { float: left; width: 100%; padding: 0 30px;}
.visita-pdf-cnt h4 { float: left; width: 100%; color: #1A171B; font-size: 30px; line-height: 40px; letter-spacing: 0.85px; padding-bottom: 30px;}
.visita-pdf-cnt p { float: left; width: 100%; color: #1A171B; font-size: 18px; line-height: 30px; letter-spacing: 0.51px; padding-bottom: 25px;} 
.visita-pdf-cnt p:last-child { padding-bottom: 0;}
.file-pdf-list { float: left; width: 100%; }
.file-pdf-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 10px;}
.file-pdf-list ul li { flex: 0 1 100%; padding: 0;}
.file-pdf-list ul li::after { display: none;}
.file-card { float: left; width: 100%;}
.file-card a { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; border: 1px solid #1A171B; row-gap: 15px; column-gap: 30px; padding: 15px 25px;}
.file-card-title { display: flex; align-items: center; column-gap: 25px;}
.file-icon img { display: block;}
.file-title { font-family: "Roboto-Bold"; color: #1A171B; font-size: 18px; line-height: 24px; letter-spacing: 0.51px;}
.file-title b { color: #727576; font-family: "Roboto-Regular"; font-weight: normal; font-size: 16px;}
.file-meta { color: #727576; }
.file-card a:hover { background: #1A171B; color: #ffffff;}
.file-card a:hover .file-title, .file-card a:hover .file-title b, .file-card a:hover .file-meta { color: #ffffff;}
.file-card a:hover .file-icon img { filter: brightness(0) invert(1);} 

.visita-details-main { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 40px;}
.visita-details-main > div { flex: 0 1 100%; padding-bottom: 40px; border-bottom: 1px solid #1A171B;}
.visita-details-main > div:last-child { padding-bottom: 0; border-bottom: none;}
.visita-details-main h5 { float: left; width: 100%; color: #138634; text-transform: uppercase; font-size: 18px; line-height: 24px; padding-bottom: 10px;}
.res-cal-btn { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 15px;}
.res-cal-btn > div { flex: 0 1 auto;}
a.res-btn { display: inline-flex; align-items: center; justify-content: center; background: #D10019; border-radius: 27px; border:1px solid #D10019; height:54px;  font-family: 'Roboto-Bold';  padding: 0 30px; color: #ffffff; font-size: 18px; letter-spacing: 0.5px; transition: all 0.5s ease;}
a.res-btn:hover { background: #1A171B; border:1px solid #1A171B;}
.sala-btn a { display: inline-flex; align-items: center; column-gap: 10px; padding-right: 20px; background: url("../images/top-arrow-grey.svg") no-repeat scroll right center; transition: all 0.5s ease;}
.sala-btn a:hover { opacity: 0.7;}
.visita-date { float: left; width: 100%; display: flex; align-items: center; column-gap: 100px; padding-bottom: 20px;}
.visita-date span { color: #1A171B; font-size: 16px; letter-spacing: 0.8px; position: relative; padding-bottom: 0;}
.visita-date span::after { position: absolute; content: ""; background: #1A171B; right: -70px; top: 50%; transform: translateY(-50%); width: 50px; height: 1px;}
.visita-date span:last-child:after { content: none;}
.visita-details-main p { float: left; width: 100%; color: #1A171B; font-size: 16px; line-height: 28px; letter-spacing: 0.51px; padding-bottom: 30px;}
.visita-details-main p:last-child { padding-bottom: 0;}
a.share-btn { float: left; width: auto;}
a.share-btn img { transition: all 0.4s ease;}
a.share-btn img:hover { filter: brightness(0) saturate(100%) invert(16%) sepia(88%) saturate(4168%) hue-rotate(344deg) brightness(78%) contrast(116%);}

.proyectos-sec { float: left; width: 100%; padding: 50px 0 100px;}
.proyectos-sec h2 { float: left; width: 100%;  font-family: 'Roboto-Bold';  color: #1A171B; font-size: 35px; line-height: 45px; letter-spacing: 1.35px; padding-bottom: 50px;}
.proyectos-list { float: left; width: 100%; }
.proyectos-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 50px;}
.proyectos-list ul li { flex: 0 1 100%;}
.proyectos-main { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; row-gap: 30px;}
.proyectos-main .proyectos-lft { flex: 0 1 425px;}
.proyectos-main .proyectos-rgt { flex: 0 1 calc(100% - 425px); padding-left: 120px; padding-right: 250px; position: relative;}
.proyectos-lft img { float: left; width: 100%;}
.proyectos-rgt h3 { float: left; width: 100%; color: #1A171B; font-size: 28px; line-height: 38px; padding-bottom: 20px;}
.proyectos-rgt p { float: left; width: 100%; color: #1A171B; font-size: 16px; line-height: 26px;}
.proyectos-tags { float: left; width: 100%; padding: 30px 0 20px;}
.proyectos-tags h5 { float: left; width: 100%; color: #1A171B; font-size: 16px; line-height: 26px;}
.time-ico { position: absolute; top: 0; right: 0; color: #1A171B; font-size: 16px; line-height: 26px; display: inline-flex; align-items: center; column-gap: 10px;}
.time-ico span img { float: left; width: auto;}
.key-tags { float: left; width: 100%; display: flex; align-items: center; flex-wrap: wrap; column-gap: 30px;}
.key-tags > div { flex: 0 1 auto; position: relative;}
.key-tags > div:after { position: absolute; content: ""; top: 50%; right: -15px; background: #1A171B; width: 1px; height: 12px; transform: translateY(-50%);}
.key-tags > div:last-child:after { content: none;}
.key-tags h4 { color: #1A171B; font-size: 16px; line-height: 26px;}

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

.biblioteca-list { float: left; width: 100%; padding-top: 30px;}
.biblioteca-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 20px;}
.biblioteca-list ul li { flex: 0 1 100%; position: relative; padding-left: 35px;}
.biblioteca-list ul li::after { position: absolute; content: ""; top: 12px; left: 0; background: #1A171B; width: 5px; height: 5px; border-radius: 15px;}
.biblioteca-list ul li p { font-size: 24px; line-height: 32px; padding-bottom: 0;}
.biblioteca-list ul li p span { display: block; color: #727576; font-size: 16px; line-height: 24px;}
.presna-main > div { flex: 0 1 55%;}

.presna-sec { padding-bottom: 150px;}
.presna-address { float: left; width: 100%; padding-bottom: 30px;}
.presna-address h4 { float: left; width: 100%; font-family: 'Roboto-Bold'; color: #1A171B; font-size: 22px; line-height: 30px; letter-spacing: 0.62px; padding-bottom: 10px;}
.presna-address p { padding-bottom: 10px;}
.presna-address p a { font-family: 'Roboto-Regular';}
.presna-address p a.mail-link { font-family: 'Roboto-Bold'; text-decoration: underline;}

.siguenous-socials { float: left; width: 100%; padding-top: 150px;}
.siguenous-socials h3 { float: left; width: 100%; font-family: 'Roboto-Bold'; color: #1A171B; font-size: 45px; line-height: 55px; letter-spacing: 1.35px; padding-bottom: 40px;}
.siguenous-socials ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 15px;}
.siguenous-socials ul li { flex: 0 1 100%;}
.siguenous-socials ul li a { float: left; width: auto; font-family: 'Roboto-Bold'; color: #1A171B; font-size: 22px; line-height: 30px; letter-spacing: 0.62px; transition: all 0.4s ease;}
.siguenous-socials ul li a:hover { color: #D10019;}

.notas-prensa-sec { float: left; width: 100%; background: rgba(239, 239, 239, 0.50); padding: 100px 0;}
.notas-prensa-title { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; row-gap: 20px; column-gap: 20px; padding-bottom: 70px;}
.notas-prensa-title h2 { font-family: 'Roboto-Bold'; font-size: 45px; line-height: 55px; color: #1A171B; letter-spacing: 1.35px;}

.press-list { float: left; width: 100%; display:grid; gap:18px; }
.press-item {display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; border:1px solid #1A171B; padding:35px;}
.press-title { font-size:22px; line-height: 30px; letter-spacing: 0.02px; color:#222222;}
.press-meta { justify-self:flex-start; color:#222222; font-size:18px; letter-spacing: 0.17px; white-space:nowrap;}
.press-meta .sep {margin:0 10px; color:#8a8a8a;}
.press-actions {justify-self:end; display:flex; gap:90px; align-items:center;}
.press-action {display:inline-flex; align-items:center; gap:10px; color:#1f1f1f; text-decoration:none; font-size:16px; white-space:nowrap;}
.press-action .icon { width: 27px;}
.notas-prensa-sec .btn-ctr { padding-top: 65px;}
.press-action:hover { filter: brightness(0) saturate(100%) invert(17%) sepia(100%) saturate(3316%) hue-rotate(348deg) brightness(81%) contrast(104%);}
.notas-prensa-sec .filters { padding-bottom: 30px;}

.espacios-sec { float: left; width: 100%; padding: 80px 0 100px;}
.espacios-sec h2 { float: left; width: 100%; font-family: 'Roboto-Bold';  color: #1A171B; font-size: 35px; line-height: 45px; letter-spacing: 1.35px; padding-bottom: 50px;}
.espacios-list { float: left; width: 100%; }
.espacios-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 50px;}
.espacios-list ul li { flex: 0 1 100%;}
.espacios-main { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; row-gap: 20px;}
.espacios-main .espacios-lft { flex: 0 1 425px;}
.espacios-main .espacios-rgt { flex: 0 1 calc(100% - 425px); padding-left: 120px; padding-right: 250px; position: relative;}
.espacios-lft img { float: left; width: 100%;}
.espacios-rgt h3 { float: left; width: 100%; color: #1A171B; font-size: 28px; line-height: 38px; padding-bottom: 20px;}
.espacios-rgt p { float: left; width: 100%; color: #1A171B; font-size: 16px; line-height: 26px;}
.espacios-tags { float: left; width: 100%; padding: 30px 0 20px;}
.espacios-tags h5 { float: left; width: 100%; color: #1A171B; font-size: 16px; line-height: 26px;}
.espacios-tags h5 span {font-family: 'Roboto-Bold';}
.dwn-ico { position: absolute; top: 0; right: 0; color: #1A171B; font-size: 16px; line-height: 26px; display: inline-flex; align-items: center; column-gap: 10px;}
.dwn-ico span img { float: left; width: auto; transition: all 0.4s ease;}
.dwn-ico span img:hover { filter: brightness(0) saturate(100%) invert(17%) sepia(100%) saturate(3316%) hue-rotate(348deg) brightness(81%) contrast(104%);}

.espacios-cnt-sec { float: left; width: 100%; padding: 50px 0 100px;}
.espacios-main-sec { float: left; width: 50%;}
.espacios-main-sec h3 { float: left; width: 100%; font-family: 'Roboto-Bold'; color: #1A171B; font-size: 18px; line-height: 30px; letter-spacing: 0.51px; padding-bottom: 30px;}
.espacios-main-sec p { float: left; width: 100%; color: #1A171B;font-size: 18px; line-height: 30px; letter-spacing: 0.51px; padding-bottom: 30px;}
.espacios-main-sec p:last-child { padding-bottom: 0;}
.espacios-main-sec .file-pdf-list { padding-top: 40px;}

.espacios-cnt-sec.museo-sec { padding-top: 0;}
.espacios-cnt-sec.museo-sec .espacios-main-sec { width: 60%;}
.espacios-cnt-sec.museo-sec .accord-sec { margin: 0;}
.espacios-cnt-sec.museo-sec .file-pdf-list { padding-top: 0;}

.museo-list-sec { float: left; width: 100%; padding: 50px 0 0;}
.museo-list-main { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 150px;}
.museo-list-main .museo-list-cnt { flex: 0 1 100%;}
.museo-list-cnt h2 { float: left; width: 100%; font-family: 'Roboto-Bold'; color: #1A171B; font-size: 45px; line-height: 55px; letter-spacing: 1.35px; padding-bottom: 50px;}
.museo-list-cnt p { float: left; width: 55%; color: #1A171B;font-size: 18px; line-height: 30px; letter-spacing: 0.51px;}
.equipo-list { float: left; width: 100%;}
.equipo-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 1.5%; row-gap: 25px;}
.equipo-list ul li { flex: 0 1 18.8%;}
.equipo-list ul li img { float: left; width: 100%;}
.alianzas-list { float: left; width: 100%;}
.alianzas-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 1.5%; row-gap: 25px;}
.alianzas-list ul li { flex: 0 1 15.41%;}
.alianzas-list ul li img { float: left; width: 100%;}

.formas-beneficios-sec { float: left; width: 100%; padding: 150px 0 100px;}
.formas-beneficios-main { float: left; width: 55%; display: flex; flex-wrap: wrap; row-gap: 150px;}
.formas-beneficios-main .formas-beneficios-list { flex: 0 1 100%;}
.formas-beneficios-list h2 { float: left; width: 100%; font-family: 'Roboto-Bold'; color: #1A171B; font-size: 45px; line-height: 55px; letter-spacing: 1.35px; padding-bottom: 50px;}
.formas-beneficios-list p { float: left; width: 55%; color: #1A171B; font-size: 18px; line-height: 30px; letter-spacing: 0.51px;}
.formas-beneficios-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 10px; }
.formas-beneficios-list ul li { flex: 0 1 100%; color: #1A171B; font-size: 18px; line-height: 28px; letter-spacing: 0.51px;}
.formas-beneficios-list .file-pdf-list { padding-top: 50px;}

.patrocinadores-actuales-sec { float: left; width: 100%; padding-bottom: 100px;}
.patrocinadores-actuales-sec h2 { float: left; width: 100%; font-family: 'Roboto-Bold'; color: #1A171B; font-size: 45px; line-height: 55px; letter-spacing: 1.35px; padding-bottom: 50px;}
.actuales-list-sec { float: left; width: 60%; display: flex; flex-wrap: wrap; row-gap: 80px;} 
.actuales-list-sec h3 { float: left; width: 100%; color: #1A171B; font-size: 30px; line-height: 40px; letter-spacing: 0.9px; padding-bottom: 30px;}
.actuales-list { float: left; width: 100%;}
.actuales-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 1.5%; row-gap: 25px;}
.actuales-list ul li { flex: 0 1 23.87%;}
.actuales-list ul li img { float: left; width: 100%;}

.preguntas-frecuentes-sec { float: left; width: 100%; padding: 50px 0 100px;}
.preguntas-frecuentes-main {float: left; width: 55%;}
.preguntas-frecuentes-main h2 { float: left; width: 100%; font-family: 'Roboto-Bold'; color: #1A171B; font-size: 45px; line-height: 55px; letter-spacing: 1.35px; padding-bottom: 50px;}
.preguntas-frecuentes-main p { float: left; width: 100%; color: #1A171B; font-size: 18px; line-height: 30px; letter-spacing: 0.51px;}
.preguntas-frecuentes-main .accord-sec { padding-top: 30px;}

.sec-btns { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 20px; row-gap: 15px;}
.sec-btns > div { flex: 0 1 auto;}
.patrocinio-donaciones-sec { float: left; width: 100%; padding: 50px 0 100px;}
.patrocinio-donaciones-main { float: left; width: 50%;}
.patrocinio-donaciones-main h2 { float: left; width: 100%; font-family: 'Roboto-Bold'; color: #1A171B; font-size: 45px; line-height: 55px; letter-spacing: 1.35px; padding-bottom: 50px;}
.patrocinio-donaciones-main p { float: left; width: 100%; color: #1A171B; font-size: 18px; line-height: 30px; letter-spacing: 0.51px; padding-bottom: 30px;}
.patrocinio-donaciones-main .sec-btns { float: left; width: 100%; padding-top: 20px;}

.visitas-guiadas-sec { float: left; width: 100%; padding-bottom: 100px; }
.visitas-guiadas-sec h2 { float: left; width: 100%; font-family: 'Roboto-Bold'; color: #1A171B; font-size: 45px; line-height: 55px; letter-spacing: 1.35px; padding-bottom: 70px;}
.visitas-guiadas-para { float: left; width: 55%;}
.visitas-guiadas-para p { float: left; width: 100%; color: #1A171B; font-size: 18px; line-height: 30px; letter-spacing: 0.51px; padding-bottom: 30px;}
.visitas-guiadas-para p a { font-family: 'Roboto-Bold'; transition: all 0.4s ease;}
.visitas-guiadas-para p a:hover { color: #D10019;}
.visitas-guiadas-list { float: left; width: 90%; display: flex; flex-wrap: wrap; column-gap: 10%; padding-bottom: 140px;}
.visitas-guiadas-list ul { flex: 0 1 40%; display: flex; flex-wrap: wrap; row-gap: 50px;}
.visitas-guiadas-list ul:last-child { flex: 0 1 50%;}
.visitas-guiadas-list ul li { flex: 0 1 100%; color: #1A171B; font-size: 18px; line-height: 30px; letter-spacing: 0.51px;}

.eliga-lagunak-sec { float: left; width: 100%; padding-bottom: 100px;}
.eliga-lagunak-sec h2 { float: left; width: 100%; font-family: 'Roboto-Bold'; color: #1A171B; font-size: 45px; line-height: 55px; letter-spacing: 1.35px; padding-bottom: 70px;}
.eliga-lagunak-main { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 8%; row-gap: 30px;}
.eliga-lagunak-main .eliga-lagunak-lft { flex: 0 1 72%; display: flex; flex-wrap: wrap; row-gap: 30px;}
.eliga-lagunak-main .eliga-lagunak-rgt { flex: 0 1 20%;}
.eliga-lagunak-img { float: left; width: 435px;} 
.eliga-lagunak-img img { float: left; width: 100%;} 
.eliga-lagunak-cnt { float: left; width: calc(100% - 435px); padding-left: 70px;}
.eliga-lagunak-cnt p { float: left; width: 100%; color: #1A171B; font-size: 18px; line-height: 30px; letter-spacing: 0.51px; padding-bottom: 10px;}
.eliga-lagunak-rgt h3 { float: left; width: 100%; font-family: 'Roboto-Bold'; color: #1A171B; font-size: 40px; line-height: 45px; letter-spacing: 1.2px; padding-bottom: 10px;}
.eliga-lagunak-rgt h4 { float: left; width: 100%; color: #1A171B; font-size: 18px; line-height: 28px; letter-spacing: 0.51px;}
.eliga-lagunak-rgt .sec-btns { padding-top: 40px;}

.collect-sec.grey-bg { background: rgba(239, 239, 239,0.50);}
.technica-sec {padding: 100px 0;} 
.galeria-sec.obras-galeria-sec .swiper-slide {height: 300px;}
 
.galeria-sec.edifico-gal { margin: 100px 0 0 0;}