@font-face {
    font-family:sukhumvit;
    src:url(../fonts/sukhumvit/sukhumvit-set_bold-webfont.eot);
    src:url(../fonts/sukhumvit/sukhumvit-set_bold-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/sukhumvit/sukhumvit-set_bold-webfont.woff2) format("woff2"),url(../fonts/sukhumvit/sukhumvit-set_bold-webfont.woff) format("woff"),url(../fonts/sukhumvit/sukhumvit-set_bold-webfont.ttf) format("truetype"),url(../fonts/sukhumvit/sukhumvit-set_bold-webfont.svg#sukhumvit_setbold) format("svg");
    font-weight:bold;
}
@font-face {
    font-family:sukhumvit;
    src:url(../fonts/sukhumvit/sukhumvit-set_medium-webfont.eot);
    src:url(../fonts/sukhumvit/sukhumvit-set_medium-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/sukhumvit/sukhumvit-set_medium-webfont.woff2) format("woff2"),url(../fonts/sukhumvit/sukhumvit-set_medium-webfont.woff) format("woff"),url(../fonts/sukhumvit/sukhumvit-set_medium-webfont.ttf) format("truetype"),url(../fonts/sukhumvit/sukhumvit-set_medium-webfont.svg#sukhumvit_setmedium) format("svg");
    font-weight:400;
    font-style:normal
}
@font-face {
    font-family:sukhumvit_setsemi_bold;
    src:url(../fonts/sukhumvit/sukhumvit-set_semibold-webfont.eot);
    src:url(../fonts/sukhumvit/sukhumvit-set_semibold-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/sukhumvit/sukhumvit-set_semibold-webfont.woff2) format("woff2"),url(../fonts/sukhumvit/sukhumvit-set_semibold-webfont.woff) format("woff"),url(../fonts/sukhumvit/sukhumvit-set_semibold-webfont.ttf) format("truetype"),url(../fonts/sukhumvit/sukhumvit-set_semibold-webfont.svg#sukhumvit_setsemi_bold) format("svg");
    font-weight:400;
    font-style:normal
}
@font-face {
    font-family:sukhumvit_settext;
    src:url(../fonts/sukhumvit/sukhumvit-set_text-webfont.eot);
    src:url(../fonts/sukhumvit/sukhumvit-set_text-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/sukhumvit/sukhumvit-set_text-webfont.woff2) format("woff2"),url(../fonts/sukhumvit/sukhumvit-set_text-webfont.woff) format("woff"),url(../fonts/sukhumvit/sukhumvit-set_text-webfont.ttf) format("truetype"),url(../fonts/sukhumvit/sukhumvit-set_text-webfont.svg#sukhumvit_settext) format("svg");
    font-weight:400;
    font-style:normal
}
html {
    scroll-behavior: smooth;
}
html, body, h1, h2, h3, h4, div, p{
    font-family: sukhumvit_settext;
}
html, body {
    height: 100vh;
    width: 100%;
}

#pre-loader {
    background-color: #ffffff;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1;
    margin-top: 0px;
    top: 0px;
    left: 0px;
    bottom: 0px;
    overflow: hidden !important;
    right: 0px;
    z-index: 999999;
}
#pre-loader img {
    text-align: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    z-index: 99;
    margin: 0 auto;
}
/*.header-bar {*/
    /*background-color: #ed5001;*/
    /*height: 50px;*/
/*}*/
#nav-menu {
    background-color: #ed5001;
    color: #FFF;
}
.navbar-toggler {
    color: #ffffff;
}
a.nav-link {
    font-family: sukhumvit_settext;
    color: #FFF;
    padding: 12px 8px 8px 8px !important;
    font-size: 0.95rem;
}
a:hover.nav-link {
    background-color: #525252;
}
.dropdown-menu.show {
    background-color: #525252;
    border: 0;
    border-radius: 0px;
}
a.dropdown-item {
    color: #FFF;
    font-size: 0.95rem;
}
a:hover.dropdown-item {
    color: #FFF;
    background-color: #414141;
}
.fa-2x {
    font-size: 1.3em !important;
}

/*************************
    back to top
*************************/
#back-to-top .top {
    z-index: 999;
    position: fixed;
    margin: 0px;
    color: #fff;
    transition:all .5s ease-in-out;
    position:fixed;
    bottom:50px;
    right:15px;
    border-radius: 3px;
    z-index: 999;
    background: transparent;
    font-size: 14px;
    background: #ed5001;
    width: 40px;
    height: 40px;
    text-align: center;
}
#back-to-top i {
    padding-top: 2px;
    font-size: 20px;
}
#back-to-top span {
    display: block;
    line-height: 8px;
    font-size: 11px;
}
#back-to-top .top:hover {
    text-decoration: none;
}
.btn-tohome {
    color: #FFFFFF;
    background-color: #ed5001;
}
.btn-tohome:hover {
    color: #FFFFFF;
    background-color: #ae280d;
}
.bg-custom-nav {
    background-color: rgba(26,26,26,0.9);
}
.main-banner {
    height: 700px;
    background: #e9e9ea url("../assets/banners/bg-11stanniversary.jpg") center center no-repeat;
    background-size: cover;
}
.footer {
    background-color: #ed5001;
}
.footer-text, .footer-text a {
    color: #fff;
}
.footer-donate-text {
    color: #ffffff;
    font-size: 1.25rem;
    line-height: 1.75;
}
.footer-donate-text-bold {
    color: #ffffff;
    font-weight: bold;
    font-size: 1.3rem;
    line-height: 1.8;
}
.banner-link-text {
    color: #1a1a1a;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1rem;
    line-height: 1.5;
}
.banner-link-text:hover {
    color: #1a1a1a;
    text-decoration: underline;
}
h2.banner-title, h2.gallery-title {
    font-family: sukhumvit_setsemi_bold;
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 1.8;
}
.banner-subtitle, .gallery-text {
    font-size: 1.3rem;
    line-height: 1.5;
}
.btn-entersite {
    background-color: #ed5001;
    border: none;
    color: #ffffff;
    font-size: 1.1rem;
    line-height: 1.5;
}
.btn-entersite:hover {
    background-color: #ec3724;
    border: none;
    color: #ffffff;
    font-size: 1.1rem;
    line-height: 1.5;
}
.gallery {
    background-color: #e9e9ea;
}


.owl-carousel .owl-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: initial;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    margin: 0 5px !important;
    border: 1px solid #888 !important;
    background-color: #1a1a1a !important;
    color: #e9e9ea !important;
    line-height: 1 !important;
    padding: 9px 15px !important;
    border-radius: 50% !important;
}
.owl-nav button span {
    font-size: 2rem;
    line-height: 0.4;
    font-family: sukhumvit_setsemi_bold !important;
}



@media (max-width: 767.98px) {
    .main-banner {
        height: auto;
    }
}