@import 'https://fonts.googleapis.com/css?family=Athiti:300,400,500|Prompt:300,400,500|Taviraj:300,400,500';

@charset "UTF-8";
/* CSS Document */

html,body{margin:0; padding:0; font-family: 'Prompt', sans-serif; font-weight:300; font-size:16px; color:#333; outline:none; height:100%; min-height:100%;}
.athitifont{font-family:'Athiti', sans-serif;}
.Taviraj{font-family:'Taviraj', sans-serif;}
h1{font-size:36px; margin:0 0 15px 0; padding:0; font-weight:500; font-family:'Prompt', sans-serif; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);}
h2{font-size:32px; margin:0 0 15px 0; padding:0; font-weight:500; color:#0880d3; font-family:'Prompt', sans-serif; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);}
h3{font-size:24px; margin:0 0 10px 0; padding:0; font-weight:400; font-family:'Prompt', sans-serif;}
h4{font-size:18px; margin:0 0 5px 0; padding:0; font-weight:400; font-family:'Prompt', sans-serif;}
.font10{font-size:10px;}
.font11{font-size:11px;}
.font12{font-size:12px;}
.font14{font-size:14px;}
.font16{font-size:16px;}
.colorwh{color:#FFF;}
.aligncenter{text-align:center;}
.alignleft{text-align:left;}
.alignright{text-align:right;}
img{width:auto; max-width:100%;}
.row{width:100%; float:left;}
.h40{padding:40px 0;}
.h60{padding:60px 0;}
.h80{padding:80px 0;}
.h100{padding:100px 0;}
a{color:#06F;text-decoration:none;outline:none; outline:none;}
a:hover{text-decoration:underline;}
.transition2s{-o-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.container{width:1170px; margin:0 auto; padding:0;}
@media screen and (max-width:667px){.container{width:98%; padding:0 1%;}}
@media screen and (min-width:668px){.container{width:98%; padding:0 1%;}}
@media screen and (min-width:980px){.container{width:960px}}
@media screen and (min-width:1200px){.container{width:1170px}}
@media screen and (min-width:1200px){.flexslider .wraperfloat .container{width:98%}}
.halfcontent{width:48%; padding:0 1%; float:left;}
.blacklink{color:#000;}
.linetb20{width:100%; margin:10px 0; height:1px; background:#CCC;}
.linetb40{width:100%; margin:20px 0; height:1px; background:#CCC;}
.linetb60{width:100%; margin:30px 0; height:1px; background:#CCC;}
.linetb80{width:100%; margin:40px 0; height:1px; background:#CCC;}
iframe, object, embed {max-width: 100%;}
.bg_gray{background:#e9f1f6;}
.bg_white{background:#ffffff;}
.bg_darkblue{background:#0d8edf;}
.bg-img-blue-01{background:url(../images/bg_blue_01.jpg) center no-repeat; background-size:cover;}
.bg-img-blueviolet{background:url(../images/bg_blueviolet.jpg) center no-repeat; background-size:cover;}
.table{display:table;}
.table-row{display:table-row;}
.clr{clear: both;}
.readmore{font-family:'Athiti', sans-serif; font-size:22px; display:table; padding:6px 30px; background:#FFF; color:#222; border:#CCC solid 1px; margin:30px auto 0 auto; -o-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.readmore:hover{background:#1683e8; color:#FFF; text-decoration:none;}
.easyhtml5video {margin:0 auto; display:block; position:relative;}
.skip{font-family:'Athiti', sans-serif; font-size:12px; font-weight: bold; display:table; padding:2px 29px; background:#FFF; color:#222; border:#CCC solid 1px; margin:30px auto 0 auto; -o-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; position:absolute; right:5px; top:-25px; z-index:9999;}
.skip:hover{background:#1683e8; color:#FFF; text-decoration:none;}
.skip2{font-family:'Athiti', sans-serif; font-size:12px; font-weight: bold; padding:2px 29px; background:#FFF; color:#222; border:#CCC solid 1px; margin:30px auto 0 auto;}
.skip2:hover{background:#1683e8; color:#FFF; text-decoration:none;}

header{width:100%; height:80px; float:left; position:fixed; z-index:99; padding:10px 0 10px 0; margin:0; background:#FFF; -webkit-box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.30);-moz-box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.30);box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.30);}
header .logo{float:left; width:165px; height:80px; display:block; outline:none;}
header .logo img{border:none; width:100%;}
header nav ul{font-size:14px; float:right; margin:40px 0 0 0; padding:0; list-style:none;  -o-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
header nav ul li{margin:0 0 0 5px; padding:0; float:left;}
header nav ul li a{display:block; text-decoration:none; color:#000; padding:5px 15px; margin:0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;-pie-border-radius: 4px; float:left; -o-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
header nav ul li a:hover{color:#FFFFFF; background:#0d8edf; text-decoration:none;}

header nav ul li.lang{border-left:#DDD solid 1px; padding:5px 0 0 20px; font-size:12px; text-transform:uppercase;}
header nav ul li.lang a{padding:0; background:none; color:#444;}
header nav ul li.lang ul{margin:16px 0 0 -10px; padding:0; position:absolute; display:none; font-size:12px; background:#FFF;}
header nav ul li.lang:hover ul{display:block;}
header nav ul li.lang:hover ul li{padding:15px 10px 5px 10px; margin:0;}
header nav ul li.lang:hover ul li a{padding:0; background:none;}

header nav ul li .subnav{margin:0; top:52px; padding:50px 10px 10px 10px; display:none; list-style:none; border-bottom:#CCCCCC solid 1px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; position:absolute; z-index:2; float:left; background:#FFFFFF;}
header nav ul li:hover .subnav{display:block;}
header nav ul li:hover .subnav li{padding:0; margin:0; clear:both;}
header nav ul li:hover .subnav li a{font-size:14px; padding:5px 10px;}
header nav ul li:hover .subnav li a:hover{background:#0d8edf; color:#FFF;}
header nav ul li a.hilight{display:block; text-decoration:none; color:#FFFFFF; background:#0d8edf; padding:6px 15px; margin:0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; float:left; -o-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; position:relative; z-index:3;}

header .mobilenav{display:none;}
header .navmenu{display:none;}

.navstick {position:fixed; height:40px;}
.navstick .logo{float:left; width:82px; height:40px; outline:none; margin:0; padding:0; border:none;}
.navstick nav ul{margin:5px 0 0 0; font-size:14px;}

.underhead{width:100%; clear:both; float:left; height:100px; background:#fedd59;}

@media screen and (max-width:940px){header nav ul li{margin:0 0 0 2px;} header nav ul li a{padding:5px 10px;} header nav ul li.lang{border-left:#DDD solid 1px; padding:5px 0 0 12px;}}

.slidecontainer{width:100%; float:left; padding:0; display:block;}
.wraperfloat{width:90%; position:absolute; z-index:40; padding:10% 0 0 0; margin:0 0 0 5%;}
.wraperfloat h1{font-size: 4.2vw; color:#FFF; font-weight:300; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.55); margin:0 0 10px 0;}
.wraperfloat h2{font-size: 2.8vw; color:#FFF; font-weight:300; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.55);}

.half-l{width:49%; float:left; padding:0 1% 0 0;}
.half-r{width:49%; float:left; padding:0 0 0 1%;}
.listserviecs{background-color:#ffffff; width:70%; margin:0 15%; padding:3% 3% 3% 7%; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.45); box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.45);}

.listcalendar{width:48%; margin:1%; background:#FFF; float:left;}
.date-calendar{padding:2%; width:20%; margin:0; float:left; background:#178cde; color:#FFF; text-align:center; line-height:140%;}
.date-calendar .day{font-size: 28px; line-height:150%;}
.date-calendar .m{font-size: 26px}
.date-calendar .y{font-size: 22px}
.img-calendar{padding:0; width:35%; margin:0; float:left; display:block; overflow:hidden;}
.img-calendar img{transform:scale(1); width:auto; height:100%; border:none;}
.des-calendar{padding:2%; width:37%; float:left;}

.box-showcase{width:45%; border:1px solid #DDD; margin:1%; float:left; display:block; position:relative; padding-bottom:60px; overflow:hidden;-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.45);
-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.45);
box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.45);}
.box-showcase img{width:100%; margin:0; -o-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; z-index:1;}
.box-showcase:hover{-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75); text-decoration:none; border:1px solid #999;
-moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 0.75);
box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 0.75);}
.box-showcase:hover img{transform:scale(1.05); position:relative;}
.box-showcase .des{width:96%; padding:2%; position:relative; z-index:2; background:#FFF; height: 60px; overflow-y: hidden;}
.box-showcase .des a{color:#000;} .box-showcase .des a:hover{text-decoration:none; color:#444;}
.box-showcase .readmore{width:96%; padding:2%; background:#147fe3; color:#FFF; text-decoration:none; text-align:center; display:table; position:absolute; bottom:0;}
.box-showcase .readmore:hover{background:#1f90f9;}

.anchor{clear:both; float:left; font-size:0px;}
.cd-top {
  display: inline-block;
  height: 30px;
  width: 30px;
  position: fixed;
  bottom: 60px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(13, 128, 209, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #0d80d1;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 40px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 45px;
    width: 45px;
    right: 30px;
    bottom: 60px;
  }
}

footer{color:#F4F4F4; float:left; padding:40px 0; background:#444; width:100%; font-size:14px;}
footer a{color:#F4F4F4;}
footer .socialshare img{height:34px; border:none;}

@media only screen and (max-width: 768px) {
.listcalendar .date-calendar{padding:2% 0; width:50%;}
.listcalendar .img-calendar{padding:0; width:50%;}
.listcalendar .img-calendar img{width:100%;}
.listcalendar .des-calendar{width:96%; clear:both; float:left;}
.date-calendar .day{font-size: 30px; line-height:100%;}
.date-calendar .m{font-size: 26px; line-height:100%;}
.date-calendar .y{font-size: 22px}
}

@media only screen and (max-width: 860px) {
	.h100{padding:60px 0;}
	h1{font-size:30px;}
	h2{font-size:28px;}
	h3{font-size:22px; margin:0 0 5px 0;}
	h4{font-size:18px;}
	header{height:auto;}
	.underhead{height:65px;}
	header .logo{width:100px; height:49px;}
	header nav ul{display:none;}
	header .mobilenav{background:url(../images/icon_menu.png) no-repeat; background-size:30px 22px; width:30px; height:22px; margin:15px 15px 0 0; cursor:pointer; display:block; float:right;}
	header .navmenu{width:100%;margin:0;padding:5px 0 0 0;list-style:none;float:left;display:none; font-size:14px; z-index:999; background:#FFF;}
	header .navmenu li{margin:0;padding:0;cursor:pointer; float:left; width:100%; clear:both;}
	header .navmenu li a{color:#666666; display:block; text-decoration:none; text-transform:uppercase; padding:7px 1%; width:98%; border-top:#DDD solid 1px;}
	header .navmenu li a:hover{color:#0276C7; text-decoration:none;}
	.wraperfloat{width:90%; position:absolute; z-index:40; padding:8% 0 0 0; margin:0 0 0 5%;}
	.half-l{width:98%; padding:0 1% 12% 1%;} .half-r{width:98%; padding:0 1%;}
	.listserviecs{width:85%; margin:0 1%; padding:3% 3% 3% 10%;}
	.listcalendar{width:98%; margin:2% 1%; background:#FFF; float:left;}
	.date-calendar .day{font-size: 20px; line-height:130%;}
	.date-calendar .m{font-size: 18px;}
	.date-calendar .y{font-size: 16px;}
	.box-showcase{width:98%; margin:2% 1%;}
	.alignright{text-align:left;}
}

header nav ul li.lang img{
  vertical-align: middle;
}

header .navmenu li.lang img{
  vertical-align: middle;
}

.bg-blue-01{
  background-color: #4ebee6;
}

.container-landing{
  min-height: 500px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.hide{
  display: none;
}

.section-landing{
  background-color: #fedd59;
}