/* SUNLUX PAGES */
.video-background {position: relative; width:100%; height:100%; min-height:80vh; max-height:85vh; aspect-ratio:16 / 9; overflow: hidden; display: flex; align-items: center;}
.video-background iframe {
	position: absolute;
	width: auto;
    height:80vh;
    left: 0;
    top: 0;
    aspect-ratio:16/9}

.video-background .img-logo {position:relative;}

@media (min-width: 1400px){
.video-background .img-logo {max-width:50%;}
.video-background {min-height:initial;}
.video-background iframe {height:auto;}
.video-background .img-logo {max-width:35%;}
}

.h-90 {min-height:92vh;}
.text-bigger p, .text-bigger li {font-size:20px; line-height:1.4;}

h2, h1 {font-weight: 500; font-size:36px;}
.h2-smaller, .h1-smaller {font-size:36px; line-height:1.2;}

h1 > small {color:#000000; font-weight:300;}
.text-inverse h1 > small {color:#ffffff;}

h2 > small {display:inline-block; line-height:1.2;}

.container-fluid > .container {width:100%; padding-left:0; padding-right:0;}

.btn-large {padding:17px 90px;}
.btn-large:focus,
.btn-large:active {background-color:transparent;}

.text-strong {font-size:110%;}

.text-inverse .display-flex .card-icon {
    background: rgba(255, 255, 255, 0.12);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5.4px);
    -webkit-backdrop-filter: blur(5.4px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    }

.padding-0 {padding:0!important;}
.margin-0 {margin:0!important;}

.bg-dark {background-color:#292629;}

.bg-overlay {position:relative;}
.bg-overlay:before {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.72) 0.36%, rgba(0, 0, 0, 0.00) 99.67%);
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    top:0; left:0;
}
.bg-overlay>.container {position: relative; z-index: 20;}
.bg-overlay-right:before {background: linear-gradient(-90deg, rgba(0, 0, 0, 0.72) 0.36%, rgba(0, 0, 0, 0.00) 99.67%);}

.bg-gold-buttons {width: 100%;
    background: linear-gradient(72deg, #D1AD53 5.68%, #E1C076 33.39%, #E4C47E 82.85%, #D1AD53 109.58%);
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: row;
    flex-wrap: wrap;}
    
.bg-gold-buttons a {
    font-size: 17px;
    padding: 15px 12px;
    color: #ffffff;
    width: 33%;
    display: inline-block;
    text-align: center;
    outline:none;
}
.bg-gold-buttons a:hover,
.bg-gold-buttons a:focus,
.bg-gold-buttons a:active {text-decoration:none; color:#292629;}

.bg-cheetah {background-position:right 15% top;}

.bg-unforgettable {background-size:100%; background-repeat:no-repeat; background-position:center top; position:relative; overflow:hidden;}

.border-radius {border-radius:10px;}

.scroll-section {height: 92vh; overflow: hidden;}
.scroll-section .container {overflow-y: scroll; scroll-behavior: smooth; height: 100%;}
.scroll-section .container::-webkit-scrollbar {width: 0px;}

.owl-carousel .owl-stage {display:flex; align-items: center;}
.owl-carousel .item {position:relative;}

.owl-carousel .item img {
    position: relative;
    border-radius: 10px;
    z-index: 5;
    aspect-ratio: 4 / 1.5;
    height:200px;
    object-fit:cover
    /*transition: all .3s linear;
      -webkit-transition: all .3s linear;
      -moz-transition: all .3s linear;*/
}
.owl-item.active img {aspect-ratio: 4 / 2; height:250px;}

.owl-carousel .item h3 {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    font-weight: 500;
    padding: 0;
    margin: 0 auto;
}
.owl-nav, .owl-dots {display:none;}

@media (min-width: 768px){
.owl-carousel .item img {height:250px;}
.owl-item.active img {height:300px;}
}

@media (min-width: 992px){
.owl-carousel .item img {height:300px;}
.owl-item.active img {height:370px;}
}

@media (min-width: 1200px){
.owl-carousel .item img {height:400px;}
.owl-item.active img {height:550px;}
}

@media (min-width: 1600px){
.owl-carousel .item img {height:450px;}
.owl-item.active img {height:600px;}
}

.display-flex .col {width:100%;}
.d-flex {display:flex; flex-wrap: wrap;}

.unforgettable-scroll {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    transform: scale(1, 1);
    z-index: 99;
}

.d-none {display:none;}

@media (min-width: 768px){
    h2, h1 {font-size: 64px;}
    .h2-smaller, .h1-smaller {font-size:45px;}
    .bg-gold-buttons a {width:initial;}
    .img-almost-full-height {height: 80vh; width: 100%; object-fit: cover;}
    .display-flex .col {width:initial;}
    .bg-unforgettable {background-size:cover;}
}

@media (min-width: 992px){
    .bg-gold-buttons a {font-size: 20px; padding: 24px;}
    .bg-cheetah {background-position:right top;}
    .owl-carousel .item h3 {font-size: 64px;}
    .margin-bottom-md-50 {margin-bottom:50px;}
    .d-md-none {display:none;}
    .d-md-block {display:block;}
}      

@media (min-width: 1200px){
    .align-items-lg-center {align-items:center;}
    .wrap-lg-nowrap {flex-wrap: nowrap;}
    .margin-top-lg-120 {margin-top:120px;}
    .order-lg-1 {order: 1;}
    .order-lg-2 {order: 2;}
}  

/* owl carousel circles */
.owl-carousel.owl-circles .owl-stage {align-items: flex-start;}
.owl-carousel.owl-circles .owl-item .row {flex-direction:column;}

.owl-carousel.owl-circles .owl-item.active {
    position: relative;
}

.owl-carousel.owl-circles .img-circle {
    border-radius: 50%;
    border: 20px solid #ffffff;
    aspect-ratio: 1 / 1 !important;
    width: 100%;
    height: 100%;}

.owl-carousel.owl-circles .col-text {padding-bottom:30px;}
  
.owl-carousel.owl-circles h3 {position:relative; display:inline-block; margin-bottom:20px; padding-top:35px; font-size:26px; color:#292629;}

.owl-carousel.owl-circles .owl-item .col-text {opacity:0;}
.owl-carousel.owl-circles .owl-item.active .col-text {opacity:1;}

@media (min-width: 992px){
.owl-carousel.owl-circles .owl-item .row {flex-direction:row;}
.owl-carousel.owl-circles .owl-item.active {background-position: right 10% center; background-size: 55% 90%;}
.owl-carousel.owl-circles h3 {padding-top:0;}
.owl-carousel.owl-circles .col-text {padding-bottom:0;}
}

@media (min-width: 1200px){
.owl-carousel.owl-circles h3 {font-size:45px;}
}

.row.bg-light {background-color: transparent;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05));
    background-repeat: no-repeat;
    background-size: 100% 80%;
    background-position:bottom;}

.bg-video-local {
    position: relative;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bg-video-local video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    top: 0;
}

@media (min-width: 992px){
.row.bg-light {background-size: 60% 100%; background-position:initial;}
.row.bg-light.bg-right {background-position:right;}
}