/* Font */
@font-face {
  font-family: "Kanit";
  src: url("Kanit-Regular.eot");
  src: local("Kanit Regular"), local("Kanit-Regular"),
    url("Kanit-Regular.eot?#iefix") format("embedded-opentype"),
    url("Kanit-Regular.woff2") format("woff2"),
    url("Kanit-Regular.woff") format("woff"),
    url("Kanit-Regular.ttf") format("truetype"),
    url("Kanit-Regular.svg#Kanit-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Kanit-Thin";
  src: url("Kanit-Thin.eot");
  src: local("Kanit Thin"), local("Kanit-Thin"),
    url("Kanit-Thin.eot?#iefix") format("embedded-opentype"),
    url("Kanit-Thin.woff2") format("woff2"),
    url("Kanit-Thin.woff") format("woff"),
    url("Kanit-Thin.ttf") format("truetype"),
    url("Kanit-Thin.svg#Kanit-Thin") format("svg");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Kanit-EThin";
  src: url("Kanit-ExtraLight.eot");
  src: local("Kanit ExtraLight"), local("Kanit-ExtraLight"),
    url("Kanit-ExtraLight.eot?#iefix") format("embedded-opentype"),
    url("Kanit-ExtraLight.woff2") format("woff2"),
    url("Kanit-ExtraLight.woff") format("woff"),
    url("Kanit-ExtraLight.ttf") format("truetype"),
    url("Kanit-ExtraLight.svg#Kanit-ExtraLight") format("svg");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Kanit-Light";
  src: url("Kanit-Light.eot");
  src: local("Kanit Light"), local("Kanit-Light"),
    url("Kanit-Light.eot?#iefix") format("embedded-opentype"),
    url("Kanit-Light.woff2") format("woff2"),
    url("Kanit-Light.woff") format("woff"),
    url("Kanit-Light.ttf") format("truetype"),
    url("Kanit-Light.svg#Kanit-Light") format("svg");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Kanit-Black-I";
  src: url("Kanit-BlackItalic.eot");
  src: local("Kanit Black Italic"), local("Kanit-BlackItalic"),
    url("Kanit-BlackItalic.eot?#iefix") format("embedded-opentype"),
    url("Kanit-BlackItalic.woff2") format("woff2"),
    url("Kanit-BlackItalic.woff") format("woff"),
    url("Kanit-BlackItalic.ttf") format("truetype"),
    url("Kanit-BlackItalic.svg#Kanit-BlackItalic") format("svg");
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: "Kanit-Light-I";
  src: url("Kanit-LightItalic.eot");
  src: local("Kanit Light Italic"), local("Kanit-LightItalic"),
    url("Kanit-LightItalic.eot?#iefix") format("embedded-opentype"),
    url("Kanit-LightItalic.woff2") format("woff2"),
    url("Kanit-LightItalic.woff") format("woff"),
    url("Kanit-LightItalic.ttf") format("truetype"),
    url("Kanit-LightItalic.svg#Kanit-LightItalic") format("svg");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Kanit-Bold";
  src: url("Kanit-Bold.eot");
  src: local("Kanit Bold"), local("Kanit-Bold"),
    url("Kanit-Bold.eot?#iefix") format("embedded-opentype"),
    url("Kanit-Bold.woff2") format("woff2"),
    url("Kanit-Bold.woff") format("woff"),
    url("Kanit-Bold.ttf") format("truetype"),
    url("Kanit-Bold.svg#Kanit-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Kanit-Bold-I";
  src: url("Kanit-SemiBoldItalic.eot");
  src: local("Kanit SemiBold Italic"), local("Kanit-SemiBoldItalic"),
    url("Kanit-SemiBoldItalic.eot?#iefix") format("embedded-opentype"),
    url("Kanit-SemiBoldItalic.woff2") format("woff2"),
    url("Kanit-SemiBoldItalic.woff") format("woff"),
    url("Kanit-SemiBoldItalic.ttf") format("truetype"),
    url("Kanit-SemiBoldItalic.svg#Kanit-SemiBoldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "Kanit-Med-I";
  src: url("Kanit-MediumItalic.eot");
  src: local("Kanit Medium Italic"), local("Kanit-MediumItalic"),
    url("Kanit-MediumItalic.eot?#iefix") format("embedded-opentype"),
    url("Kanit-MediumItalic.woff2") format("woff2"),
    url("Kanit-MediumItalic.woff") format("woff"),
    url("Kanit-MediumItalic.ttf") format("truetype"),
    url("Kanit-MediumItalic.svg#Kanit-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "Kanit-ExLight-I";
  src: url("Kanit-ExtraLightItalic.eot");
  src: local("Kanit ExtraLight Italic"), local("Kanit-ExtraLightItalic"),
    url("Kanit-ExtraLightItalic.eot?#iefix") format("embedded-opentype"),
    url("Kanit-ExtraLightItalic.woff2") format("woff2"),
    url("Kanit-ExtraLightItalic.woff") format("woff"),
    url("Kanit-ExtraLightItalic.ttf") format("truetype"),
    url("Kanit-ExtraLightItalic.svg#Kanit-ExtraLightItalic") format("svg");
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: "Kanit-ExBold-I";
  src: url("Kanit-ExtraBoldItalic.eot");
  src: local("Kanit ExtraBold Italic"), local("Kanit-ExtraBoldItalic"),
    url("Kanit-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"),
    url("Kanit-ExtraBoldItalic.woff2") format("woff2"),
    url("Kanit-ExtraBoldItalic.woff") format("woff"),
    url("Kanit-ExtraBoldItalic.ttf") format("truetype"),
    url("Kanit-ExtraBoldItalic.svg#Kanit-ExtraBoldItalic") format("svg");
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: "Kanit-I";
  src: url("Kanit-Italic.eot");
  src: local("Kanit Italic"), local("Kanit-Italic"),
    url("Kanit-Italic.eot?#iefix") format("embedded-opentype"),
    url("Kanit-Italic.woff2") format("woff2"),
    url("Kanit-Italic.woff") format("woff"),
    url("Kanit-Italic.ttf") format("truetype"),
    url("Kanit-Italic.svg#Kanit-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
}

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

@font-face {
  font-family: "Kanit-Thin-I";
  src: url("Kanit-ThinItalic.eot");
  src: local("Kanit Thin Italic"), local("Kanit-ThinItalic"),
    url("Kanit-ThinItalic.eot?#iefix") format("embedded-opentype"),
    url("Kanit-ThinItalic.woff2") format("woff2"),
    url("Kanit-ThinItalic.woff") format("woff"),
    url("Kanit-ThinItalic.ttf") format("truetype"),
    url("Kanit-ThinItalic.svg#Kanit-ThinItalic") format("svg");
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: "Kanit-Black";
  src: url("Kanit-Black.eot");
  src: local("Kanit Black"), local("Kanit-Black"),
    url("Kanit-Black.eot?#iefix") format("embedded-opentype"),
    url("Kanit-Black.woff2") format("woff2"),
    url("Kanit-Black.woff") format("woff"),
    url("Kanit-Black.ttf") format("truetype"),
    url("Kanit-Black.svg#Kanit-Black") format("svg");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Kanit-SeBold";
  src: url("Kanit-SemiBold.eot");
  src: local("Kanit SemiBold"), local("Kanit-SemiBold"),
    url("Kanit-SemiBold.eot?#iefix") format("embedded-opentype"),
    url("Kanit-SemiBold.woff2") format("woff2"),
    url("Kanit-SemiBold.woff") format("woff"),
    url("Kanit-SemiBold.ttf") format("truetype"),
    url("Kanit-SemiBold.svg#Kanit-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Kanit-Bold-I";
  src: url("Kanit-BoldItalic.eot");
  src: local("Kanit Bold Italic"), local("Kanit-BoldItalic"),
    url("Kanit-BoldItalic.eot?#iefix") format("embedded-opentype"),
    url("Kanit-BoldItalic.woff2") format("woff2"),
    url("Kanit-BoldItalic.woff") format("woff"),
    url("Kanit-BoldItalic.ttf") format("truetype"),
    url("Kanit-BoldItalic.svg#Kanit-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "Kanit-ExBold";
  src: url("Kanit-ExtraBold.eot");
  src: local("Kanit ExtraBold"), local("Kanit-ExtraBold"),
    url("Kanit-ExtraBold.eot?#iefix") format("embedded-opentype"),
    url("Kanit-ExtraBold.woff2") format("woff2"),
    url("Kanit-ExtraBold.woff") format("woff"),
    url("Kanit-ExtraBold.ttf") format("truetype"),
    url("Kanit-ExtraBold.svg#Kanit-ExtraBold") format("svg");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat Alternates bold";
  src: url("MontserratAlternates-Bold.eot");
  src: local("Montserrat Alternates Bold"), local("MontserratAlternates-Bold"),
    url("MontserratAlternates-Bold.eot?#iefix") format("embedded-opentype"),
    url("MontserratAlternates-Bold.woff2") format("woff2"),
    url("MontserratAlternates-Bold.woff") format("woff"),
    url("MontserratAlternates-Bold.ttf") format("truetype"),
    url("MontserratAlternates-Bold.svg#MontserratAlternates-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat exlight";
  src: url("Montserrat-ExtraLight.eot");
  src: local("Montserrat ExtraLight"), local("Montserrat-ExtraLight"),
    url("Montserrat-ExtraLight.eot?#iefix") format("embedded-opentype"),
    url("Montserrat-ExtraLight.woff2") format("woff2"),
    url("Montserrat-ExtraLight.woff") format("woff"),
    url("Montserrat-ExtraLight.ttf") format("truetype"),
    url("Montserrat-ExtraLight.svg#Montserrat-ExtraLight") format("svg");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat Alternates ExLight";
  src: url("MontserratAlternates-ExtraLight.eot");
  src: local("Montserrat Alternates ExtraLight"),
    local("MontserratAlternates-ExtraLight"),
    url("MontserratAlternates-ExtraLight.eot?#iefix")
      format("embedded-opentype"),
    url("MontserratAlternates-ExtraLight.woff2") format("woff2"),
    url("MontserratAlternates-ExtraLight.woff") format("woff"),
    url("MontserratAlternates-ExtraLight.ttf") format("truetype"),
    url("MontserratAlternates-ExtraLight.svg#MontserratAlternates-ExtraLight")
      format("svg");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat exlight i";
  src: url("Montserrat-ExtraLightItalic.eot");
  src: local("Montserrat ExtraLight Italic"),
    local("Montserrat-ExtraLightItalic"),
    url("Montserrat-ExtraLightItalic.eot?#iefix") format("embedded-opentype"),
    url("Montserrat-ExtraLightItalic.woff2") format("woff2"),
    url("Montserrat-ExtraLightItalic.woff") format("woff"),
    url("Montserrat-ExtraLightItalic.ttf") format("truetype"),
    url("Montserrat-ExtraLightItalic.svg#Montserrat-ExtraLightItalic")
      format("svg");
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: "Montserrat exbold";
  src: url("Montserrat-ExtraBold.eot");
  src: local("Montserrat ExtraBold"), local("Montserrat-ExtraBold"),
    url("Montserrat-ExtraBold.eot?#iefix") format("embedded-opentype"),
    url("Montserrat-ExtraBold.woff2") format("woff2"),
    url("Montserrat-ExtraBold.woff") format("woff"),
    url("Montserrat-ExtraBold.ttf") format("truetype"),
    url("Montserrat-ExtraBold.svg#Montserrat-ExtraBold") format("svg");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat Alternates black";
  src: url("MontserratAlternates-Black.eot");
  src: local("Montserrat Alternates Black"), local("MontserratAlternates-Black"),
    url("MontserratAlternates-Black.eot?#iefix") format("embedded-opentype"),
    url("MontserratAlternates-Black.woff2") format("woff2"),
    url("MontserratAlternates-Black.woff") format("woff"),
    url("MontserratAlternates-Black.ttf") format("truetype"),
    url("MontserratAlternates-Black.svg#MontserratAlternates-Black")
      format("svg");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat Alternates exbold";
  src: url("MontserratAlternates-ExtraBold.eot");
  src: local("Montserrat Alternates ExtraBold"),
    local("MontserratAlternates-ExtraBold"),
    url("MontserratAlternates-ExtraBold.eot?#iefix") format("embedded-opentype"),
    url("MontserratAlternates-ExtraBold.woff2") format("woff2"),
    url("MontserratAlternates-ExtraBold.woff") format("woff"),
    url("MontserratAlternates-ExtraBold.ttf") format("truetype"),
    url("MontserratAlternates-ExtraBold.svg#MontserratAlternates-ExtraBold")
      format("svg");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat Alternates i";
  src: url("MontserratAlternates-Italic.eot");
  src: local("Montserrat Alternates Italic"),
    local("MontserratAlternates-Italic"),
    url("MontserratAlternates-Italic.eot?#iefix") format("embedded-opentype"),
    url("MontserratAlternates-Italic.woff2") format("woff2"),
    url("MontserratAlternates-Italic.woff") format("woff"),
    url("MontserratAlternates-Italic.ttf") format("truetype"),
    url("MontserratAlternates-Italic.svg#MontserratAlternates-Italic")
      format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Montserrat i";
  src: url("Montserrat-Italic.eot");
  src: local("Montserrat Italic"), local("Montserrat-Italic"),
    url("Montserrat-Italic.eot?#iefix") format("embedded-opentype"),
    url("Montserrat-Italic.woff2") format("woff2"),
    url("Montserrat-Italic.woff") format("woff"),
    url("Montserrat-Italic.ttf") format("truetype"),
    url("Montserrat-Italic.svg#Montserrat-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Montserrat med";
  src: url("Montserrat-Medium.eot");
  src: local("Montserrat Medium"), local("Montserrat-Medium"),
    url("Montserrat-Medium.eot?#iefix") format("embedded-opentype"),
    url("Montserrat-Medium.woff2") format("woff2"),
    url("Montserrat-Medium.woff") format("woff"),
    url("Montserrat-Medium.ttf") format("truetype"),
    url("Montserrat-Medium.svg#Montserrat-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat bold";
  src: url("Montserrat-Bold.eot");
  src: local("Montserrat Bold"), local("Montserrat-Bold"),
    url("Montserrat-Bold.eot?#iefix") format("embedded-opentype"),
    url("Montserrat-Bold.woff2") format("woff2"),
    url("Montserrat-Bold.woff") format("woff"),
    url("Montserrat-Bold.ttf") format("truetype"),
    url("Montserrat-Bold.svg#Montserrat-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat sebold i";
  src: url("Montserrat-SemiBoldItalic.eot");
  src: local("Montserrat SemiBold Italic"), local("Montserrat-SemiBoldItalic"),
    url("Montserrat-SemiBoldItalic.eot?#iefix") format("embedded-opentype"),
    url("Montserrat-SemiBoldItalic.woff2") format("woff2"),
    url("Montserrat-SemiBoldItalic.woff") format("woff"),
    url("Montserrat-SemiBoldItalic.ttf") format("truetype"),
    url("Montserrat-SemiBoldItalic.svg#Montserrat-SemiBoldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "Montserrat black i";
  src: url("Montserrat-BlackItalic.eot");
  src: local("Montserrat Black Italic"), local("Montserrat-BlackItalic"),
    url("Montserrat-BlackItalic.eot?#iefix") format("embedded-opentype"),
    url("Montserrat-BlackItalic.woff2") format("woff2"),
    url("Montserrat-BlackItalic.woff") format("woff"),
    url("Montserrat-BlackItalic.ttf") format("truetype"),
    url("Montserrat-BlackItalic.svg#Montserrat-BlackItalic") format("svg");
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: "Montserrat exbold i";
  src: url("Montserrat-ExtraBoldItalic.eot");
  src: local("Montserrat ExtraBold Italic"), local("Montserrat-ExtraBoldItalic"),
    url("Montserrat-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"),
    url("Montserrat-ExtraBoldItalic.woff2") format("woff2"),
    url("Montserrat-ExtraBoldItalic.woff") format("woff"),
    url("Montserrat-ExtraBoldItalic.ttf") format("truetype"),
    url("Montserrat-ExtraBoldItalic.svg#Montserrat-ExtraBoldItalic")
      format("svg");
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: "Montserrat light i";
  src: url("Montserrat-LightItalic.eot");
  src: local("Montserrat Light Italic"), local("Montserrat-LightItalic"),
    url("Montserrat-LightItalic.eot?#iefix") format("embedded-opentype"),
    url("Montserrat-LightItalic.woff2") format("woff2"),
    url("Montserrat-LightItalic.woff") format("woff"),
    url("Montserrat-LightItalic.ttf") format("truetype"),
    url("Montserrat-LightItalic.svg#Montserrat-LightItalic") format("svg");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "CS PraKasFD";
  src: url("CSPraKasFD.eot");
  src: local("CS PraKasFD"), local("CSPraKasFD"),
    url("CSPraKasFD.eot?#iefix") format("embedded-opentype"),
    url("CSPraKasFD.woff2") format("woff2"),
    url("CSPraKasFD.woff") format("woff"),
    url("CSPraKasFD.ttf") format("truetype"),
    url("CSPraKasFD.svg#CSPraKasFD") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat bold i";
  src: url("Montserrat-BoldItalic.eot");
  src: local("Montserrat Bold Italic"), local("Montserrat-BoldItalic"),
    url("Montserrat-BoldItalic.eot?#iefix") format("embedded-opentype"),
    url("Montserrat-BoldItalic.woff2") format("woff2"),
    url("Montserrat-BoldItalic.woff") format("woff"),
    url("Montserrat-BoldItalic.ttf") format("truetype"),
    url("Montserrat-BoldItalic.svg#Montserrat-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "Montserrat Alternates thin";
  src: url("MontserratAlternates-Thin.eot");
  src: local("Montserrat Alternates Thin"), local("MontserratAlternates-Thin"),
    url("MontserratAlternates-Thin.eot?#iefix") format("embedded-opentype"),
    url("MontserratAlternates-Thin.woff2") format("woff2"),
    url("MontserratAlternates-Thin.woff") format("woff"),
    url("MontserratAlternates-Thin.ttf") format("truetype"),
    url("MontserratAlternates-Thin.svg#MontserratAlternates-Thin") format("svg");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat Alternates";
  src: url("MontserratAlternates-Regular.eot");
  src: local("Montserrat Alternates Regular"),
    local("MontserratAlternates-Regular"),
    url("MontserratAlternates-Regular.eot?#iefix") format("embedded-opentype"),
    url("MontserratAlternates-Regular.woff2") format("woff2"),
    url("MontserratAlternates-Regular.woff") format("woff"),
    url("MontserratAlternates-Regular.ttf") format("truetype"),
    url("MontserratAlternates-Regular.svg#MontserratAlternates-Regular")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat sebold";
  src: url("Montserrat-SemiBold.eot");
  src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"),
    url("Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"),
    url("Montserrat-SemiBold.woff2") format("woff2"),
    url("Montserrat-SemiBold.woff") format("woff"),
    url("Montserrat-SemiBold.ttf") format("truetype"),
    url("Montserrat-SemiBold.svg#Montserrat-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat thin";
  src: url("Montserrat-Thin.eot");
  src: local("Montserrat Thin"), local("Montserrat-Thin"),
    url("Montserrat-Thin.eot?#iefix") format("embedded-opentype"),
    url("Montserrat-Thin.woff2") format("woff2"),
    url("Montserrat-Thin.woff") format("woff"),
    url("Montserrat-Thin.ttf") format("truetype"),
    url("Montserrat-Thin.svg#Montserrat-Thin") format("svg");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat Alternates med i";
  src: url("MontserratAlternates-MediumItalic.eot");
  src: local("Montserrat Alternates Medium Italic"),
    local("MontserratAlternates-MediumItalic"),
    url("MontserratAlternates-MediumItalic.eot?#iefix")
      format("embedded-opentype"),
    url("MontserratAlternates-MediumItalic.woff2") format("woff2"),
    url("MontserratAlternates-MediumItalic.woff") format("woff"),
    url("MontserratAlternates-MediumItalic.ttf") format("truetype"),
    url("MontserratAlternates-MediumItalic.svg#MontserratAlternates-MediumItalic")
      format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "Montserrat light";
  src: url("Montserrat-Light.eot");
  src: local("Montserrat Light"), local("Montserrat-Light"),
    url("Montserrat-Light.eot?#iefix") format("embedded-opentype"),
    url("Montserrat-Light.woff2") format("woff2"),
    url("Montserrat-Light.woff") format("woff"),
    url("Montserrat-Light.ttf") format("truetype"),
    url("Montserrat-Light.svg#Montserrat-Light") format("svg");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "CS PraKas";
  src: url("CSPraKas.eot");
  src: local("CS PraKas"), local("CSPraKas"),
    url("CSPraKas.eot?#iefix") format("embedded-opentype"),
    url("CSPraKas.woff2") format("woff2"), url("CSPraKas.woff") format("woff"),
    url("CSPraKas.ttf") format("truetype"),
    url("CSPraKas.svg#CSPraKas") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat Alternates black i";
  src: url("MontserratAlternates-BlackItalic.eot");
  src: local("Montserrat Alternates Black Italic"),
    local("MontserratAlternates-BlackItalic"),
    url("MontserratAlternates-BlackItalic.eot?#iefix")
      format("embedded-opentype"),
    url("MontserratAlternates-BlackItalic.woff2") format("woff2"),
    url("MontserratAlternates-BlackItalic.woff") format("woff"),
    url("MontserratAlternates-BlackItalic.ttf") format("truetype"),
    url("MontserratAlternates-BlackItalic.svg#MontserratAlternates-BlackItalic")
      format("svg");
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: "Montserrat thin i";
  src: url("Montserrat-ThinItalic.eot");
  src: local("Montserrat Thin Italic"), local("Montserrat-ThinItalic"),
    url("Montserrat-ThinItalic.eot?#iefix") format("embedded-opentype"),
    url("Montserrat-ThinItalic.woff2") format("woff2"),
    url("Montserrat-ThinItalic.woff") format("woff"),
    url("Montserrat-ThinItalic.ttf") format("truetype"),
    url("Montserrat-ThinItalic.svg#Montserrat-ThinItalic") format("svg");
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: "Montserrat Alternates light";
  src: url("MontserratAlternates-Light.eot");
  src: local("Montserrat Alternates Light"), local("MontserratAlternates-Light"),
    url("MontserratAlternates-Light.eot?#iefix") format("embedded-opentype"),
    url("MontserratAlternates-Light.woff2") format("woff2"),
    url("MontserratAlternates-Light.woff") format("woff"),
    url("MontserratAlternates-Light.ttf") format("truetype"),
    url("MontserratAlternates-Light.svg#MontserratAlternates-Light")
      format("svg");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat Alternates thin i";
  src: url("MontserratAlternates-ThinItalic.eot");
  src: local("Montserrat Alternates Thin Italic"),
    local("MontserratAlternates-ThinItalic"),
    url("MontserratAlternates-ThinItalic.eot?#iefix")
      format("embedded-opentype"),
    url("MontserratAlternates-ThinItalic.woff2") format("woff2"),
    url("MontserratAlternates-ThinItalic.woff") format("woff"),
    url("MontserratAlternates-ThinItalic.ttf") format("truetype"),
    url("MontserratAlternates-ThinItalic.svg#MontserratAlternates-ThinItalic")
      format("svg");
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: "Montserrat Alternates exbold i";
  src: url("MontserratAlternates-ExtraBoldItalic.eot");
  src: local("Montserrat Alternates ExtraBold Italic"),
    local("MontserratAlternates-ExtraBoldItalic"),
    url("MontserratAlternates-ExtraBoldItalic.eot?#iefix")
      format("embedded-opentype"),
    url("MontserratAlternates-ExtraBoldItalic.woff2") format("woff2"),
    url("MontserratAlternates-ExtraBoldItalic.woff") format("woff"),
    url("MontserratAlternates-ExtraBoldItalic.ttf") format("truetype"),
    url("MontserratAlternates-ExtraBoldItalic.svg#MontserratAlternates-ExtraBoldItalic")
      format("svg");
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: "Montserrat Alternates bold i";
  src: url("MontserratAlternates-BoldItalic.eot");
  src: local("Montserrat Alternates Bold Italic"),
    local("MontserratAlternates-BoldItalic"),
    url("MontserratAlternates-BoldItalic.eot?#iefix")
      format("embedded-opentype"),
    url("MontserratAlternates-BoldItalic.woff2") format("woff2"),
    url("MontserratAlternates-BoldItalic.woff") format("woff"),
    url("MontserratAlternates-BoldItalic.ttf") format("truetype"),
    url("MontserratAlternates-BoldItalic.svg#MontserratAlternates-BoldItalic")
      format("svg");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "Montserrat Alternates sebold i";
  src: url("MontserratAlternates-SemiBoldItalic.eot");
  src: local("Montserrat Alternates SemiBold Italic"),
    local("MontserratAlternates-SemiBoldItalic"),
    url("MontserratAlternates-SemiBoldItalic.eot?#iefix")
      format("embedded-opentype"),
    url("MontserratAlternates-SemiBoldItalic.woff2") format("woff2"),
    url("MontserratAlternates-SemiBoldItalic.woff") format("woff"),
    url("MontserratAlternates-SemiBoldItalic.ttf") format("truetype"),
    url("MontserratAlternates-SemiBoldItalic.svg#MontserratAlternates-SemiBoldItalic")
      format("svg");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "CS PraKas bold";
  src: url("CSPraKas-Bold.eot");
  src: local("CS PraKas Bold"), local("CSPraKas-Bold"),
    url("CSPraKas-Bold.eot?#iefix") format("embedded-opentype"),
    url("CSPraKas-Bold.woff2") format("woff2"),
    url("CSPraKas-Bold.woff") format("woff"),
    url("CSPraKas-Bold.ttf") format("truetype"),
    url("CSPraKas-Bold.svg#CSPraKas-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "CS PraKas";
  src: url("CSPraKas_1.eot");
  src: local("CS PraKas"), local("CSPraKas"),
    url("CSPraKas_1.eot?#iefix") format("embedded-opentype"),
    url("CSPraKas_1.woff2") format("woff2"),
    url("CSPraKas_1.woff") format("woff"),
    url("CSPraKas_1.ttf") format("truetype"),
    url("CSPraKas_1.svg#CSPraKas") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat black";
  src: url("Montserrat-Black.eot");
  src: local("Montserrat Black"), local("Montserrat-Black"),
    url("Montserrat-Black.eot?#iefix") format("embedded-opentype"),
    url("Montserrat-Black.woff2") format("woff2"),
    url("Montserrat-Black.woff") format("woff"),
    url("Montserrat-Black.ttf") format("truetype"),
    url("Montserrat-Black.svg#Montserrat-Black") format("svg");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat Alternates sebold";
  src: url("MontserratAlternates-SemiBold.eot");
  src: local("Montserrat Alternates SemiBold"),
    local("MontserratAlternates-SemiBold"),
    url("MontserratAlternates-SemiBold.eot?#iefix") format("embedded-opentype"),
    url("MontserratAlternates-SemiBold.woff2") format("woff2"),
    url("MontserratAlternates-SemiBold.woff") format("woff"),
    url("MontserratAlternates-SemiBold.ttf") format("truetype"),
    url("MontserratAlternates-SemiBold.svg#MontserratAlternates-SemiBold")
      format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat Alternates light i";
  src: url("MontserratAlternates-LightItalic.eot");
  src: local("Montserrat Alternates Light Italic"),
    local("MontserratAlternates-LightItalic"),
    url("MontserratAlternates-LightItalic.eot?#iefix")
      format("embedded-opentype"),
    url("MontserratAlternates-LightItalic.woff2") format("woff2"),
    url("MontserratAlternates-LightItalic.woff") format("woff"),
    url("MontserratAlternates-LightItalic.ttf") format("truetype"),
    url("MontserratAlternates-LightItalic.svg#MontserratAlternates-LightItalic")
      format("svg");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Montserrat Alternates ExLight i";
  src: url("MontserratAlternates-ExtraLightItalic.eot");
  src: local("Montserrat Alternates ExtraLight Italic"),
    local("MontserratAlternates-ExtraLightItalic"),
    url("MontserratAlternates-ExtraLightItalic.eot?#iefix")
      format("embedded-opentype"),
    url("MontserratAlternates-ExtraLightItalic.woff2") format("woff2"),
    url("MontserratAlternates-ExtraLightItalic.woff") format("woff"),
    url("MontserratAlternates-ExtraLightItalic.ttf") format("truetype"),
    url("MontserratAlternates-ExtraLightItalic.svg#MontserratAlternates-ExtraLightItalic")
      format("svg");
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: "Montserrat Alternates med";
  src: url("MontserratAlternates-Medium.eot");
  src: local("Montserrat Alternates Medium"),
    local("MontserratAlternates-Medium"),
    url("MontserratAlternates-Medium.eot?#iefix") format("embedded-opentype"),
    url("MontserratAlternates-Medium.woff2") format("woff2"),
    url("MontserratAlternates-Medium.woff") format("woff"),
    url("MontserratAlternates-Medium.ttf") format("truetype"),
    url("MontserratAlternates-Medium.svg#MontserratAlternates-Medium")
      format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat";
  src: url("Montserrat-Regular.eot");
  src: local("Montserrat Regular"), local("Montserrat-Regular"),
    url("Montserrat-Regular.eot?#iefix") format("embedded-opentype"),
    url("Montserrat-Regular.woff2") format("woff2"),
    url("Montserrat-Regular.woff") format("woff"),
    url("Montserrat-Regular.ttf") format("truetype"),
    url("Montserrat-Regular.svg#Montserrat-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat med i";
  src: url("Montserrat-MediumItalic.eot");
  src: local("Montserrat Medium Italic"), local("Montserrat-MediumItalic"),
    url("Montserrat-MediumItalic.eot?#iefix") format("embedded-opentype"),
    url("Montserrat-MediumItalic.woff2") format("woff2"),
    url("Montserrat-MediumItalic.woff") format("woff"),
    url("Montserrat-MediumItalic.ttf") format("truetype"),
    url("Montserrat-MediumItalic.svg#Montserrat-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "CS PraKasFD bold";
  src: url("CSPraKasFD-Bold.eot");
  src: local("CS PraKasFD Bold"), local("CSPraKasFD-Bold"),
    url("CSPraKasFD-Bold.eot?#iefix") format("embedded-opentype"),
    url("CSPraKasFD-Bold.woff2") format("woff2"),
    url("CSPraKasFD-Bold.woff") format("woff"),
    url("CSPraKasFD-Bold.ttf") format("truetype"),
    url("CSPraKasFD-Bold.svg#CSPraKasFD-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Sanford";
  src: local("Sanford"), local("Sanford-Book"),
    url("Sanford-Book.woff2") format("woff2"),
    url("Sanford-Book.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Prompt-Medium";
  src: url("Prompt-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Prompt-Light";
  src: url("Prompt-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/* End font */

.pre-p {
  font-size: 0.95rem;
}
* {
  font-family: "Kanit", Tahoma, sans-serif;
  font-weight: 300;
}
.bg-title-nav {
  /* background-image: url(../img/bg-nav-title.png); */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.title-ortracking {
  font-size: 1rem;
  font-family: "Sandford";
  font-weight: 500;
  line-height: 1.2rem;
  color: #4a4a4a;
}

.title-emergency {
  font-size: 0.8rem;
  font-family: "Sandford";
  font-weight: 400;
  line-height: 1.2rem;
  color: #bfa368;
}
.title-phone {
  font-size: 0.65rem;
  font-family: "Sandford";
  font-weight: 400;
  line-height: 1rem;
  color: #858585;
}
.non-bg {
  background-color: transparent;
}
.breadcrumb.non-bg {
  padding-top: 5px;
  padding-bottom: 5px;
}
.breadcrumb-item + .breadcrumb-item::before {
  content: "|";
  /* color: #bfa368; */
  color: #00A59C;
  font-family: "Montserrat med";
}
.breadcrumb-item,
.breadcrumb-item a {
  font-size: 0.9rem;
  color: #ccc;
  font-family: "Montserrat med";
}
.breadcrumb-item.active,
.breadcrumb-item.active a {
  font-size: 0.9rem;
  /* color: #bfa368; */
  color: #00A59C;
  font-family: "Montserrat med";
}
.smtv-logo-login {
  width: 200px;
  height: auto;
}
.c-bda368 {
  color: #00A59C !important;
}
.c-00A59C {
  color: #00A59C !important;
}
.terms-p {
  text-indent: 25px;
  text-align: justify;
}
.t-indent {
  text-indent: 2rem;
}
.thai-lang {
  font-family: "CS Prakas" !important;
  font-size: 0.92rem !important;
}
.terms-p-sub {
  padding-left: 20px;
  margin-bottom: 0.25rem;
}
.terms-p-sub:last-of-type {
  margin-bottom: 0rem;
}
.smtv-logo-terms {
  width: 150px;
  height: auto;
}
.head-title-terms,
.head-title-terms span {
  font-family: "Montserrat";
  text-align: center;
}

.article {
  font-family: "Montserrat light";
  font-size: 0.8rem;
}
.article.terms {
  font-family: "Montserrat light";
  font-size: 0.8rem;
  border: 1px solid #00A59C;
  min-height: 40vh;
  max-height: 40vh;
  border-radius: 4px;
  padding: 15px;
  padding-left: 20px;
  padding-right: 20px;
  overflow-y: auto;
}
.text-accept {
  font-family: "Montserrat light";
  font-size: 0.9rem;
  color: #858585;
}
.article.terms::-webkit-scrollbar {
  width: 8px;
}
.article.terms::-webkit-scrollbar-track {
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: #c9c9c9;
}
.article.terms::-webkit-scrollbar-thumb {
  background-color: #00A59C;
}
.card-image {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  height: 15vh;
  border-radius: 0;
}
.overlay-text-card{
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}
.overlay-text-card p {
  /* background-color: rgba(191, 163, 104, 0.8); */
  background-color: #00A59C;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #fff;
  font-family: "CS PraKas";
  font-size: 0.8rem;
}
.status_table {
  width: auto;
  height: 27px;
  margin-left: 2px;
  margin-right: 2px;
  cursor: pointer;
  -webkit-filter: grayscale(90%);
  filter: grayscale(90%);
}
.status_tableActive {
  width: auto;
  height: 27px;
  margin-left: 2px;
  margin-right: 2px;
  cursor: pointer;
}
.smtv-input-bg {
  color: #fff;
  font-weight: 200;
  font-size: 1.5rem;
  border-radius: 10px;
  text-align: center;
  /* background-color: #bfa368;
  border: 1px solid #bfa368; */
  background-color: #00A59C;
  border: 1px solid #00A59C;
}
.text-aboutroom {
  font-size: 0.95rem;
}
.textarea-smtv {
  font-family: "Prompt-Light";
  border: 1px solid #D5E3D5;
}
.well-btn {
  color: #000;
  font-size: 0.9rem;
  padding: 0.5rem;
  padding-left: 2.8rem;
  padding-right: 2.8rem;
  border-radius: 22px;
  background-color: #00A59C;
  color: #ffff;
  text-transform: none;
}
.smtv-input {
  color: #4a4a4a;
  font-size: 1.5rem;
  border-radius: 10px;
  border: 1px solid #00A59C;
  text-align: center;
}
.smtv-input-bg:focus,
.smtv-input:focus
/* .textarea-smtv:focus */
 {
  border: 1px solid #00A59C;
  -webkit-box-shadow: 2px 2px 4px #00A59C;
  box-shadow: 2px 2px 4px #00A59C;
}
.textarea-smtv:focus {
  border: 1px solid #D5E3D5;
  -webkit-box-shadow: 2px 2px 4px #D5E3D5;
  box-shadow: 2px 2px 4px #D5E3D5;
}
.btn-smtv-new {
  color: #ffff;
  font-size: 0.9rem;
  padding: 0.5rem;
  padding-left: 2.8rem;
  padding-right: 2.8rem;
  border-radius: 5px;
  background-color: #00A59C;
  /* background-image: linear-gradient(
    to right,
    #bfa368,
    #ceb478,
    #e6d6ab,
    #ceb478,
    #bfa368
  );
  -webkit-box-shadow: 0px 3px 0px #ad8a4f;
  box-shadow: 0px 3px 0px #ad8a4f; */
  text-transform: none;
}
.btn-smtv-new:hover {
  color: #ffff;
}
.btn-smtv {
  color: #000;
  font-size: 0.9rem;
  padding: 0.5rem;
  padding-left: 2.8rem;
  padding-right: 2.8rem;
  border-radius: 5px;
  background-color: #bfa368;
  background-image: linear-gradient(
    to right,
    #bfa368,
    #ceb478,
    #e6d6ab,
    #ceb478,
    #bfa368
  );
  -webkit-box-shadow: 0px 3px 0px #ad8a4f;
  box-shadow: 0px 3px 0px #ad8a4f;
  text-transform: none;
}
.btn-smtv:hover {
  color: #000;
}
.cs-prakas-bold {
  font-family: "CS PraKas bold";
}
.cs-prompt-medium {
  font-family: "Prompt-Medium";
}
.cs-prompt-light {
  font-family: "Prompt-Light";
}
.text-title-comment {
  font-family: "Prompt-Medium";
  font-size: 1rem;
  margin-bottom: 0.3rem;
}
.text-comment {
  font-family: "Prompt-Light";
  font-size: 0.9rem;
  margin-bottom: 0;
}
.text-rating {
  color: #00A59C;
}
.line-comment {
  /* color: #bda168; */
  color: #00A59C;
}
.head-title-pre-post {
  /* font-family: "Montserrat sebold"; */
  font-family: "Prompt-Medium";
  text-align: center;
}
.article {
  font-family: "Montserrat light";
  font-size: 0.8rem;
}
.pb-10rem {
  padding-bottom: 10rem;
}
.nav-bottom {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
footer {
  background-color: #fff;
}
.nav-bottom .menu-div {
  width: 24.7%;
  margin: 0.15%;
  padding: 8px;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  text-align: center;
  /* background-color: #1e9a95; */
  /* color: #fff; */
  color: #000000;
  background-color: #ECF5CA;
}
.nav-bottom .menu-div.active {
  /* background-color: #bda168; */
  /* background-image: linear-gradient(
    to bottom,
    #bfa368,
    #ceb478,
    #e6d6ab,
    #ceb478,
    #bfa368
  ); */
  /* color: #4b4b4b; */
  background-color: #00A59C;
  color: #fff;
}
.text-nav-menu {
  font-size: 0.58rem;
  font-family: "CS PraKas";
  margin-bottom: 0;
}
.hr-smtv {
  height: 0.04rem;
  background-color: #00A59C;
  /* background-color: #bfa368; */
  /* background-image: linear-gradient(
    to right,
    #bfa368,
    #ceb478,
    #e6d6ab,
    #ceb478,
    #bfa368
  ); */
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.w-80 {
  width: 80%;
}
.text-room {
  margin-bottom: 0;
  font-size: 1.8rem;
  font-family: "CS PraKas bold";
  color: #4b4b4b;
}
.text-number {
  font-size: 1.2rem;
  font-family: "CS PraKas";
  margin-bottom: 0.5rem;
}
.text-number2 {
  font-size: 1.1rem;
  font-family: "CS PraKas";
  margin-bottom: 0.5rem;
  color: #00A59C;
  /* color: #bda168; */

}
.text-head-profile {
  font-family: "CS PraKasFD bold";
  font-size: 1rem;
  font-weight: 900;
}
.text-profile {
  font-family: "CS PraKas";
  font-size: 1rem;
  font-weight: 100;
}
.text-location {
  font-family: "Montserrat";
  font-size: 0.8rem;
}
.text-location span.text-location2 {
  font-family: "Montserrat bold";
}
.btn-phone-status {
  width: 38px;
  height: 30px;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  border-radius: 5px;
  margin: 0;
  background-color: #bfa368;
  background-image: linear-gradient(
    to right,
    #bfa368,
    #ceb478,
    #e6d6ab,
    #ceb478,
    #bfa368
  );
  -webkit-box-shadow: 0px 3px 0px #ad8a4f;
  box-shadow: 0px 3px 0px #ad8a4f;
}
.div-status_chart {
  width: 100%;
  display: flex;
}
.col-status_chart {
  width: 12.3%;
  padding: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  margin-right: 1%;
  margin-left: 1%;
}
.status_chart {
  width: auto;
  max-width: 100%;
  max-height: 5.3vh;
  cursor: pointer;
}
.border-status {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid #bda168;
  border-bottom: 1px solid #bda168;
}
.form-prepare {
  border: 1px solid #bda168;
  border-radius: 5px;
  height: calc(1.3rem + 2px);
  width: 100px;
  padding: 0.2rem;
}
.prepare-pl {
  padding-left: 0.3rem;
}
.icon-prepare {
  width: 30px;
  height: 30px;
  margin-right: 5px;
  float: none;
}
.icon-prepare h6 {
  vertical-align: middle;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .nav-bottom .menu-div {
    width: 12%;
    margin: 0.25%;
  }
  nav,
  main,
  footer {
    max-width: 768px !important;
    margin: 0 auto;
    background-color: #fff;
  }
  main {
    min-height: 100vh;
  }
  body {
    background-color: rgb(243, 243, 243);
  }
  .card-image{
    height: 18vh;
  }
}
.text-status-extra {
  font-size: 0.7rem;
  border-radius: 3px;
  padding: 0.2rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-family: "CS PraKas";
  background-color: #bfa368;
  background-image: linear-gradient(
    to right,
    #bfa368,
    #ceb478,
    #e6d6ab,
    #ceb478,
    #bfa368
  );
}
[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}
.form-check-input[type="checkbox"] + label,
label.btn input[type="checkbox"] + label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: 1.5625rem;
  line-height: 1.5625rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.form-check-input[type="checkbox"] + label:before,
.form-check-input[type="checkbox"]:not(.filled-in) + label:after,
label.btn input[type="checkbox"] + label:before,
label.btn input[type="checkbox"]:not(.filled-in) + label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  z-index: 0;
  border: 1px solid #00A59C;
  -webkit-border-radius: 1px;
  border-radius: 4px;
  margin-top: 3px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.custom-disabled.disabled::before{
  border: 1px solid #afadaa!important;
  background-color: #c9c9c9;
}
.form-check-input[type="checkbox"]:not(.filled-in) + label:after,
label.btn input[type="checkbox"]:not(.filled-in) + label:after {
  border: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.form-check-input[type="checkbox"]:checked + label:before,
label.btn input[type="checkbox"]:checked + label:before {
  top: -4px;
  left: -5px;
  width: 12px;
  height: 1.375rem;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  /* border-right: 2px solid #ad8a4f;
  border-bottom: 2px solid #ad8a4f; */
  border-right: 2px solid #00A59C;
  border-bottom: 2px solid #00A59C;
  border-radius: 0;
  -webkit-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  transform: rotate(40deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
.bg-tobottom {
  width: 100%;
  padding: 0.3rem;
  background-image: linear-gradient(
    to bottom,
    #bfa368,
    #ceb478,
    #e6d6ab,
    #ceb478,
    #bfa368
  );
}
.bg-tobottom img {
  margin-top: 7px;
  width: 25px;
  height: auto;
}
.time-top {
  margin-bottom: 0;
  font-size: 0.8rem;
  font-family: "CS PraKas";
}
.time-bottom {
  margin-bottom: 0;
  font-size: 0.9rem;
  font-family: "CS PraKasFD bold";
  line-height: 1.2rem;
}
.nodata {
  font-family: "CS PraKasFD bold";
  color: #ccc;
}
.title-room {
  font-size: 1rem;
  font-family: "CS PraKasFD bold";
  color: #4b4b4b;
}
.breadcrumb-item::before {
  content: "";
}
.new_banner-text {
  font-size: 2rem;
  font-family: "Sanford";
  font-weight: 500;
  color: #1e9a95;
  margin-top: 1rem;
}
/* New Dropdown*/
.select-menu {
  width: 150px;
}
nav .select-menu {
  position: absolute;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  padding: 0 0;
  margin: 0 0;
  top: 2px;
  /* left: 15px; */
  right: 20px;
}
/* New Dropdown */
.select-menu .select-btn {
  margin-top: 13px;
  display: flex;
  height: 55px;
  background: #fff;
  padding: 20px;
  font-size: 18px;
  font-weight: 400;
  border-radius: 50px;
  align-items: center;
  cursor: pointer;
  justify-content: space-between;
  /* box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); */
  border: 2px solid #037968;
  color: #037968;
}

.select-btn i {
  font-size: 25px;
  transition: 0.3s;
}

.select-menu.active .select-btn i{
  transform: rotate(-180deg);
}

.select-menu .options{
  position: relative;
  padding: 20px;
  margin-top: 10px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  display: none;
}

.select-menu.active .options{
  display: block;
  z-index: 1000;
}

.options .option {
  display: flex;
  height: 55px;
  cursor: pointer;
  padding: 0 16px;
  border-radius: 8px;
  align-items: center;
  background: #fff;
  z-index: 1001;
}

.options .option:hover {
  background: #F2F2F2;
}

.option i{
  font-size: 25px;
  margin-right: 12px;
}

.option .option-text {
  font-size: 18px;
  color: #037968;
}
.title-room img {
  width: 10px;
  height: 10px;
  margin-right: 5px;
}
.title-room-name {
  font-size: 0.9rem;
  font-family: "CS PraKasFD bold";
  color: #4b4b4b;
  margin-bottom: 0;
}
.room-price {
  font-size: 0.9rem;
  font-family: "CS PraKasFD bold";
  color: #bda168;
  margin-bottom: 0.3rem;
}
.div-social {
  width: 100%;
  display: flex;
}
.icon-social {
  width: 20%;
  padding: 5px;
}

fieldset,
label {
  margin: 0;
  padding: 0;
}

/****** Style Star Rating Widget *****/

.rating {
  border: none;
}

.rating > input {
  display: none;
}
.rating > label:before {
  margin: 5px;
  /* font-size: 3.5rem; */
  font-size: 4.5rem;
  line-height: 3.2rem;
  font-family: FontAwesome;
  display: inline-block;
  /* content: "\f005"; */
  content: "\2B51";
}

.rating > .half:before {
  content: "\f089";
  position: absolute;
}

.rating > label {
  color: #cac9c9;
  float: right;
  width: 20%;
  text-align: center;
}

.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label {
  /* color: #bfa368; */
  color: #00A59C;
} /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label {
  /* color: #bfa368; */
  color: #00A59C;
}

/* swal alert */

.swal-icon--success__line {
  background-color: #00A59C !important;
}

.swal-icon--success__ring {
  border-color: #00A59C !important;
}

.btn-new-smtv {
  color: #ffff;
  font-size: 0.9rem;
  padding: 0.5rem;
  padding-left: 2.8rem;
  padding-right: 2.8rem;
  border-radius: 5px;
  background-color: #00A59C;
  text-transform: none;
}
/* END */
.navbar {
  justify-content: center !important; 
}

@media (max-width: 500px) {
  .smtv-input-login {
    width: 280px;
  }
  .modal-update-ipo {
    max-width: 90%;
    width: 90%;
  }
}
@media (max-width: 768px) {
}

@media (max-width: 1024px) {
}
@media (min-width: 1025px) {
}

/*Layout*/
/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
}

/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
}

/* Medium devices (tablets, less than 992px)*/
/* @media (max-width: 991px0.98) {
} */

/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
}