@import url('https://fonts.googleapis.com/css?family=Mitr');
@font-face {
  font-family: 'Mitr', sans-serif;
}
@font-face {
  font-family: "ThaiSansNeue";
  src: url("../thaisansneue/ThaiSansNeue-Regular.eot");
  src: url("../thaisansneue/ThaiSansNeue-Regular.eot?#iefix") format("embedded-opentype"), 
  url("../thaisansneue/ThaiSansNeue-Regular.woff") format("woff"), 
  url("../thaisansneue/ThaiSansNeue-Regular.ttf") format("truetype"), 
  url("../thaisansneue/ThaiSansNeue-Regular.svg") format("svg");
}

body {
  position: relative; /* For scrollyspy */
  /*font-family: 'Lato', sans-serif !important;*/
  font-family: 'Mitr', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  /*font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; */
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  /*font-family: 'Lato', sans-serif !important;*/
  /*font-family: 'ThaiSansNeue','Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;*/
  font-family: 'Mitr','Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}
/* ----------------------------------
 * home
 * ---------------------------------- */
.home {
    background:  no-repeat 50% 100px;
}
@media (max-width: 767px) {
    .home {
        background: no-repeat 50% 100px;
    }
}
/* ----------------------------------
 * navbar
 * ---------------------------------- */
@media (max-width: 992px) {
  .navbar-custom .navbar-brand {
    width: 63px;
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  .navbar-custom {
    position:fixed;
    top: 0;
  }
  .navbar-custom .navbar-nav > li > a:hover,
  .navbar-custom .navbar-nav > li > a:focus {
    color:#fff;
    background-color: #50c1e9;
  }
}
/* ----------------------------------
 * index
 * ---------------------------------- */
 .index {
    text-align: center;
    background-color: rgba(255, 255, 255, .7);
	min-height: 100px;
}
.index h2 {
    margin-top: 10px;
    color: rgba(0, 0, 0, .8);
    font-size: 24px;
    line-height: 26px;
    font-weight: normal;
	font-style: normal;
}
.index h3 { 
	color:#006600;
    margin-top: 18px;
    font-size: 20px;
    font-style: normal;
}
.index h4 { 
	color:#CC0000;
    margin-top: 20px;
    font-size: 18px;
	font-style:normal;
}
.index h5 { 
	color:#333333;
    margin-top: 20px;
    font-size: 18px;
	line-height: 25px;
	font-style:normal;
}
.thai-16{
 font-size: 16px;
 font-weight: normal;
}
.thai-18{
 font-size: 18px;
 font-weight: normal;
}
.thai-20{
 font-size: 20px;
 font-weight: normal;
}
.thai-30{
 font-size: 30px;
 font-weight: normal;
}
/* --time line----
----------------- */
.events-body h4{
	font-size: 20px;
}
.events-body p{
	font-size: 16px;
}
.colorgary{ background:#f5f5f5; }
.even1{ border-radius: 5px; color:#fff; background:#4A89DC; }
.even2{ border-radius: 5px; color:#fff; background:#8CC152; }
.even3{ border-radius: 5px; color:#fff; background:#E9573F; }
.even4{ border-radius: 5px; color:#fff; background:#37BC9B; }
.even5{ border-radius: 5px; color:#fff; background:#F6BB42; }