@font-face {

  font-family: 'Sarabun';
  src: url('../font/Sarabun/Sarabun-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;

}

body,p,div,li,a{
  font-family: Sarabun!important;
}

h1,h2,h3,h4,h5,h6{
  font-family: Sarabun!important;
}

label.error{
  color:red;
}

.sh-heading h2{
  font-size: 24px;
}

.nav-menu li:hover > a, .nav-menu > .menu-active > a{
  color: #b41e1e!important;
}
.nav-menu li:hover > a, .nav-menu > .menu-active > a {
  color: #b41e1e!important;
}

.nav-menu a{
  font-size: 14px;
}

.content_ck img{
  width: 100%!important;
}
.txt-detail img{
    width: 100%;
}


.bg-11{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2b3e4f+0,202932+100 */
  background: #2b3e4f; /* Old browsers */
  background: -moz-linear-gradient(top, #2b3e4f 0%, #202932 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #2b3e4f 0%,#202932 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #2b3e4f 0%,#202932 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b3e4f', endColorstr='#202932',GradientType=0 ); /* IE6-9 */
}

.color-w{
  color: #fff;
}

.img-100 img{
  width: 100%;
}

.timeline .timeline-content span,.timeline .timeline-content p{
  color: black!important;
}

.site-banner__txt h1{
  font-size: 50px;
}
.site-banner__txt p{
  font-size: 25px;
} 
.font-size-20 p{
  font-size: 20px!important;
} 
.font-size-25 p{
  font-size: 25px!important;
}

.h2-title{
  font-size: -webkit-xxx-large!important;
  font-weight: bold;
}

.box-shadowx {
  border-right: 1px solid #eaeaea;
}

.box-shadow3{
  box-shadow: 0px 7px 25px 1px rgba(0,0,0,0.08);
  overflow: hidden;
  background-color: #dadada;
  padding: 5px;
}

.sh-side-options-divider {
  width: 25%;
  margin: 15px 0px;
  border-bottom: 2px solid black;
}

a:hover{
  text-decoration:none;
}

.img-w-100{
  width: 100%;
}

.txt-color-w{
  color: white;
}

.overflow_hidden{
  overflow: hidden;
}

.txt-left{
  text-align: left;
}
.txt-center{
  text-align: center;
}
.txt-right{
  text-align: right;
}

.head .text-wrapper {
  position: absolute;
  position: relative;
  top: 0;
  /* left: 35%; */
  /* width: 400px; */
  /* height: 200px; */
  /* margin-left: -200px; */
  margin-top: 20%;
}

.head h2 {
  margin: 0;
  text-align: center;
  color: white;
  /*font-family: arial;*/
  font-size: 50px;
}

.social.facebook i{
  color: #3B5998;
}
.social.youtube i{
  color: #bb0000;
}
.social.twitter i{
  color: #55ACEE;
}
.social.google-plus i{
  color: #dd4b39;
}
.social.instagram i{
  color: #125688;
}

.fix_custom input[type="text"],
.fix_custom input[type="email"],
.fix_custom input[type="tel"],
.fix_custom input[type="number"],
.fix_custom input[type="password"],
.fix_custom input[type="url"],
.fix_custom input[type="radio"],
.fix_custom input[type="checkbox"],
.fix_custom textarea,
.fix_custom select {
  background: #fff none repeat scroll 0 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0 !important;
  color: #333;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  outline: medium none;
  padding: 10px;
  transition: all 0.2s cubic-bezier(0, 0, 0.58, 1) 0s;
  max-width: 100%;
  width: 100%;
}

.fix_custom button,
.fix_custom input,
.fix_custom optgroup,
.fix_custom select,
.fix_custom textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
.fix_custom button {
  overflow: visible;
}
.fix_custom button,
.fix_custom select {
  text-transform: none;
}
.fix_custom button,
.fix_custom input[type="button"],
.fix_custom input[type="reset"],
.fix_custom input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
.fix_custom button[disabled],
.fix_custom input[disabled] {
  cursor: default;
}
.fix_custom button::-moz-focus-inner,
.fix_custom input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.fix_custom input {
  line-height: normal;
}
.fix_custom input[type="checkbox"],
.fix_custom input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
.fix_custom input[type="number"]::-webkit-inner-spin-button,
.fix_custom input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
.fix_custom input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.fix_custom input[type="search"]::-webkit-search-cancel-button,
.fix_custom input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

.bg-dark {
  background: #373f48;
}
