@charset "utf-8";

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

/* header css */
.div-center { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.align-end { justify-content: flex-end; display: flex; flex-wrap: wrap;}
.align-start { align-items: flex-start;}
.d-flex { display: flex; flex-wrap: wrap; justify-content: space-between;}
.shadow { box-shadow: 0 5px 20px rgba(0, 32, 52, 0.15);}

header { float: left; width: 100%; background: #ffffff; padding: 10px 0; position: relative; z-index: 9; transition: all 0.3s ease; transform : translateY(0%);}
.logo img { width: 120px; transition: all 0.4s ease; } 
.logo a { display: flex; flex-wrap: wrap; gap: 20px; align-items: center;}
.logo a p { font-size: 20px; color: #000000; font-family: 'ZalandoSans-Regular';}

.rht-bar { justify-content: flex-end; display: flex; flex-wrap: wrap; align-items: center; column-gap: 40px;}
.rht-bar ul { display: flex; flex-wrap: wrap; gap: 40px; align-items: center;}
.rht-bar ul li { flex: 0 1 auto;}
.comprar-btn a { background: #005FFF; transition: all 0.4s ease; color: #ffffff; outline: 2px solid rgba(0, 95, 255, 0.25); font-size: 16px; letter-spacing: -0.44px; display: flex; flex-wrap: wrap; gap: 20px; align-items: center; height: 54px; padding: 0 25px; border-radius: 50px;}
.comprar-btn a:hover { background: #121213; outline-color: rgba(0, 0, 0, 0.25);}
.rht-bar ul li.tornar { display: none;}

.rht-bar.buynow-hdr ul li.tornar {display: block;}

.comprar-btn.cart-ico a { padding: 0; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative;}
.comprar-btn.cart-ico a span { position: absolute; top: 12px; right: 8px; background: #ffffff; width: 14px; height: 14px; border-radius: 50px; color: #005eff; font-size: 10px; display: flex; align-items: center; justify-content: center; font-family: 'ZalandoSans-SemiBold';}

.rht-bar ul li .comprar-btn.cart-bg a { padding: 0; background: none; outline: none;}
.rht-bar ul li .comprar-btn.cart-bg a img { width: 30px;}
.rht-bar ul li .comprar-btn.cart-bg a:hover img { filter: brightness(0) saturate(100%) invert(23%) sepia(99%) saturate(3572%) hue-rotate(213deg) brightness(95%) contrast(105%);}

.rht-bar ul li .select-lang { display: flex; align-items: center; gap: 10px;} 
.rht-bar ul li .nice-select { color: #000000; padding: 0 35px 0 0; font-size: 16px; font-family: 'ZalandoSans-Medium';}
.rht-bar ul li .nice-select::after { background: url(../images/globe.svg) no-repeat 0 0; border: none; width: 24px; height: 24px; top: 0px; transform: none;}
.rht-bar ul li .nice-select .list { row-gap: inherit;}

.rht-bar ul li.tornar a { display: flex; align-items: center; color: #005FFF; font-size: 16px; font-family: 'ZalandoSans-Bold'; gap: 8px; transition: all 0.4s ease;}
.rht-bar ul li.tornar a:hover { color: #000000;}
.rht-bar ul li.tornar a:hover img { filter: grayscale(100%);}

.hamburger-menu {display:flex; flex-wrap: wrap;} 
.hamburger {cursor:pointer; padding:0px 0px 0 0; position:relative; width:28px; height:28px; display:flex; align-items:center;}
.hamburger span, .hamburger span:before, .hamburger span:after {cursor:pointer; border-radius:0px; height:2px; width:30px; background:#000000; position:absolute; display:inline-block; content:''; right:0; left:0; margin:0 auto;}
.hamburger span:before {top:-8px; left:auto;}
.hamburger span:after {top:8px; 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);}
.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:#000000;}
.hamburger.active span:after {transform:translateY(-10px) rotate(-45deg); top:10px; background:#000000; width:30px;}

/* .is-sticky header { box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1); } */
.is-sticky #hm-hdr { background: #ffffff; box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);}
.is-sticky #hm-hdr .comprar-btn a { background: #005FFF; color: #ffffff; outline: 2px solid rgba(0, 95, 255, 0.25);}
.is-sticky #hm-hdr .comprar-btn a img { filter: brightness(0) invert(1);}
.is-sticky .hm-menu ul li a { color: #000000;}
.is-sticky .hm-menu ul li a:hover { color: #005eff;}
.is-sticky .comprar-btn a { background: #005FFF; color: #ffffff;}
.is-sticky #hm-hdr .rht-bar ul li.hm-search img { filter: none;}
.is-sticky #hm-hdr .rht-bar ul li .nice-select { color: #000000;}
.is-sticky #hm-hdr .rht-bar ul li .nice-select::after { background: url(../images/globe-blk.svg) no-repeat 0 0;}
.is-sticky .logo img { width: 70px;}
.is-sticky .logo a p { font-size: 18px;}

#hm-hdr-sticky-wrapper { background: none; height: auto !important; }
#hm-hdr { background: none; position: fixed; }
.hm-menu ul { display: flex; flex-wrap: wrap; column-gap: 40px;}
.hm-menu ul li { flex: 0 1 auto;}
.hm-menu ul li a { font-size: 18px; line-height: 1; color: #ffffff;}
.hm-menu ul li a:hover { color: #005eff;}
#hm-hdr .rht-bar ul li.hm-search img { filter: brightness(0) invert(1);}
#hm-hdr .comprar-btn a { background: #ffffff; color: #000000; outline: 2px solid rgba(255, 255, 255, 0.35);}
#hm-hdr .comprar-btn a:hover { background: #005FFF; color: #ffffff;}
#hm-hdr .comprar-btn a:hover img { filter: brightness(0) invert(1);}
#hm-hdr .comprar-btn a img { filter: brightness(1) invert(1);}
#hm-hdr .rht-bar ul li .nice-select { color: #ffffff;}
#hm-hdr .rht-bar ul li .nice-select::after { background: url(../images/globe-w.svg) no-repeat 0 0; }

.scroll-down { position: absolute; bottom: 30px; left: 0; right: 0; margin: 0 auto; z-index: 1; width: 54px;}
.scroll-down a { display: block; }

header.scroll-up { position: fixed; box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1); }
header.scroll-dwn { transform : translateY(-100%); }

#hm-hdr.scroll-up { background: #ffffff;}
#hm-hdr.scroll-up .comprar-btn a { background: #005FFF; color: #ffffff; outline: 2px solid rgba(0, 95, 255, 0.25);}
#hm-hdr.scroll-up .comprar-btn a img { filter: brightness(0) invert(1);}
.scroll-up .hm-menu ul li a { color: #000000;}
.scroll-up .comprar-btn a { background: #005FFF; color: #ffffff;}
#hm-hdr.scroll-up .rht-bar ul li.hm-search img { filter: none;}
#hm-hdr.scroll-up .rht-bar ul li .nice-select { color: #000000;}
#hm-hdr.scroll-up .rht-bar ul li .nice-select::after { background: url(../images/globe-blk.svg) no-repeat 0 0;}
.scroll-up .logo img { width: 90px;}
.scroll-up .logo a p { font-size: 18px;}

/***************home page***************/
.hm-slider { float: left; width: 100%; position: relative; height: 100vh;}
.hm-slider .swiper-slide img { float: left; width: 100%; height: 100vh;}
.hm-slider .swiper-slide .banner-cnt { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; text-align: center;}
.hm-slider .swiper-slide .banner-cnt .nectar-split-heading { color: #ffffff; font-size: 100px; line-height: 1; font-family: 'ZalandoSans-Bold';}
.hm-slider .swiper-slide .banner-cnt .nectar-split-heading .word { opacity: 1; mask-image: inherit; }
.hm-slider .swiper-slide .cap-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 80px; margin: 20px 0 50px;}
.hm-slider .swiper-slide .cap-list > div { color: #ffffff; font-size: 20px; line-height: 1; font-family: 'ZalandoSans-Light';}
.hm-slider .swiper-slide .ban-camp-btn a { background: #005FFF; transition: all 0.4s ease; color: #ffffff; outline: 2px solid rgba(255, 255, 255, 0.35); font-size: 16px; letter-spacing: -0.44px; display: inline-flex; flex-wrap: wrap; gap: 20px; align-items: center; height: 54px; padding: 0 25px; border-radius: 50px;}
.hm-slider .swiper-slide .ban-camp-btn a:hover { background: #fff; color: #005FFF; }
.hm-slider .swiper-slide .ban-camp-btn a:hover img { filter: brightness(0) saturate(100%) invert(23%) sepia(99%) saturate(3572%) hue-rotate(213deg) brightness(95%) contrast(105%); }
.hm-slider .swiper-slide .ban-camp-btn a img { width: auto; height: auto;}

.hm-slider .swiper-btm { position: absolute; bottom: 30px; z-index: 1; width: 100%;}
.hm-slider .swiper-nav-rel { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-top: 30px; }
.hm-slider .swiper-container-horizontal > .swiper-pagination-bullets{width: auto; bottom: auto; text-align: right; justify-content: left; position: relative; right: auto; left: 0; top:inherit; margin-top: 55px;}
.hm-slider .swiper-pagination-bullet { background-color: rgba(255, 255, 255, 0.4); border: none; width: 10px; height: 10px; opacity: 1;transition:all .5s ease;}
.hm-slider .swiper-pagination-bullet-active, .hm-slider .swiper-pagination-bullet:hover { background-color: #ffffff; }
.hm-slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 15px 0px 0px;}
.hm-slider .swiper-button{ width: auto; height: auto; bottom: 0; align-items: center; justify-content: space-between; position: relative; right: 0; left: auto; top:inherit; display: flex; column-gap: 10px; }
.hm-slider .swiper-button-next-main,
.hm-slider .swiper-button-prev-main { cursor: pointer; transition: all 0.4s ease; width: 54px; height: 54px; display: flex; align-items: center; justify-content: center;}
.hm-slider .swiper-button-prev-main:hover, .hm-slider .swiper-button-next-main:hover{ opacity: 0.7; } 

.diversio-sec { float: left; width: 100%; margin: 80px 0;}
.diversio-cnt { float: left; width: 100%; padding: 0 4%;}
.diversio-cnt.nectar-split-heading { font-size: 40px; line-height: 1.1; color: #000000; font-family: 'ZalandoSans-Light'; }
.diversio-cnt.nectar-split-heading .word { opacity: 1; mask-image: inherit; transition: all 0.25s ease;}
.diversio-cnt p { font-size: 40px; line-height: 1.3; color: #000000; font-family: 'ZalandoSans-Light';}




.compra-sec { float: left; width: 100%; background: #005FFF; padding: 0px; margin: 70px 0 0 0; position: relative; border-radius: 22px; min-height: 490px; display: flex; align-items: center;}
.compra-rht { position: absolute; bottom: 0; right: 0;}
.compra-rht img { float: left; transition: all 0.4s ease; transform-origin: bottom;}
.compra-sec a { display: flex; flex-wrap: wrap; float: left; width: 100%; }
.compra-lft { flex: 0 1 50%; padding: 98px 80px; display: flex; flex-wrap: wrap; row-gap: 20px; flex-direction: column;}
.compra-lft h2 { color: #ffffff; font-size: 70px; line-height: 0.9; font-family: 'ZalandoSans-Light'; letter-spacing: -1.11px; transition: all 0.4s ease;}
.compra-lft p { font-size: 15px; line-height: 1.4; color: #ffffff; font-family: 'ZalandoSans-Light';  }
.compra-lft span.entra-btn { background: #ffffff; transition: all 0.4s ease; margin-top: 30px; color: #000000; outline: 2px solid rgba(255, 255, 255, 0.35); font-size: 16px; letter-spacing: -0.44px; display: inline-flex; flex-wrap: wrap; gap: 15px; align-items: center; align-self: flex-start; height: 54px; padding: 0 25px; border-radius: 50px;}
.compra-lft span.entra-btn img { filter: brightness(1) invert(1); transition: all 0.4s ease;}


.compra-sec a:hover span.entra-btn { background: #005FFF; color: #ffffff; color: #ffffff; outline-color: #ffffff;}
.compra-sec a:hover span.entra-btn img { filter: brightness(0) invert(1);}
.compra-sec a:hover h2 { font-family: 'ZalandoSans-Bold';}

/* .compra-lft span.entra-btn:hover img { filter: brightness(0) saturate(100%) invert(23%) sepia(99%) saturate(3572%) hue-rotate(213deg) brightness(95%) contrast(105%); } */
.compra-lft h2 .word { opacity: 1; mask-image: inherit;}
.compra-sec a:hover .compra-rht img { transform: scale(1.03);}

/********PREPARA LA VISITA**********/
.breadcrumb-nav {  float: left; width: 100%; padding: 30px 0;}
.breadcrumb-nav ul { display: flex; flex-wrap: wrap;}
.breadcrumb-nav ul li { flex: 0 1 auto; color: rgba(0, 0, 0, 0.53); font-size: 14px; font-family: 'ZalandoSans-Light'; position: relative; margin-right: 10px; padding-right: 15px; }
.breadcrumb-nav ul li::after { position: absolute; display: block; content: "|"; color: rgba(0, 0, 0, 0.53); top: 0; right: 0;}
.breadcrumb-nav ul li a { color: rgba(0, 0, 0, 0.53); transition: all 0.4s ease; font-family: 'ZalandoSans-Medium';}
.breadcrumb-nav ul li a:hover { color: #005FFF; }
.breadcrumb-nav ul li:last-child { margin-right: 0; padding-right: 0;}
.breadcrumb-nav ul li:last-child::after { display: none;}


.prepara-sec { float: left; width: 100%; padding: 0 0 0px 0; }
.prepara-sec h2 { color: #000000; font-size: 90px; line-height: 1.1; letter-spacing: -2.6px; font-family: 'ZalandoSans-Regular'; margin-bottom: 25px;}
.prepara-sec p { float: left; width: 100%; font-size: 18px; color: #2D323F; line-height: 1.5; font-family: 'ZalandoSans-Light'; letter-spacing: -0.5px;} 

.prepara-list { float: left; width: 100%; margin-top: 50px;}
.prepara-list ul { display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 30px;}
.prepara-list ul li { flex: 0 1 23.5%; position: relative; transition: all 0.4s ease; top: 0; }
.prepara-list ul li a { border: 2px solid #005FFF; transition: all 0.4s ease; border-radius: 7px; padding: 20px; background: #ffffff; height: 300px; display: flex; flex-wrap: wrap; flex-direction:column; text-align: center; align-items: center; justify-content: center; row-gap: 30px; position: relative;}
.prepara-list ul li a::after { position: absolute; left: 0; bottom: 0; width: 100%; height: 60%; box-shadow: 0 20px 30px rgba(0, 0, 0, 0.12); display: block; content: ""; z-index: -1;}
.prepara-list ul li:hover { top: -15px;}
.prepara-list ul li h3 { font-size: 30px; transition: all 0.4s ease; color: #000000; letter-spacing: -0.47px; font-family: 'ZalandoSans-Light';}
.prepara-list ul li span { transition: all 0.4s ease; color: #005FFF; font-size: 16px; text-decoration: underline; letter-spacing: -0.44px; font-family: 'ZalandoSans-Medium';}
.prepara-ico { float: left; width: 100%; margin: 30px 0 30px; min-height: 54px; display: flex; align-items: center; justify-content: center;}
.prepara-info { display: flex; flex-wrap: wrap; row-gap: 30px; flex-direction: column;}


.tarifes-list { margin-top: 20px;}
.tarifes-list .tarifes-info { width: 100%; float: left; display: flex; flex-wrap: wrap; row-gap: 14px; justify-content: center; flex-direction: column;}
.tarifes-list .tarifes-info h3 { font-size: 35px; font-family: 'ZalandoSans-Regular';}
.tarifes-list .tarifes-info p { font-size: 18px; color: #2D323F; letter-spacing: -0.5px; font-family: 'ZalandoSans-Light';}
.tarifes-list .prepara-ico { min-height: auto; margin: 0;}
.tarifes-list ul { column-gap: 3%;}
.tarifes-list ul li { flex: 0 1 31.3%; transition: all 0.4s ease; top: 0;}
.tarifes-list ul li a { background: #EBF3FE; min-height: 346px; row-gap: 40px; border-radius: 11px;}
.tarifes-list ul li a::after { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.09); }
.tarifes-list ul li:hover { top: -15px; }
.tarifes-list ul li:hover a { box-shadow: 0 10px 30px rgba(0, 18, 45, 0.31); }
.tarifes-list ul li:hover .tarifes-info p  { color: #ffffff;}
.tarifes-list ul li:hover .tarifes-info h3 { font-family: 'ZalandoSans-SemiBold';}
.tarifes-list ul li:hover a::after { display: none;}
.tarifes-list .carr-btn { display: none;}

.prepara-list ul li a:hover { background: #005FFF; }
.prepara-list ul li a:hover h3, .prepara-list ul li a:hover span { color: #ffffff;}
.prepara-list ul li a:hover .prepara-ico img { filter: brightness(0) invert(1);}

.faq-sec { float: left; width: 100%; margin: 100px 0 0 0;}
.faq-sec h3 { font-size: 60px; letter-spacing: -2.19px; line-height: 1.2; font-family: 'ZalandoSans-Medium'; margin-bottom: 30px;}

.accordion { float: left; width: 100%;}
.accordion-item { background: #ffffff; border-radius: 0px; margin-bottom: 0px; border-top: 1px solid #000000; overflow: hidden;}
.accordion-header { padding: 25px 40px 25px 0px; font-family: 'ZalandoSans-Light'; cursor: pointer; position: relative; color: #000000; letter-spacing: -0.9px; font-size: 25px; transition: all 0.5s ease;}
.accordion-header::after { border-bottom: 2px solid #000000; border-right: 2px solid #000000; content: ''; display: block; height: 8px; margin-top: -6px;
pointer-events: none; position: absolute; right: 12px; top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%;
transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out; width: 8px; }
.accordion-item.active .accordion-header::after { transform: rotate(-135deg);  }
.accordion-content { display: none; padding: 0 0px 30px 0; float: left; width: 100%;}
.accordion-content p { font-size: 18px; line-height: 1.6; color: #2D323F; margin-bottom: 20px; transition: all 0.4s ease;}
.accordion-content p:last-child { margin-bottom: 0;}
.accordion-content p a:hover { color: var(--txt-purple);}
.accordion-item:last-child { margin-bottom: 0; border-bottom: 1px solid #000000;}
.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: #6f6c8f; padding-left: 20px; position: relative; }
.accordion-content ul li strong { font-family: var(--ff-roboto-sbold); }
.accordion-content ul li::before { position: absolute; display: block; content: ""; width: 8px; height: 8px; border-radius: 50%; left: 0; top: 8px; background: var(--bg-blue); }
.accordion-item.active .accordion-header { color: #005FFF; font-family: 'ZalandoSans-Bold'; }

.siguenos-sec { float:left; width:100%; background:#fff; padding:100px 0px; position:relative; }
.siguenos-title { display: flex; flex-wrap: wrap;  justify-content: space-between; align-items: flex-end; margin-bottom: 50px; }
.siguenos-title h2 { font-size:72px; color:#000000; line-height:0.8; font-family: 'ZalandoSans-Light'; margin-bottom: 0px; }
.siguenos-title ul { display: flex; flex-wrap: wrap; column-gap: 50px;}
.siguenos-title ul li { flex: 0 1 auto; color: #005FFF; font-size: 25px; font-family: 'ZalandoSans-Medium';}

.siguenos-inst ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 1%; }
.siguenos-inst ul li { flex: 0 1 24.2%; overflow:hidden; position:relative; border-radius: 8px;}    
.siguenos-inst ul li img { float:left; width:100%; transition:all .5s ease; }
.siguenos-inst ul li:hover img  { transform:scale(1.05); }
.siguenos-inst ul li a span { position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); }
.siguenos-inst ul li:hover a span img { transform: none; }

.share-links { float: left; width: 100%; padding-top: 35px; }
.share-links ul { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 10%; justify-content: center; }
.share-links ul li { flex: 0 1 auto; }
.share-links li a { padding-left: 0px; display: flex; gap: 10px; color: #000; font-size: 20px; line-height: 30px; font-family: 'ZalandoSans-Regular'; letter-spacing: -0.32px; transition:all .5s ease;}
.share-links li a img { transition: all 0.4s ease;}
.share-links li a:hover { color: #005FFF; }
.share-links li a:hover img { filter: invert(27%) sepia(97%) saturate(2744%) hue-rotate(214deg) brightness(97%) contrast(103%); }

footer { float: left; width: 100%; background: linear-gradient(90deg,rgba(0, 95, 255, 1) 0%, rgba(0, 74, 198, 1) 100%); padding: 100px 0; position: relative; z-index: 1;}

.ftr-col-1 { flex: 0 1 34%;}
.ftr-logo { margin-bottom: 40px;}
.ftr-logo a { display: flex; align-items: center; gap: 20px;}
.ftr-logo img { width: 120px;}
.ftr-logo a p { font-size: 18px; color: #ffffff; font-family: 'ZalandoSans-Light'; line-height: 1.4;}
.aquadiver-btn a { background: #ED6C05; display: inline-flex; align-items: center; gap: 10px; padding: 0 10px; border-radius: 50px; font-size: 16px; color: #ffffff; 
font-family: 'ZalandoSans-Bold'; outline: 2px solid rgba(255, 255, 255, 0.3); width: 190px; height: 56px; transition: all 0.4s ease;} 

.ftr-col-2 { flex: 0 1 30%;}
.ftr-col-2 ul { display: flex; flex-wrap: wrap; row-gap: 30px;}
.ftr-col-2 ul li { flex: 0 1 100%; color: #ffffff; font-size: 18px; line-height: 1.6; font-family: 'ZalandoSans-Light'; padding: 0 0 0 30px; }
.ftr-col-2 ul li a { color: #ffffff; transition: all 0.4s ease;}
.ftr-col-2 ul li a:hover { opacity: 0.7;;}
.ftr-col-2 ul li.loc-ico { background: url(../images/location.svg) no-repeat 0 6px;}
.ftr-col-2 ul li.ph-ico { background: url(../images/phone.svg) no-repeat 0 8px;}
.ftr-col-2 ul li:last-child { padding-left: 0;}
.ftr-col-2 ul li ul { column-gap: 12px; margin-top: 20px;}
.ftr-col-2 ul li ul li { flex: 0 1 auto; padding: 0;}
.ftr-col-2 ul li ul li a { display: flex;}

.ftr-col-3 { flex: 0 1 20%;}
.ftr-col-3 ul { display: flex; flex-wrap: wrap; row-gap: 14px;}
.ftr-col-3 ul li { flex: 0 1 100%;}
.ftr-col-3 ul li a { color: #ffffff; transition: all 0.4s ease; font-size: 20px; line-height: 1.6; font-family: 'ZalandoSans-Light';}
.ftr-col-3 ul li a:hover { opacity: 0.7;}

.ftr-brand-logo { float: left; width: 100%; background: rgba(0, 95, 255, 0.1); padding: 20px 0;}
.ftr-logo-list ul { display: flex; flex-wrap: wrap; align-items: center; gap: 30px;}
.ftr-logo-list ul li { flex: 0 1 auto;}
.ftr-logo-list ul li a { display: block;}
.ftr-logo-list ul li img { mix-blend-mode: multiply; }

.ftr-nav ul { display: flex; flex-wrap: wrap; gap: 18px;}
.ftr-nav ul li { flex: 0 1 auto;}
.ftr-nav ul li a { color: #000000; transition: all 0.4s ease; font-size: 12px; line-height: 1.2; font-family: 'ZalandoSans-Light';}
.ftr-nav ul li a:hover { color: #005FFF;}



/*******tarifes*******/
.inn-navbar-sec { float: left; width: 100%; background: #005FFF; padding: 10px 0; z-index: 5;}
.inn-navbar-sec ul { display: flex; flex-wrap: wrap; column-gap: 12px;}
.inn-navbar-sec ul li { flex: 0 1 auto;}
.inn-navbar-sec ul li a { font-size: 16px; color: #ffffff; border: 1px solid rgba(255, 255, 255, 0.3); height: 48px; padding: 0 35px; display: flex; align-items: center; justify-content: center; border-radius: 25px;}
.inn-navbar-sec ul li a.active { background: #ffffff; color: #000000; font-family: 'ZalandoSans-Medium';}
.inn-navbar-sec ul li a:hover { background: #ffffff; color: #000000; }
.inn-navbar-sec.is-sticky-nav { position: fixed;}

.abonament-sec { float: left; width: 100%; margin: 100px 0 0 0;}
.abonament-sec h3 { font-size: 55px; letter-spacing: -1.43px; line-height: 1.2; font-family: 'ZalandoSans-Medium'; margin-bottom: 20px;}
.abonament-sec p { font-size: 18px; color: #2D323F; line-height: 1.3; font-family: 'ZalandoSans-Light'; letter-spacing: -0.5px;}
.abonament-sec ul { display: flex; flex-wrap: wrap; float: left; width: 100%; column-gap: 3%; margin-top: 40px;}
.abonament-sec ul li { flex: 0 1 31.33%; }
.abonament-sec ul li a { transition: all 0.4s ease; top: 0; position: relative; min-height: 275px; display: flex; align-items: center; justify-content: center; flex-direction: column; row-gap: 20px; border-radius: 11px; background: #FF8307;}
.abonament-sec ul li h4 { font-size: 40px; line-height: 1; letter-spacing: -1.15px; color: #000000; transition: all 0.4s ease; }
.abonament-sec ul li:nth-child(2) a{ background: #67D7AD;}
.abonament-sec ul li:last-child a{ background: #FFD45A;}
.abonament-sec ul li a:hover { background: #005eff; top: -12px; }
.abonament-sec ul li a:hover h4, .abonament-sec ul li a:hover p { color: #ffffff; }

.abondament-banner { float: left; width: 100%; margin: 100px 0;}
.abondament-banner ul { display: flex; flex-wrap: wrap; column-gap: 3%;}
.abondament-banner ul li { flex: 0 1 48.5%; position: relative; overflow: hidden; border-radius: 15px;}
.abondament-banner ul li a { float: left; width: 100%;}
.abondament-banner ul li img { float: left; width: 100%; border-radius: 15px; transition: all 0.4s ease;}
.abondament-cap { position: absolute; bottom: 0; left: 0; width: 100%; padding: 30px 30px 50px; text-align: center; display: flex; flex-wrap: wrap; row-gap: 30px; justify-content: center;}
.abondament-cap h4 { color: #ffffff; font-size: 50px; line-height: 1; letter-spacing: -0.79px; font-family: 'ZalandoSans-Light'; }
.abondament-banner .abondament-cap span img { width: auto; border-radius: 0;}
.abondament-banner .abondament-cap span { background: #ffffff; transition: all 0.4s ease; color: #000000; outline: 2px solid rgba(255, 255, 255, 0.35); font-size: 16px; letter-spacing: -0.44px; display: flex; flex-wrap: wrap; gap: 15px; align-items: center; height: 54px; padding: 0 25px; border-radius: 50px;}
.abondament-banner ul li:hover img { transform: scale(1.03);}
.abondament-banner ul li:hover .abondament-cap span { background: #005FFF; outline-color: rgba(0, 0, 0, 0.25); color: #ffffff;}
.abondament-banner ul li:hover .abondament-cap span img { filter: brightness(0) invert(1);}

#mob-title { display: none;}

.vols-venir { float: left; width: 100%; position: relative; overflow: hidden;}
.vols-venir a { float: left; width: 100%;}
.vols-venir img { float: left; width: 100%; height: 550px; object-fit: cover; transition: all 0.4s ease; }
.vols-cap { position: absolute; top: 50%; transform: translateY(-50%); display: flex; flex-wrap: wrap; row-gap: 20px; flex-direction: column; max-width: 500px;}
.vols-cap h2 { color: #ffffff; font-size: 70px; line-height: 1; letter-spacing: -1.11px; font-family: 'ZalandoSans-Light';}
.vols-cap p { font-size: 15px; color: #ffffff; font-family: 'ZalandoSans-Light';}
.vols-cap span { margin-top: 20px; background: #ffffff; transition: all 0.4s ease; color: #000000; outline: 2px solid rgba(255, 255, 255, 0.35); font-size: 16px; letter-spacing: -0.44px; display: inline-flex; flex-wrap: wrap; align-items: center; align-self: flex-start; height: 54px; padding: 0 25px; border-radius: 50px;}
.vols-venir a:hover span { background: none; color: #ffffff; outline-color: #ffffff; }
.vols-venir:hover img { transform: scale(1.03);}

.popup-overlay {position:fixed; inset:0; padding: 70px 0; background:rgba(0,0,0,.72); display:none; align-items:center; justify-content:center; z-index:10; overflow: auto;}
.popup-overlay.active {display:flex;}
.tarif-popup {width:700px; background:#fff; position:relative; margin: 0px auto 0px; }
.popup-close {position:absolute; top:-25px; left:50%; transform:translateX(-50%); width:50px; height:50px; border-radius:50%; background:#005fff; color:#fff; border:1px solid rgba(255,255,255,.45); font-size:28px; display: flex; align-items: center; justify-content: center;  cursor:pointer;}
.tarif-popup-head {height:160px; background:#005fff; display:flex; align-items:center; justify-content:center;}
.tarif-popup-head img {width:78px; filter:brightness(0) invert(1);}
.tarif-popup-body {padding:40px 92px 30px;}
.tarif-popup-body h3 {font-size:40px; font-family: 'ZalandoSans-Regular'; margin:0 0 25px; letter-spacing: -0.73px;}
.tarif-popup-body h4 {font-size:30px; font-family: 'ZalandoSans-Light'; color:#2D323F; margin:0 0 20px; letter-spacing: -0.67px;}
.tarif-popup-body p {font-size:16px; line-height:1.6; color:#2D323F; margin:0 0 18px; letter-spacing: -0.5px;}
.tarif-popup-body p strong { font-family: 'ZalandoSans-SemiBold';}
.buy-btn { background: #005FFF; transition: all 0.4s ease; color: #ffffff; outline: 2px solid rgba(0, 95, 255, 0.25); font-size: 16px; letter-spacing: -0.44px; display: inline-flex; flex-wrap: wrap; gap: 20px; align-items: center; height: 54px; padding: 0 25px; border-radius: 50px; margin-top: 10px;}
.buy-btn:hover { background: #121213; outline-color: rgba(0, 0, 0, 0.25);}

.popup-nav {position:relative;  display:flex; align-items:center;  justify-content: center; gap:22px; margin-top: 20px;}
.popup-nav button {border:0; background:transparent; color:#fff; cursor:pointer; font-size:16px; font-family: 'ZalandoSans-Regular';}
.popup-nav button img { float: left;}
.nav-arrows {width:72px; height:72px; background:#005fff; outline: 2px solid rgba(255, 255, 255, 0.35); border-radius:50%; display:flex; align-items:center; justify-content:center; gap:8px; box-shadow:0 5px 8px rgba(0,0,0,.35);}

/* .tarif-popup { touch-action: pan-y; user-select: none; cursor: grab;}
.tarif-popup.active { cursor: grabbing;} */

.popup-overlay.active {cursor:none;}
.popup-cursor-nav {position:fixed; left:0; top:0; width:76px; height:76px; border-radius:50%; background:#0a63ff; pointer-events:none; opacity:0; visibility:hidden; transform:translate(-50%, -50%) scale(0.85); transition:opacity 0.18s ease, visibility 0.18s ease, transform 0.18s ease; z-index:999999; display:flex; align-items:center; justify-content:center; box-shadow:0 12px 28px rgba(0, 0, 0, 0.25);}
.popup-cursor-nav.is-active {opacity:1; visibility:visible; transform:translate(-50%, -50%) scale(1);}
.cursor-arrow {width:12px; height:12px; border-top:2px solid #fff; border-right:2px solid #fff; display:block; position:absolute;}
.cursor-arrow-left {left:25px; transform:rotate(-135deg);}
.cursor-arrow-right {right:25px; transform:rotate(45deg);}

@media (max-width: 767px) {
.popup-overlay.active {cursor:auto;}
.popup-cursor-nav {display:none;}
}


/*******horaris*******/
.horaris-cnt { display: flex; flex-wrap: wrap; float: left; width: 100%; justify-content: space-between; align-items: flex-start;}
.horaris-lft { background: #005FFF; padding: 20px 30px; flex: 0 1 25%; border-radius: 6px; position: sticky; top: 180px;}
.horaris-lft h3 { color: #ffffff; font-size: 25px; line-height: 1.1; font-family: 'ZalandoSans-Light'; letter-spacing: -0.91px; margin-bottom: 5px;}
.horaris-lft p {margin:0; font-size:16px; line-height:1.8; font-family: 'ZalandoSans-Medium'; color: #ffffff; letter-spacing: -0.3px;}
.horaris-lft p span { display:inline-block; width:10px; height:10px; margin-right:8px; border-radius:50%; background:#EE0000; vertical-align:middle; }

.schedule { flex: 0 1 65%;}
.schedule .item {padding:0 0 30px; margin-bottom:30px; border-bottom:1px solid #000000; float: left; width: 100%;}
.schedule .item:first-child { border-top: 1px solid #000000; padding-top: 30px;}
.schedule .item:last-child {border-bottom:none; margin: 0; padding: 0;}
.schedule .item h3 {font-size:40px; line-height:1.1; margin:0 0 25px; font-family: 'ZalandoSans-Medium'; letter-spacing:-1.2px; color: #000000;}
.schedule .item-row {display:grid; grid-template-columns:230px 1fr; gap:60px; align-items:start;}
.schedule .item p {margin:0; font-size:16px; line-height:1.8; font-family: 'ZalandoSans-Medium'; color: #000000; letter-spacing: -0.3px;}
.schedule .item p span {display:inline-block; width:10px; height:10px; margin-right:12px; border-radius:50%; background:#70d900; vertical-align:middle;}
.schedule .closed p span {background:#EE0000;}
.schedule .times p {display:grid; grid-template-columns:130px 1fr; gap:8px; font-family: 'ZalandoSans-Light';}
.schedule .times strong { font-family: 'ZalandoSans-Medium'; font-weight: normal; letter-spacing: -0.3px;}

.home-video-sec.horaris-video { margin-top: 100px;}

/*******com arribar*******/
.arribar-tab { float: left; width: 100%; margin: 20px 0 60px;}
.arribar-tab ul { display: flex; flex-wrap: wrap; column-gap: 20px; }
.arribar-tab ul li { flex: 0 1 auto;}
.arribar-tab ul li a { font-size: 16px; transition: all 0.4s ease; color: #424242; font-family: 'ZalandoSans-Light'; border: 1px solid #696969; border-radius: 35px; height: 54px; padding: 0 30px; display: flex; align-items: center; justify-content: center;}
.arribar-tab ul li a:hover, .arribar-tab ul li a.active { background: #005FFF; color: #ffffff; border-color: #005FFF;}

/* .arribar-tab.is-sticky { position: fixed; top: 120px; background: #005FFF; padding: 10px 0; left: 0;} */

.bus-service { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 100px;}
.bus-service:last-child { margin: 0;}
.bus-service h3 { margin:0 0 30px; font-size:55px; line-height:1.1; font-family: 'ZalandoSans-Medium'; letter-spacing:-1.65px; width: 100%; display: flex; align-items: center; gap: 14px;}
.bus-service h3 span img { float: left;}

.bus-lft { flex: 0 1 56%; }
.bus-lft ul { display: flex; flex-wrap: wrap; row-gap: 15px;}
.bus-lft ul li { flex: 0 1 100%; font-size:16px; line-height:1.5; color:#2D323F; font-family: 'ZalandoSans-Light'; letter-spacing: -0.5px;}
.bus-lft ul li strong { font-family: 'ZalandoSans-Bold'; font-weight: normal;}

.bus-links { flex: 0 1 32%; margin-top: 0px;}
.bus-links ul { display: flex; flex-wrap: wrap; float: left; width: 100%; row-gap: 20px; }
.bus-links ul li { flex: 0 1 100%;}
.bus-links ul li a { background: url(../images/link.svg) no-repeat 0 5px; transition: all 0.4s ease; padding-left: 30px; display: block; color:#005FFF; font-size:18px; line-height:1.35; font-family: 'ZalandoSans-Bold'; text-decoration:underline; letter-spacing: -0.56px; position: relative;}
.bus-links ul li a:hover { color: #2D323F;}
.bus-links ul li.ph-ico { background: url(../images/phone-b.svg) no-repeat 0 3px; font-family: 'ZalandoSans-Medium'; padding-left: 30px;}

.amb-bus ul { display: flex; flex-wrap: wrap; column-gap: 2%; width: 100%;}
.amb-bus ul li { flex: 0 1 32%; display: flex; flex-wrap: wrap; row-gap: 18px; flex-direction: column;}
.amb-bus ul li h4 { font-size: 18px; color: #2D323F; line-height: 1; font-family: 'ZalandoSans-Bold'; letter-spacing: -0.6px;}
.amb-bus ul li p { font-size: 18px; letter-spacing: -0.56px; font-family: 'ZalandoSans-Light';}
.amb-bus ul li ul { display: flex; flex-wrap: wrap; row-gap: 18px; }
.amb-bus ul li ul li { flex: 0 1 100%; padding-left: 30px; font-size: 18px;}
.amb-bus ul li ul li.ph-ico { background: url(../images/phone-b.svg) no-repeat 0 3px; font-family: 'ZalandoSans-Medium'; }
.amb-bus ul li ul li.web-ico { background: url(../images/link.svg) no-repeat 0 3px; font-family: 'ZalandoSans-Bold';  }
.amb-bus ul li ul li.web-ico a { color: #005FFF; text-decoration: underline; transition: all 0.4s ease;}
.amb-bus ul li ul li.web-ico a:hover { color: #2D323F;}

.visita-aquadiver-sec { float: left; width: 100%; background: rgba(0, 95, 255, 0.06); border-radius: 20px; padding: 50px; text-align: center; position: relative;}
.visita-aquadiver-sec a { background: #ED6C05; display: inline-flex; align-items: center;  padding: 0 30px; border-radius: 50px; font-size: 16px; color: #ffffff; 
font-family: 'ZalandoSans-Bold'; outline: 2px solid rgba(255, 255, 255, 0.3); letter-spacing: -0.44px; height: 50px; transition: all 0.4s ease; position: absolute; bottom: 60px; left: 85px;} 
.visita-aquadiver-sec a:hover { background: #005FFF;}


/*restaurant*/
.nectar-post-grid { float: left; width: 100%; position: relative; padding-top: 30px;}
.nectar-post-grid-item { position: sticky; top: 175px; width: 100%; height: 90vh; margin: 0 auto; border-radius: 15px; overflow: hidden; background: #141414;
transform-origin: center center; will-change: transform, filter;}
.nectar-post-grid-item .inner { width: 100%; height: 100%; visibility: visible !important;}
.nectar-post-grid-item-bg-wrap, .nectar-post-grid-item-bg-wrap-inner, .nectar-post-grid-item-bg { width: 100%; height: 100%;}
.nectar-post-grid-item-bg__media { width: 100%; height: 100%; object-fit: cover; display: block; will-change: transform;}
.bg-overlay { position: absolute; inset: 0; background: rgba(20,20,20,0.25); z-index: 2;}
.content { position: absolute; inset: 0; z-index: 3; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff;}
.post-heading { font-size: 75px; line-height: 1; margin: 0; letter-spacing: -0.01px; text-transform: uppercase; font-family: 'ZalandoSans-Bold';}
.nectar-post-grid-link { position: absolute; inset: 0; z-index: 4;}
.screen-reader-text { display: none;}


/*restaurant fixta*/
.rest-fixta-sec { float: left; width: 100%;}
.res-fixta-lft { flex: 0 1 50%; padding-left: calc((100% - 1180px) / 2); padding-right: 120px; height: calc(100vh - 130px);}
.res-fixta-rht { flex: 0 1 50%; height: calc(100vh - 130px); }
.res-fixta-rht img { float: left; width: 100%; height: 100vh;}
.res-fixta-rht .share-info { display: none;}
.res-fixta-lft h2 { font-size: 65px; line-height: 1; letter-spacing: -1.21px; margin-bottom: 20px; font-family: 'ZalandoSans-Light';}
.res-fixta-lft p { font-size: 16px; line-height: 1.5; color: #000000; margin-bottom: 15px; font-family: 'ZalandoSans-Regular';}
.res-fixta-lft a.veure-btn { background: #005FFF; display: inline-flex; align-items: center; justify-content: center; padding: 0 30px; border-radius: 50px; font-size: 16px; color: #ffffff;
font-family: 'ZalandoSans-Regular'; outline: 2px solid rgba(0, 95, 255, 0.25); letter-spacing: -0.44px; height: 55px; transition: all 0.4s ease; width: 185px; margin-top: 40px;} 
.res-fixta-lft a.veure-btn:hover { background: #000000;  outline: 2px solid rgba(0, 0, 0, 0.25);}

.res-fixta-lft h4 { color: #005FFF; font-size: 16px; font-family: 'ZalandoSans-Bold'; line-height: 1; margin-bottom: 15px;}
.res-fixta-lft .tornado-list ul { display: flex; flex-wrap: wrap; row-gap: 14px; float: left; width: 100%; margin-top: 10px;}
.res-fixta-lft .tornado-list ul li { flex: 0 1 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 40px; font-family: 'ZalandoSans-Bold'; color: #000000;}
.res-fixta-lft .tornado-list ul li span { display: inline-flex; gap: 10px; align-items: center; font-family: 'ZalandoSans-Regular'; flex: 0 1 150px;}
.res-fixta-lft .tornado-list ul li span img { max-height: 18px;}

.pass-txt { float: left; width: 100%; padding: 0px; margin-top: 20px; border-radius: 25px; height: 32px; display: flex; align-items: center; gap: 10px; font-size: 16px; color: #005FFF; font-family: 'ZalandoSans-Bold';}
.pass-txt img { width: auto;}

.tornado-share { float: left; margin-top: 20px;}
.tornado-share a { display: block;}
.tornado-share a img { transition: all 0.4s ease; float: left;}
.tornado-share a:hover img { opacity: 0.6;}

.tornar-btn { float: left; width: 100%; margin-bottom: 20px;}
.tornar-btn a { transition: all 0.4s ease; border: 2px solid rgba(156, 156, 156, 0.22); color: rgba(0, 0, 0, 0.5); letter-spacing: -0.46px; font-size: 14px; height: 32px; display: inline-flex; align-items: center; border-radius: 25px; padding: 0 15px; gap: 10px;}
.tornar-btn a img { width: auto;}
.tornar-btn a:hover { background: #000000; border-color: #000000; color: #ffffff;}
.tornar-btn a:hover img { filter: brightness(0) invert(1);}

.res-nav {position:relative;  display:flex; align-items:center;  justify-content: center; gap:20px; margin-top: 40px; display: none;}
.res-nav button {border:0; background:transparent; color:#363636; cursor:pointer; font-size:16px; font-family: 'ZalandoSans-Regular'; transition: all 0.4s ease;}
.res-nav button img { float: left;}
.res-arrows {width:86px; height:86px; background:#005fff; border-radius:50%; display:flex; align-items:center; justify-content:center; gap:8px; }
.res-nav button:hover { color: #005FFF;}


/***********attracions***************/
.attr-sec .nectar-split-heading  { color: #000000; font-size: 90px; line-height: 1.1; letter-spacing: -2.6px; font-family: 'ZalandoSans-Regular'; margin-bottom: 25px;}
.attr-sec .nectar-split-heading .word { opacity: 1; mask-image: none; }
.attracion-list { float: left; width: 100%; }
.attracion-list ul { display: flex; flex-wrap: wrap; column-gap: 3%; row-gap: 60px;}
.attracion-list ul li { flex: 0 1 31.3%; position: relative;}
.attracion-list ul li .attr-img { float: left; width: 100%; overflow: hidden; border-radius: 16px; position: relative;}
.attracion-list ul li .attr-img img { float: left; width: 100%; transition: all 0.6s ease;}
.attracion-list ul li .attr-info { float: left; width: 100%; padding: 20px 0 0 0; display: flex; flex-wrap: wrap; gap: 10px; flex-direction: column;}
.attracion-list ul li .attr-info h5 { color: #005FFF; font-size: 18px; line-height: 1.1; letter-spacing: -0.5px; font-family: 'ZalandoSans-Light';}
.attracion-list ul li .attr-info h3 { color: #000000; font-size: 35px; line-height: 1.1; letter-spacing: -1px; font-family: 'ZalandoSans-Regular'; position: relative; align-self: flex-start;}
.attracion-list ul li .attr-info h3::after { content: ''; position: absolute; width: 100%; transform: scaleX(0); border-radius: 5px; height: 0.05em;
  bottom: 0; left: 0; background: currentcolor; transform-origin: bottom right; transition: transform 0.45s ease-out;}
.attracion-list ul li:hover .attr-info h3::after { transform: scaleX(1); transform-origin: bottom left;}
.attracion-list ul li:hover .attr-img img { transform: scale(1.05);}

.fast-nav { position: absolute; top: 20px; left: 20px; background: rgba(255, 255, 255, 0.9); outline: 2px solid rgba(0, 95, 255, 0.36); padding: 0 15px; border-radius: 25px; height: 32px; display: flex; align-items: center; gap: 10px; font-size: 16px; color: #005FFF; font-family: 'ZalandoSans-Bold';}
.attracion-list .attr-img .fast-nav img { width: auto;}

/* Cursor styles */
.cursor { position: fixed; top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  
  display: flex;
  justify-content: center;
  align-items: center;
  
  width: 25px;
  height: 25px;
  border-radius: 100%;
  background-color: transparent;
  opacity: 0;
  position: fixed;
  pointer-events: none;
  transition: all .3s ease;
  z-index: 5;
}
body:hover .cursor {
  opacity: 1;
}
body:hover .cursor.hover {
  width: 90px;
  height: 90px;
  background-color: #005FFF;
   transition: width .3s, height .3s, opacity .3s;
}
/* body:hover .cursor.click {
  width: 20px;
  height: 20px;
} */
/* body:hover .cursor.hover.click {
  width: 75px;
  height: 75px;
} */
.cursor .cursor-content {
  color: #ffffff;
  opacity: 0;
  line-height: 1;
  transition: opacity .3s, scale .3s;
  transform: scale(0);
}
.cursor.hover .cursor-content {
  opacity: 1;
  transform: scale(1);
}

.carr-btn { float: left; width: 100%; text-align: center; margin-top: 80px;}
.carr-btn a { background: #005FFF; transition: all 0.4s ease; color: #ffffff; outline: 2px solid rgba(0, 95, 255, 0.25); font-size: 16px; letter-spacing: -0.44px; display: inline-flex; flex-wrap: wrap; gap: 10px; align-items: center; height: 54px; padding: 0 25px; border-radius: 50px;}
.carr-btn a:hover { background: #121213; outline-color: rgba(0, 0, 0, 0.25);}


.el-pot-sec { float: left; width: 100%; margin-bottom: 80px;}
.el-pot-sec h2 { font-size: 55px; line-height: 1; color: #000000; letter-spacing: -2px; font-family: 'ZalandoSans-Medium'; margin-bottom: 30px;}
.el-pot-sec ul { display: flex; flex-wrap: wrap; column-gap: 4%; row-gap: 40px;}
.el-pot-sec ul li { flex: 0 1 48%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.el-pot-sec ul li .elpot-img { flex: 0 1 31%; }
.el-pot-sec ul li .elpot-img img { float: left; width: 100%; }
.el-pot-sec ul li .elpot-txt { flex: 0 1 63%; }
.el-pot-sec ul li .elpot-txt h3 { font-size: 26px; color: #000000; line-height: 1.1; letter-spacing: -0.41px; font-family: 'ZalandoSans-Light'; margin-bottom: 10px; transition: all 0.4s ease;}
.el-pot-sec ul li .elpot-txt p { font-size: 15px; color: #474747; line-height: 1.3; margin-bottom:25px;}
.el-pot-sec ul li .elpot-txt a { background: #005FFF; display: inline-flex; align-items: center; justify-content: center; padding: 0 30px; border-radius: 50px; font-size: 16px; color: #ffffff;
font-family: 'ZalandoSans-Regular'; letter-spacing: -0.44px; height: 45px; transition: all 0.4s ease; margin-top: 0px;} 
.el-pot-sec ul li .elpot-txt a:hover { background: #000000; }
.el-pot-sec ul li:hover .elpot-txt h3 { color: #005FFF;}


.attr-list { float: left; width: 100%; margin-bottom: 40px;}
.attr-list ul { display: flex; flex-wrap: wrap; column-gap: 20px; }
.attr-list ul li { flex: 0 1 300px;}
.attr-list ul li .nice-select { border: 2px solid rgba(0, 95, 255, 0.36); border-radius: 50px; height: 55px; padding: 0 25px; line-height: 55px; color: #000000; font-size: 16px; letter-spacing: -0.7px; background: #ffffff;}
.attr-list ul li .nice-select::after { border-bottom: 2px solid #000000; border-right: 2px solid #000000; right: 25px;}
.attr-list ul li .nice-select ul.list { row-gap: inherit;}
.attr-list ul li .nice-select ul.list li { flex: 0 1 100%; text-align: left; font-size: 16px; line-height: 34px; color: #000000;}
.attr-list ul li .nice-select .option:hover { color: #ffffff !important;}


/*******attracion fixta******/
.tornado-cnt { float: left; width: 100%; margin-top: 50px;}
.tornado-pad { float: left; width: 100%; padding: 0 17%; border-bottom: 1px solid #000000; padding-bottom: 80px; position: relative;}
.tornado-img { float: left; width: 100%; margin-bottom: 40px;}
.tornado-img ul { display: flex; flex-wrap: wrap; row-gap: 15px;}
.tornado-img ul li { flex: 0 1 100%;}
.tornado-img ul li img { float: left; width: 100%;}
.tornado-pad p { font-size: 16px; color: #2D323F; line-height: 1.5; margin-bottom: 20px; font-family: 'ZalandoSans-Light';}
.tornado-pad p:last-child { margin-bottom: 0;}
.moreless-button { display: none;}
.scroll-button { position: absolute; bottom: 90px; right: 0;}

.related-slider { float: left; width: 100%; margin: 100px 0;}
.related-inn { float: left; width: 100%; position: relative;}
.related-slider h2 { font-size: 55px; line-height: 1; color: #000000; font-family: 'ZalandoSans-Medium'; letter-spacing: -2px; margin-bottom: 50px;}

.related-slider .swiper-slide .attr-img { float: left; width: 100%; overflow: hidden; border-radius: 16px; position: relative;}
.related-slider .swiper-slide .attr-img img { float: left; width: 100%; transition: all 0.6s ease;}
.related-slider .swiper-slide .attr-info { float: left; width: 100%; padding: 20px 0 0 0; display: flex; flex-wrap: wrap; gap: 10px; flex-direction: column;}
.related-slider .swiper-slide .attr-info h5 { color: #005FFF; font-size: 18px; line-height: 1.1; letter-spacing: -0.5px; font-family: 'ZalandoSans-Light';}
.related-slider .swiper-slide .attr-info h3 { color: #000000; font-size: 35px; line-height: 1.2; letter-spacing: -1px; font-family: 'ZalandoSans-Regular'; position: relative; align-self: flex-start;}
.related-slider .swiper-slide .attr-info h3::after { content: ''; position: absolute; width: 100%; transform: scaleX(0); border-radius: 5px; height: 0.05em;
  bottom: 0; left: 0; background: currentcolor; transform-origin: bottom right; transition: transform 0.45s ease-out;}
.related-slider .swiper-slide .fast-nav img { width: auto;}
.related-slider .swiper-slide:hover .attr-info h3::after { transform: scaleX(1); transform-origin: bottom left;}
.related-slider .swiper-slide:hover .attr-img img { transform: scale(1.05);}

.related-slider .ver-totes-btn { position: absolute; top: 10px; right: 0;}
.related-slider .ver-totes-btn a { background: #005FFF; display: inline-flex; align-items: center; justify-content: center; padding: 0 30px; border-radius: 50px; font-size: 16px; color: #ffffff;
font-family: 'ZalandoSans-Regular'; letter-spacing: -0.44px; height: 45px; transition: all 0.4s ease; margin-top: 0px;} 
.related-slider .ver-totes-btn a:hover { background: #000000; }

.related-slider .swiper-btm { display: none; float: left; width: 100%; margin-top: 20px;}
.related-slider .swiper-nav-rel {  position: relative; bottom: auto; padding: 0px 0px; z-index: 1; float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.related-slider .swiper-container-horizontal > .swiper-pagination-bullets{width: auto; bottom: auto; text-align: right; justify-content: left; position: relative; right: auto; left: 0; top:inherit; margin-top: 55px;}
.related-slider .swiper-pagination-bullet { background-color: rgba(0, 0, 0, 0.25); border: none; width: 8px; height: 8px; opacity: 1;transition:all .5s ease;}
.related-slider .swiper-pagination-bullet-active, .related-slider .swiper-pagination-bullet:hover { background-color: #005FFF; border-radius: 25px;}
.related-slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 15px 0px 0px;}

.related-slider .swiper-button{ width: 65px; height: 38px; bottom: 0; align-items: center; justify-content: space-between; position: relative; right: 0; left: auto; top:inherit; display: flex; column-gap: 10px; background: #005FFF; border: 0px solid rgba(247,180,2,0.44); border-radius: 50px; padding: 0px 15px; }
.related-slider .swiper-button-prev-rel img, .related-slider .swiper-button-next-rel img { float: left; cursor: pointer;}
.related-slider .swiper-button-prev-rel:hover, .related-slider .swiper-button-next-rel:hover{opacity: 0.7; } 

/**********serveis************/
.serveis-list { float: left; width: 100%; margin-top: 50px;}
.serveis-list ul { display: flex; flex-wrap: wrap; column-gap: 4%; row-gap: 40px;}
.serveis-list ul li { flex: 0 1 48%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.serveis-list ul li a { display: flex; flex-wrap: wrap; align-items: center; gap: 28px; width: 100%;}
.serveis-list ul li .serveis-ico { transition: all 0.4s ease; flex: 0 1 102px; background: rgba(0, 95, 255, 0.10); height: 102px; border-radius: 7px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.serveis-list ul li .serveis-ico img { width: auto; }
.serveis-list ul li .serveis-info { flex: 0 1 calc(100% - 130px); }
.serveis-list ul li .serveis-info h3 { font-size: 30px; color: #000000; line-height: 1; letter-spacing: -1.1px; font-family: 'ZalandoSans-Medium'; margin-bottom: 10px; transition: all 0.4s ease;}
.serveis-list ul li .serveis-info p { font-size: 16px; color: #474747; line-height: 1.3; margin-bottom:0px; font-family: 'ZalandoSans-Light'; }

.serveis-list ul li:hover .serveis-info h3 { color: #005FFF;}
.serveis-list ul li:hover .serveis-ico { background: #005FFF;}
.serveis-list ul li:hover .serveis-ico img { filter: brightness(0) invert(1);}
.mb-0 { margin-bottom: 0px;}

.diversio-sec.compra-div { margin: 140px 0 0 0;}
.diversio-sec.compra-div .compra-sec { margin: 0;}
.prepara-sec.servei-sec h2 { line-height: 0.9;}


/**********borse de treball************/
.borsa-sec { float: left; width: 100%; background: rgba(0, 95, 255, 0.10); padding: 60px 0 80px;}
.borsa-pad { float: left; width: 100%; padding: 0 8%;}
.present-sol-sec { float: left; width: 100%; padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid #000000;}
.present-sol-sec:last-child { border: none; margin: 0; padding: 0;}
.present-sol-sec h3 { font-size: 50px; line-height: 1.1; color: #000000; letter-spacing: -0.93px; margin-bottom: 10px;}
.present-sol-sec p { font-size: 16px; color: #2D323F; line-height: 1.3; margin-bottom:0px; font-family: 'ZalandoSans-Light'; }
.present-sol-sec ul { float: left; width: 100%; margin-top: 50px; column-gap:1%; display: flex; flex-wrap: wrap; row-gap: 10px;}
.present-sol-sec ul li { flex: 0 1 49.5%;}
.present-sol-sec ul li input[type="text"] { width: 100%; height: 55px; padding: 0 25px; border-radius: 50px; border: 2px solid rgba(0, 95, 255, 0.36); font-family: 'ZalandoSans-Regular'; font-size: 16px; letter-spacing: -0.7px; color: rgba(0, 0, 0, 0.45);}
.present-sol-sec ul li input::-webkit-input-placeholder {color:rgba(0, 0, 0, 0.45);}
.present-sol-sec ul li input:-moz-placeholder {color:rgba(0, 0, 0, 0.45); opacity:1;}
.present-sol-sec ul li input::-moz-placeholder {color:rgba(0, 0, 0, 0.45); opacity:1;}
.present-sol-sec ul li input:-ms-input-placeholder {color:rgba(0, 0, 0, 0.45);}
.present-sol-sec ul li input::-ms-input-placeholder {color:rgba(0, 0, 0, 0.45);}
.present-sol-sec ul li input::placeholder {color:rgba(0, 0, 0, 0.45);}

.check-list { float: left; width: 100%; margin-top: 30px;}
.check-list ul li h4 { font-size: 20px; line-height: 1; color: #000000; letter-spacing: -0.48px; font-family: 'ZalandoSans-SemiBold'; margin-bottom: 20px;}
.check-list ul { display: flex; flex-wrap: wrap; margin: 0; row-gap: 15px; column-gap: 4%;}
.check-list ul li { flex: 0 1 22%;}
.check-list ul li ul li { flex: 0 1 100%;}
.check-list ul li ul li .checkbox + .checkbox {margin-top:-5px;}
.check-list ul li ul li .checkbox {position:relative; display:block; }
.check-list ul li ul li .checkbox label {min-height:20px; padding-left:0px; margin-bottom:0; font-size:16px; letter-spacing: -0.58px;  font-family: 'ZalandoSans-Regular'; cursor:pointer; display: flex;  gap: 10px;}
.check-list ul li ul li input[type="checkbox"] { border-radius: 2px; top: 3px; position:relative; margin:0px 0 0; -webkit-appearance:none; -moz-appearance:none; outline:1px solid #A7A7A7 !important; width:14px; height:14px; outline-offset:0px !important; margin-left:0px; border:1px solid transparent; background: #ffffff; transform:translate3d(0);}
/* .check-list ul li input[type="checkbox"]:focus {box-shadow:0px 0px 3px 2px rgba(0, 133, 194, 0.5)} */
.check-list ul li ul li input[type="checkbox"]:checked {box-shadow:0 0 0 10px #0072c5 inset; border-radius: 3px; }
/* .check-list ul li input[type="checkbox"]:checked:focus {box-shadow:0 0 0 10px #0072c5 inset, 0px 0px 3px 2px rgba(0, 133, 194, 0.5);} */
.vehicle-list ul li .nice-select { border: 2px solid rgba(0, 95, 255, 0.36); border-radius: 50px; height: 55px; padding: 0 25px; line-height: 55px; color: #000000; font-size: 16px; letter-spacing: -0.7px; background: #ffffff;}
.vehicle-list ul li .nice-select::after { border-bottom: 2px solid #000000; border-right: 2px solid #000000; right: 25px;}
.vehicle-list ul li .nice-select ul.list { row-gap: inherit;}
.vehicle-list ul li .nice-select ul.list li { flex: 0 1 100%; text-align: left; font-size: 16px; line-height: 34px; color: #000000;}
.vehicle-list ul li .nice-select .option:hover { color: #ffffff !important;}

.vehicle-list ul { margin: 20px 0 0 0;}
.vehicle-list .check-list h4 { font-size: 20px; line-height: 1; color: #000000; letter-spacing: -0.48px; font-family: 'ZalandoSans-SemiBold'; margin-bottom: 20px;}
.vehicle-list .check-list ul { margin-bottom: 20px; margin-top: 0;}
.vehicle-list .check-list ul:last-child { margin-bottom: 0;}
.vehicle-list .check-list ul li { flex: 0 1 20%;}
.vehicle-list .check-list ul li input[type="checkbox"] { border-radius: 2px; position:relative; margin:0px 0 0; -webkit-appearance:none; -moz-appearance:none; outline:1px solid #A7A7A7 !important; width:14px; height:14px; outline-offset:0px !important; margin-left:0px; border:1px solid transparent; background: #ffffff; transform:translate3d(0); top:3px;}
.vehicle-list .check-list ul li input[type="checkbox"]:checked {box-shadow:0 0 0 10px #0072c5 inset; border-radius: 3px; }
.vehicle-list .check-list ul li .checkbox label {min-height:20px; padding-left:0px; margin-bottom:0; font-size:16px; letter-spacing: -0.58px;  font-family: 'ZalandoSans-Regular'; cursor:pointer; display: flex; gap: 10px;}
.vehicle-list .check-list ul.single-row li { flex: 0 1 100%;}

.present-sol-sec .vehicle-list .single-row li .checkbox label p { font-family: 'ZalandoSans-Regular';}

/* Upload Section */
.upload-section { background: #ffffff; height: 55px;padding: 0 25px; border-radius: 50px; border: 2px solid rgba(0, 95, 255, 0.36); margin-bottom: 0px; position: relative;}
/* File input is hidden, and only the label is used as the button */
.upload-section input[type="file"] { display: none;}
/* Button style for the upload button */
.upload-button { display: flex; color: #000000; font-family: 'ZalandoSans-Regular'; letter-spacing: -0.7px; font-size: 16px; padding: 0px; border-radius: 6px; /* Rounded corners */
cursor: pointer; text-decoration: none;line-height: 55px;}
.upload-button::after { position: absolute; display: block; content: ""; background: url(../images/attach.svg) no-repeat 0 0; right: 30px; top: 20px; width: 16px; height: 16px;}

.borsa-btn { float: left; width: 100%; margin-top: 40px;}
.borsa-btn a { background: #005FFF; transition: all 0.4s ease; margin-top: 0px; color: #ffffff; font-size: 17px; font-family: 'ZalandoSans-SemiBold'; display: inline-flex; flex-wrap: wrap; gap: 15px; align-items: center; align-self: flex-start; height: 54px; padding: 0 40px; border-radius: 50px;}
.borsa-btn a:hover { background: #fff; color: #005FFF; }

.borsa-mob-txt { float: left; width: 100%; margin-top: 32px; display: none; }
.borsa-mob-txt p { color: #191919; font-size: 14px; line-height: 1.4; font-family:'ZalandoSans-Light'; margin-bottom: 12px; }
.borsa-mob-txt p:last-child { margin-bottom: 0px; }


/*********seo*************/
.atraccions-slider { float: left; width: 100%; margin: 50px 0; position: relative;}
.atraccions-slider .swiper-slide .attr-slide img { float: left;}

.atraccions-slider .swiper-nav-rel { position: absolute; bottom: 30px; padding: 0px 40px; z-index: 1; float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-top: 0px; }
.atraccions-slider .swiper-container-horizontal > .swiper-pagination-bullets{width: auto; bottom: auto; text-align: right; justify-content: left; position: relative; right: auto; left: 0; top:inherit; margin-top: 55px;}
.atraccions-slider .swiper-pagination-bullet { background-color: rgba(255, 255, 255, 0.66); border: none; width: 8px; height: 8px; opacity: 1;transition:all .5s ease;}
.atraccions-slider .swiper-pagination-bullet-active, .atraccions-slider .swiper-pagination-bullet:hover { background-color: #005FFF; border-radius: 25px;}
.atraccions-slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 15px 0px 0px;}

.atraccions-slider .swiper-button{ width: 65px; height: 38px; bottom: 0; align-items: center; justify-content: space-between; position: relative; right: 0; left: auto; top:inherit; display: flex; column-gap: 10px; background: #005FFF; border: 0px solid rgba(247,180,2,0.44); border-radius: 50px; padding: 0px 15px; }
.atraccions-slider .swiper-button-prev-guies img, .atraccions-slider .swiper-button-next-guies img { float: left; cursor: pointer;}

/* .atraccions-slider .swiper-button-prev-guies{background: url("../images/prev-arrow-w.svg") no-repeat 0 0; background-size: cover; width: 16px; height: 16px; cursor: pointer; transition:all .5s ease; transform: rotateZ(-180deg);}
.atraccions-slider .swiper-button-next-guies{background: url("../images/ico-arrow-blue.svg") no-repeat 0 0;background-size: cover; width: 16px; height: 16px; cursor: pointer; transition:all .5s ease;} */
.atraccions-slider .swiper-button-prev-guies:hover, .atraccions-slider .swiper-button-next-guies:hover{opacity: 0.7; } 

.restaurant-slider { float: left; width: 100%;}
.restaurant-slider h2 { font-size: 55px; line-height: 1; color: #000000; font-family: 'ZalandoSans-Medium'; letter-spacing: -2px; margin-bottom: 50px;}

.restaurant-slider .swiper-slide .attr-img { float: left; width: 100%; overflow: hidden; border-radius: 16px; position: relative;}
.restaurant-slider .swiper-slide .attr-img img { float: left; width: 100%; transition: all 0.6s ease;}
.restaurant-slider .swiper-slide .attr-info { float: left; width: 100%; padding: 20px 0 0 0; display: flex; flex-wrap: wrap; gap: 10px; flex-direction: column;}
.restaurant-slider .swiper-slide .attr-info h5 { color: #005FFF; font-size: 18px; line-height: 1.1; letter-spacing: -0.5px; font-family: 'ZalandoSans-Light';}
.restaurant-slider .swiper-slide .attr-info h3 { color: #000000; font-size: 35px; line-height: 1.2; letter-spacing: -1px; font-family: 'ZalandoSans-Regular'; position: relative; align-self: flex-start;}
.restaurant-slider .swiper-slide .attr-info h3::after { content: ''; position: absolute; width: 100%; transform: scaleX(0); border-radius: 5px; height: 0.05em;
  bottom: 0; left: 0; background: currentcolor; transform-origin: bottom right; transition: transform 0.45s ease-out;}
.restaurant-slider .swiper-slide .fast-nav img { width: auto;}
.restaurant-slider .swiper-slide:hover .attr-info h3::after { transform: scaleX(1); transform-origin: bottom left;}
.restaurant-slider .swiper-slide:hover .attr-img img { transform: scale(1.05);}

.restaurant-slider .swiper-btm { display: none; float: left; width: 100%; margin-top: 20px;}
.restaurant-slider .swiper-nav-rel {  position: relative; bottom: auto; padding: 0px 0px; z-index: 1; float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.restaurant-slider .swiper-container-horizontal > .swiper-pagination-bullets{width: auto; bottom: auto; text-align: right; justify-content: left; position: relative; right: auto; left: 0; top:inherit; margin-top: 55px;}
.restaurant-slider .swiper-pagination-bullet { background-color: rgba(0, 0, 0, 0.25); border: none; width: 8px; height: 8px; opacity: 1;transition:all .5s ease;}
.restaurant-slider .swiper-pagination-bullet-active, .restaurant-slider .swiper-pagination-bullet:hover { background-color: #005FFF; border-radius: 25px;}
.restaurant-slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 15px 0px 0px;}

.restaurant-slider .swiper-button{ width: 65px; height: 38px; bottom: 0; align-items: center; justify-content: space-between; position: relative; right: 0; left: auto; top:inherit; display: flex; column-gap: 10px; background: #005FFF; border: 0px solid rgba(247,180,2,0.44); border-radius: 50px; padding: 0px 15px; }
.restaurant-slider .swiper-button-prev-res img, .restaurant-slider .swiper-button-next-res img { float: left; cursor: pointer;}
.restaurant-slider .swiper-button-prev-res:hover, .restaurant-slider .swiper-button-next-res:hover{opacity: 0.7; } 

.restaurant-slider .ver-totes-btn { position: absolute; top: 10px; right: 0;}
.restaurant-slider .ver-totes-btn a { background: #005FFF; display: inline-flex; align-items: center; justify-content: center; padding: 0 30px; border-radius: 50px; font-size: 16px; color: #ffffff;
font-family: 'ZalandoSans-Regular'; letter-spacing: -0.44px; height: 45px; transition: all 0.4s ease; margin-top: 0px;} 
.restaurant-slider .ver-totes-btn a:hover { background: #000000; }
.mb-100 { margin-bottom: 100px;}


/* Rajasekar css */
/* home page rajasekar */

.destacats-sec { float: left; width: 100%; padding: 0 0 50px 0px; overflow: hidden;}
.destacats-sec h2 { color: #000; font-size: 72px; line-height: 1.2; font-family: 'ZalandoSans-Medium'; letter-spacing: -1.14px; text-align: center; margin-bottom: 35px; }
.carousel { float: left; width: 100%; padding: 20px 0; overflow: visible; }
.carousel-cell { width: 376px; margin-right: 24px; border-radius: 16px; transition: all 0.4s ease; top: 0; }
.destcat-main { float: left; width: 100%; position: relative; border-radius: 16px; overflow: hidden; }
.destcat-main::after { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); transition: all 0.4s ease;}
.destcat-img { float: left; width: 100%; }
.destcat-img img { float: left; width: 100%; transition: all 0.4s ease;}
.destcat-txt { position: absolute; left: 0px; bottom: 0px; padding: 30px 35px; z-index: 1;}
.destcat-txt h3 { color: #fff; font-size: 32px; line-height: 1.2; font-family: 'ZalandoSans-Regular'; letter-spacing: -0.51px; margin-bottom: 15px; }
.destcat-txt span.btn { display: inline-flex; width: 105px; height: 30px; background: rgba(0, 0, 0, 0.19); border: 2px solid rgba(255, 255, 255, 0.35); border-radius: 30px; 
justify-content: center; align-items: center; padding: 0px 5px; color: #fff; font-size: 14px; letter-spacing: -0.39px; transition:all .5s ease; min-width: auto;}
.destcat-main:hover .destcat-txt span.btn { background: rgba(0, 0, 0, 0.5); }
.carousel { visibility: hidden;}
.carousel.flickity-enabled { visibility: visible;}
.destacats-sec .carousel-cell:hover { top: -10px;}
.destacats-sec .carousel-cell a:hover .destcat-img img { transform: scale(1.04);}
.destacats-sec .carousel-cell:hover .destcat-txt span.btn { background: #005cff;}

.destacats-sec .flickity-viewport { overflow: inherit;}

.inline-image-sec { float: left; width: 100%; padding: 55px 0px 70px; }
.inline-text {float: left; width: 100%; text-align: center;}
.inline-text h2 {font-size: 90px;line-height: 1.1;font-family: 'ZalandoSans-Bold';letter-spacing: -0.01px;text-transform: uppercase;}
.inline-img {display: inline-block;width: 0; height: 112px; overflow: hidden;vertical-align: middle;transition: width 0.85s ease; position: relative; clip-path: inset(8% 5% round 10px);}
.inline-img img {height: 100%;width: auto; object-fit: cover; position: absolute; top:0px; left: 50%;transform: translateX(-50%);transition: width 0.85s ease;}
.inline-img.visible {width: 151px; }
.word {display: inline-block;opacity: 0.15;transition: all 0.85s ease;mask-image: linear-gradient(90deg,#fff 33.3%,rgba(255,255,255,.3) 66.6%);mask-position: 100% 100%;
mask-size: 300% 100%;}
.word.visible {opacity: 1;mask-position: 0 100%;}

.atraccion-sec { float: left; width: 100%; padding: 70px 0px 100px; overflow: hidden;}
.atraccion-div { float: left; width: 100%; position: relative; }
.atraccion-div h2 { color: #000; font-size: 72px; line-height: 1.2; font-family: 'ZalandoSans-Medium'; letter-spacing: -1.14px; }
.btn-div { position: absolute; right: 0px; top:15px; }
a.tot-btn { display: flex; align-items: center; justify-content: center; height: 57px; width: 181px; border-radius: 30px; background: #005FFF;
color: #fff; font-size: 16px; font-family: 'ZalandoSans-Regular'; letter-spacing: -0.44px; transition:all .5s ease; }
a.tot-btn:hover { background: #121213; }

.attraction-list {float: left; width: 100%;position: relative; margin-top: 35px; }
.list-item { float: left; width: 100%; position: relative;padding: 0px 0px;border-bottom: 1px solid #000000;overflow: visible; transition: background 0.3s ease, color 0.3s ease; }
.list-item a { float: left; width: 100%; padding: 30px 20px 30px 0px; position: relative;}
.list-item a .list-in { display: flex;align-items: center;justify-content: space-between; }
.list-item:first-child { border-top: 1px solid #000000; }
.list-item h2 { color: #000; font-size: 50px;line-height: 1; font-family: 'ZalandoSans-Light'; z-index: 2; pointer-events: none; transition: transform .6s ease,color .6s ease;
transition: all 0.85s cubic-bezier(0.4,0,0.3,1);mask-image: linear-gradient(90deg,#fff 33.3%,rgba(255,255,255,0.1) 66.6%);
mask-position: 100% 100%;mask-size: 300% 100%;display: inline-block;width: auto;}
.atraccion-sec.active .list-item h2 { mask-position: 0 100%; }

.arrow { transition: transform .6s ease,color .6s ease; }
.list-item:hover h2 { color: #fff; transform: translateX(1rem); }
.list-item:hover .arrow { transform: translateX(-1rem); }
.list-item a::before{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;content: "";display: block;background-color: #000; transform: scaleY(0);
transform-origin: bottom;transition: transform .6s ease;}
.list-item a:hover::before { transform: scaleY(1); }

.hover-img {position: absolute;left: -10vw;top: calc((10vw / 1.3) * -1);width: 20vw;height: auto;object-fit: cover;border-radius: 12px;pointer-events: none;
opacity: 0;visibility: hidden;transform: translate(-50%, -50%) scale(0.8);transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
z-index: 5;aspect-ratio: 4/3;will-change: left, top, transform;background-size: cover;background-position: center; }
.list-item.active .hover-img {opacity: 1;visibility: visible;transform: translate(-50%, -50%) scale(1);}

.list-item {--hover-easing: cubic-bezier(.1, .75, .5, 1); }
.list-item.active .hover-img {animation: image_follow_scale 0.6s var(--hover-easing) forwards;will-change: transform, clip-path, opacity;}
@keyframes image_follow_scale {
  from {
    clip-path: inset(20% 20% 20% 20% round 12px);
  }

  to {
    clip-path: inset(0% 0 0 0 round 12px);
  }
}

.home-video-sec { float: left; width: 100%; }
.ww-video-wrap { position: relative; height: 625px;}
.ww-video-div { float: left; width: 100%; border-radius: 20px; overflow: hidden; height: 625px; }
.ww-video-div video { float: left; width: 100%; height: 100%; object-fit: cover; }
.sticky-area { position: absolute; inset: 0; z-index: 2; padding-left: 25px; padding-top: 25px; padding-bottom: 25px;}
.play-btn { position: sticky; left: 25px; top:250px; z-index: 2; width: max-content; transition: transform 0.4s ease; } 
.play-btn a { backdrop-filter: blur(20px); display: inline-flex; width: 105px; height: 30px; background: rgba(0, 0, 0, 0.19); border: 2px solid rgba(255, 255, 255, 0.35); border-radius: 30px; 
justify-content: center; align-items: center; padding: 0px 5px; color: #fff; font-size: 14px; overflow: hidden; position: relative;}
.text-reveal { transition: transform .55s cubic-bezier(.25,1,.33,1) !important; display: block; }
.text-reveal::after { transition: transform .55s cubic-bezier(.25,1,.33,1); bottom: -120%; content: attr(data-text); left: 0; position: absolute;}
.play-btn a:hover .text-reveal::after {transform: translateY(-20%);}
.play-btn a:hover .text-reveal { transform: translateY(-100%); } 

/* contacte page */
.contact-main-sec { float: left; width: 100%; padding: 5px 0px 45px; }
.contact-tit-div { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; }
.contact-tit-lft h1 { color: #000; font-size: 90px; line-height: 1; font-family: 'ZalandoSans-Regular'; letter-spacing: -2.52px; }
ul.contact-lst { display: flex; flex-wrap: wrap; column-gap: 70px; }
ul.contact-lst li { flex: 0 1 auto; display: flex; column-gap: 15px; align-items: center; color: #000; font-size: 18px; line-height: 1; font-family: 'ZalandoSans-Medium'; letter-spacing: -0.56px; }

.formulari-sec { float: left; width: 100%; padding: 55px 0px 85px; background: rgba(0, 95, 255, 0.0951);}
.formulari-title { float: left; width: 100%; }
.formulari-title h2 { color: #000; font-size: 55px; line-height: 1; font-family: 'ZalandoSans-Light'; letter-spacing: -1.02px; }
.formulari-title p { color: #2D323F; font-size: 16px; line-height: 1.4; font-family: 'ZalandoSans-Light'; margin-top: 10px; display: none;}
.contact-out { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 4%; justify-content: space-between; margin-top: 25px; }
.contact-lft { flex: 0 1 48%; }
.contact-form { float: left; width: 100%; }
.contact-form .form-box .frm-input { float: left; width: 100%; margin-bottom: 11px; position: relative;}
.contact-form .form-box .frm-input .floating-label-group { float: left; width: 100%; position: relative;}
.contact-form .form-box input[type="text"], .form-box textarea { width:100%; color:rgba(0,0,0,1); font-family: 'ZalandoSans-Regular'; padding: 10px 22px 10px; height: 55px; border-radius: 28px; border: 2px solid rgba(0, 95, 255, 0.35); font-size:16px; transition: all .5s ease; background:rgba(255, 255, 255, 1); letter-spacing: -0.7px; }
.contact-form .form-box input[type="text"]:focus, .contact-form .form-box textarea:focus { border: 2px solid rgba(0, 95, 255, 0.70); }
.contact-form .form-box textarea { resize:none; border-radius: 28px; height:200px; line-height:22px; padding: 15px 20px 10px; color:rgba(0,0,0,1);}
.contact-form .form-box .frm-input .floating-label { color:rgba(0,0,0,0.48); cursor: pointer; font-size: 16px; line-height:24px; font-family: 'ZalandoSans-Regular'; width: auto; letter-spacing: -0.7px; display: inline-block; }
.contact-form .form-box .frm-input .floating-label span { color: #ffffff;}
.contact-form .floating-label { position: relative; }
.contact-form .floating-label { position: absolute; pointer-events: none; top: 15px; left: 22px; transition: all 0.5s ease;}
.contact-form input:focus ~ .floating-label, .contact-form input:not(:focus):valid ~ .floating-label, 
.contact-form textarea:focus ~ .floating-label, .contact-form textarea:not(:focus):valid ~ .floating-label { top: -5px; bottom: auto; left: 22px; font-size: 12px !important; opacity: 1; color: #005FFF !important; font-family: 'ZalandoSans-Regular' !important; background: #ffffff; line-height: 12px !important; padding: 0 10px; letter-spacing: -0.7px;}

.contact-rht { flex: 0 1 42%;}
.contact-rht p {color: #2D323F; font-size: 14px; line-height: 1.4; font-family: 'ZalandoSans-Light'; margin-bottom: 15px; }
.contact-rht p span { font-family: 'ZalandoSans-Medium'; }
.contact-out .frm-input.checkbox { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 6px; margin-bottom: 0;}
.contact-out .frm-input.checkbox > div { flex: 0 1 100%;}
.contact-out .frm-input.checkbox input {  height: 1px; left: 0; position: absolute; top: 0; visibility: hidden; width: 1px;}
.contact-out .frm-input.checkbox label { color: #252D31; cursor: pointer; font-family: 'ZalandoSans-Light'; font-size: 14px; padding-left: 25px; position: relative; float: left; width: auto; line-height:20px; margin-bottom:0px; text-align:left;}
.contact-out .frm-input.checkbox label::before {  background: none; content: ""; height: 14px; left: 0; position: absolute; top: 4px; transition: all 0.3s ease-in-out 0s; width: 14px; border-radius: 0px; z-index: 9; }
.contact-out .frm-input.checkbox label::after { background: rgba(255, 255, 255, 1); content: ""; width: 14px; height: 14px;left: 0; position: absolute; top: 4px; border-radius: 0px; border: 1px solid #D3D3D3;}
.contact-out .frm-input.checkbox input:checked + label::before {background: #005FFF; }
.contact-out .frm-input.checkbox:last-child label { padding-bottom: 0; }
.contact-out .frm-input.checkbox span { font-size:9px; color: #252D31; float: none; width:100%; line-height:16px; letter-spacing: 0.4px; }
.contact-out .frm-input.checkbox span a {color: #252D31; text-decoration:underline; transition:all .5s ease; }
.contact-out .frm-input.checkbox span a:hover { color:#252D31; } 
.contact-out .frm-input:last-child { margin-bottom: 0; margin-top: 10px; }
.contact-out .frm-input.checkbox label a { text-decoration: underline; color: #005FFF; font-family: 'ZalandoSans-Medium'; transition:all .5s ease;}
.contact-out .frm-input.checkbox label a:hover { color: #252D31; }
.contact-out .btn-ctr { float: left; width: 100%; margin-top: 30px; }
.contact-out button { width: 175px; cursor: pointer; height: 57px; color: #fff; display: inline-flex; align-items: center; justify-content: center; border-radius: 29px; font-family: 'ZalandoSans-Regular'; font-size: 16px; line-height: 24px; border: none; 
padding: 0px 25px; background: #005FFF; transition:all .5s ease; letter-spacing: -0.44px; }
.contact-out button:hover { background: #121213; }
.frm-input-mob { display: none;}

.contact-map-sec { float: left; width: 100%; }
.contact-map-sec #map { float: left; width: 100%; height: 488px; }

/* faq page */
ul.faq-filter-menu { float: left; width: 100%; display: flex; flex-wrap: nowrap; column-gap: 16px; margin-top: 15px; }
ul.faq-filter-menu li { flex: 0 1 auto; }
ul.faq-filter-menu li a { height: 58px; display: flex; align-items: center; padding: 0px 47px; border: 2px solid #696969; border-radius: 29px; 
color: #424242; font-size: 16px; font-family: 'ZalandoSans-Light'; transition:all .5s ease; }
ul.faq-filter-menu li a:hover, ul.faq-filter-menu li a.active { color: #fff; background: #005FFF; border: 2px solid #ccdfff; }

.preguntes-faq { margin: 50px 0 80px; }
.preguntes-faq h3 { font-size: 65px; line-height: 1; font-family: 'ZalandoSans-Light'; }
.preguntes-faq .accordion-content { padding-right: 115px; }
.preguntes-faq .accordion-content p { font-size: 16px; letter-spacing: 0px; }
.preguntes-faq .accordion-content p a { color: #005FFF; font-family: 'ZalandoSans-Bold'; text-decoration: underline; transition:all .5s ease; }
.preguntes-faq .accordion-content p a:hover { color: #121213;}

.preguntes-faq .accordion-item { display: none; /* All items hidden by default */ }

.more-btn-div { float: left; width: 100%; display: flex; justify-content: center; margin-top: 60px; }
button.faq-more-btn { display: flex; align-items: center; justify-content: center; column-gap: 10px; height: 57px; width: 255px; border-radius: 30px; border: none; background: #005FFF;
color: #fff; font-size: 16px; font-family: 'ZalandoSans-Regular'; letter-spacing: -0.44px; transition:all .5s ease; cursor: pointer;}
button.faq-more-btn:hover { background: #121213; }
button.faq-more-btn img { float: left; transition:all .5s ease; }
.faq-more-btn:disabled img {transform: rotate(180deg); }

/* Botiga page */
.botiga-sec { float: left; width: 100%; padding: 60px 0px 115px; background: #f6f9fe; }
.botiga-sec h2 { color: #000; font-size: 80px; line-height: 1.1; font-family: 'ZalandoSans-Light'; letter-spacing: -2.24px; text-align: center;}
ul.botiga-lst { float: left; width: 100%; display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 32px; margin-top: 45px; }
ul.botiga-lst li { flex: 0 1 32%; transition: all 0.5s ease; position: relative; top:0px;}
ul.botiga-lst li a { float: left; width: 100%; border: 2px solid rgba(0, 95, 255, 0.17); border-radius: 11px; padding: 20px 20px; background: #ffffff; position: relative;
height: 345px;display: flex;flex-wrap: wrap;flex-direction: column;text-align: center;align-items: center;justify-content: center; box-shadow: 0px 5px 10px rgba(0, 38, 79, 0.13); transition: all 0.5s ease;}
.botiga-ico { float: left; width: 100%; height: 80px; display: flex; align-items: center; justify-content: center; margin-bottom: 50px;}
.botiga-info { float: left; width: 100%; }
.botiga-info h3 { color: #000; font-size: 35px; line-height: 1.1; font-family: 'ZalandoSans-Regular'; letter-spacing: -1px; margin-bottom: 10px; transition:all .5s ease;}
.botiga-info p { color: #2D323F; font-size: 18px; line-height: 1.3; font-family: 'ZalandoSans-Light'; letter-spacing: -0.5px; margin-bottom: 20px; transition:all .5s ease;}
.botiga-info span { color: #005FFF; font-size: 16px; text-decoration: underline; letter-spacing: -0.44px; font-family: 'ZalandoSans-Medium'; transition:all .5s ease;}

ul.botiga-lst li:hover { top: -15px; }
ul.botiga-lst li a:hover { background: #005FFF; border: 2px solid #005FFF; box-shadow: 0 10px 30px rgba(0, 18, 45, 0.31); }
ul.botiga-lst li a:hover .botiga-info h3, ul.botiga-lst li a:hover .botiga-info p, ul.botiga-lst li a:hover .botiga-info span { color: #fff; }
ul.botiga-lst li a:hover .botiga-ico img { filter: brightness(0) invert(1); }

.confirm-sec { float: left; width: 100%; background: #004AC6; padding: 25px 0px; text-align: center; border-bottom: 2px solid rgba(255, 255, 255, 0.35);}
.confirm-sec p a { color: #fff; font-size: 30px; line-height: 1.1; font-family: 'ZalandoSans-Regular'; letter-spacing: -1.25px; text-decoration: underline; transition:all .5s ease; }
.confirm-sec p a:hover { opacity: 0.7;}

#mobile-botiga { display: none;}

/* Basic styles for the popup */
.popup-overlay-div {display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 25, 49, 0.65); /* Semi-transparent background */
justify-content: center;align-items: center;z-index: 9999;opacity: 0; transition: opacity 0.3s ease; }
.popup {background: white;padding: 45px 30px;border-radius: 10px; max-width: 450px; width: 90%;text-align: center;position: relative;transform: translateY(-50px);transition: transform 0.3s ease, opacity 0.3s ease; opacity: 0;}
.popup h2 { color: #000; font-size: 50px; line-height: 1; letter-spacing: -1.44px; font-family: 'ZalandoSans-Regular'; margin-bottom: 10px; }
.popup p { color: #2D323F; font-size: 16px; line-height: 1.4; font-family: 'ZalandoSans-Light'; margin-bottom: 10px; }
.cart-btn { background: #005FFF; transition: all 0.4s ease; color: #ffffff; outline: 2px solid rgba(0, 95, 255, 0.25); font-size: 16px; letter-spacing: -0.44px; display: inline-flex; flex-wrap: wrap; gap: 20px; align-items: center; height: 55px; padding: 0 22px; border-radius: 50px; margin-top: 15px;}
.cart-btn:hover { background: #121213; outline-color: rgba(0, 0, 0, 0.25);}
.close-popup-btn {position:absolute; top:-25px; left:50%; transform:translateX(-50%); width:50px; height:50px; border-radius:50%; background:#005fff; color:#fff; border:2px solid rgba(255,255,255,.23); font-size:28px; display: flex; align-items: center; justify-content: center;  cursor:pointer;}

#popupOverlay3 .popup { padding: 60px 15px 15px; }
.servei-ico-div { float: left; width: 100%; margin-bottom: 20px; display: flex; justify-content: center; }
#popupOverlay3 .popup h2 { font-size: 35px; letter-spacing: -0.9px; margin-bottom: 12px; }
#popupOverlay3 .popup p {color: #151515;font-size: 16px;line-height: 1.4;font-family: 'ZalandoSans-Light';margin-bottom: 30px; letter-spacing: -0.7px; }
#popupOverlay3 .popup p a { color: #005FFF; font-family: 'ZalandoSans-Bold'; text-decoration: underline; }
#popupOverlay3 .popup ul.booking-list li { padding: 20px 15px; }
#popupOverlay3 .popup .book-top-lft h3 { font-size: 22px; letter-spacing: -0.92px; }
#popupOverlay3 .popup .book-top-rgt h4 { font-size: 22px; letter-spacing: -0.37px; }
#popupOverlay3 .popup .book-top-rgt { column-gap: 10px; }

#popupOverlay3 .popup .book-btm-rgt a.afegir-btn {width: 115px;height: 40px; }
#popupOverlay3 .popup .book-btm { margin-top: 25px; }
#popupOverlay3 .popup .book-btm-lft .counter button { width: 22px;height: 22px; font-size: 16px; }
#popupOverlay3 .popup .book-btm-lft .counter .value { width: 35px;font-size: 17px; }

/* botiga-pagina-principal page */
.botiga-pagina-sec { float: left; width: 100%; background: #005FFF; padding: 40px 0px; }
.botiga-pagina-sec .row { width: 980px; }
.botiga-pagina-sec h2 { color: #fff; font-size: 80px; line-height: 1.1; font-family: 'ZalandoSans-Light'; letter-spacing: -2.24px; text-align: center;}
ul.botiga-menu { float: left; width: 100%; display: flex; flex-wrap: nowrap; justify-content: center; column-gap: 15px; margin-top: 25px; }
ul.botiga-menu li { flex: 0 1 auto; }
ul.botiga-menu li a { height: 58px; display: flex; align-items: center; padding: 0px 22px; border: 2px solid #fff; border-radius: 29px; 
color: #fff; font-size: 16px; font-family: 'ZalandoSans-Light'; transition:all .5s ease; }
ul.botiga-menu li a:hover { color: #005FFF; background: #fff; border: 2px solid #327fff; }
ul.botiga-menu li a.active { color: #005FFF; background: #fff; border: 2px solid #327fff; font-family: 'ZalandoSans-Bold'; letter-spacing: -0.2px; }

.botiga-principal-sec { float: left; width: 100%; padding: 40px 0px 70px; background: #f6f9fe; }
.botiga-principal-sec .row { width: 980px; }
.botiga-title h2 { color: #000; font-size: 55px; line-height: 1; font-family: 'ZalandoSans-Light'; letter-spacing: -1.02px; margin-bottom: 25px; }

ul.booking-list { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 20px; }
ul.booking-list li { flex: 0 1 100%; padding: 40px 35px; border: 2px solid rgba(0, 95, 255, 0.381); border-radius: 11px; transition: all 0.4s ease;}
ul.booking-list li:hover { border-color: #005eff; box-shadow: -15px 10px 20px rgba(0, 0, 0, 0.08);}
ul.booking-list li:hover .book-top-lft h3 { color: #005cff; font-family: 'ZalandoSans-Bold';}
ul.booking-list li.disabled:hover .book-top-lft h3 { color: #005cff; }

.book-top { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.book-top-lft h3 { color: #000; font-size: 35px; line-height: 1; font-family: 'ZalandoSans-Regular'; letter-spacing: -1.46px; transition: all 0.4s ease;}
.book-top-rgt { display: flex; flex-wrap: wrap; align-items: center; column-gap: 20px; }
.book-top-rgt span img { float: left;}
.book-top-rgt h4 { color: #005FFF; font-size: 35px; line-height: 1; font-family: 'ZalandoSans-Bold'; letter-spacing: -0.58px; }
.book-btm { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-top: 30px;}

.counter { display: flex;align-items: center;justify-content: center; }
.counter button { width: 27px; height: 27px; display: flex; align-items: center; justify-content: center; border: 2px solid #DCDCDC; padding: 0px; font-size: 18px; cursor: pointer; background: none; color: #616161; }
.counter button:focus { outline: none; }
.counter .value { width: 40px; color: #000; font-size: 20px; margin: 0px 0px; font-family: 'ZalandoSans-Medium'; text-align: center; }
a.afegir-btn { display: inline-flex; width: 170px; height: 44px; align-items: center; justify-content: center; background: #005FFF; border-radius: 22px; box-shadow: 0px 5px 15px rgba(0, 49, 131, 0.20);
font-size: 14px; color: #fff; font-family: 'ZalandoSans-SemiBold'; transition: all 0.4s ease; }
a.afegir-btn:hover { background: #121213; }

ul.booking-list li.disabled .book-top-lft h3 { color: #808A94; }
ul.booking-list li.disabled .book-top-rgt h4 { color: #808A94; font-family: 'ZalandoSans-Regular'; }


.botiga-banner { float: left; width: 100%; position: relative; border-radius: 14px; overflow: hidden; margin-top: 60px;}
.botiga-banner img { float: left; width: 100%; height: 415px; object-fit: cover; transition: all 0.4s ease;}
.botiga-cap { position: absolute; top: 50%; transform: translateY(-50%); display: flex; flex-wrap: wrap; row-gap: 20px; flex-direction: column; float: left; width: 100%; padding-left: 95px;}
.botiga-cap h2 { color: #ffffff; font-size: 70px; line-height: 1; letter-spacing: -1.11px; font-family: 'ZalandoSans-Light';}
.botiga-cap p { font-size: 15px; color: #ffffff; font-family: 'ZalandoSans-Light'; }
.botiga-cap span.btn { margin-top: 20px; background: #ffffff; font-family: 'ZalandoSans-Regular'; transition: all 0.4s ease; color: #000000; border: 2px solid rgba(255, 255, 255, 0.35); font-size: 16px; letter-spacing: -0.44px; display: inline-flex; flex-wrap: wrap; align-items: center; align-self: flex-start; height: 54px; padding: 0 25px; border-radius: 50px;}
.botiga-banner:hover span.btn { background: #005FFF; color:#fff; }
.botiga-banner:hover img { transform: scale(1.03);}
.botiga-banner:hover .botiga-cap h2 { font-family: 'ZalandoSans-SemiBold'; }


#popupOverlay2 .popup {padding: 30px 25px;border-radius: 30px; max-width: 565px; width: 90%; max-height: 575px; overflow-y: scroll;}
#popupOverlay2 .popup h2 { font-size: 30px; line-height: 1.1; letter-spacing: -1.35px; font-family: 'ZalandoSans-Light'; margin-bottom: 12px; }
#popupOverlay2 .popup h2 span { font-family: 'ZalandoSans-SemiBold'; }
.cart-item-out { float: left; width: 100%; padding: 0px 30px; }
.cart-item { float: left; width: 100%; padding: 20px 0px; border-top: 2px solid #000; border-bottom: 2px solid #000; margin-top: 20px; }
.cart-item-img { float: left; width: 135px; border-radius: 15px; overflow: hidden; }
.cart-item-img img { float: left; width: 100%; }
.cart-item-det { float: left; width: calc(100% - 135px); padding-left: 15px; text-align: left;}
.cart-item-det h3 { color: #000000; font-size: 28px; line-height: 1.1; letter-spacing: -1.35px; font-family: 'ZalandoSans-Regular'; margin-bottom: 15px; }
.cart-item-det h4 { color: #005FFF; font-size: 28px; line-height: 1.1; letter-spacing: -0.55px; font-family: 'ZalandoSans-Bold'; margin-bottom: 15px; }
.cart-item-det p { color: #616161; font-size: 18px; line-height: 1.1; font-family: 'ZalandoSans-Regular'; margin-bottom: 0px; }
.cart-item-det .qty { display: flex; align-items: center; column-gap: 22px; }

.cart-item-total { float: left; width: 100%; padding: 20px 0px; }
.cart-item-total ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 15px; }
.cart-item-total ul li { flex: 0 1 100%; display: flex; justify-content: space-between; align-items: center; }
.cart-item-total ul li p {color: #141A2D; font-size: 20px; line-height: 1.1; letter-spacing: -0.45px; font-family: 'ZalandoSans-Light'; margin-bottom: 0px;} 
.cart-item-total ul li span {color: #141A2D; font-size: 20px; line-height: 1.1; letter-spacing: -0.45px; font-family: 'ZalandoSans-Bold'; }

.cart-btns { float: left; width: 100%; display: flex; column-gap: 15px; }
.cart-btns a { flex: 0 1 50%; }
.cart-button { background: #005FFF; transition: all 0.4s ease; color: #ffffff; border: 2px solid #005FFF; font-size: 20px; font-family: 'ZalandoSans-SemiBold'; display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 56px; padding: 0 22px; border-radius: 50px;
box-shadow: 0px 8px 30px rgba(0,49,131,0.20);}
.cart-button:hover { background: #fff; color: #005FFF;}
.cart-btns .cart-button:first-child { background: #fff; color: #005FFF; }
.cart-btns .cart-button:first-child:hover { background: #005FFF; color: #fff; }

#mobile-que { margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); display: none; margin-top: 30px;} 
#mobile-title { display: none;}

/* extres page */
.extres-sec { float: left; width: 100%; position: relative; }
.extres-sec ul { display: flex; flex-wrap: wrap; height: 100%; }
.extres-sec ul li { flex: 0 1 50%; height: 100%; position: relative; }
.extres-sec ul li > img { float: left; width: 100%; height: 100%; object-fit: cover; transition: all 0.4s ease; }
.extres-cap { position: absolute; left: 0; top:50%; transform: translateY(-50%); width: 100%; padding: 0px 135px; }
.extres-cap h4 { color: #ffffff; font-size: 70px; line-height: 1.1; letter-spacing: -1.96px; font-family: 'ZalandoSans-Light'; margin-bottom: 10px; }
.extres-cap p { color: #ffffff; font-size: 16px; line-height: 1.4; font-family: 'ZalandoSans-Light'; }
.extres-cap a.compar-btn { margin-top: 50px; background: #ffffff; transition: all 0.4s ease; color: #000000; outline: 2px solid rgba(255, 255, 255, 0.35); font-size: 16px; letter-spacing: -0.44px; display: inline-flex; flex-wrap: wrap; gap: 15px; align-items: center; height: 54px; padding: 0 25px; border-radius: 50px;}
.extres-cap a.compar-btn:hover { background: #005FFF; outline-color: rgba(0, 0, 0, 0.25); color: #ffffff; }
.extres-cap a.compar-btn:hover img { filter: brightness(0) invert(1); }
.extres-sec ul li:first-child .extres-cap { padding-left: calc(100% - 1180px / 2); }

.extres-btm-sec { float: left; width: 100%; background: #fff; padding: 15px 0px; text-align: center;}
.extres-btm-sec p a { color: #005FFF; font-size: 14px; line-height: 1.1; font-family: 'ZalandoSans-Bold'; text-decoration: underline; transition:all .5s ease; }
.extres-btm-sec p a:hover { color: #141A2D; }

a.extres-close-btn {position:absolute; top:60px; right:120px; transform:translateX(-50%); width:55px; height:55px; border-radius:50%; background:#005fff; color:#fff; border:2px solid rgba(255,255,255,.23); font-size:28px; display: flex; align-items: center; justify-content: center;}
a.extres-close-btn:hover { background: #fff; }
a.extres-close-btn img { transition: filter 0.2s ease;}
a.extres-close-btn:hover img {filter: brightness(0) saturate(100%) invert(27%) sepia(93%) saturate(3395%) hue-rotate(212deg) brightness(101%) contrast(101%);}

/* servei-bus page */
.servei-bus-sec { float: left; width: 100%; position: relative; padding: 50px 0; background: #005FFF; }
.servei-bus-sec .row { width: 610px; }
.servei-bus-out { float: left; width: 100%; text-align: center; }
.servei-bus-out h2 { color: #ffffff; font-size: 70px; line-height: 1; letter-spacing: -1.96px; font-family: 'ZalandoSans-Light'; margin-bottom: 20px; }
.servei-bus-out p { color: #ffffff; font-size: 16px; line-height: 1.4; font-family: 'ZalandoSans-Light'; margin-bottom: 12px; }
.servei-bus-out p:last-child { margin-bottom: 0px; }
.servei-bus-out ul.booking-list { margin: 20px 0px;}
.servei-bus-out ul.booking-list li { background: #fff; border: none; padding: 35px 45px;}
.servei-bus-out ul.booking-list li .book-btm { margin-top: 25px;}
.servei-bus-out .book-btm-lft { display: flex; align-items: center; column-gap: 15px; }
.servei-bus-out .book-btm-lft p { color: #616161; font-size: 16px; line-height: 1.1; font-family: 'ZalandoSans-Regular'; margin-bottom: 0px; }

.servei-bus-btm { float: left; width: 100%; text-align: center; }
.servei-bus-btm p a { color: #fff; font-size: 14px; line-height: 1.1; font-family: 'ZalandoSans-Bold'; text-decoration: underline; transition:all .5s ease; }
.servei-bus-btm p a:hover { color: #141A2D; }

/* cistella page */
.cistella-main-sec { float: left; width: 100%; padding: 40px 0px 50px; }
.cistella-main-sec .row { width: 980px; }
.cistella-out { float: left; width: 100%; position: relative; } 
.cistella-out h2 { color: #000; font-size: 70px; line-height: 1; letter-spacing: -1.96px; font-family: 'ZalandoSans-Light'; text-align: center;} 
.cistella-out h2 span { font-size: 40px; letter-spacing: -1.12px; }

.cistella-item-out { float: left; width: 100%; padding: 0px 0px; margin: 45px 0px 0px; }
.cistella-item { float: left; width: 100%; padding: 30px 100px; border-top: 2px solid rgba(0, 45, 122, 0.22); border-bottom: 2px solid rgba(0, 45, 122, 0.22); display: flex; align-items: center;}
.cistella-item-img { float: left; width: 135px; border-radius: 15px; overflow: hidden; }
.cistella-item-img img { float: left; width: 100%; }
.cistella-item-det { float: left; width: calc(100% - 135px); padding-left: 40px; text-align: left; display: flex; justify-content: space-between;}
.cistella-item-det h3 { color: #000000; font-size: 28px; line-height: 1.1; letter-spacing: -1.17px; font-family: 'ZalandoSans-Regular'; margin-bottom: 25px; }
.cistella-item-det h4 { color: #005FFF; font-size: 28px; line-height: 1.1; letter-spacing: -0.47px; font-family: 'ZalandoSans-Bold';}
.cistella-item-det p { color: #616161; font-size: 13px; line-height: 1.1; font-family: 'ZalandoSans-Regular'; margin-bottom: 0px; }
.cistella-item-det .qty { display: flex; align-items: center; column-gap: 15px; }
.cistella-item-det .qty .counter button {width: 22px;height: 22px; font-size: 16px; }
.cistella-item-det .qty .counter .value {width: 35px;font-size: 17px;}
.cistella-item-det .qty a img { float: left; transition:all .5s ease; }
.cistella-item-det .qty a:hover img { opacity: 0.7;}
.cis-item-rgt { display: flex; flex-direction: column; row-gap: 35px; align-items: flex-end;}

.cistella-item-total { float: left; width: 100%; padding: 35px 100px; }
.cistella-item-total ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 22px; }
.cistella-item-total ul li { flex: 0 1 100%; display: flex; justify-content: space-between; align-items: center; }
.cistella-item-total ul li p {color: #141A2D; font-size: 18px; line-height: 1.1; letter-spacing: -0.35px; font-family: 'ZalandoSans-Light'; margin-bottom: 0px;} 
.cistella-item-total ul li span {color: #005FFF; font-size: 24px; line-height: 1.1; letter-spacing: -0.57px; font-family: 'ZalandoSans-Bold'; }
.cistella-item-out .cart-btns { justify-content: center;}
.cistella-item-out .cart-btns .cart-button { height: 55px; font-size: 16px; flex: 0 1 210px; }
a.cistella-close-btn {position:absolute; top:30px; right:35px;}

.potser-sec { float: left; width: 100%; padding: 50px 0px 80px; background: rgba(0, 95, 255, 0.17); }
.potser-sec .row { width: 980px; }
.potser-cont-out { float: left; width: 100%; padding: 0px 100px;}
.potser-cont-in { float: left; width: 100%; position: relative; }
.potser-cont-in h2 { color: #000000; font-size: 30px; line-height: 1.1; letter-spacing: -1.257px; font-family: 'ZalandoSans-Regular'; margin-bottom: 25px; }
.potser-cont-in a.cistella-close-btn { top:7px; right:0px; }

.potser-slider {float: left; width: 100%;}
.poster-slide-in { float: left; width: 100%; background: #fff; padding: 25px 25px 30px; border-radius: 11px; }

.potser-cont-in ul.booking-list { column-gap: 2%;}
.potser-cont-in ul.booking-list li { flex: 0 1 49%; background: #fff; border: none; padding: 25px 25px 30px; }
.potser-cont-in .book-btm-lft { display: flex; align-items: center; column-gap: 15px; }
.potser-cont-in .book-top-lft h3 { font-size: 22px; letter-spacing: -0.92px; }
.potser-cont-in .book-btm-lft p { color: #616161; font-size: 16px; line-height: 1.1; font-family: 'ZalandoSans-Regular'; margin-bottom: 0px; }
.potser-cont-in .book-top-rgt { column-gap: 10px; }
.potser-cont-in .book-top-rgt h4 { font-size: 22px; letter-spacing: -0.37px; }
.potser-cont-in .book-btm-rgt a.afegir-btn {width: 110px;height: 34px; }
.potser-cont-in .book-btm { margin-top: 25px; }
.potser-cont-in .book-btm-lft .counter button { width: 22px;height: 22px; font-size: 16px; }
.potser-cont-in .book-btm-lft .counter .value { width: 35px;font-size: 17px; }
.verue-mes-div { float: left; width: 100%; margin-top: 10px;}
.verue-mes-div a { color: #005FFF; font-size: 14px; line-height: 1.1; font-family: 'ZalandoSans-Bold'; text-decoration: underline; transition:all .5s ease;  }
.verue-mes-div a:hover { color: #141A2D; }



/* buy workflow page */
.workflow-sec { float: left; width: 100%; padding: 25px 0px 50px; background: #f6f9fe;}
/* Stepper */
.stepper { float: left; width: 100%; display: flex; justify-content: center; gap: 95px;align-items: center;margin-bottom: 25px;}
.step-item {display: flex;align-items: center; gap: 10px;color: #6A6A6A;font-size: 16px; line-height: 1.2; letter-spacing: -0.53px; font-family: 'ZalandoSans-Light'; }
.step-number {width: 28px;height: 28px;border-radius: 50%;border: 1px solid #757575;display: flex;align-items: center;justify-content: center;font-size: 16px;background: #fff;color: #757575;font-family: 'ZalandoSans-Regular';}
.step-item.active {color: #005FFF; font-family: 'ZalandoSans-Semibold'; }
.step-item.active .step-number { font-family: 'ZalandoSans-Semibold'; background: #005FFF;color: #fff;border-color: #005FFF;box-shadow: 0 4px 8px rgba(0, 49, 131, 0.25);}
/* Layout */
.panel {float: left; width: 100%; background: #fff;padding: 35px 100px;margin-bottom: 10px;}
.panel.step-3 {padding-bottom: 70px;}
.panel h1 {font-size: 50px;line-height: 1.1;font-family: 'ZalandoSans-Light';letter-spacing: -1.4px;margin-bottom: 15px;}
.subtitle {color: #2C2C2C;font-size: 16px;line-height: 1.1;letter-spacing: -0.7px;font-family: 'ZalandoSans-Light';}

/* Cart */
.total-row {float: left; width: 100%;display: flex;justify-content: space-between;align-items: center;padding: 30px 100px 0px;font-size: 16px;}
.total-row p {color: #141A2D;font-size: 18px;line-height: 1;font-family: 'ZalandoSans-Regular';letter-spacing: -0.35px;}
.total-price {color: #005FFF;font-size: 24px;line-height: 1;font-family: 'ZalandoSans-Bold';letter-spacing: -0.57px;}

/* Promo */
.promo { float: left; width: 100%; background: #fff;padding: 22px 200px; display: flex; align-items: center; justify-content: space-between; }
.promo p { color:#141A2D; font-size: 18px; line-height: 1; letter-spacing: -0.34px; font-family: 'ZalandoSans-Regular'; }
.promo-control { width: 345px; display: flex;border: 1px solid rgba(5,33,78,0.30);border-radius: 28px;overflow: hidden;height: 48px;background: #fff;}
.promo-control input {flex: 1;border: none;outline: none;padding: 0 20px;font-size: 14px; color: #858ba3; }
.promo-control button {border: none;background: rgba(0,95,255,0.57);color: #fff;padding: 0 20px;border-radius: 25px;margin: 3px;cursor: pointer; font-size: 14px; color: #fff; font-family: 'ZalandoSans-Semibold'; transition:all .5s ease; }
/* .promo-control button::hover { background: #121213; } */
.promo-control button:disabled {background: rgba(0,95,255,0.57); }
.promo-control button:enabled { background: #005cff;}


/* button:enabled {
  background-color: blue;
  color: white;
  cursor: pointer;
}
button:disabled {
  background-color: grey;
  color: #ccc;
  cursor: not-allowed;
} */

/* Security banner */
.secure-bar {float: left; width: 100%;background: #cedffd; display: flex; justify-content: center; align-items: center; gap: 8px; margin: 28px 0 48px;font-size: 18px; color: #141A2D; padding: 12px 15px; }
.secure-bar span img { float: left; }
/* Buttons */
.actions {float: left; width: 100%;display: flex;justify-content: center;gap: 12px;}
.btn {height: 55px;min-width: 210px;padding: 0px 10px;border-radius: 28px;border: 1px solid #005FFF;cursor: pointer;font-size: 16px;
font-family: 'ZalandoSans-Semibold';box-shadow: 0 6px 23px rgba(0, 49, 131, 0.20); transition:all .5s ease; }
.btn-primary {background: #005FFF;color: #fff;}
.btn-outline {background: #fff;color: #005FFF;}
.btn:hover { background: #121213; border: 1px solid #121213; color: #fff; }
/* Form */
.form-grid { float: left; width: 100%; margin: 20px 0px 20px; }
.form-grid ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 14px; column-gap: 2%; }
.form-grid ul li { flex: 0 1 49%;}
.form-grid ul li input[type="text"], .form-grid ul li input[type="tel"], .form-grid ul li input[type="email"] { width:100%; color:rgba(0,0,0,0.48); font-family: 'ZalandoSans-Regular'; padding: 10px 22px 10px; height: 52px; border-radius: 28px; border: 1px solid rgba(0, 0, 0, 0.52); font-size:16px; transition: all .5s ease; background:rgba(255, 255, 255, 1); letter-spacing: -0.7px; }
.form-grid ul li input[type="text"]:focus, .form-grid ul li input[type="tel"]:focus, .form-grid ul li input[type="email"]:focus { border: 1px solid rgba(0, 95, 255, 0.70); }
.form-grid ul li input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:rgba(0,0,0,0.48);
}
.form-grid ul li input::-moz-placeholder { /* Firefox 19+ */
  color:rgba(0,0,0,0.48);
}
.form-grid ul li input:-ms-input-placeholder { /* IE 10+ */
  color:rgba(0,0,0,0.48);
}
.form-grid ul li input:-moz-placeholder { /* Firefox 18- */
  color:rgba(0,0,0,0.48);
}

.form-grid ul li .nice-select { color:rgba(0,0,0,0.48); font-family: 'ZalandoSans-Regular'; padding: 10px 22px 10px; height: 52px; line-height: 30px; border-radius: 28px; border: 1px solid rgba(0, 0, 0, 0.52); font-size:16px; transition: all .5s ease; background:rgba(255, 255, 255, 1); letter-spacing: -0.7px; }
.form-grid ul li .nice-select::after { right: 25px; width: 10px; height: 10px; margin-top: -6px; border-bottom: 2px solid #000; border-right: 2px solid #000; }
.form-grid ul li .nice-select .list { row-gap: 0px; } 
.form-grid ul li .nice-select .option { flex: 0 1 100%; font-size: 14px; text-align: left; color:rgba(0,0,0,0.48); }
.form-grid ul li .nice-select .option:hover { color: #fff; }

.checks { float: left; width: 100%;margin-top: 0px; }
.checks .frm-input.checkbox { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 10px; margin-bottom: 0;}
.checks .frm-input.checkbox > div { flex: 0 1 100%;}
.checks .frm-input.checkbox input {  height: 1px; left: 0; position: absolute; top: 0; visibility: hidden; width: 1px;}
.checks .frm-input.checkbox label { color: #191919; cursor: pointer; font-family: 'ZalandoSans-Light'; font-size: 14px; padding-left: 25px; position: relative; float: left; width: auto; line-height:20px; margin-bottom:0px; text-align:left;}
.checks .frm-input.checkbox label::before {  background: none; content: ""; height: 12px; left: 0; position: absolute; top: 4px; transition: all 0.3s ease-in-out 0s; width: 12px; border-radius: 2px; z-index: 9; }
.checks .frm-input.checkbox label::after { background: rgba(255, 255, 255, 1); content: ""; width: 12px; height: 12px;left: 0; position: absolute; top: 4px; border-radius: 2px; border: 1px solid #A7A7A7;}
.checks .frm-input.checkbox input:checked + label::before {background: #005FFF; }
.checks .frm-input.checkbox:last-child label { padding-bottom: 0; }
.checks .frm-input:last-child { margin-bottom: 0; margin-top: 10px; }

/* Payment */
.payment-options {display: flex; flex-wrap: wrap; column-gap: 2%; row-gap: 30px; margin-top: 35px;}
.payment-option { flex: 0 1 20.5%; }
.payment-option:first-child { flex: 0 1 32.5%; }
.payment-option label { display: flex; align-items: center; gap: 10px; font-size: 18px; cursor: pointer; color: #151515; letter-spacing: -0.79px; }
.payment-option input { accent-color: #005FFF; margin: 0px 0px; }
.payment-option.active label {color: #005FFF; font-family: 'ZalandoSans-Bold'; }
.logos { margin-top: 20px; padding-left: 25px; }
.hidden { display: none; }

.wizard-step2 .btn, .wizard-step3 .btn { width: 270px; }

/* buy workflow success */
.workflow-success { float: left; width: 100%; padding: 40px 0px; background: #005FFF; overflow-y: auto;overflow-x: hidden; display: flex; align-items: center; }
.workflow-success .row { width: 890px; }
.succes-icon { float: left; width: 100%; display: flex; justify-content: center; margin-bottom: 30px; }
.succes-icon img { width: 120px;}
.success-title { float: left; width: 100%; text-align: center; }
.success-title h2 { color: #fff; font-size: 50px; line-height: 1; font-family: 'ZalandoSans-Light'; letter-spacing: -0.79px; margin-bottom: 20px;}
.success-title p { color: #fff; font-size: 16px; line-height: 1.4; font-family: 'ZalandoSans-Medium'; letter-spacing: -0.53px; } 
.success-cont { float: left; width: 100%; border-top: 1px solid rgba(255,255,255,0.47); margin-top: 30px; padding-top: 20px; text-align: center;}
.success-cont p { color: #fff; font-size: 16px; line-height: 1.4; font-family: 'ZalandoSans-Light'; letter-spacing: -0.53px; margin-bottom: 12px; }
.success-cont p:last-child { margin-bottom: 0px;}
.success-cont p a { color: #fff; font-family: 'ZalandoSans-Semibold'; text-decoration: underline; transition:all .5s ease; }
.success-cont p a:hover { color: #121213; }

.success-btns {float: left; width: 100%;display: flex;justify-content: center;gap: 12px; margin: 25px 0px;}
.success-btns .btn { display: inline-flex; align-items: center; justify-content: center; height: 55px;min-width: 210px;padding: 0px 10px;border-radius: 28px;border: 1px solid #fff;cursor: pointer;font-size: 16px;
font-family: 'ZalandoSans-Semibold';box-shadow: 0 6px 23px rgba(0, 49, 131, 0.20); transition:all .5s ease; }
.success-btns .btn-primary {background: #fff;color: #005FFF;}
.success-btns .btn-outline {background: none;color: #fff;}
.btn:hover { background: #121213; border: 1px solid #121213; color: #fff; }


/*********************mobile menu css******************************/
.hamburger-menu.hm-burger-menu { display: none;}

.menu-open {overflow:hidden;}
.mobile-menu {position:fixed; top:84px !important; inset:0; z-index:9; background:#005eff; color:#fff; overflow:hidden; transform:translateX(100%); transition:transform 0.4s ease; height:calc(100svh - 84px);}
.mobile-menu.active {transform:translateX(0);}
.mobile-menu-top {height:145px; background:#f5f7fb; display:flex; align-items:center; gap:15px; padding:20px 28px;}
.mobile-logo img {width:70px;}
.mobile-ticket-btn {background:#c9ff00; color:#000; border-radius:50px; padding:14px 22px; display:inline-flex; align-items:center; gap:8px; text-decoration:none; font-size:16px;}
.mobile-ticket-btn img, .bottom-ticket-btn img {width:20px;}
.mobile-menu-close {margin-left:auto; width:48px; height:48px; border-radius:50%; border:1px solid #ccc; background:transparent; font-size:36px; line-height:1; cursor:pointer;}
.mobile-menu-panel { position:absolute; inset:0; padding:30px 15px 130px; background:#005eff; overflow-y:auto; transition:transform 0.45s ease;}
.main-panel {transform:translateX(0);}
.submenu-panel {transform:translateX(100%); background: #004AC5;}
.mobile-menu.submenu-open .main-panel {transform:translateX(-100%);}
.submenu-panel.active {transform:translateX(0);}
.mobile-main-nav, .mobile-sub-nav {list-style:none; padding:0; margin:0;}
.mobile-main-nav li {margin-bottom:20px;}
.mobile-main-nav a {color:#fff; text-decoration:none; font-size:32px; line-height:1.2; letter-spacing:-1px; font-family:'ZalandoSans-Light';}
.submenu-back {background:transparent; border:0; color:#fff; font-size:16px; padding:0; margin-bottom:25px; cursor:pointer; font-family:'ZalandoSans-Light';}
.submenu-panel h2 {font-size:32px; line-height:1.1; margin:0 0 30px; font-family:'ZalandoSans-Light';}
.mobile-sub-nav li {margin-bottom:20px;}
.mobile-sub-nav a {color:#fff; text-decoration:none; font-size:22px; line-height:1.2; font-family:'ZalandoSans-Light';}
.mobile-menu-info {margin-top:70px; font-size:20px;}
.mobile-menu-info .status {display:flex; align-items:center; gap:14px; margin-bottom:18px;}
.mobile-menu-info .status span {width:12px; height:12px; background:#ff5656; border-radius:50%; display:inline-block;}
.mobile-menu-info p {margin:0 0 32px; line-height:1.4; color:#ffffff; font-size:18px; font-family:'ZalandoSans-Light';}
.mobile-menu-info strong {font-family:'ZalandoSans-SemiBold';}
.contact-link {color:#fff; text-decoration:none; font-size:18px; font-family:'ZalandoSans-SemiBold'; display:flex; align-items:center; gap:10px;}
.contact-link img {filter:brightness(0) invert(1);}
.mobile-menu-bottom { transition: transform 0.45s ease; position:absolute; left:0px; right:0px; bottom:0px; display:flex; align-items:center; justify-content:space-between; z-index:10; padding:15px; background:#005eff;}
.bottom-ticket-btn {flex:1; max-width:220px; height:54px; border-radius:50px; background:#fff; color:#000; display:inline-flex; align-items:center; justify-content:center; gap:14px; text-decoration:none; font-size:16px; box-shadow:inset 0 0 0 2px rgba(0, 94, 255, 0.35); letter-spacing:-0.44px;}
.language-btn {min-width:70px; height:40px; border-radius:50px; border:1px solid rgba(255,255,255,0.7); color:#fff; display:inline-flex; align-items:center; justify-content:center; text-decoration:none; font-size:14px; gap:10px;}
.language-btn img {max-width:20px;}
.submenu-open .mobile-menu-bottom { background: #004AC5;}

.mobile-menu-bottom .select-lang { display: flex; align-items: center; gap: 10px; } 
.mobile-menu-bottom .nice-select { min-width:70px; height:40px; border-radius:50px; display: flex;
  align-items: center; border:1px solid rgba(255,255,255,0.7);  color: #ffffff; padding: 0 35px 0 10px; font-size: 14px; font-family: 'ZalandoSans-Medium';}
.mobile-menu-bottom .nice-select::after { background: url(../images/globe-w.svg) no-repeat 0 0; border: none; width: 18px; height: 18px; top: 10px; right: 10px; transform: none; background-size: 100%; margin: 0;}
.mobile-menu-bottom .nice-select .list { row-gap: inherit; top: auto; bottom: 100%;}
.mobile-menu-bottom .nice-select.open::after { transform: none;}
.mobile-menu-bottom .nice-select:active, .mobile-menu-bottom .nice-select.open, .mobile-menu-bottom .nice-select:focus { border-color: rgba(255,255,255,0.7);}


/******new*******/
.nectar-split-heading .word { opacity: 1; mask-image: inherit;}

.rest-fixta-slider {position:relative; cursor:none; float:left; width:100%; overflow:hidden; height:calc(100vh - 130px);}
.slider-cursor {position:fixed; left:0; top:0; width:86px; height:86px; border-radius:50%; background:#005cff; display:flex; align-items:center; justify-content:center; gap:18px; pointer-events:none; z-index:99999; opacity:0; transform:translate(-50%, -50%) scale(0.85); transition:opacity 0.2s ease, transform 0.2s ease; box-shadow:0 8px 20px rgba(0, 0, 0, 0.18);}
.slider-cursor.is-active {opacity:1; transform:translate(-50%, -50%) scale(1);}
.slider-cursor .cursor-arrow {display:flex; align-items:center; justify-content:center; width:10px; height:10px; gap:20px; border: none; position: relative;}
.slider-cursor .cursor-arrow img {width:100%; height:auto; display:block;}

.arrow-title {
  position: absolute;
  top: 0px; /* Adjust based on your preference */
  font-size: 17px;
  color: #000000;
  text-align: center;
  /* width: 100px; */
}
.arrow-title.tit-lft {
  left: -140px;
}
.arrow-title.tit-rht { right:-140px;}

.slider-cursor.is-active .cursor-prev { opacity: 1;}
.cursor-arrow.cursor-next .arrow-title { color: #ffffff;}


.title-rest { float: left; width: 100%; display: flex; flex-wrap: wrap; padding-bottom: 20px;}