:root {
    --heading-color: #23133b;
    --theme-transition: .2s cubic-bezier(.4,0,.2,1);
    --theme-radius: 30px;
    --body-font: "Raleway", sans-serif;
    --body-color: #d3d3d3;
}

a, svg {transition: all var(--theme-transition); color: var(--theme-color); text-decoration: none;}
a:hover {color: var(--theme-color-lighter); text-decoration: none;}
.noselect, img, .theme-button, button {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
*:focus {outline: none!important;}
::-moz-selection {color: #fff; background-color: var(--theme-color); text-fill-color: initial;}
::selection {color: #fff; background-color: var(--theme-color); -webkit-text-fill-color: initial; text-fill-color: initial;}
.theme-button:focus {text-decoration: none;}
.first-cta ul li a {background: var(--theme-color)!important;}
.list-style-no {list-style: none; padding: 0; margin: 0;}
.checkout label:has(input) {cursor: pointer;}
a.no {color: var(--theme-color); font-size: 20px;}
label {font-weight: 400; margin-bottom: 0;}
footer ul li a:hover {font-weight: inherit; color: var(--theme-color);}
footer ul li {opacity: 1; line-height: 1.6em;}
footer .details p.title::before {display: none;}
footer .visa {width: auto;}
.form-control:focus {border-color: inherit; outline: 0; -webkit-box-shadow: none; box-shadow: none;}
body.compensate-for-scrollbar {margin-right: 0;}
.overlay:before, .overlay-after:after {content: ''; position: absolute; display: block; height: 100%; width: 100%; top: 0; left: 0; pointer-events: none;}




html, body {font-size: 18px; line-height: 1.5;}
body {background-color: var(--dark-color); font-family: var(--body-font); color: var(--body-color);}
body:not(.home) {padding-top: 80px;}
h1, h2, h3, h4, h5, h6 {color: #fff; font-family: var(--body-font); font-weight: 600;}
h1 {color: #fff;}
h4 {font-size: 24px; font-weight: 500;}
.section-title {font-size: 32px; line-height: 1.2; color: #d3d3d3; margin-bottom: 24px;}
.section-title strong {color: var(--theme-color);}
.container-fluid {max-width: 1920px; padding: 0 1.5rem;}

header {top: 0; width: 100%; background: transparent;}
header .navbar-light .navbar-nav .nav-link {color: var(--theme-color); font-size: 19px; padding-left: 14px; padding-right: 14px;}
header .navbar-light .navbar-nav .nav-link:hover {color: var(--theme-color-lighter); text-decoration: none;}






                    
                    .dropdown-item:focus, .dropdown-item:hover {color: var(--dark-color); background-color: var(--light-color);}
                    .dropdown-toggle::after {display: none;}

                    .sticky-top {top: -100px; transition: .5s; background: linear-gradient(360deg, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.5) 90.48%); }
                    .sticky-top.sticky-nav{transition: .5s; position: fixed; width: 100%; background: linear-gradient(360deg, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.5) 90.48%);}
                    .navbar-dark-bg-mob {background: linear-gradient(360deg, rgba(0, 0, 0, 0) -0%, rgba(0, 0, 0, 0.8) 50%);}




header .nav-right li a {font-size: 19px;}
header .nav-right li a:not(.theme-button) {color: var(--theme-color); text-decoration: none;}
header .nav-right li a:not(.theme-button):hover {color: var(--theme-color-lighter);}
header .nav-right li a svg {fill: var(--theme-color); width: 40px; height: 40px;}
header .nav-right li a:hover svg {fill: var(--theme-color-lighter);}



.dropdown-item.active, .dropdown-item:active, a.dropdown-item:active { background-color: var(--light-color); }



@media (min-width: 992px){
    body:not(.home) {padding-top: 130px;}
    header .logo img {min-height: 100px;}
    
    header .navbar .nav-item .dropdown-menu {display: block; border: none; margin-top: 0; top: 150%; opacity: 0; visibility: hidden; transition: .5s;}
    header .navbar .nav-item:hover .dropdown-menu {top: 100%; visibility: visible; transition: .5s; opacity: 1;}
}

@media (max-width: 991.98px){
    header .navbar-light .navbar-nav .nav-link{margin-right: 0; padding: 10px 0;}
    header .navbar-light .navbar-nav{border-top: 1px solid #eee;}
    header .navbar-toggler, header .navbar-toggler:focus {border:0; box-shadow: unset;}
    header .navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
    header .navbar-collapse {background: var(--dark-color);}
    header .navbar-nav .dropdown-menu {background: transparent; padding-left: 20px;}
    header .navbar-nav .dropdown-menu .dropdown-item {color: var(--light-color);}
    header .search-icon {right: 84px; top: 22px;}
    header .search-icon svg {fill: #fff; width: 36px; height: 36px;}
    
}



.theme-button {border-radius: var(--theme-radius); color: #fff; font-weight: 400;}
.theme-button:hover {background-color: var(--theme-color-lighter); color: #fff;}





.bigBanner {width: 100%; height: 95dvh;}
.bigBanner .swiperKenBurns {height: 95dvh; position: relative;}
.bigBanner .swiper-slide {position:relative; overflow:hidden; color:#fff;}
.bigBanner .kenburns {position:absolute; width:100%; height:100%; background-size:cover; background-position:center; animation:kenburns 20s ease-in-out infinite; z-index:1;}
.swiperKenBurns .caption{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;background:rgba(0,0,0,0.4);}
.swiperKenBurns .caption .title {}
.swiperKenBurns .caption p {}
.swiperKenBurns .video-wrapper {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1;}
.swiperKenBurns .video-wrapper video {width:100%; height:100%; object-fit:cover;}


.featuring .actor-box {background-color: #8888881c; outline: 1px solid #88888833; border-radius: 100px; cursor: pointer; transition: all .18s cubic-bezier(0.4, 0.2, 0.2, 1);}
.featuring .actor-box a {gap: 25px; width: 100%; border-radius: 100px;}
.featuring a > img {border-radius: 100%; aspect-ratio: 1; object-fit: cover; max-width: 120px; max-height: 120px; transition: all .18s cubic-bezier(0.4,0.2,0.2,1);}
.featuring h3 {display: block; color: var(--body-color); font-weight: 500; font-size: 21px; line-height: 1.2; margin-bottom: 5px;}
.featuring .actor-box p {font-size: 18px; font-weight: 100; color: #555; white-space: nowrap;}
.featuring .actor-box p > strong {font-weight: 700;}
.featuring .actor-box:hover {background-color: #88888833; outline: 1px solid #88888844;}
.featuring .actor-box:hover img {outline: 4px solid var(--theme-color); transform: scale(1.13);}
.featuring .actor-box:hover p {color: var(--theme-color);}


.video-grid {display: grid; grid-template-columns: 1fr; gap: 1px;}
.video-item {position: relative; overflow: hidden; border-radius: 0px; cursor: pointer; display: flex; flex-direction: column;}
.video-wrapper {position: relative; width: 100%; height: 100%; aspect-ratio: 16 / 9;}
.video-wrapper img {width: 100%; height: 100%; object-fit: cover; transition: opacity 0.4s ease; display: block; filter: brightness(1.25);}
.video-wrapper .gif {position: absolute; top: 0; left: 0; opacity: 0;}
.video-item:hover .gif {opacity: 1;}
.video-item:hover .static {opacity: 0;}
.video-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); opacity: 0; transition: opacity 0.15s ease; display: flex; 
    flex-direction: column; justify-content: center; align-items: center; color: #fff; font-size: 1rem; text-align: center; z-index: 2;}
.video-item:hover .video-overlay {opacity: 1;}
.video-title {position: absolute; font-size: 18px; width: 100%; left: 0; right: 0; text-align: center; color: var(--theme-color); top: 15%; transition: top .15s; padding: 0 15px; line-height: 1.2;}
.featured-video .video-title {top: 25%;}
.video-icon {position: absolute; margin-top: 10px; top: 50%;}
.video-icon svg {width: 30px; height: 30px; fill: var(--theme-color); transform: scale(1.5); transition: transform .15s;}
.featured-video .video-icon svg {width: 40px; height: 40px;}
.video-item:hover .video-title {top: 50%; transform: translateY(-100%);}
/*.featured-video.video-item:hover .video-title {top: 40%;}*/
.video-item:hover .video-icon svg {transform: scale(1);}
.featured-video {grid-column: span 1; grid-row: span 1;}
@media (min-width: 768px) {
    .video-grid {grid-template-columns: repeat(3, 1fr);}
    .featured-video {grid-column: span 2; grid-row: span 2;}
    .video-icon svg {width: 60px; height: 60px;}
    .featured-video .video-icon svg {width: 80px; height: 80px;}
    .featured-video .video-title {font-size: 1.3rem;}
}

.benefits-section .benefits-section-items {grid-template-columns: auto;}
.benefits-section svg {width: 42px; height: 42px; fill: #ccc;}
.benefits-section h4 {color: var(--body-color); font-weight: 500;}

.member-section {background: url(/img/bg/member-bg.webp) no-repeat center center / cover;}
.member-section h3 {color: var(--body-color); font-size: 2rem;}
.member-section p {font-size: 1.4rem;}
@media screen and (min-width: 768px){
    .benefits-section .benefits-section-items {grid-template-columns: repeat(2, auto);}
}
@media screen and (min-width: 992px){
    .benefits-section .benefits-section-items {grid-template-columns: repeat(3, auto);}
}
@media screen and (min-width: 540px) and (max-width: 991px){
    .benefits-section .benefits-section-items .col:last-child {grid-column: 1 / 3;}
}




.age-check {z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; color: #fff; background: #071d27;}
.age-check h1 {font-size: 32px;}
.age-check button {font-size: 18px; cursor: pointer; }
.age-check button.theme-button {border: 1px solid var(--theme-color); transition: var(--theme-transition);}
.age-check button.theme-button:hover {border-color: #9f9f9f}
.age-check button.theme-button-alt {background: transparent; border: 1px solid var(--theme-color);}
.age-check button.theme-button-alt:hover {border: 1px solid var(--theme-color);}
.age-check .white-logo {width: 100px;}
.age-check p {font-size: 18px; font-family: var(--title-font); font-weight: 300;}
@media screen and (min-width:768px){
    .age-check h1 {font-size: 50px;}
    .age-check .white-logo {width: 160px;}
    .age-check p {font-size: 20px;}
}




.photoset-grid {grid-template-columns: repeat(2,minmax(0,1fr)); grid-gap: 1px;}
.photoset-grid .photoset-wrapper {height: 330px;}
.photoset-grid .photoset-wrapper:before {background: rgba(0, 0, 0, 0.8); opacity: 0; transition: opacity .15s ease;}
.photoset-grid .photoset-wrapper img {height: 100%; object-fit: cover;}
.photoset-grid .photoset-overlay {width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0;}
.photoset-grid .photoset-title {color: var(--theme-color); width: 100%; text-align: center; top: 15%; font-weight: 400; transition: top .15s ease; opacity: 0;}
.photoset-grid .featured-item .photoset-title {top: 20%;}
.photoset-grid .photoset-icon {width: 100%; top: auto; bottom: 40%; text-align: center;}
.photoset-grid .photoset-icon svg {fill: var(--theme-color); height: 50px; width: 50px; transform: scale(1.9); transition: transform .15s ease; opacity: 0;}
.photoset-grid .featured-item .photoset-icon svg {width: 64px; height: 64px;}
.photoset-grid .photoset-wrapper:hover:before {opacity: 1;}
.photoset-grid a:hover .photoset-wrapper .photoset-title {opacity: 1; top: 30%;}
.photoset-grid a.featured-item:hover .photoset-wrapper .photoset-title {top: 40%;}
.photoset-grid .photoset-wrapper:hover .photoset-icon svg {opacity: 1; transform: scale(1);}

@media screen and (min-width: 768px){
    .photoset-grid {grid-template-columns: repeat(3,minmax(0,1fr));}
    .photoset-grid .featured-item {grid-area: span 2 / span 2;}
    .photoset-grid .featured-item .photoset-wrapper {height: 100%;}
}
@media screen and (min-width: 992px){
    .photoset-grid {grid-template-columns: repeat(6,minmax(0,1fr));}
    .photoset-grid .featured-item {grid-area: span 2 / span 2;}
}






.trip-banner .trip-banner-box {}
.trip-banner .trip-banner-box a {}
.trip-banner .trip-banner-box a:before {background: rgba(0, 0, 0, 0.7); opacity: 0; transition: opacity .15s ease;}
.trip-banner .trip-banner-box a > img {width: 100%;}
.trip-banner .trip-banner-box h3 {color: var(--theme-color); transition: all .15s ease; opacity: 0;}
.trip-banner .trip-banner-box a:hover:before {opacity: 1;}
.trip-banner .trip-banner-box a:hover h3 {opacity: 1; transform: translateY(-100px);}










/*category page - actor page*/
.category h1, .actor h1 {white-space: nowrap;}
.category .category-label, .actor .actor-label {font-weight: 300; color: #999;}
.category .category-name, .actor .actor-name {color: var(--body-color);}
.category .category-count, .actor .actor-count {font-size: 1.8rem; font-weight: 400; color: #555;}

.blog-section .blog-grid {grid-template-columns: repeat(1, 1fr); grid-gap: 1px;}
.blog-section .blog-grid .blog-item a {height: 100%;}
.blog-section .blog-grid img {width: 100%; transition: transform 0.4s; position: relative;}

.blog-section .blog-grid .blog-content {height: 6rem; color: var(--body-color); background-color: #191919;}
.blog-section .blog-grid .blog-content:before {background: linear-gradient(0deg, black, 69%, transparent); z-index: 99; top: 40px; height: calc(100% - 39px); opacity: 0;}
.blog-section .blog-grid .blog-content-wrap {top: 50%; transform: translateY(-50%); background-color: #191919; height: auto; padding: 1rem 1.5rem; width: 100%; transition: transform .2s ease-out; z-index: 30;}


.blog-item h4 {color: var(--theme-color); font-size: 26px; font-weight: 300;}
.blog-info {font-size: 16px; color: #999;}
.blog-content p {opacity: 0; transition: .25s; margin-top: 8px; position: absolute;}


.blog-section .blog-grid a:hover .blog-content-wrap {transform: translateY(-125px);}
.blog-section .blog-grid .featured-item a:hover .blog-content-wrap {transform: translateY(-175px);}
.blog-section .blog-grid a:hover .blog-content p, .blog-section .blog-grid a:hover .blog-content:before {opacity: 1;}
.blog-section .blog-grid a:hover img {transform: scale(1.1) rotate(0.5deg);}


@media screen and (min-width: 768px){
    .blog-section .blog-grid {grid-template-columns: repeat(2, 1fr);}
    .blog-section .blog-grid .featured-item {grid-area: span 2/ span 2;}
    .blog-section .blog-grid .featured-item .blog-content:before {opacity: 1;}
    .blog-section .blog-grid .featured-item .blog-content {height: 12rem;}
    .blog-section .blog-grid .featured-item .blog-content-wrap {padding: 2rem 3.2rem; top: 65%;}
    .blog-section .blog-grid .featured-item .blog-content p {opacity: 1; position: static; line-height: 2em;}
    
}
@media screen and (min-width: 992px){
    .blog-section .blog-grid {grid-template-columns: repeat(3, 1fr);}
}
    
.pagination > li > a { border-radius: 0; background: transparent; color: var(--theme-color); width: 56px; height: 56px; display: inline-block; aspect-ratio: 1; min-width: 20px;
    line-height: 1; padding: 0; display: inline-flex; justify-content: center; align-items: center;}
.pagination > li:first-child > a, .pagination > li.active > a {border-radius: 0; background: var(--theme-color); color: var(--dark-color); font-weight: 700;}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus {border: none;}


.social-circle .bi-twitter-x, .social-icons .bi-twitter-x {color: var(--body-color);}
.newsNextPrevious {border-top: 1px solid #3d3d3d; border-bottom: 1px solid #3d3d3d;}
.newsNextPrevious a {background: var(--theme-color); color: #fff; border-radius: 50%; height: 36px; width: 36px; display: inline-flex; justify-content: center; align-items: center;}

footer {background: var(--dark-color);}
footer .middle {padding: 90px 0 0;}
footer .middle p.title::before, footer ul li a:before {display: none;}
footer .logo {height: auto; min-height: 90px; max-height: 130px;}

.search-box {background-color: rgba(0, 0, 0, 0.9); border: none;}
.search-box .input {border: none; max-width: unset;}
.search-box .input > input {line-height: 1.3333; padding: .4rem .6rem; width: 90%; border: none; outline: 0; font-size: 50px; background: none; color: #fff; max-width: 500px;}
.search-box .input .button {top: auto; right: auto; position: relative; font-size: 5vmax;}
.search-box .input .button input {color: var(--theme-color); font-size: 5vmax; opacity: 0.5; font-weight: 400;}
.search-box .input input::placeholder {color: #444;}

@media screen and (min-width: 768px){
    .search-box .input > input {font-size: 60px;}
    .newsNextPrevious a { height: 50px; width: 50px;}
}
@media screen and (min-width: 992px){
    .search-box .input > input {font-size: 80px;}
}


@keyframes kenburns{0%{transform:scale(1) translate(0,0);}50%{transform:scale(1.2) translate(-2%,-2%);}100%{transform:scale(1) translate(0,0);}}


@media only screen and (max-width: 992px){

    .hero h1 {font-size: 32px; line-height: 32px;}

}