@font-face {
    font-family: Poppins-Regular;
    src: url('../../fonts/Poppins/Poppins-Regular.ttf');
}
@font-face {
    font-family: Poppins-Italic;
    src: url('../../fonts/Poppins/Poppins-Italic.ttf');
}
@font-face {
    font-family: Poppins-Bold;
    src: url('../../fonts/Poppins/Poppins-Bold.ttf');
}
@font-face {
    font-family: Poppins-Medium;
    src: url('../../fonts/Poppins/Poppins-Medium.ttf');
}

body{
    font-family: 'Poppins-Regular'; font-size:16px; color: #1B2C50;
}

.color-dark, a.color-dark{ color: #1B2C50!important; }
.color-dark-blue, a.color-dark-blue{ color: #143985!important; }
.color-blue, a.color-blue{ color: #0036A4!important; }
.color-yellow, a.color-yellow{ color:#E7AE4E!important; }
.color-grey, a.color-grey{ color:#434656!important;}
.color-light-grey, a.color-light-grey{ color:#A7AABD!important;}
.color-green, a.color-green{ color:#00B38A!important; }
.color-white, a.color-white{ color:#F6F9FF!important; }
.color-black, a.color-black{ color:#000B2E!important; }

.font-13{font-size:13px!important;}

.error-message{ color:#C53249; font-size:13px; margin-top:5px;}
.divider{ border-bottom: 1px solid #A7AABD; width:100%; float:left; margin-top:24px; margin-bottom:24px;}
.yellow-divider{ height:4px; width:calc(100% - 20px); border-radius: 100px; float:left; background-color: #FED600; margin-left:10px;}

.bg-white{ background-color: #ffffff;}
.bg-yellow{ background-color: #F8C145; }
.bg-yellow-flash{ background-color: #FCCC5E; }
.bg-grad-blue{ background-image: linear-gradient(#83C3EE, #20488E); background-color: #83C3EE; }
.bg-glitter{ background-image: url('../../images/upload/bg_glitter.png');
    background-position: top center; background-repeat: no-repeat; background-size: contain; }
.bg-bread{ background-image: url('../../images/upload/bg_home_footer.png');
    background-position: bottom center; background-repeat: no-repeat; background-size: contain; }
.no-padding{ padding: 0!important; }

b, strong, .bold{ font-family: 'Poppins-Bold'; }
.medium{ font-family: 'Poppins-Medium'; }

.breadcrumb-default{ font-size:13px; }
.breadcrumb-default a, .breadcrumb-default span{ display:block; float:left; margin-left:5px;}
.breadcrumb-default .back{ display: block;float:left; width:15px; height:15px; margin-right:18px; margin-top:2px;
    background: url('../../images/ic_chevron_left.png'); background-size: contain; background-position: bottom center;
}

input[type="radio"] { display: none; }
.radio-group{ font-size: 13px; color: #000000; float:left; margin-right:40px; cursor:pointer;  }
.radio-group i{ margin-right: 12px; display: block; width: 16px; height:16px; float: left; background-image: url('../../images/ic_radio_unchecked.png'); background-size: contain; background-repeat: no-repeat;}
.radio-group span{ display: block; margin-top: -2px; float: left;  }
.radio-group input[type="radio"]:checked ~ i { background-image: url('../../images/ic_radio_checked.png'); background-size: contain; background-repeat: no-repeat;}
.control-label{ font-size:13px; color: #1B2C50; margin-bottom:12px;}

.checkbox-group{ cursor: pointer; }
input[type="checkbox"] { display: none; }
.checkbox-group .check-event{ display: block; width: 20px; height:20px; background-image: url('../../images/ic_radio_unchecked.png'); background-size: contain;background-repeat: no-repeat;}
.checkbox-group input[type="checkbox"]:checked ~ .check-event { background-image: url('../../images/ic_radio_checked.png'); background-size: contain; background-repeat: no-repeat;}

.form-control, .form-control:focus{ border-radius: 4px; background-color: #F6F9FF; color:#1B2C50; border: 1px solid rgba(20, 57, 133, 0.2);
    font-size: 13px; font-family: 'Poppins-Regular'; outline: 0!important; box-shadow: none!important; padding:12px 16px;}
.form-control:focus{background: #ffffff;}
.form-group{ margin-bottom:20px;}
::placeholder {
    color: #A7AABD; opacity: 1; font-family: 'Poppins-Regular'; font-size: 13px;
}

.select2{ width:100%;}
.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {
    border: 1px solid rgba(20, 57, 133, 0.2); border-radius: 4px; background-color: #F6F9FF !important;
}
.select2-container--default .select2-selection--single{
    height:34px; padding: 12px 16px;
}
.select2-container--focus .select2-selection--single:not([class*=bg-]):not([class*=border-]),
.select2-container--open .select2-selection--single:not([class*=bg-]):not([class*=border-]) {
    border: 1px solid rgba(20, 57, 133, 0.2); outline: 0; background-color: #F6F9FF !important;
    -webkit-box-shadow: 0 0 transparent; box-shadow: 0 0 transparent;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left:0; padding-right: 16px; margin-top:-9px; font-family: 'Poppins-Regular'; font-size: 13px; color:#1B2C50;
}
.select2-selection--single .select2-selection__rendered > i {
    margin-right: 16px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    top:5px; right: 8px;
}
.select2-results__option, .select2-results__option--selectable{font-family: 'Poppins-Regular'; font-size: 13px; color:#1B2C50; padding: 8px 16px; }
.select2-search--dropdown{padding:0;border-bottom: 1px solid rgba(20, 57, 133, 0.2);}
.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-container--default .select2-search--dropdown .select2-search__field:focus{ border:none; outline:0; padding: 4px 16px; font-size:13px;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{ background-color: #1B2C50;}
.pointer{cursor:pointer;}
.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

.header-default{ width: 100%; height: 88px; padding: 16px 0; position:fixed;
    z-index: 900; background-color: #0036A4; -moz-box-sizing: border-box; box-sizing: border-box; }
.header-space{ float:left; width: 100%; height: 88px; }
.header-logo{ width: 76px; height: 55px; display: inline-block; float:left;
    background-image:url('../../images/logo.png'); background-size: contain; background-repeat: no-repeat; cursor: pointer;}
.header-tools{ float: right; display: inline-block; margin-top:7px;}
.header-tools a{ display: block; float:left; }
.header-nav{ display: inline-block; float:left; margin-top:15px; margin-left:40px;}
.header-nav span, .header-nav a{ display: block; float:left; margin-right:44px;}

.footer-default{ background-color: #F6F9FF; padding-top: 18px; padding-bottom: 18px;}

.btn{ border-radius: 24px; padding: 8px 24px; font-size:16px; font-family: 'Poppins-Medium'; outline:0!important; box-shadow:none; }
.btn:focus{ outline:0!important; box-shadow:none; }
.btn span{ display: block; float:left;}
.btn img{ width:24px; height:24px; position:absolute; left: 40px; margin-top: -2px;}
.btn-small{ padding:4px 16px; border-radius: 4px; font-size:12px;}
.btn-white, .btn-white:hover, .btn-white:active, .btn-white:focus,
a.btn-white, a.btn-white:hover, a.btn-white:active, a.btn-white:focus{
    border-color: #FFFFFF; color: #0036A4; background-color: #FFFFFF;
}
.btn-blue, .btn-blue:hover, .btn-blue:active, .btn-blue:focus,
a.btn-blue, a.btn-blue:hover, a.btn-blue:active, a.btn-blue:focus{
    border-color: #0036A4; color: #FFFFFF; background-color: #0036A4;
}
.btn-transparent, .btn-transparent:hover, .btn-transparent:active, .btn-transparent:focus,
a.btn-transparent, a.btn-transparent:hover, a.btn-transparent:active, a.btn-transparent:focus{
    border-color: #444655; color: #FDFDFD; background-color: transparent;
}
.btn-white-border, .btn-white-border:hover, .btn-white-border:active, .btn-white-border:focus{
    border-color: #000B2E; color: #000B2E; background-color: transparent;
}
a, a:hover, a:active, a:visited, a:focus{ text-decoration: none; color: inherit;}

.ic-reserved{ width: 30px; height: 30px; margin-left:30px; margin-top:5px; padding-right: 10px;
    background-image: url('../../images/ic_calendar_reserved.png'); background-size: contain; background-repeat: no-repeat;}
.indicator{ background-color: #00B79F; font-size:11px; color:#ffffff; padding:0 5px; border-radius: 50%;
    font-family: 'Poppins-Bold'; margin-top: -5px; margin-right: -15px; float:right; display: inline-block;
}

.row-flat{float:left; width:100%;}
.space-4{float:left; width:100%; height: 4px;}
.space-8{float:left; width:100%; height: 8px;}
.space-12{float:left; width:100%; height: 12px;}
.space-20{float:left; width:100%; height: 20px;}
.space-24{float:left; width:100%; height: 24px;}
.space-36{float:left; width:100%; height: 36px;}
.space-40{float:left; width:100%; height: 40px;}
.space-50{float:left; width:100%; height: 50px;}
.space-64{float:left; width:100%; height: 64px;}
.space-100{float:left; width:100%; height: 100px;}
.space-150{float:left; width:100%; height: 150px;}

.img-full{width:100%; height: auto;}

.caption-ellipsis{ width:100%; height:50px; display: inline-block; overflow: hidden;}
.ellip {display: block; height: 100%;}
.ellip-line {display: inline-block; text-overflow: ellipsis;white-space: nowrap; word-wrap: normal; max-width: 100%;}
.ellip, .ellip-line {position: relative; overflow: hidden;}
.ellipsis-line{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.room-item{
    border-radius: 16px; margin-left:10px; margin-right:10px; height: 480px; max-width: 280px; margin-top:12px;
    background-repeat: no-repeat; background-position: center center; background-size: cover;
}
/*.room-item:first-child{margin-left: 20px;}*/
.room-item .btn{
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.section-title{font-size:40px; line-height: 54px; }
.section-subtitle{font-size:19px; line-height: 26px; }
.section-title-2{font-size:48px; line-height: 65px; font-family:'Poppins-Bold';}
.section-subtitle-2{font-size:16px; line-height: 28px;}
.section-title-3{font-size:33px; line-height: 45px; }
.section-divider-2{ margin-top:16px; margin-bottom: 32px; width:64px; height: 4px; background-color:#FED600; border-radius:10px; display: inline-block;}
.vr-title{ font-size: 33px; line-height: 45px; }
.vr-subtitle{ font-size: 13px; line-height: 23px;}
.vr-icon{ height:283px; margin: 15px 0; background-position: center center; background-size: contain; background-repeat: no-repeat;}
.with-hastag .vr-icon{ height: 260px;}
.room-items{transition: 0.3s; padding-top:15px;}
.room-items:hover{margin-top:-15px;}
.room-live-box{ position: absolute; top:15px; width:100%; max-width:280px; text-align: center; transition: 0.3s;}
.room-items:hover .room-live-box{top:0;}
.room-live{padding:4px 12px; background-color: #ffffff; color: #143985; font-size: 11px; border-radius: 100px; display: inline-block;}
.room-live i{ float:left; display: block; background-image: url('../../images/ic_live.png'); width:16px; height:16px; background-size: contain; background-repeat: no-repeat;}
.room-live span{ float:left; display: block; margin-left:10px;}
.ic-btn-room{
    display: block; float:left; margin-left:12px; width:20px; height:20px; margin-top: 2px;
    background:url('../../images/ic_right_circle_dark.png'); background-size: contain;
}
.light-theme .ic-btn-room{
    background:url('../../images/ic_right_circle_white.png'); background-size: contain;
}
.dark-theme, .dark-theme a, .dark-theme:hover, .dark-theme:focus {color: #143985!important; }
.light-theme, .light-theme a, .light-theme:hover, .light-theme:focus{ color: #ffffff!important; }
.go-back{cursor:pointer;}
.schedule-item{
    border-radius: 16px; margin-right:20px; height: 500px; background: rgba(255, 255, 255, 0.5); max-width: 280px; color:#1B2C50;
}
.schedule-header{padding:16px; border-bottom:8px solid #00B38A; font-size: 16px; color: #1B2C50; font-family: 'Poppins-Medium';}
.schedule-header.expired{border-color:#FED600;}
.schedule-year{ font-size:10px; color: #434656; font-family: 'Poppins-Regular'; float:right; margin-top:5px; letter-spacing: 0.32em;}
.schedule-date{ font-size: 48px; font-family: 'Poppins-Bold';}
.schedule-month{ font-size: 28px; }
.schedule-detail{ padding: 20px 24px; }
.schedule-btn{ position: absolute; bottom: 24px; }
.next-schedule{ width:40px; height:40px; background-image:url('../../images/ic_right_circle_yellow.png'); cursor:pointer;
background-size: contain; background-repeat: no-repeat; position:absolute; right: 0; top: 22px; z-index: 55;}
.flex-vertical-center{ display: flex; flex-direction: column; justify-content: center;}

.form-title{ font-size:33px; line-height: 45px; margin-top:24px;}
.form-subtitle{ font-size:19px; line-height: 26px; margin-top:16px;}

.event-box{ float:left; width:100%; border: 1px solid #A7AABD; margin-bottom:20px; border-radius:8px;
    padding:20px; font-size: 13px; display: flex; flex-direction: row; align-items: center;}
.event-box div{ margin-right: 20px; }
.event-box-image{ border-radius: 8px; width: 80px; height: 80px; background-size: cover!important; background-position: center center!important;}
.event-add-box{ float:left; width:100%; border: 1px dashed #A7AABD; padding:20px; border-radius:8px; cursor:pointer;
    margin-bottom:20px; color:#A7AABD; font-size:16px; line-height:28px; display:flex; flex-direction:column; align-items: center; justify-content: center;}
.event-add-box i{ display:block; width: 32px; height:32px; background-image:url('../../images/ic_add_event.png'); background-size: contain; margin-bottom:12px; }
.flex-full{flex:1;}
.delete-event{ cursor:pointer; display:block; width: 18px; height:18px; background-image: url('../../images/ic_trash.png'); background-size: contain;}

.disclaimer{font-size: 13px; line-height: 23px;}
.modal-content{padding: 20px; border-radius: 16px; margin-top: 40%;}
.ic-success{ width:48px; height:48px; margin-bottom:24px; }
.ic-x{ width:24px; height:24px; cursor: pointer;}

.social-media-embed{ background: rgba(255, 255, 255, 0.4); padding:16px; border-radius: 16px;}
.social-media-embed iframe{ margin-bottom:0!important;}
.ic-socmed{ display:inline-block; width:32px; height:32px; background-size: contain!important; background-repeat: no-repeat!important; margin-left:30px;}
.ic-socmed:first-child{ margin-left:0;}
.ic-socmed.instagram{background:url('../../images/ic_instagram_yellow.png');}
.ic-socmed.instagram:hover{background:url('../../images/ic_instagram.png');}
.ic-socmed.facebook{background:url('../../images/ic_facebook_yellow.png');}
.ic-socmed.facebook:hover{background:url('../../images/ic_facebook.png');}
.ic-socmed.youtube{background:url('../../images/ic_youtube_yellow.png');}
.ic-socmed.youtube:hover{background:url('../../images/ic_youtube.png');}
.ic-socmed.twitter{background:url('../../images/ic_twitter_yellow.png');}
.ic-socmed.twitter:hover{background:url('../../images/ic_twitter.png');}
.ic-socmed.tiktok{background:url('../../images/ic_tiktok_yellow.png');}
.ic-socmed.tiktok:hover{background:url('../../images/ic_tiktok.png');}
.partner-item{ width:180px; height:180px; margin-left:10px; margin-right:10px; background-color: #F6F9FF;
    border-radius: 24px; background-repeat: no-repeat; background-size: 80% auto; background-position: center center;}
.btn-banner{ padding: 16px 80px; font-size:33px; font-family: 'Poppins-Bold'; border-radius: 40px; color: #000B2E; position: absolute; bottom: 24px; left: 0; margin-left:25px;}
.btn-banner-sm-box{ position: absolute; bottom:24px; }
.btn-banner-sm{ padding: 16px 40px; font-size:20px; font-family: 'Poppins-Bold'; border-radius: 40px; color: #000B2E; }

.item-award{ padding-top:16px; padding-bottom:16px; background-color:#FCCC5E; color:#434656;}
.item-award:nth-child(odd){background-color:#FFD677; }
.scroll-to-top{ background-image:url('../../images/ic_arrow_up.png'); background-size: contain;
    width: 48px; height: 48px; cursor: pointer; position: fixed; bottom: 70px; right:70px;}
.ic-plus{display:inline-block;width:24px;height:24px;background-image:url('../../images/ic_plus.png'); background-size: contain;cursor: pointer;}
.ic-minus{display:inline-block;width:24px;height:24px;background-image:url('../../images/ic_minus.png'); background-size: contain;cursor: pointer;}

/*mobile*/
@media (max-width: 767.98px) {
    .section-title, .section-title-3{ font-size: 24px; line-height: 33px; }
    .section-subtitle{ font-size: 13px; line-height: 23px; }
    .section-title-2{font-size:24px; line-height: 33px; margin-top:32px; font-family: 'Poppins-Medium';}
    .section-subtitle-2{font-size:16px; line-height: 28px;}
    .no-padding-sm, .no-padding-sm .container{ padding-left:0; padding-right: 0; overflow-x: hidden;}
    .room-item{ width:280px; margin-left:20px;}
    .room-live-box{margin-left:20px;}
    .slick-prev{ left:25px; z-index: 99;}
    .slick-next{ right:25px; z-index: 99;}
    .social-media-embed{ padding:2px; border-radius: 4px; margin-top:-30px;}
    .form-control, .control-label{display: block; }
    .radio-group{ width:100%; margin-bottom:10px;}
    .form-title{ font-size: 24px; line-height: 33px; }
    .form-subtitle{ font-size:13px; line-height: 23px;}
    .event-box{ flex-direction: column; padding:0;}
    .event-box-image{ border-bottom-right-radius: 0; border-bottom-left-radius: 0; width:100%; height: 210px;}
    .event-box div{ margin-right: 0; }
    .check-event{ position: absolute; top: 10px; right: 30px; width:30px!important; height: 30px!important;}
    .event-description{ padding:20px; flex-direction: row; display: flex;}
    .scroll-to-top{ width:32px; height: 32px; right:20px;}
    .header-nav span, .header-nav a{ margin-left: -25px; margin-right: 0; font-size: 14px; margin-top: 4px; }

}

/*desktop*/
@media (min-width: 768px) {
    .partner-container .slick-track, .partner-container .slick-list{display:flex;align-items:center;justify-content:center;}
}