/**********************************************************************/
/******************font-family: 'Tahoma',sans-serif;*******************/
@font-face {
    font-family: 'supermarket';
    src: url('/fonts/supermarket.eot');
    src: url('/fonts/supermarket.eot') format('embedded-opentype'),
         url('/fonts/supermarket.woff2') format('woff2'),
         url('/fonts/supermarket.woff') format('woff'),
         url('/fonts/supermarket.ttf') format('truetype'),
         url('/fonts/supermarket.svg#supermarket') format('svg');
}

@font-face {
    font-family: 'CSPraJad';
    src: url('/fonts/CSPraJad.eot');
    src: url('/fonts/CSPraJad.eot') format('embedded-opentype'),
         url('/fonts/CSPraJad.woff2') format('woff2'),
         url('/fonts/CSPraJad.woff') format('woff'),
         url('/fonts/CSPraJad.ttf') format('truetype'),
         url('/fonts/CSPraJad.svg#CSPraJad') format('svg');
}

@font-face {
    font-family: 'CSPraJadbold';
    src: url('/fonts/CSPraJadbold.eot');
    src: url('/fonts/CSPraJadbold.eot') format('embedded-opentype'),
         url('/fonts/CSPraJadbold.woff2') format('woff2'),
         url('/fonts/CSPraJadbold.woff') format('woff'),
         url('/fonts/CSPraJadbold.ttf') format('truetype'),
         url('/fonts/CSPraJadbold.svg#CSPraJadbold') format('svg');
}
@font-face {
    font-family: 'CSPraJadboldItalic';
    src: url('/fonts/CSPraJadboldItalic.eot');
    src: url('/fonts/CSPraJadboldItalic.eot') format('embedded-opentype'),
         url('/fonts/CSPraJadboldItalic.woff2') format('woff2'),
         url('/fonts/CSPraJadboldItalic.woff') format('woff'),
         url('/fonts/CSPraJadboldItalic.ttf') format('truetype'),
         url('/fonts/CSPraJadboldItalic.svg#CSPraJadboldItalic') format('svg');
}
@font-face {
    font-family: 'CSPraJadItalic';
    src: url('/fonts/CSPraJadItalic.eot');
    src: url('/fonts/CSPraJadItalic.eot') format('embedded-opentype'),
         url('/fonts/CSPraJadItalic.woff2') format('woff2'),
         url('/fonts/CSPraJadItalic.woff') format('woff'),
         url('/fonts/CSPraJadItalic.ttf') format('truetype'),
         url('/fonts/CSPraJadItalic.svg#CSPraJadItalic') format('svg');
}

/************** Edit ***************/
label {
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #333 !important;
}
.label{
  padding: 0px 10px !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 32px !important;
}
legend {
    font-size: 26px !important;
    font-weight: 500;
    width: 35% !important;
}
@media(max-width: 480px){
   legend {
        display: block;
        width: 50% !important;
    }
}
.red{
    background-color: #FF001A !important;
}
.head-txt{ 
    font-size:20px;
    font-weight: 500;
}
.input-group .form-control {
    position: relative;
    z-index: 1;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
@media(max-width: 480px){
    .box-country{
        background-color: #000;
        opacity: 0.6;
        padding: 10px;
        font-size: 10px;
        text-align: center;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 1;
        color: #fff;
      }
}
@media (min-width: 736px){
.box-country {
    background-color: #000;
    opacity: 0.6;
    padding: 10px;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
    /* z-index: 1; */
    color: #fff;
}
@media (min-width: 768px){
.box-country {
    background-color: #000;
    opacity: 0.6;
    padding: 10px;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
    /* z-index: 1; */
    color: #fff;
}
@media (min-width: 992px){
.box-country {
    background-color: #000;
    opacity: 0.6;
    padding: 10px;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
    /* z-index: 1; */
    color: #fff;
}
@media (min-width: 1200px){
.box-country {
    background-color: #000;
    opacity: 0.6;
    padding: 10px;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
    /* z-index: 1; */
    color: #fff;
}

@font-face {
    font-family: 'Noto Sans Thai UI';
    src: url('NotoSansThaiUI-Bold.eot');
    src: url('NotoSansThaiUI-Bold.eot?#iefix') format('embedded-opentype'),
        url('NotoSansThaiUI-Bold.woff2') format('woff2'),
        url('NotoSansThaiUI-Bold.woff') format('woff'),
        url('NotoSansThaiUI-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans Med';
    src: url('NotoSans-Medium.eot');
    src: url('NotoSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('NotoSans-Medium.woff2') format('woff2'),
        url('NotoSans-Medium.woff') format('woff'),
        url('NotoSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans Thai';
    src: url('NotoSansThai-Regular.eot');
    src: url('NotoSansThai-Regular.eot?#iefix') format('embedded-opentype'),
        url('NotoSansThai-Regular.woff2') format('woff2'),
        url('NotoSansThai-Regular.woff') format('woff'),
        url('NotoSansThai-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('NotoSans-Thin.eot');
    src: url('NotoSans-Thin.eot?#iefix') format('embedded-opentype'),
        url('NotoSans-Thin.woff2') format('woff2'),
        url('NotoSans-Thin.woff') format('woff'),
        url('NotoSans-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans Thai Med';
    src: url('NotoSansThai-Medium.eot');
    src: url('NotoSansThai-Medium.eot?#iefix') format('embedded-opentype'),
        url('NotoSansThai-Medium.woff2') format('woff2'),
        url('NotoSansThai-Medium.woff') format('woff'),
        url('NotoSansThai-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans Thai';
    src: url('NotoSansThai-Light.eot');
    src: url('NotoSansThai-Light.eot?#iefix') format('embedded-opentype'),
        url('NotoSansThai-Light.woff2') format('woff2'),
        url('NotoSansThai-Light.woff') format('woff'),
        url('NotoSansThai-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans Thai UI';
    src: url('NotoSansThaiUI-Regular.eot');
    src: url('NotoSansThaiUI-Regular.eot?#iefix') format('embedded-opentype'),
        url('NotoSansThaiUI-Regular.woff2') format('woff2'),
        url('NotoSansThaiUI-Regular.woff') format('woff'),
        url('NotoSansThaiUI-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('NotoSans-ThinItalic.eot');
    src: url('NotoSans-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('NotoSans-ThinItalic.woff2') format('woff2'),
        url('NotoSans-ThinItalic.woff') format('woff'),
        url('NotoSans-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('NotoSans-BoldItalic.eot');
    src: url('NotoSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('NotoSans-BoldItalic.woff2') format('woff2'),
        url('NotoSans-BoldItalic.woff') format('woff'),
        url('NotoSans-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Noto Sans Blk';
    src: url('NotoSans-BlackItalic.eot');
    src: url('NotoSans-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('NotoSans-BlackItalic.woff2') format('woff2'),
        url('NotoSans-BlackItalic.woff') format('woff'),
        url('NotoSans-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('NotoSans-Italic.eot');
    src: url('NotoSans-Italic.eot?#iefix') format('embedded-opentype'),
        url('NotoSans-Italic.woff2') format('woff2'),
        url('NotoSans-Italic.woff') format('woff'),
        url('NotoSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('NotoSans-Light.eot');
    src: url('NotoSans-Light.eot?#iefix') format('embedded-opentype'),
        url('NotoSans-Light.woff2') format('woff2'),
        url('NotoSans-Light.woff') format('woff'),
        url('NotoSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('NotoSans-LightItalic.eot');
    src: url('NotoSans-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('NotoSans-LightItalic.woff2') format('woff2'),
        url('NotoSans-LightItalic.woff') format('woff'),
        url('NotoSans-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Noto Sans Thai';
    src: url('NotoSansThai-Bold.eot');
    src: url('NotoSansThai-Bold.eot?#iefix') format('embedded-opentype'),
        url('NotoSansThai-Bold.woff2') format('woff2'),
        url('NotoSansThai-Bold.woff') format('woff'),
        url('NotoSansThai-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans Blk';
    src: url('NotoSans-Black.eot');
    src: url('NotoSans-Black.eot?#iefix') format('embedded-opentype'),
        url('NotoSans-Black.woff2') format('woff2'),
        url('NotoSans-Black.woff') format('woff'),
        url('NotoSans-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('NotoSans-Regular.eot');
    src: url('NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('NotoSans-Regular.woff2') format('woff2'),
        url('NotoSans-Regular.woff') format('woff'),
        url('NotoSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans Thai UI Med';
    src: url('NotoSansThaiUI-Medium.eot');
    src: url('NotoSansThaiUI-Medium.eot?#iefix') format('embedded-opentype'),
        url('NotoSansThaiUI-Medium.woff2') format('woff2'),
        url('NotoSansThaiUI-Medium.woff') format('woff'),
        url('NotoSansThaiUI-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans Thai UI Blk';
    src: url('NotoSansThaiUI-Black.eot');
    src: url('NotoSansThaiUI-Black.eot?#iefix') format('embedded-opentype'),
        url('NotoSansThaiUI-Black.woff2') format('woff2'),
        url('NotoSansThaiUI-Black.woff') format('woff'),
        url('NotoSansThaiUI-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans Thai';
    src: url('NotoSansThai-Thin.eot');
    src: url('NotoSansThai-Thin.eot?#iefix') format('embedded-opentype'),
        url('NotoSansThai-Thin.woff2') format('woff2'),
        url('NotoSansThai-Thin.woff') format('woff'),
        url('NotoSansThai-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('NotoSans-Bold.eot');
    src: url('NotoSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('NotoSans-Bold.woff2') format('woff2'),
        url('NotoSans-Bold.woff') format('woff'),
        url('NotoSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans Thai Blk';
    src: url('NotoSansThai-Black.eot');
    src: url('NotoSansThai-Black.eot?#iefix') format('embedded-opentype'),
        url('NotoSansThai-Black.woff2') format('woff2'),
        url('NotoSansThai-Black.woff') format('woff'),
        url('NotoSansThai-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans Thai UI';
    src: url('NotoSansThaiUI-Light.eot');
    src: url('NotoSansThaiUI-Light.eot?#iefix') format('embedded-opentype'),
        url('NotoSansThaiUI-Light.woff2') format('woff2'),
        url('NotoSansThaiUI-Light.woff') format('woff'),
        url('NotoSansThaiUI-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Sans Med';
    src: url('NotoSans-MediumItalic.eot');
    src: url('NotoSans-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('NotoSans-MediumItalic.woff2') format('woff2'),
        url('NotoSans-MediumItalic.woff') format('woff'),
        url('NotoSans-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Noto Sans Thai UI';
    src: url('NotoSansThaiUI-Thin.eot');
    src: url('NotoSansThaiUI-Thin.eot?#iefix') format('embedded-opentype'),
        url('NotoSansThaiUI-Thin.woff2') format('woff2'),
        url('NotoSansThaiUI-Thin.woff') format('woff'),
        url('NotoSansThaiUI-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on August 20, 2020 */



@font-face {
    font-family: 'db_heaventbold';
    src: url('db_heavent_bd_v3.2-webfont.woff2') format('woff2'),
         url('db_heavent_bd_v3.2-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'db_heaventblack';
    src: url('db_heavent_blk_v3.2-webfont.woff2') format('woff2'),
         url('db_heavent_blk_v3.2-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'db_heaventitalic';
    src: url('db_heavent_it_v3.2-webfont.woff2') format('woff2'),
         url('db_heavent_it_v3.2-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'db_heaventlight_it';
    src: url('db_heavent_li_it_v3.2-webfont.woff2') format('woff2'),
         url('db_heavent_li_it_v3.2-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'db_heaventlight';
    src: url('db_heavent_li_v3.2-webfont.woff2') format('woff2'),
         url('db_heavent_li_v3.2-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'db_heaventmed_it';
    src: url('db_heavent_med_it_v3.2-webfont.woff2') format('woff2'),
         url('db_heavent_med_it_v3.2-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'db_heaventmed';
    src: url('db_heavent_med_v3.2-webfont.woff2') format('woff2'),
         url('db_heavent_med_v3.2-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'db_heaventthin_it';
    src: url('db_heavent_thin_it_v3.2-webfont.woff2') format('woff2'),
         url('db_heavent_thin_it_v3.2-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'db_heaventthin';
    src: url('db_heavent_thin_v3.2-webfont.woff2') format('woff2'),
         url('db_heavent_thin_v3.2-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'db_heaventultrali_it';
    src: url('db_heavent_ulli_it_v3.2-webfont.woff2') format('woff2'),
         url('db_heavent_ulli_it_v3.2-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'db_heaventultrali';
    src: url('db_heavent_ulli_v3.2-webfont.woff2') format('woff2'),
         url('db_heavent_ulli_v3.2-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'db_heaventregular';
    src: url('db_heavent_v3.2-webfont.woff2') format('woff2'),
         url('db_heavent_v3.2-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}