@font-face {
    font-family: 'HelveticaNowDisplay-ExtraBold';
    src: url('../font/HelveticaNowDisplay-ExtraBold.woff') format('woff');
    src: url('../font/HelveticaNowDisplay-ExtraBold.woff2') format('woff2');
}
@font-face {
    font-family: 'HelveticaNowDisplay-Medium';
    src: url('../font/HelveticaNowDisplay-Medium.woff') format('woff');
    src: url('../font/HelveticaNowDisplay-Medium.woff2') format('woff2');
}
@font-face {
    font-family: 'HelveticaNowDisplay-Regular';
    src: url('../font/HelveticaNowDisplay-Regular.woff') format('woff');
    src: url('../font/HelveticaNowDisplay-Regular.woff2') format('woff2');
}
@font-face {
    font-family: 'HelveticaNowDisplay-Bold';
    src: url('../font/HelveticaNowDisplay-Bold.woff') format('woff');
    src: url('../font/HelveticaNowDisplay-Bold.woff2') format('woff2');
}


html, body{
    font-family: 'HelveticaNowDisplay-Regular', sans-serif;
    scroll-behavior: smooth;
    background-color: #000000;
    color: #ffffff;
}

.navbar-toggler-icon {
    filter: invert(1);
}

.nav-link,
.nav-link:hover
{
    font-family: 'HelveticaNowDisplay-Medium', sans-serif;
    color: #ffffff !important;
}

.footer-nav a,
.footer-nav a:hover{
    font-family: 'HelveticaNowDisplay-Medium', sans-serif;
    color: #ffffff;
}

.nav-link.active,
.footer-nav a.active{
    font-family: 'HelveticaNowDisplay-ExtraBold', sans-serif;
}

.nav-link span,
.footer-nav a span{
    position: relative;
    display: inline-block;
}

.nav-link.active span::after,
.footer-nav a.active span::after{
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background: currentColor;
}

.navbar .nav-link.active span::after{
    bottom: -8px;
}

.footer-nav a.active span::after{
    bottom: -4px;
}

.video-thumb{
    cursor:pointer;
    object-fit:cover;
}

.bold{ font-family: 'HelveticaNowDisplay-ExtraBold', sans-serif;}

.fs-blc{ font-size: 18px; }

.lh-xs{line-height: 0.75}
.lh-1{line-height: 1}
.lh-1-2{line-height: 1.2}

.btn-white{
    background-color: #ffffff;
    color: #000000
}
.btn-white:hover{
    border: 1px solid #ffffff;
    background-color: #000000;
    color: #ffffff !important;
}

.bottle{
    position: absolute;
    top: 30px;
    left: -60px;
}

.btn-close {
    position:absolute; right:-30px; top:0; z-index:999; font-weight: normal; color:#fff; opacity:1;
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    background: transparent url(../images/close.svg) center;
    border: 0;
    border-radius: 0.375rem;
}

.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%);
}

.blc-color-rse1{ height: 75px; width: 75px; border: 1px solid #ffed00 }
.color-rse1{ color: #ffed00 }
.blc-color-rse2{ height: 75px; width: 75px; border: 1px solid #eb4d8c }
.color-rse2{ color: #eb4d8c }
.blc-color-rse3{ height: 75px; width: 75px; border: 1px solid #f2994a }
.color-rse3{ color: #f2994a }
.blc-color-rse4{ height: 75px; width: 75px; border: 1px solid #9b59b6 }
.color-rse4{ color: #9b59b6 }
.blc-color-rse5{ height: 75px; width: 75px; border: 1px solid #50e3c2 }
.color-rse5{ color: #50e3c2 }
.blc-color-rse6{ height: 75px; width: 75px; border: 1px solid #4a90e2 }
.color-rse6{ color: #4a90e2 }

.img-eng-1, .img-eng-3{
    max-height: 603px;
    object-fit: cover;
    object-position: center;
}

.img-eng-2{
    max-height: 380px;
    object-fit: cover;
    object-position: center;
}

.img-eng-3{
    height: 680px;
}

.img-qsn-ctr{
    max-height: 250px;
    object-fit: cover;
    object-position: center;
}

.blc-cc-qsn{
    min-height: 280px;
}



@media (max-width: 1199.98px) {

}

@media (max-width: 991.98px) {

}

@media (max-width: 767.98px) {
    .img-eng-3{
        height: auto;
    }
    .blc-cc-qsn{
        min-height: auto;
    }

}

@media (max-width: 575.98px) {
    .fs-blc{font-size: 16px;}
}

@media (max-width: 414.98px) {

}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}