@font-face {
    font-family: "Brandon Text";
    src: url("../fonts/brandon_text/BrandonText-Black.eot");
    src: url("../fonts/brandon_text/BrandonText-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/brandon_text/BrandonText-Black.woff2") format("woff2"), url("../fonts/brandon_text/BrandonText-Black.woff") format("woff"), url("../fonts/brandon_text/BrandonText-Black.ttf") format("truetype"), url("../fonts/brandon_text/BrandonText-Black.svg#BrandonText-Black") format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Brandon Text";
    src: url("../fonts/brandon_text/BrandonText-BlackItalic.eot");
    src: url("../fonts/brandon_text/BrandonText-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/brandon_text/BrandonText-BlackItalic.woff2") format("woff2"), url("../fonts/brandon_text/BrandonText-BlackItalic.woff") format("woff"), url("../fonts/brandon_text/BrandonText-BlackItalic.ttf") format("truetype"), url("../fonts/brandon_text/BrandonText-BlackItalic.svg#BrandonText-BlackItalic") format("svg");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
  }
  @font-face {
    font-family: "Brandon Text";
    src: url("../fonts/brandon_text/BrandonText-Bold.eot");
    src: url("../fonts/brandon_text/BrandonText-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/brandon_text/BrandonText-Bold.woff2") format("woff2"), url("../fonts/brandon_text/BrandonText-Bold.woff") format("woff"), url("../fonts/brandon_text/BrandonText-Bold.ttf") format("truetype"), url("../fonts/brandon_text/BrandonText-Bold.svg#BrandonText-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Brandon Text";
    src: url("../fonts/brandon_text/BrandonText-Bold_1.eot");
    src: url("../fonts/brandon_text/BrandonText-Bold_1.eot?#iefix") format("embedded-opentype"), url("../fonts/brandon_text/BrandonText-Bold_1.woff2") format("woff2"), url("../fonts/brandon_text/BrandonText-Bold_1.woff") format("woff"), url("../fonts/brandon_text/BrandonText-Bold_1.ttf") format("truetype"), url("../fonts/brandon_text/BrandonText-Bold_1.svg#BrandonText-Bold") format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Brandon Text";
    src: url("../fonts/brandon_text/BrandonText-Black_1.eot");
    src: url("../fonts/brandon_text/BrandonText-Black_1.eot?#iefix") format("embedded-opentype"), url("../fonts/brandon_text/BrandonText-Black_1.woff2") format("woff2"), url("../fonts/brandon_text/BrandonText-Black_1.woff") format("woff"), url("../fonts/brandon_text/BrandonText-Black_1.ttf") format("truetype"), url("../fonts/brandon_text/BrandonText-Black_1.svg#BrandonText-Black") format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Brandon Text";
    src: url("../fonts/brandon_text/BrandonText-BlackItalic_1.eot");
    src: url("../fonts/brandon_text/BrandonText-BlackItalic_1.eot?#iefix") format("embedded-opentype"), url("../fonts/brandon_text/BrandonText-BlackItalic_1.woff2") format("woff2"), url("../fonts/brandon_text/BrandonText-BlackItalic_1.woff") format("woff"), url("../fonts/brandon_text/BrandonText-BlackItalic_1.ttf") format("truetype"), url("../fonts/brandon_text/BrandonText-BlackItalic_1.svg#BrandonText-BlackItalic") format("svg");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
  }
  @font-face {
    font-family: "Brandon Text";
    src: url("../fonts/brandon_text/BrandonText-LightItalic.eot");
    src: url("../fonts/brandon_text/BrandonText-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/brandon_text/BrandonText-LightItalic.woff2") format("woff2"), url("../fonts/brandon_text/BrandonText-LightItalic.woff") format("woff"), url("../fonts/brandon_text/BrandonText-LightItalic.ttf") format("truetype"), url("../fonts/brandon_text/BrandonText-LightItalic.svg#BrandonText-LightItalic") format("svg");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
  }
  @font-face {
    font-family: "Brandon Text";
    src: url("../fonts/brandon_text/BrandonText-BoldItalic.eot");
    src: url("../fonts/brandon_text/BrandonText-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/brandon_text/BrandonText-BoldItalic.woff2") format("woff2"), url("../fonts/brandon_text/BrandonText-BoldItalic.woff") format("woff"), url("../fonts/brandon_text/BrandonText-BoldItalic.ttf") format("truetype"), url("../fonts/brandon_text/BrandonText-BoldItalic.svg#BrandonText-BoldItalic") format("svg");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
  }
  @font-face {
    font-family: "Brandon Text";
    src: url("../fonts/brandon_text/BrandonText-Light.eot");
    src: url("../fonts/brandon_text/BrandonText-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/brandon_text/BrandonText-Light.woff2") format("woff2"), url("../fonts/brandon_text/BrandonText-Light.woff") format("woff"), url("../fonts/brandon_text/BrandonText-Light.ttf") format("truetype"), url("../fonts/brandon_text/BrandonText-Light.svg#BrandonText-Light") format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Brandon Text";
    src: url("../fonts/brandon_text/BrandonText-BoldItalic_1.eot");
    src: url("../fonts/brandon_text/BrandonText-BoldItalic_1.eot?#iefix") format("embedded-opentype"), url("../fonts/brandon_text/BrandonText-BoldItalic_1.woff2") format("woff2"), url("../fonts/brandon_text/BrandonText-BoldItalic_1.woff") format("woff"), url("../fonts/brandon_text/BrandonText-BoldItalic_1.ttf") format("truetype"), url("../fonts/brandon_text/BrandonText-BoldItalic_1.svg#BrandonText-BoldItalic") format("svg");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
  }
  @font-face {
    font-family: "Brandon Text";
    src: url("../fonts/brandon_text/BrandonText-Light_1.eot");
    src: url("../fonts/brandon_text/BrandonText-Light_1.eot?#iefix") format("embedded-opentype"), url("../fonts/brandon_text/BrandonText-Light_1.woff2") format("woff2"), url("../fonts/brandon_text/BrandonText-Light_1.woff") format("woff"), url("../fonts/brandon_text/BrandonText-Light_1.ttf") format("truetype"), url("../fonts/brandon_text/BrandonText-Light_1.svg#BrandonText-Light") format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Brandon Text";
    src: url("../fonts/brandon_text/BrandonText-LightItalic_1.eot");
    src: url("../fonts/brandon_text/BrandonText-LightItalic_1.eot?#iefix") format("embedded-opentype"), url("../fonts/brandon_text/BrandonText-LightItalic_1.woff2") format("woff2"), url("../fonts/brandon_text/BrandonText-LightItalic_1.woff") format("woff"), url("../fonts/brandon_text/BrandonText-LightItalic_1.ttf") format("truetype"), url("../fonts/brandon_text/BrandonText-LightItalic_1.svg#BrandonText-LightItalic") format("svg");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
  }
  @font-face {
    font-family: "Brandon Text";
    src: url("../fonts/brandon_text/BrandonText-Medium.eot");
    src: url("../fonts/brandon_text/BrandonText-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/brandon_text/BrandonText-Medium.woff2") format("woff2"), url("../fonts/brandon_text/BrandonText-Medium.woff") format("woff"), url("../fonts/brandon_text/BrandonText-Medium.ttf") format("truetype"), url("../fonts/brandon_text/BrandonText-Medium.svg#BrandonText-Medium") format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Brandon Text";
    src: url("../fonts/brandon_text/BrandonText-MediumItalic.eot");
    src: url("../fonts/brandon_text/BrandonText-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/brandon_text/BrandonText-MediumItalic.woff2") format("woff2"), url("../fonts/brandon_text/BrandonText-MediumItalic.woff") format("woff"), url("../fonts/brandon_text/BrandonText-MediumItalic.ttf") format("truetype"), url("../fonts/brandon_text/BrandonText-MediumItalic.svg#BrandonText-MediumItalic") format("svg");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
  }
  @font-face {
    font-family: "Brandon Text";
    src: url("../fonts/brandon_text/BrandonText-Medium_1.eot");
    src: url("../fonts/brandon_text/BrandonText-Medium_1.eot?#iefix") format("embedded-opentype"), url("../fonts/brandon_text/BrandonText-Medium_1.woff2") format("woff2"), url("../fonts/brandon_text/BrandonText-Medium_1.woff") format("woff"), url("../fonts/brandon_text/BrandonText-Medium_1.ttf") format("truetype"), url("../fonts/brandon_text/BrandonText-Medium_1.svg#BrandonText-Medium") format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Brandon Text";
    src: url("../fonts/brandon_text/BrandonText-RegularItalic.eot");
    src: url("../fonts/brandon_text/BrandonText-RegularItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/brandon_text/BrandonText-RegularItalic.woff2") format("woff2"), url("../fonts/brandon_text/BrandonText-RegularItalic.woff") format("woff"), url("../fonts/brandon_text/BrandonText-RegularItalic.ttf") format("truetype"), url("../fonts/brandon_text/BrandonText-RegularItalic.svg#BrandonText-RegularItalic") format("svg");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
  }
  @font-face {
    font-family: "Brandon Text";
    src: url("../fonts/brandon_text/BrandonText-MediumItalic_1.eot");
    src: url("../fonts/brandon_text/BrandonText-MediumItalic_1.eot?#iefix") format("embedded-opentype"), url("../fonts/brandon_text/BrandonText-MediumItalic_1.woff2") format("woff2"), url("../fonts/brandon_text/BrandonText-MediumItalic_1.woff") format("woff"), url("../fonts/brandon_text/BrandonText-MediumItalic_1.ttf") format("truetype"), url("../fonts/brandon_text/BrandonText-MediumItalic_1.svg#BrandonText-MediumItalic") format("svg");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
  }
  @font-face {
    font-family: "Brandon Text";
    src: url("../fonts/brandon_text/BrandonText-Regular.eot");
    src: url("../fonts/brandon_text/BrandonText-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/brandon_text/BrandonText-Regular.woff2") format("woff2"), url("../fonts/brandon_text/BrandonText-Regular.woff") format("woff"), url("../fonts/brandon_text/BrandonText-Regular.ttf") format("truetype"), url("../fonts/brandon_text/BrandonText-Regular.svg#BrandonText-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Brandon Text";
    src: url("../fonts/brandon_text/BrandonText-Regular_1.eot");
    src: url("../fonts/brandon_text/BrandonText-Regular_1.eot?#iefix") format("embedded-opentype"), url("../fonts/brandon_text/BrandonText-Regular_1.woff2") format("woff2"), url("../fonts/brandon_text/BrandonText-Regular_1.woff") format("woff"), url("../fonts/brandon_text/BrandonText-Regular_1.ttf") format("truetype"), url("../fonts/brandon_text/BrandonText-Regular_1.svg#BrandonText-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Brandon Text";
    src: url("../fonts/brandon_text/BrandonText-RegularItalic_1.eot");
    src: url("../fonts/brandon_text/BrandonText-RegularItalic_1.eot?#iefix") format("embedded-opentype"), url("../fonts/brandon_text/BrandonText-RegularItalic_1.woff2") format("woff2"), url("../fonts/brandon_text/BrandonText-RegularItalic_1.woff") format("woff"), url("../fonts/brandon_text/BrandonText-RegularItalic_1.ttf") format("truetype"), url("../fonts/brandon_text/BrandonText-RegularItalic_1.svg#BrandonText-RegularItalic") format("svg");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
  }
  @font-face {
    font-family: "Brandon Text";
    src: url("../fonts/brandon_text/BrandonText-Thin.eot");
    src: url("../fonts/brandon_text/BrandonText-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/brandon_text/BrandonText-Thin.woff2") format("woff2"), url("../fonts/brandon_text/BrandonText-Thin.woff") format("woff"), url("../fonts/brandon_text/BrandonText-Thin.ttf") format("truetype"), url("../fonts/brandon_text/BrandonText-Thin.svg#BrandonText-Thin") format("svg");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Myriad Pro";
    src: url("../fonts/myriadpro/MyriadPro-Bold.eot");
    src: url("../fonts/myriadpro/MyriadPro-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/myriadpro/MyriadPro-Bold.woff2") format("woff2"), url("../fonts/myriadpro/MyriadPro-Bold.woff") format("woff"), url("../fonts/myriadpro/MyriadPro-Bold.ttf") format("truetype"), url("../fonts/myriadpro/MyriadPro-Bold.svg#MyriadPro-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Myriad Pro";
    src: url("../fonts/myriadpro/MyriadPro-Black.eot");
    src: url("../fonts/myriadpro/MyriadPro-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/myriadpro/MyriadPro-Black.woff2") format("woff2"), url("../fonts/myriadpro/MyriadPro-Black.woff") format("woff"), url("../fonts/myriadpro/MyriadPro-Black.ttf") format("truetype"), url("../fonts/myriadpro/MyriadPro-Black.svg#MyriadPro-Black") format("svg");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Myriad Pro";
    src: url("../fonts/myriadpro/MyriadPro-Regular.eot");
    src: url("../fonts/myriadpro/MyriadPro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/myriadpro/MyriadPro-Regular.woff2") format("woff2"), url("../fonts/myriadpro/MyriadPro-Regular.woff") format("woff"), url("../fonts/myriadpro/MyriadPro-Regular.ttf") format("truetype"), url("../fonts/myriadpro/MyriadPro-Regular.svg#MyriadPro-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Myriad Pro";
    src: url("../fonts/myriadpro/MyriadPro-Light.eot");
    src: url("../fonts/myriadpro/MyriadPro-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/myriadpro/MyriadPro-Light.woff2") format("woff2"), url("../fonts/myriadpro/MyriadPro-Light.woff") format("woff"), url("../fonts/myriadpro/MyriadPro-Light.ttf") format("truetype"), url("../fonts/myriadpro/MyriadPro-Light.svg#MyriadPro-Light") format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: "Myriad Pro";
    src: url("../fonts/myriadpro/MyriadPro-Semibold.eot");
    src: url("../fonts/myriadpro/MyriadPro-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/myriadpro/MyriadPro-Semibold.woff2") format("woff2"), url("../fonts/myriadpro/MyriadPro-Semibold.woff") format("woff"), url("../fonts/myriadpro/MyriadPro-Semibold.ttf") format("truetype"), url("../fonts/myriadpro/MyriadPro-Semibold.svg#MyriadPro-Semibold") format("svg");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }

html, body {width:100%; height:100%; margin:0;padding:0; line-height: 1.5; font-family: "Brandon Text", sans-serif; font-weight:400; color:#f3ecbf;}
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, table, th, td, form, fieldset, legend, input, select, textarea, button, figure, figcaption {margin:0; padding:0; outline: none;}
	.hd-body *, .hd-body *:before, .hd-body *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; outline:none; -webkit-text-size-adjust: none; vertical-align:baseline}
	.hd-body img {max-width: 100%; outline:none}
	.hd-body p, h1, h2, h3, h4 {margin:0; padding:0}
	.hd-body section {clear:both; position:relative; z-index:1}
    table {border-collapse: collapse;}

    fieldset, legend, input, select, textarea, input::placeholder {font-size:14px; color:#585858}
    *::placeholder, input.focus::placeholder {color:#c0c0c0}
    .abs {position:absolute; z-index:1}
    .abs::after, .abs::before {content:""; z-index:-1}
    .flex {display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between}
    .nowrap {white-space:nowrap}
    .all-center {text-align:center; width:100%}
    .text-center {text-align: center;}
    .text-left {text-align: left;}

.bg-blue, .hd-body {background: rgb(6,38,87);
    background: -webkit-gradient(linear,left top,right top,from(rgb(6,38,87)),color-stop(50%,rgb(6,58,133)),to(rgb(3,34,88)));
    background: linear-gradient(to right,rgb(6,38,87) 0%,rgb(6,58,133) 50%,rgb(3,34,88) 100%);}

.f-group {width:75%; display: flex; flex-wrap: wrap;}
    .f-group.cot-3 {justify-content: space-between;}
    .f-group.cot-3 select {width:32%}
    .f-group.f-row select {margin-bottom:1em;}
    .f-group.cot-2 {justify-content: space-between;}
    .f-group.cot-2 .btn-xacnhan {width:25%;}
    .f-group.cot-2 input {width:72%;}
#reg-form label:not(.check-box) {font-size: 1.25rem; max-width: 130px; white-space: nowrap; font-weight: 800; width: 25%;}
.f-flex {display: flex; justify-content:flex-start; align-items:baseline}
#reg-form input, #reg-form select  {font-style: normal;}
#reg-form input::placeholder, #reg-form select option:first-child, #reg-form select.empty {font-style: italic; color:#7d93bc}
.f-row select + .error-info {position: relative; top: -1em;}

.hd-field {position:relative; margin-bottom:1em}
.hd-field input, .hd-field select {width:100%; border:1px solid #E0E0E0; background:#fff; line-height:1; padding:0 0.75rem; border-radius:0.6em; height:44px;}
    fieldset, input, select, textarea, input::placeholder {font-family: "Myriad Pro",sans-serif; color: #1b4580; font-size: 1.05rem}
.msg_error {display:none; font-style:italic; color:yellow; text-align:left; font-size:0.8em; width:100%}
.error-info {color:red; text-align: right; width:100%;}
.hd-checkbox {display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; margin-bottom:0.9em}
    .hd-checkbox .checkbox {padding-right:5px;text-align:left}
.hd-checkbox input[type=checkbox] {width:20px; height:20px; margin:0; padding:0}
    .hd-checkbox label {max-width: calc(100% - 26px)}
.a-link {color: inherit; text-decoration: underline;}
.a-link:hover {color: inherit; text-decoration: none;}
.btn-submit {max-width:228px; width:50%; margin: 0 auto;}
.qr-code {font-size: 0.688rem; color:#fff; text-align: right;}
.close-icon {cursor: pointer;}

.box-thankyou {
  max-width: 100% !important;
  font-size: 1.375rem;
  line-height: 1.3;
}

.disabled {opacity:0.5; pointer-events: none;}

@media (min-width: 768px) {
    .register-box {max-width:680px; margin:0 auto;}
    .hd-field input, .hd-field select {height:50px;}
    .d-md-none {display: none;}
    .w-430 {width: 430px}
    .w-490 {width: 490px}
    .w-540 {width: 540px}  
    .w-560 {width: 560px}
    .w-650 {width: 650px}
    .w-1000 {width: 1000px}
}

@media (max-width: 767px) {
    .hd-body {font-size: 3.4vw;}
    .register-box {max-width:480px; margin:0 auto; padding:0 15px;}
    #reg-form label:not(.check-box) {font-size:3.6vw;}
    fieldset, input, select, textarea, input::placeholder {font-size: 0.9rem}
    .title img {max-width:75%;}
    .f-group.cot-2 .btn-xacnhan {width:39%;}
    .f-group.cot-2 input {width:58%;}
    .hd-field, .f-group.f-row select {margin-bottom: 3vw;}
    .popup .modal {width:92%}
}

/** POPUP **/

table {color: #212529}
table td, table th {padding:0.7rem;}
.modal {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  .modal-open, .modal-open .modal {
    padding: 0 !important;
  }
  
  .modal-open {
    overflow: hidden !important;
  }
  
/*   .modal .modal-dialog {
    width: 100%;
  } */
  .modal .modal-content {
    position: relative;
    border-radius: 20px;
    border: none;
    padding: 3px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dba63e+0,f3e08e+16,db9d26+49,f6de7d+72,c89530+100 */
    background: rgb(219, 166, 62);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgb(219, 166, 62)), color-stop(16%, rgb(243, 224, 142)), color-stop(49%, rgb(219, 157, 38)), color-stop(72%, rgb(246, 222, 125)), to(rgb(200, 149, 48)));
    background: linear-gradient(to right, rgb(219, 166, 62) 0%, rgb(243, 224, 142) 16%, rgb(219, 157, 38) 49%, rgb(246, 222, 125) 72%, rgb(200, 149, 48) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#dba63e", endColorstr="#c89530",GradientType=1 );
    /* IE6-9 */
  }
  .modal .modal-content:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    pointer-events: none;
    mix-blend-mode: screen;
    background: url(../images/light-shadow.png) center 0/100% 100% no-repeat;
  }
  .modal .modal-content .inner {
    padding: 24px 16px;
    border-radius: 20px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1b345a+0,1a4b86+45,1a467c+73,1b3358+100 */
    background: rgb(27, 52, 90);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(116deg, rgb(27, 52, 90) 0%, rgb(26, 75, 134) 45%, rgb(26, 70, 124) 73%, rgb(27, 51, 88) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#1b345a", endColorstr="#1b3358",GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
    color: #FFF;
  }
  .modal .modal-body {
    font-size: 1.25rem;
    line-height: 1.4;
  }
  .modal .modal-body b, .modal .modal-body strong {
    font-weight: 600;
  }

  .rule-modal .table-responsive table {
    min-width: 700px;
  }
  .table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6;
  }

  @media (max-width: 767px) {
    .modal .modal-body {
      font-size: 1.1rem;
    }
  }
  .modal .modal-title {
    font-size: 1.563rem;
    line-height: 1.3;
    margin-bottom: 8px;
  }
  @media (max-width: 991px) {
    .modal .modal-title {
      font-size: 1.375rem;
    }
  }
  @media (max-width: 480px) {
    .modal .modal-title {
      font-size: 5vw;
      line-height: 1.5;
    }
  }
  .modal .close-icon {
    position: absolute;
    top: -24px;
    right: -24px;
    z-index: 5;
    width: 62px;
    height: 62px;
    background: none;
    border: none;
    outline: none;
  }
  @media (max-width: 991px) {
    .modal .close-icon {
      right: -20px;
    }
  }
  
  .w-430 {
    max-width: 430px;
  }
  
  .w-490 {
    max-width: 490px;
  }
  
  .w-540 {
    max-width: 540px;
  }
  
  .w-560 {
    max-width: 560px;
  }
  
  .w-650 {
    max-width: 650px;
  }
  
  .w-1000 {
    max-width: 1000px;
  }

  .rule-modal .modal-content .inner {
    position: relative;
    z-index: 1;
    max-height: calc(100vh - 4.5rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .rule-modal .desc {
    padding-right: 12px;
    font-size: 1.1rem;
    line-height: 1.5;
  }
  .rule-modal .desc h2, .rule-modal .desc h3, .rule-modal .desc h4 {
    margin-bottom: 0.4rem;
    line-height: 1.3;
  }
  .rule-modal .desc h2 {
    font-size: 1.5rem;
  }
  .rule-modal .desc h3 {
    font-size: 1.25rem;
  }
  .rule-modal .desc h4 {
    font-size: 1.125rem;
  }
  .rule-modal .desc p {
    margin-bottom: 0.8rem;
  }
  .rule-modal .desc table th, .rule-modal .desc table td {
    vertical-align: middle;
  }
  @media (max-width: 767px) {
    .rule-modal .desc {
      font-size: 1rem;
      line-height: 1.4;
    }
  }
  .rule-modal .modal-title {
    font-size: 1.25rem;
  }
  .rule-modal .modal-title .des {
    font-size: 1.1rem;
    line-height: 1.75;
  }
  .rule-modal .modal-title .name {
    font-size: 1.5rem;
    line-height: 1.7;
  }
  @media (max-width: 991px) {
    .rule-modal .modal-title .name {
      font-size: 1.25rem;
    }
  }
  @media (max-width: 480px) {
    .rule-modal .modal-title .name {
      font-size: 4vw;
    }
  }
  @media (max-width: 480px) {
    .rule-modal .modal-title {
      font-size: 4vw !important;
      line-height: 1.7;
    }
  }
  .rule-modal .modal-body {
    max-height: calc(100vh - 4.5rem);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .rule-modal .subheading {
    font-size: 1.25rem;
    font-weight: 700;
    text-transform: uppercase;
  }
  .rule-modal .table-responsive table {
    min-width: 700px;
  }
  
  .register-body .modal-content {
    padding: 4px;
  }
  .ar-popup .modal-content .inner,
  .popup .modal-content .inner {
    color: #0e3279 !important;
    border-radius: 20px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d9c789+0,e2d595+16,f6f0e5+49,e9dfa5+72,ba985b+100 */
    background: rgb(217, 199, 137);
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, from(rgb(217, 199, 137)), color-stop(16%, rgb(226, 213, 149)), color-stop(49%, rgb(246, 240, 229)), color-stop(72%, rgb(233, 223, 165)), to(rgb(186, 152, 91)));
    background: linear-gradient(to right, rgb(217, 199, 137) 0%, rgb(226, 213, 149) 16%, rgb(246, 240, 229) 49%, rgb(233, 223, 165) 72%, rgb(186, 152, 91) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#d9c789", endColorstr="#ba985b",GradientType=1 );
    /* IE6-9 */
  }
  .hd-body .modal-title {
    color: #0e3279 !important;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-gradient(linear, left top, right top, from(#0c3076), color-stop(13%, #143681), color-stop(50%, #2676af), color-stop(84%, #153c89), to(#0e3279));
    background-image: linear-gradient(to right, #0c3076 0%, #143681 13%, #2676af 50%, #153c89 84%, #0e3279 100%);
  }
  .register-body .close-icon {
    width: 49px;
    height: 48px;
    top: -20px;
    right: -20px;
  }
  @media (max-width: 768px) {
    .register-body .close-icon {
      width: 42px;
      height: 42px;
      right: -8px;
    }
  }
  .register-body .table-bordered td, .register-body .table-bordered th {
    border-color: #0e3279;
  }
  @media (max-width: 480px) {
    .register-body #success-modal .modal-title {
      font-size: 4vw;
    }
  }
  @media (max-width: 400px) {
    .register-body #success-modal .modal-title {
      font-size: 5vw;
    }
  }
  .register-body .rule-modal .inner {
    padding: 24px 16px !important;
  }
  .register-body .rule-modal .modal-content:after {
    display: none;
  }
  
  .ltp-body .modal-content .inner {
    padding: 56px 16px 36px !important;
  }
  @media (max-width: 380px) {
    .ltp-body .modal-content .inner {
      padding: 36px 16px 24px !important;
    }
  }

  hr.line {
    width: 100%;
    max-width: 1200px;
    margin: 36px auto;
    height: 3px;
    background: url(../images/line.png) center 0/contain no-repeat;
  }
  @media (max-width: 991px) {
    hr.line {
      margin: 24px auto;
    }
  }
  .no-bor {border: none;}

  .wave-line-bg {
    position: absolute;
    top: 5%;
    left: 0;
    width: 100%;
    height: 95%;
    content: "";
    pointer-events: none;
    background: url(../images/wave-line-3.png) center 0/auto no-repeat;
    opacity: 0.4;
    z-index: -1;
  }
  @media (min-width: 1280px) {
    .wave-line-bg {
      background-size: 100% 100% !important;
    }
  }
  @media (max-width: 767px) {
    .wave-line-bg {
      top: -5%;
      background-position: 70% bottom !important;
    }
  }

  .button-web {
    display: inline-block;
    width: 152px;
    height: 36px;
    border: none;
    text-align: center;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    cursor: pointer;
    white-space: nowrap;
    text-transform: uppercase;
  }
  .button-web img {
    max-height: 100%;
  }
  .button-web.btn-medium {
    width: 228px;
    height: 54px;
  }
  @media (max-width: 991px) {
    .button-web.btn-medium {
      width: 190px;
      height: 45px;
    }
  }
  .button-web.btn-big {
    width: 253px;
    height: 60px;
  }
  @media (max-width: 1199px) {
    .button-web.btn-big {
      width: 220px;
      height: 52px;
    }
  }
  @media (max-width: 991px) {
    .button-web.btn-big {
      width: 200px;
      height: 48px;
    }
  }
  .button-web.event-waiting {
    pointer-events: none;
    opacity: 0.5;
  }

  .popup {position: fixed; width:100%; height:100%; display: block; z-index:999; top:0; left:0; display:none;}
  .popup .modal {position: fixed; top:50%; left:50%; transform: translate(-50%,-50%); z-index:999}
  .popup .popup-outer {width:100%; height:100%; position: absolute; background-color:rgba(0,0,0,0.5); top:0; left:0; z-index:-1;}
   
  .scrollbar::-webkit-scrollbar-track, .select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-track {
    background: none;
  }
  .scrollbar::-webkit-scrollbar-thumb, .select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
    background-color: #e5e5e5;
    border-radius: 10px;
  }
  .scrollbar::-webkit-scrollbar, .select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 5px;
    height: 5px;
    background: none;
  }

  .btn-xacnhan, .btn-submit, .a-link {cursor: pointer;}

  #myIframe {overflow: hidden !important;}
  header {pointer-events:none;}