/*========= Thai =========*/
/*========= Eng =========*/
/* ========= */
/* ==== Helvetica ==== */
@font-face { font-family: 'HelveticaThin'; src: url("../fonts/HelveticaNeueThin.eot"); src: url("../fonts/HelveticaNeueThin.eot") format("embedded-opentype"), url("../fonts/HelveticaNeueThin.woff2") format("woff2"), url("../fonts/HelveticaNeueThin.woff") format("woff"), url("../fonts/HelveticaNeueThin.ttf") format("truetype"), url("../fonts/HelveticaNeueThin.svg#HelveticaNeueThin") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'HelveticaBold'; src: url("../fonts/HelveticaBold.eot"); src: url("../fonts/HelveticaBold.eot") format("embedded-opentype"), url("../fonts/HelveticaBold.woff2") format("woff2"), url("../fonts/HelveticaBold.woff") format("woff"), url("../fonts/HelveticaBold.ttf") format("truetype"), url("../fonts/HelveticaBold.svg#HelveticaBold") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Helvetica'; src: url("../fonts/helveticanormal.eot"); src: url("../fonts/helveticanormal.eot") format("embedded-opentype"), url("../fonts/helveticanormal.woff2") format("woff2"), url("../fonts/helveticanormal.woff") format("woff"), url("../fonts/helveticanormal.ttf") format("truetype"), url("../fonts/helveticanormal.svg#helveticanormal") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'HelveticaLight'; src: url("../fonts/HelveticaNeueLight.eot"); src: url("../fonts/HelveticaNeueLight.eot") format("embedded-opentype"), url("../fonts/HelveticaNeueLight.woff2") format("woff2"), url("../fonts/HelveticaNeueLight.woff") format("woff"), url("../fonts/HelveticaNeueLight.ttf") format("truetype"), url("../fonts/HelveticaNeueLight.svg#HelveticaNeueLight") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'HelveticaLightOblique'; src: url("../fonts/HelveticaLightOblique.eot"); src: url("../fonts/HelveticaLightOblique.eot") format("embedded-opentype"), url("../fonts/HelveticaLightOblique.woff2") format("woff2"), url("../fonts/HelveticaLightOblique.woff") format("woff"), url("../fonts/HelveticaLightOblique.ttf") format("truetype"), url("../fonts/HelveticaLightOblique.svg#HelveticaLightOblique") format("svg"); font-weight: normal; font-style: normal; }
/* ==== Kanit ==== */
@font-face { font-family: 'KanitLight'; src: url("../fonts/kanit-light.eot"); src: url("../fonts/kanit-light.eot") format("embedded-opentype"), url("../fonts/kanit-light.woff") format("woff"), url("../fonts/kanit-light.ttf") format("truetype"), url("../fonts/kanit-light.svg#KanitLight") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Kanit'; src: url("../fonts/kanit-regular.eot"); src: url("../fonts/kanit-regular.eot") format("embedded-opentype"), url("../fonts/kanit-regular.woff") format("woff"), url("../fonts/kanit-regular.ttf") format("truetype"), url("../fonts/kanit-regular.svg#Kanit") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'KanitMedium'; src: url("../fonts/kanit-medium.eot"); src: url("../fonts/kanit-medium.eot") format("embedded-opentype"), url("../fonts/kanit-medium.woff") format("woff"), url("../fonts/kanit-medium.ttf") format("truetype"), url("../fonts/kanit-medium.svg#KanitMedium") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'KanitBold'; src: url("../fonts/kanit-bold.eot"); src: url("../fonts/kanit-bold.eot") format("embedded-opentype"), url("../fonts/kanit-bold.woff") format("woff"), url("../fonts/kanit-bold.ttf") format("truetype"), url("../fonts/kanit-bold.svg#KanitBold") format("svg"); font-weight: normal; font-style: normal; }
.order-block { padding: 50px 0 100px; /*Form*/ /*New Form*/ }
.order-block .line-block { padding-bottom: 80px; }
.order-block .line-block .line-id { display: flex; align-items: center; }
.order-block .line-block .line-id .id-line { padding-left: 50px; }
.order-block .line-block .line-id .id-line h3 { font-family: Helvetica-Bold; font-size: 24px; color: #005382; letter-spacing: 0; text-transform: uppercase; }
.order-block .line-block .line-id .id-line h3 span { padding-left: 10px; }
.order-block .order-form .fields { display: flex; flex-wrap: wrap; /*Style width*/ }
.order-block .order-form .fields .form-group { flex-basis: 50%; }
@media (max-width: 990px) { .order-block .order-form .fields .form-group { flex-basis: 100%; } }
.order-block .order-form .fields .form-group .form-control { border: 0; border-bottom: 1px solid #005382; border-radius: 0; line-height: normal; padding: 10px 0; height: 40px; }
.order-block .order-form .fields .form-group .form-control:focus { outline: none; box-shadow: none; }
.order-block .order-form .fields .form-group select { width: 100%; height: 40px; background-color: transparent; border: 0; border-bottom: 1px solid #005382; }
.order-block .order-form .fields .form-group textarea.form-control { height: 170px; border: 1px solid #D1D1D1; padding: 10px !important; }
.order-block .order-form .fields .form-group label { -webkit-flex-basis: 40%; flex-basis: 40%; font-size: 12px; font-family: "HelveticaBold", "KanitMedium", Arial, sans-serif; color: #000000; letter-spacing: 2.05px; text-transform: uppercase; }
@media (max-width: 480px) { .order-block .order-form .fields .form-group label { -webkit-flex-basis: 100%; flex-basis: 100%; } }
.order-block .order-form .fields .form-group:nth-child(1), .order-block .order-form .fields .form-group:nth-child(2), .order-block .order-form .fields .form-group:nth-child(3), .order-block .order-form .fields .form-group:nth-child(4), .order-block .order-form .fields .form-group:nth-child(5), .order-block .order-form .fields .form-group:nth-child(6) { -webkit-flex-basis: 31.33%; flex-basis: 31.33%; margin-right: 3%; margin-bottom: 30px; }
@media (max-width: 990px) { .order-block .order-form .fields .form-group:nth-child(1), .order-block .order-form .fields .form-group:nth-child(2), .order-block .order-form .fields .form-group:nth-child(3), .order-block .order-form .fields .form-group:nth-child(4), .order-block .order-form .fields .form-group:nth-child(5), .order-block .order-form .fields .form-group:nth-child(6) { -webkit-flex-basis: 48.5%; flex-basis: 48.5%; margin-right: 3%; }
  .order-block .order-form .fields .form-group:nth-child(1):nth-child(2), .order-block .order-form .fields .form-group:nth-child(1):nth-child(4), .order-block .order-form .fields .form-group:nth-child(1):nth-child(6), .order-block .order-form .fields .form-group:nth-child(2):nth-child(2), .order-block .order-form .fields .form-group:nth-child(2):nth-child(4), .order-block .order-form .fields .form-group:nth-child(2):nth-child(6), .order-block .order-form .fields .form-group:nth-child(3):nth-child(2), .order-block .order-form .fields .form-group:nth-child(3):nth-child(4), .order-block .order-form .fields .form-group:nth-child(3):nth-child(6), .order-block .order-form .fields .form-group:nth-child(4):nth-child(2), .order-block .order-form .fields .form-group:nth-child(4):nth-child(4), .order-block .order-form .fields .form-group:nth-child(4):nth-child(6), .order-block .order-form .fields .form-group:nth-child(5):nth-child(2), .order-block .order-form .fields .form-group:nth-child(5):nth-child(4), .order-block .order-form .fields .form-group:nth-child(5):nth-child(6), .order-block .order-form .fields .form-group:nth-child(6):nth-child(2), .order-block .order-form .fields .form-group:nth-child(6):nth-child(4), .order-block .order-form .fields .form-group:nth-child(6):nth-child(6) { margin-right: 0; } }
@media (max-width: 990px) { .order-block .order-form .fields .form-group:nth-child(1), .order-block .order-form .fields .form-group:nth-child(2), .order-block .order-form .fields .form-group:nth-child(3), .order-block .order-form .fields .form-group:nth-child(4), .order-block .order-form .fields .form-group:nth-child(5), .order-block .order-form .fields .form-group:nth-child(6) { -webkit-flex-basis: 100%; flex-basis: 100%; margin-right: 0; } }
.order-block .order-form .fields .form-group:nth-child(1) .form-control, .order-block .order-form .fields .form-group:nth-child(2) .form-control, .order-block .order-form .fields .form-group:nth-child(3) .form-control, .order-block .order-form .fields .form-group:nth-child(4) .form-control, .order-block .order-form .fields .form-group:nth-child(5) .form-control, .order-block .order-form .fields .form-group:nth-child(6) .form-control { /*padding: 20px 0;*/ }
@media (min-width: 991px) { .order-block .order-form .fields .form-group:nth-child(3), .order-block .order-form .fields .form-group:nth-child(6) { margin-right: 0; }
  .order-block .order-form .fields .form-group:nth-child(4), .order-block .order-form .fields .form-group:nth-child(5), .order-block .order-form .fields .form-group:nth-child(6) { margin-bottom: 80px; } }
@media (max-width: 480px) { .order-block .order-form .fields .form-group:nth-child(6) { margin-bottom: 80px; } }
.order-block .order-form .fields .form-group:nth-child(7), .order-block .order-form .fields .form-group:nth-child(8), .order-block .order-form .fields .form-group:nth-child(9), .order-block .order-form .fields .form-group:nth-child(10), .order-block .order-form .fields .form-group:nth-child(11), .order-block .order-form .fields .form-group:nth-child(12), .order-block .order-form .fields .form-group:nth-child(13), .order-block .order-form .fields .form-group:nth-child(14), .order-block .order-form .fields .form-group:nth-child(15) { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; margin-bottom: 30px; }
@media (max-width: 480px) { .order-block .order-form .fields .form-group:nth-child(7), .order-block .order-form .fields .form-group:nth-child(8), .order-block .order-form .fields .form-group:nth-child(9), .order-block .order-form .fields .form-group:nth-child(10), .order-block .order-form .fields .form-group:nth-child(11), .order-block .order-form .fields .form-group:nth-child(12), .order-block .order-form .fields .form-group:nth-child(13), .order-block .order-form .fields .form-group:nth-child(14), .order-block .order-form .fields .form-group:nth-child(15) { flex-direction: column; align-items: flex-start; } }
@media (min-width: 991px) { .order-block .order-form .fields .form-group:nth-child(8), .order-block .order-form .fields .form-group:nth-child(10), .order-block .order-form .fields .form-group:nth-child(12), .order-block .order-form .fields .form-group:nth-child(14) { padding-left: 50px; } }
@media (min-width: 991px) { .order-block .order-form .fields .form-group:nth-child(14) { -webkit-flex-basis: 35%; flex-basis: 35%; padding-right: 20px; }
  .order-block .order-form .fields .form-group:nth-child(14) label { -webkit-flex-basis: 45%; flex-basis: 45%; }
  .order-block .order-form .fields .form-group:nth-child(14) select, .order-block .order-form .fields .form-group:nth-child(14) .SumoSelect, .order-block .order-form .fields .form-group:nth-child(14) input { -webkit-flex-basis: 56%; flex-basis: 56%; } }
@media (min-width: 991px) { .order-block .order-form .fields .form-group:nth-child(15) { -webkit-flex-basis: 15%; flex-basis: 15%; } }
.order-block .order-form .fields .form-group:nth-child(15) > label { display: none; }
.order-block .order-form .fields .form-group:nth-child(16) { display: flex; margin-top: 30px; margin-bottom: 50px; }
@media (max-width: 480px) { .order-block .order-form .fields .form-group:nth-child(16) { flex-direction: column; align-items: flex-start; } }
.order-block .order-form .fields .form-group:nth-child(17), .order-block .order-form .fields .form-group:nth-child(18) { -webkit-flex-basis: 100%; flex-basis: 100%; margin-bottom: 50px; }
.order-block .order-form .fields .form-group:nth-child(17) .block-fileupload { position: relative; float: left; cursor: pointer; display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: flex-start; -webkit-justify-content: flex-start; align-items: flex-start; -webkit-align-items: flex-start; width: 100%; }
@media (min-width: 991px) { .order-block .order-form .fields .form-group:nth-child(17) .block-fileupload { width: 65%; } }
@media (max-width: 480px) { .order-block .order-form .fields .form-group:nth-child(17) .block-fileupload { flex-direction: column; align-items: flex-start; } }
.order-block .order-form .fields .form-group:nth-child(17) .block-fileupload label { -webkit-flex-basis: 22%; flex-basis: 22%; }
@media (max-width: 990px) { .order-block .order-form .fields .form-group:nth-child(17) .block-fileupload label { -webkit-flex-basis: 28.5%; flex-basis: 28.5%; } }
.order-block .order-form .fields .form-group:nth-child(17) .block-fileupload .file-wrap { -webkit-flex-basis: 71%; flex-basis: 71%; }
@media (max-width: 480px) { .order-block .order-form .fields .form-group:nth-child(17) .block-fileupload .file-wrap { width: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; } }
.order-block .order-form .fields .form-group:nth-child(17) .block-fileupload .file-wrap .fileupload { display: flex; width: 77%; }
@media (max-width: 990px) { .order-block .order-form .fields .form-group:nth-child(17) .block-fileupload .file-wrap .fileupload { width: 100%; } }
@media (max-width: 550px) { .order-block .order-form .fields .form-group:nth-child(17) .block-fileupload .file-wrap .icon-pdf .icon { margin-right: 0; }
  .order-block .order-form .fields .form-group:nth-child(17) .block-fileupload .file-wrap .icon-pdf .i-text { display: none; } }
.order-block .order-form .fields .form-group:nth-child(18) { display: flex; border-top: 1px solid #005382; padding-top: 50px; }
@media (max-width: 640px) { .order-block .order-form .fields .form-group:nth-child(18) { flex-direction: column; } }
.order-block .order-form .fields .form-group:nth-child(18) .wp-label { flex-basis: 100%; }
@media (max-width: 640px) { .order-block .order-form .fields .form-group:nth-child(18) .wp-label { padding-bottom: 20px; } }
.order-block .order-form .fields .form-group:nth-child(18) .wp-radio-list { display: flex; width: 100%; padding-left: 50px; }
.order-block .order-form .fields .form-group:nth-child(18) .wp-radio-list .radio { padding-right: 80px; }
.order-block .order-form .fields .form-group:nth-child(18) .wp-radio-list .radio > label { padding-left: 40px; }
.order-block .order-form .fields .form-group:nth-child(18) .wp-checkbox-list { display: flex; width: 100%; padding-left: 50px; }
@media (max-width: 640px) { .order-block .order-form .fields .form-group:nth-child(18) .wp-checkbox-list { padding-left: 0; } }
@media (max-width: 480px) { .order-block .order-form .fields .form-group:nth-child(18) .wp-checkbox-list { padding-left: 0; } }
.order-block .order-form .fields .form-group:nth-child(18) .wp-checkbox-list .checkbox { padding-right: 80px; }
.order-block .order-form .fields .form-group:nth-child(18) .wp-checkbox-list .checkbox > label { padding-left: 40px; font-family: "HelveticaBold", "KanitMedium", Arial, sans-serif; }
.order-block .order-form .fields .form-group:nth-child(19) { -webkit-flex-basis: 40%; flex-basis: 40%; display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: center; -webkit-align-items: center; }
@media (max-width: 1100px) { .order-block .order-form .fields .form-group:nth-child(19) { -webkit-flex-basis: 50%; flex-basis: 50%; } }
@media (max-width: 890px) { .order-block .order-form .fields .form-group:nth-child(19) { -webkit-flex-basis: 100%; flex-basis: 100%; } }
.order-block .order-form .fields .form-group:nth-child(19) label.control-label { display: none; }
.order-block .order-form .fields .form-group:nth-child(19) > label { margin-bottom: 20px; flex-basis: 100%; }
.order-block .order-form .fields .form-group:nth-child(19) .showInput { padding-left: 30px; height: 60px; }
@media (max-width: 550px) { .order-block .order-form .fields .form-group:nth-child(19) .showInput { padding-left: 0; } }
.order-block .order-form .fields .form-group:nth-child(19) .showInput .form-control { height: 60px; border: 1px solid #dcdcdc; }
@media (max-width: 550px) { .order-block .order-form .fields .form-group:nth-child(19) > div { width: 100%; margin-bottom: 20px; }
  .order-block .order-form .fields .form-group:nth-child(19) .captcha img { width: 100%; } }
.order-block .order-form .fields .form-group.form-actions { flex-basis: 60%; position: relative; }
@media (max-width: 1100px) { .order-block .order-form .fields .form-group.form-actions { -webkit-flex-basis: 50%; flex-basis: 50%; } }
@media (max-width: 550px) { .order-block .order-form .fields .form-group.form-actions { -webkit-flex-basis: 100%; flex-basis: 100%; } }
.order-block .order-form .fields .form-group.form-actions > .required { display: none; }
.order-block .order-form .fields .form-group.form-actions button { width: 240px; border-radius: 0; border: 0; padding: 10px 0; background-color: #951B1E; font-size: 18px; font-family: "Helvetica", "Kanit", Arial, sans-serif; color: #FFFFFF; }
@media (min-width: 891px) { .order-block .order-form .fields .form-group.form-actions button { position: absolute; bottom: 0; } }
@media (max-width: 550px) { .order-block .order-form .fields .form-group.form-actions button { width: 100%; } }
.order-block .order-information form { display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: flex-start; -webkit-align-items: flex-start; }
.order-block .order-information form .fields { -webkit-flex-basis: 100%; flex-basis: 100%; }
@media (max-width: 990px) { .order-block .order-information form .fields { margin-bottom: 50px; } }
.order-block .order-information form .fields:nth-of-type(1) label { display: none; }
.order-block .order-information form .fields:nth-of-type(2), .order-block .order-information form .fields:nth-of-type(3) { -webkit-flex-basis: 50%; flex-basis: 50%; }
@media (max-width: 990px) { .order-block .order-information form .fields:nth-of-type(2), .order-block .order-information form .fields:nth-of-type(3) { -webkit-flex-basis: 100%; flex-basis: 100%; } }
.order-block .order-information form .fields:nth-of-type(2) .form-group, .order-block .order-information form .fields:nth-of-type(3) .form-group { display: flex; display: -webkit-flex; -webkit-flex-basis: 100%; flex-basis: 100%; }
@media (max-width: 480px) { .order-block .order-information form .fields:nth-of-type(2) .form-group, .order-block .order-information form .fields:nth-of-type(3) .form-group { flex-wrap: wrap; } }
.order-block .order-information form .fields:nth-of-type(2) .form-group { margin-right: 0; margin-bottom: 30px; padding-left: 0; }
.order-block .order-information form .fields:nth-of-type(3) .form-group { padding-left: 50px; margin-right: 0; }
@media (max-width: 990px) { .order-block .order-information form .fields:nth-of-type(3) .form-group { padding-left: 0; } }
.order-block .order-information form .fields:nth-of-type(3) .form-group:nth-last-of-type(2) { -webkit-flex-basis: 70%; flex-basis: 70%; margin: 0; padding-right: 20px; }
.order-block .order-information form .fields:nth-of-type(3) .form-group:nth-last-of-type(2) label { -webkit-flex-basis: 45%; flex-basis: 45%; }
@media (max-width: 990px) { .order-block .order-information form .fields:nth-of-type(3) .form-group:nth-last-of-type(2) label { -webkit-flex-basis: 42%; flex-basis: 42%; } }
.order-block .order-information form .fields:nth-of-type(3) .form-group:nth-last-of-type(2) .form-control { -webkit-flex-basis: 57%; flex-basis: 57%; }
.order-block .order-information form .fields:nth-of-type(3) .form-group:last-child { -webkit-flex-basis: 30%; flex-basis: 30%; margin: 0; padding-left: 0; }
.order-block .order-information form .fields:nth-of-type(3) .form-group:last-child > label { display: none; }
.order-block .order-information form .fields:nth-of-type(3) .form-group .form-control { padding: 0 !important; }
.order-block .order-information form .fields:nth-of-type(4) .form-group { /*@include flex-basis(100% !important);*/ }
.order-block .order-information form .fields:nth-of-type(4) .form-group:nth-child(1) { -webkit-flex-basis: 50% !important; flex-basis: 50% !important; display: flex; display: -webkit-flex; margin-right: 0; }
@media (max-width: 990px) { .order-block .order-information form .fields:nth-of-type(4) .form-group:nth-child(1) { -webkit-flex-basis: 100% !important; flex-basis: 100% !important; } }
.order-block .order-information form .fields:nth-of-type(4) .form-group:nth-child(2) { display: flex; display: -webkit-flex; }
.order-block .order-information form .fields:nth-of-type(4) .form-group:nth-child(2) .block-fileupload { width: 67%; }
@media (max-width: 990px) { .order-block .order-information form .fields:nth-of-type(4) .form-group:nth-child(2) .block-fileupload { width: 100%; } }
.order-block .order-information form .fields:nth-of-type(4) .form-group:nth-child(2) .block-fileupload > label { -webkit-flex-basis: 22%; flex-basis: 22%; }
@media (max-width: 990px) { .order-block .order-information form .fields:nth-of-type(4) .form-group:nth-child(2) .block-fileupload > label { -webkit-flex-basis: 28.5%; flex-basis: 28.5%; } }
.order-block .order-information form .fields:nth-of-type(4) .form-group:nth-child(2) .block-fileupload .file-wrap { -webkit-flex-basis: 71%; flex-basis: 71%; }
.order-block .order-information form .fields:nth-of-type(4) .form-group:nth-child(2) .block-fileupload .file-wrap > label { display: flex; display: -webkit-flex; width: 77%; }
@media (max-width: 990px) { .order-block .order-information form .fields:nth-of-type(4) .form-group:nth-child(2) .block-fileupload .file-wrap > label { width: 100%; } }
@media (max-width: 550px) { .order-block .order-information form .fields:nth-of-type(4) .form-group:nth-child(2) .block-fileupload .file-wrap .icon-pdf .icon { margin-right: 0; }
  .order-block .order-information form .fields:nth-of-type(4) .form-group:nth-child(2) .block-fileupload .file-wrap .icon-pdf .i-text { display: none; } }
.order-block .order-information form .fields:nth-of-type(4) .form-group:nth-child(3) { border-top: 1px solid #005382; padding-top: 50px; }
.order-block .order-information form .fields:nth-of-type(4) .field-checkboxlist .wp-label { -webkit-flex-basis: 100%; flex-basis: 100%; display: block; }
@media (max-width: 640px) { .order-block .order-information form .fields:nth-of-type(4) .field-checkboxlist .wp-label { padding-bottom: 20px; } }
.order-block .order-information form .fields:nth-of-type(4) .field-checkboxlist .wp-checkbox-list { display: flex; width: 100%; padding-left: 50px; }
@media (max-width: 640px) { .order-block .order-information form .fields:nth-of-type(4) .field-checkboxlist .wp-checkbox-list { padding-left: 0; } }
.order-block .order-information form .fields:nth-of-type(4) .field-checkboxlist .wp-checkbox-list .checkbox { padding-right: 80px; }
.order-block .order-information form .fields:nth-of-type(4) .field-checkboxlist .wp-checkbox-list .checkbox > label { padding-left: 40px; font-family: "HelveticaBold", "KanitMedium", Arial, sans-serif; }
.order-block .order-information form .fields:last-child { align-items: flex-end; }
.order-block .order-information form .fields:last-child .form-group { margin-bottom: 0; }
.order-block .order-information form .form-group.hide { display: none !important; }
.order-block .order-information form .form-group.active { display: flex !important; }
.order-block .order-information form .form-actions { flex-basis: 60%; position: relative; }
@media (max-width: 1100px) { .order-block .order-information form .form-actions { -webkit-flex-basis: 50%; flex-basis: 50%; } }
@media (max-width: 550px) { .order-block .order-information form .form-actions { -webkit-flex-basis: 100%; flex-basis: 100%; } }
.order-block .order-information form .form-actions > .required { display: none; }
.order-block .order-information form .form-actions input { width: 240px; border-radius: 0; border: 0; padding: 10px 0; background-color: #951B1E; font-size: 18px; font-family: "Helvetica", "Kanit", Arial, sans-serif; color: #FFFFFF; }
@media (min-width: 891px) { .order-block .order-information form .form-actions input { /*@include absolute($bottom: 0);*/ } }
@media (max-width: 550px) { .order-block .order-information form .form-actions input { width: 100%; } }
.order-block .order-info .fields:nth-of-type(2) { -webkit-flex-basis: 100% !important; flex-basis: 100% !important; align-items: flex-end; }
.order-block .order-info .fields:nth-of-type(2) .col-left, .order-block .order-info .fields:nth-of-type(2) .col-right { -webkit-flex-basis: 50%; flex-basis: 50%; }
@media (max-width: 990px) { .order-block .order-info .fields:nth-of-type(2) .col-left, .order-block .order-info .fields:nth-of-type(2) .col-right { -webkit-flex-basis: 100%; flex-basis: 100%; } }
.order-block .order-info .fields:nth-of-type(2) .col-right { display: flex; flex-wrap: wrap; }
.order-block .order-info .fields:nth-of-type(2) .col-right .form-group { padding-left: 50px; }
@media (max-width: 990px) { .order-block .order-info .fields:nth-of-type(2) .col-right .form-group { padding-left: 0; } }
.order-block .order-info .fields:nth-of-type(2) .col-right .form-group input { padding-top: 0; padding-bottom: 0; }
.order-block .order-info .fields:nth-of-type(2) .col-right .form-group:nth-last-child(2) { -webkit-flex-basis: 70%; flex-basis: 70%; }
@media (max-width: 480px) { .order-block .order-info .fields:nth-of-type(2) .col-right .form-group:nth-last-child(2) { -webkit-flex-basis: 100%; flex-basis: 100%; } }
.order-block .order-info .fields:nth-of-type(2) .col-right .form-group:nth-last-child(2) label { -webkit-flex-basis: 45%; flex-basis: 45%; }
@media (max-width: 990px) { .order-block .order-info .fields:nth-of-type(2) .col-right .form-group:nth-last-child(2) label { -webkit-flex-basis: 43%; flex-basis: 43%; } }
@media (max-width: 480px) { .order-block .order-info .fields:nth-of-type(2) .col-right .form-group:nth-last-child(2) label { -webkit-flex-basis: 100%; flex-basis: 100%; } }
.order-block .order-info .fields:nth-of-type(2) .col-right .form-group:nth-last-child(2) input { -webkit-flex-basis: 62%; flex-basis: 62%; }
@media (max-width: 480px) { .order-block .order-info .fields:nth-of-type(2) .col-right .form-group:nth-last-child(2) input { -webkit-flex-basis: 100%; flex-basis: 100%; } }
.order-block .order-info .fields:nth-of-type(2) .col-right .form-group:last-child { -webkit-flex-basis: 30%; flex-basis: 30%; padding-left: 20px; }
@media (max-width: 480px) { .order-block .order-info .fields:nth-of-type(2) .col-right .form-group:last-child { -webkit-flex-basis: 100%; flex-basis: 100%; padding-left: 0; } }
.order-block .order-info .fields:nth-of-type(2) .col-right .form-group:last-child > label { display: none; }
.order-block .order-info .fields:nth-of-type(2) .col-bottom { -webkit-flex-basis: 100%; flex-basis: 100%; }
.order-block .order-info .fields:nth-of-type(2) .col-bottom .form-group:first-child { width: 50%; }
@media (max-width: 990px) { .order-block .order-info .fields:nth-of-type(2) .col-bottom .form-group:first-child { width: 100%; } }
.order-block .order-info .fields:nth-of-type(2) .col-bottom .input-file .block-fileupload { width: 65%; }
@media (max-width: 990px) { .order-block .order-info .fields:nth-of-type(2) .col-bottom .input-file .block-fileupload { width: 100%; } }
.order-block .order-info .fields:nth-of-type(2) .col-bottom .input-file .block-fileupload label { -webkit-flex-basis: 22%; flex-basis: 22%; }
@media (max-width: 990px) { .order-block .order-info .fields:nth-of-type(2) .col-bottom .input-file .block-fileupload label { -webkit-flex-basis: 28.5%; flex-basis: 28.5%; } }
@media (max-width: 480px) { .order-block .order-info .fields:nth-of-type(2) .col-bottom .input-file .block-fileupload label { -webkit-flex-basis: 100%; flex-basis: 100%; } }
.order-block .order-info .fields:nth-of-type(2) .col-bottom .input-file .block-fileupload .file-wrap { -webkit-flex-basis: 69%; flex-basis: 69%; position: relative; }
@media (max-width: 990px) { .order-block .order-info .fields:nth-of-type(2) .col-bottom .input-file .block-fileupload .file-wrap { -webkit-flex-basis: 71.5%; flex-basis: 71.5%; } }
@media (max-width: 480px) { .order-block .order-info .fields:nth-of-type(2) .col-bottom .input-file .block-fileupload .file-wrap { -webkit-flex-basis: 100%; flex-basis: 100%; } }
.order-block .order-info .fields:nth-of-type(2) .col-bottom .input-file .block-fileupload .file-wrap label { display: flex; display: -webkit-flex; width: 79.5%; }
@media (max-width: 1650px) { .order-block .order-info .fields:nth-of-type(2) .col-bottom .input-file .block-fileupload .file-wrap label { position: relative; } }
@media (max-width: 990px) { .order-block .order-info .fields:nth-of-type(2) .col-bottom .input-file .block-fileupload .file-wrap label { width: 100%; } }
.order-block .order-info .fields .field-item { display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: flex-end; -webkit-align-items: flex-end; -webkit-flex-basis: 100%; flex-basis: 100%; position: relative; padding-top: 80px; border-top: 1px solid #005382; }
.order-block .order-info .fields .field-item:first-child { padding-top: 0; border: 0; }
.order-block .order-info .fields .field-item .remove-item { position: absolute; top: 25px; left: 0; width: 40px; height: 40px; cursor: pointer; }
.order-block .order-info .fields .field-item .remove-item:before, .order-block .order-info .fields .field-item .remove-item:after { position: absolute; left: 15px; content: ' '; height: 33px; width: 6px; background-color: #942d29; border-radius: 2px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -ms-transition: all 0.3s; }
.order-block .order-info .fields .field-item .remove-item:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -ms-transform: rotate(45deg); }
.order-block .order-info .fields .field-item .remove-item:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
.order-block .order-info .fields .field-item .remove-item:hover:before, .order-block .order-info .fields .field-item .remove-item:hover:after { background-color: transparent; border: 1px solid #942d29; }
.order-block .order-info .fields .btn-more-field { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; margin: 30px 0; cursor: pointer; }
.order-block .order-info .fields .btn-more-field .icon-add { font-size: 30px; color: #005382; padding-right: 10px; }
.order-block .order-info .fields .btn-more-field .text { font-size: 14px; font-family: "HelveticaBold", "KanitMedium", Arial, sans-serif; color: #005382; letter-spacing: 0.6px; text-transform: uppercase; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -ms-transition: all 0.3s; }
.order-block .order-info .fields .btn-more-field .text:hover { color: #951B1E; }
.order-block .order-info .fields:nth-of-type(3) { -webkit-flex-basis: 100% !important; flex-basis: 100% !important; }
.order-block .order-info .fields:nth-of-type(3) .form-group { border-top: 1px solid #005382; padding-top: 50px; }
.order-block .order-info .fields:nth-of-type(3) .wp-label { -webkit-flex-basis: 100%; flex-basis: 100%; display: block; }
.order-block .order-info .fields:nth-of-type(3) .wp-checkbox-list { display: flex; display: -webkit-flex; width: 100%; padding-left: 50px; }
@media (max-width: 480px) { .order-block .order-info .fields:nth-of-type(3) .wp-checkbox-list { padding-left: 0; } }
.order-block .order-info .fields .form-actions { margin-top: 30px; }

.width-haft { -webkit-flex-basis: 50% !important; flex-basis: 50% !important; }

.width-full { -webkit-flex-basis: 100% !important; flex-basis: 100% !important; }

.SumoSelect > .optWrapper > .options li.opt:hover, .SumoSelect > .optWrapper > .options li.selected { background-color: #005382; }

.SumoSelect > .optWrapper > .options li.opt:hover label, .SumoSelect > .optWrapper > .options li.selected label { color: #FFFFFF; }

.mb-0 { margin-bottom: 0 !important; }

/* Chkbox */
/*Radio*/
.order-form .form-group .field-radios, .order-form .form-group .field-checkboxlist { width: 100%; display: flex; }

@media (max-width: 640px) { .order-form .form-group .field-radios, .order-form .form-group .field-checkboxlist { flex-direction: column; } }
.order-form .form-group .field-radios .wp-label, .order-form .form-group .field-checkboxlist .wp-label { /*width: 20%;*/ }

.order-form .form-group .field-radios .wp-radio-list, .order-form .form-group .field-checkboxlist .wp-checkbox-list { display: flex; flex-wrap: wrap; align-items: center; /* width: 80%;*/ }

.order-form .form-group .field-radios .wp-radio-list > div, .order-form .form-group .field-checkboxlist .wp-checkbox-list > div { width: 33.33%; margin: 0 0 10px; position: relative; }

@media (max-width: 480px) { .order-form .form-group .field-radios .wp-radio-list > div, .order-form .form-group .field-checkboxlist .wp-checkbox-list > div { width: 100%; } }
.order-form .form-group .field-radios .wp-radio-list input, .order-form .form-group .field-checkboxlist .wp-checkbox-list input { height: initial; }

.order-form .form-group .field-radios .wp-radio-list label, .order-form .form-group .field-checkboxlist .wp-checkbox-list label { font-size: 14px; font-family: "HelveticaBold", "KanitMedium", Arial, sans-serif; color: #878A9D; letter-spacing: 0.6px; text-transform: uppercase; position: relative; padding-left: 40px; position: absolute; top: 0; z-index: -1; }

@media (max-width: 480px) { .order-form .form-group .field-radios .wp-radio-list label, .order-form .form-group .field-checkboxlist .wp-checkbox-list label { position: relative; } }
.order-form .form-group .field-radios input[type="radio"], .order-form .form-group .field-checkboxlist input[type="checkbox"] { opacity: 0; margin: 0; z-index: 2; width: 100%; height: 30px; position: absolute; }

.order-form .form-group .field-radios input[type="radio"] + label:before, .order-form .form-group .field-checkboxlist input[type="checkbox"] + label:before { content: ''; display: inline-block; width: 23px; height: 23px; border: 1px solid #005480; border-radius: 100%; margin-right: 10px; position: absolute; top: 0; left: 0; }

.order-form .form-group .field-radios input[type="radio"]:checked + label:after, .order-form .form-group .field-checkboxlist input[type="checkbox"]:checked + label:after { content: ''; display: inline-block; position: absolute; top: 5px; left: 5px; opacity: 0; width: 13px; height: 13px; background: #951B1E; border-radius: 100%; }

.order-form .form-group .field-radios input[type="radio"]:checked + label:after, .order-form .form-group .field-checkboxlist input[type="checkbox"]:checked + label:after { opacity: 1; }

/*fileupload*/
.order-form .form-group.field-fileupload { width: 40%; }

.order-form .block-fileupload { position: relative; width: 50%; float: left; cursor: pointer; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; }

.order-form .block-fileupload span.text { width: 100%; padding: 10px 0 0 0; display: block; font-family: Helvetica; font-size: 12px; color: #878A9D; letter-spacing: 0.51px; line-height: 24px; }

.order-form .block-fileupload span.icon-pdf { position: absolute; right: 0; cursor: pointer; z-index: 0; padding: 0 15px; font-family: Helvetica-Bold; font-size: 14px; color: #005382; letter-spacing: 0.6px; text-transform: uppercase; }

.order-form .block-fileupload span.icon-pdf > span.icon { width: 21px; height: 21px; background-image: url("../images/Upload.svg"); position: relative; float: left; margin-right: 20px; }

.order-form .block-fileupload:hover svg #pdf { fill: #063955; }

.order-form .block-fileupload:hover span.icon-pdf { background-color: transparent; }

.order-form .block-fileupload input[type="file"] { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; cursor: pointer; z-index: 1; }

.order-form .block-fileupload label.fileupload { width: 70%; height: 45px; padding: 10px 20px; margin: 0; background-color: transparent; border: 1px solid #005382; letter-spacing: 1px; cursor: pointer; font-weight: normal; }

.order-form .block-fileupload span.question-name { font-family: Helvetica; font-size: 14px; color: #878A9D; letter-spacing: 0.6px; display: none; }

.order-form .block-fileupload .fileupload-name { display: none; }

.order-form .block-fileupload.active label.fileupload { color: #063955; }

.order-form .block-fileupload.active .question-name { display: none; }

.order-form .block-fileupload.active .fileupload-name { display: inline-block; }

/* ==== Select ==== */
.SumoSelect { width: 100%; }

.SumoSelect > .CaptionCont { border: 0; border-bottom: 1px solid #005382; height: 40px; }

.SumoSelect:focus > .CaptionCont, .SumoSelect:hover > .CaptionCont, .SumoSelect.open > .CaptionCont { box-shadow: none; border-color: #0a5684; outline: none; }

.SumoSelect > .CaptionCont > label > i { background-image: url("../images/arr-select.svg"); background-size: contain; width: 12px; height: 12px; opacity: 1; }

.SumoSelect > .optWrapper > .options li.opt label { margin-bottom: 0; padding: 5px 0; }

.alert-info { color: #FFFFFF; background-color: #a20015; border-color: #a20015; }

/*# sourceMappingURL=order_now.css.map */