@font-face {
    font-family: "InterExtraBold";
    src: url("/assets/fonts/Inter-ExtraBold.eot");
    src: url("/assets/fonts/Inter-ExtraBold.eot?#iefix") format("embedded-opentype"),
    url("/assets/fonts/Inter-ExtraBold.woff2") format("woff2"),
    url("/assets/fonts/Inter-ExtraBold.woff") format("woff"),
    url("/assets/fonts/Inter-ExtraBold.ttf") format("truetype"),
    url("/assets/fonts/Inter-ExtraBold.svg#Inter-ExtraBold") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "InterBlack";
    src: url("/assets/fonts/Inter-Black.eot");
    src: url("/assets/fonts/Inter-Black.eot?#iefix") format("embedded-opentype"),
    url("/assets/fonts/Inter-Black.woff2") format("woff2"),
    url("/assets/fonts/Inter-Black.woff") format("woff"),
    url("/assets/fonts/Inter-Black.ttf") format("truetype"),
    url("/assets/fonts/Inter-Black.svg#Inter-Black") format("svg");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "InterBold";
    src: url("/assets/fonts/Inter-Bold.eot");
    src: url("/assets/fonts/Inter-Bold.eot?#iefix") format("embedded-opentype"),
    url("/assets/fonts/Inter-Bold.woff2") format("woff2"),
    url("/assets/fonts/Inter-Bold.woff") format("woff"),
    url("/assets/fonts/Inter-Bold.ttf") format("truetype"),
    url("/assets/fonts/Inter-Bold.svg#Inter-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "InterSemiBold";
    src: url("/assets/fonts/Inter-SemiBold.eot");
    src: url("/assets/fonts/Inter-SemiBold.eot?#iefix") format("embedded-opentype"),
    url("/assets/fonts/Inter-SemiBold.woff2") format("woff2"),
    url("/assets/fonts/Inter-SemiBold.woff") format("woff"),
    url("/assets/fonts/Inter-SemiBold.ttf") format("truetype"),
    url("/assets/fonts/Inter-SemiBold.svg#Inter-SemiBold") format("svg");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "InterThin";
    src: url("/assets/fonts/Inter-Thin.eot");
    src: url("/assets/fonts/Inter-Thin.eot?#iefix") format("embedded-opentype"),
    url("/assets/fonts/Inter-Thin.woff2") format("woff2"),
    url("/assets/fonts/Inter-Thin.woff") format("woff"),
    url("/assets/fonts/Inter-Thin.ttf") format("truetype"),
    url("/assets/fonts/Inter-Thin.svg#Inter-Thin") format("svg");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "InterRegular";
    src: url("/assets/fonts/Inter-Regular.eot");
    src: url("/assets/fonts/Inter-Regular.eot?#iefix") format("embedded-opentype"),
    url("/assets/fonts/Inter-Regular.woff2") format("woff2"),
    url("/assets/fonts/Inter-Regular.woff") format("woff"),
    url("/assets/fonts/Inter-Regular.ttf") format("truetype"),
    url("/assets/fonts/Inter-Regular.svg#Inter-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "InterLight";
    src: url("/assets/fonts/Inter-Light.eot");
    src: url("/assets/fonts/Inter-Light.eot?#iefix") format("embedded-opentype"),
    url("/assets/fonts/Inter-Light.woff2") format("woff2"),
    url("/assets/fonts/Inter-Light.woff") format("woff"),
    url("/assets/fonts/Inter-Light.ttf") format("truetype"),
    url("/assets/fonts/Inter-Light.svg#Inter-Light") format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "InterExtraLight";
    src: url("/assets/fonts/Inter-ExtraLight.eot");
    src: url("/assets/fonts/Inter-ExtraLight.eot?#iefix") format("embedded-opentype"),
    url("/assets/fonts/Inter-ExtraLight.woff2") format("woff2"),
    url("/assets/fonts/Inter-ExtraLight.woff") format("woff"),
    url("/assets/fonts/Inter-ExtraLight.ttf") format("truetype"),
    url("/assets/fonts/Inter-ExtraLight.svg#Inter-ExtraLight") format("svg");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "InterMedium";
    src: url("/assets/fonts/Inter-Medium.eot");
    src: url("/assets/fonts/Inter-Medium.eot?#iefix") format("embedded-opentype"),
    url("/assets/fonts/Inter-Medium.woff2") format("woff2"),
    url("/assets/fonts/Inter-Medium.woff") format("woff"),
    url("/assets/fonts/Inter-Medium.ttf") format("truetype"),
    url("/assets/fonts/Inter-Medium.svg#Inter-Medium") format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "RalewayBold";
    src: url("/assets/fonts/Raleway-Bold.eot");
    src: url("/assets/fonts/Raleway-Bold.eot?#iefix") format("embedded-opentype"),
    url("/assets/fonts/Raleway-Bold.woff2") format("woff2"),
    url("/assets/fonts/Raleway-Bold.woff") format("woff"),
    url("/assets/fonts/Raleway-Bold.ttf") format("truetype"),
    url("/assets/fonts/Raleway-Bold.svg#Raleway-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
.font-InterExtraBold {
    font-family: "InterExtraBold";
}
.font-InterBlack {
    font-family: "InterBlack";
}
.font-InterBold {
    font-family: "InterBold";
}
.font-InterSemiBold {
    font-family: "InterSemiBold";
}
.font-InterThin {
    font-family: "InterThin";
}
.font-InterRegular {
    font-family: "InterRegular";
}
.font-InterLight {
    font-family: "InterLight";
}
.font-InterExtraLight {
    font-family: "InterExtraLight";
}
.font-InterMedium {
    font-family: "InterMedium";
}
.font-RalewayBold {
    font-family: "RalewayBold";
}
:root {
    scroll-behavior: auto !important;
    --bs-body-line-height: 1.3;
}
html,
body {
    padding: 0;
    margin: 0;
    height: 100%;
    overflow-x: hidden;
    font-size: clamp(0.875rem, 2vw, 1rem);
}
body {
    font-family: "InterRegular";
    position: relative;
}

h1, .h1 {
    line-height: 0.875;
}
h2, .h2 {
    line-height: 0.95;
}
h3, .h3 {
    line-height: 1.1;
}
h4, .h4 {
    line-height: 1.5;
}
h5, .h5 {
    line-height: 1.17;
}
h6, .h6 {
    line-height: 1.2;
}

#p1, #p2, #p3, #p4 {
    min-height: 100%;
    position: relative;
}
#p1 {
    background: #1d1646 url("/includes/pages/promotion/images/p1_bg.png") center center no-repeat;
    background-size: cover;
    background-position-x: 45%;
    color: #fff;
}
#p1 a {
    color: #fff;
}
#p2 {
    background: #1d1646 url("/includes/pages/promotion/images/p2_bg.jpg") center center repeat-x;
    background-size: cover;
    color: #666666;
}
#p3 {
    color: #3b3d40;
}
.logo {
    width: 75px;
    height: auto;
}
.menu {
    font-family: "RalewayBold";
    text-decoration: none;
}
.menu a {
    text-decoration: none;
    margin: 0 10px;
    border-bottom: 2px solid transparent;
    transition: border 0.5s;
}
.menu a:first-child {
    margin-right: 50px;
}
.menu a:last-child {
    margin-left: 50px;
}
.menu a:hover,
.menu a.active {
    border-color: #fff;
}
.video-js {
    z-index: 10;
}
.video-js .vjs-big-play-button {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.video-js .vjs-play-progress {
    background-image: linear-gradient(to bottom, #66d330, #58bd26);
}

.toast {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 1000;
}

.form-control {
    border-radius: 0;
}

.form-group.has-error .help-block {
    color: #e34d0a;
}

.p-6 {
    padding: 6rem !important;
}
.px-6 {
    padding-right: 6rem !important;
    padding-left: 6rem !important;
}
.py-6 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
}
.pt-6 {
    padding-top: 6rem !important;
}
.pb-6 {
    padding-bottom: 6rem !important;
}
.pe-6 {
    padding-right: 6rem !important;
}
.ps-6 {
    padding-left: 6rem !important;
}
.min-textsize-native {

}
sup {
    vertical-align: sub;
}

@media (max-width: 576px) {
    h1.fontsize-sm-native, .h1.fontsize-sm-native {
        font-size: calc(1.375rem + 5vw) !important;
    }
}
@media (max-width: 768px) {
    h1.fontsize-md-native, .h1.fontsize-md-native {
        font-size: calc(1.375rem + 4vw) !important;
    }
    .toast {
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
    }
}
@media (max-width: 992px) {
    h1.fontsize-lg-native, .h1.fontsize-lg-native {
        font-size: calc(1.375rem + 3vw) !important;
    }
}
@media (max-width: 1200px) {
    h1.fontsize-xl-native, .h1.fontsize-xl-native {
        font-size: calc(1.375rem + 3vw) !important;
    }
}

@media (min-width: 576px) {
    .p-sm-6 {
        padding: 6rem !important;
    }
    .px-sm-6 {
        padding-right: 6rem !important;
        padding-left: 6rem !important;
    }
    .py-sm-6 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }
    .pt-sm-6 {
        padding-top: 6rem !important;
    }
    .pb-sm-6 {
        padding-bottom: 6rem !important;
    }
    .pe-sm-6 {
        padding-right: 6rem !important;
    }
    .ps-sm-6 {
        padding-left: 6rem !important;
    }
}
@media (min-width: 768px) {
    h1.fontsize-md-native, .h1.fontsize-md-native {
        font-size: calc(1.375rem + 1.5vw) !important;
    }
    .p-md-6 {
        padding: 6rem !important;
    }
    .px-md-6 {
        padding-right: 6rem !important;
        padding-left: 6rem !important;
    }
    .py-md-6 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }
    .pt-md-6 {
        padding-top: 6rem !important;
    }
    .pb-md-6 {
        padding-bottom: 6rem !important;
    }
    .pe-md-6 {
        padding-right: 6rem !important;
    }
    .ps-md-6 {
        padding-left: 6rem !important;
    }
}
@media (min-width: 992px) {
    h1.fontsize-lg-native, .h1.fontsize-lg-native {
        font-size: calc(1.375rem + 1.5vw) !important;
    }
    .p-lg-6 {
        padding: 6rem !important;
    }
    .px-lg-6 {
        padding-right: 6rem !important;
        padding-left: 6rem !important;
    }
    .py-lg-6 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }
    .pt-lg-6 {
        padding-top: 6rem !important;
    }
    .pb-lg-6 {
        padding-bottom: 6rem !important;
    }
    .pe-lg-6 {
        padding-right: 6rem !important;
    }
    .ps-lg-6 {
        padding-left: 6rem !important;
    }
}
@media (min-width: 1200px) {
    h1.fontsize-xl-native, .h1.fontsize-xl-native {
        font-size: calc(1.375rem + 1.5vw) !important;
    }
    .p-xl-6 {
        padding: 6rem !important;
    }
    .px-xl-6 {
        padding-right: 6rem !important;
        padding-left: 6rem !important;
    }
    .py-xl-6 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }
    .pt-xl-6 {
        padding-top: 6rem !important;
    }
    .pb-xl-6 {
        padding-bottom: 6rem !important;
    }
    .pe-xl-6 {
        padding-right: 6rem !important;
    }
    .ps-xl-6 {
        padding-left: 6rem !important;
    }
}