@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Kanit&subset=thai');
@import url(http://fonts.googleapis.com/css?family=Raleway:800,700,400);
@import url(http://fonts.googleapis.com/css?family=Signika:400,600);
@import "font-awesome-sprockets";
@import "font-awesome";
body {
	background: #fff;
	font-family: 'Kanit', sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #282830;
	margin: 0;
}

a,
a:hover,
a:active {
	color: #000;
}

b {}

.header-top-section {
	color: #fff;
	background: #00B671;
	height: 40px;
	border-bottom: 5px solid #26A65B;
}

.contact-header {
	padding-top: 7px;
	list-style-type: none;
}

.contact-header li {
	display: inline;
}

.contact-right {
	text-align: right;
}

.contact-header li i {
	padding-right: 5px;
	padding-left: 5px;
	font-size: 20px;
}

#top-bar {
	background: #fff;
	-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
	border-bottom: 3px solid #26A65B;
}

#top-bar {
	width: 100%;
}

.navbar-right ul li a {
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	padding-top: 20px;
}

.navbar-right ul {}

.navbar-right ul li a:hover,
.navbar-right ul li a:focus {
	font-weight: bold;
}

.nav>li>a:hover,
.nav>li>a:focus {
	color: #17B090;
	text-shadow: 0 0 3px 5px rgba(108, 122, 137, 0.1);
	line-height: 17px;
	background: transparent;
	-webkit-transition: .3s all;
	-o-transition: .3s all;
	transition: .3s all;
}

.navbar-toggle {
	padding: 15px;
}

.active {
	color: #fff;
	border-radius: 5px;
	-webkit-transition: .3s all;
	-o-transition: .3s all;
	transition: .3s all;
}

.navbar-toggle {
	color: #3F3F3F;
	background: #3F3F3F;
}

.icon-bar {
	background-color: #fff;
}

.logo {
	text-align: center;
}

.title-logo {
	color: #00D717;
}

.caption {
	color: #fff;
	font-size: 25px;
}

.is-visible {
	color: #fff;
}

.btn-lines {
	margin-top: 15px;
	border-color: #A0F601;
	color: #27AE60;
	background: #fff;
}

.btn-lines:hover {
	color: #000;
	background: #A0F601;
}

#banner-area {
	background: url(/img/background1.jpg) no-repeat center fixed;
	background-size: cover;
	background-color: #6fdbe3;
	padding: 10px;
}

.overlaybox {
	background: rgba(0, 0, 0, .5);
	color: #FFF !important;
	border-radius: 10px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
	border-bottom: 5px solid #000000;
	border-left: 5px solid #000000;
	padding: 10px;
}

#carousel-generic {
	width: 100%;
	padding: 20px;
}

.text-center {
	padding-top: 20px;
}

.title-Certificate {
	font-size: 25px;
	font-weight: bold;
	color: #000;
}

.title-Certificate i {
	color: #FEC606;
	padding-right: 10px;
}

#Certificate {
	background: #ffffff;
	padding-top: 25px;
	padding-bottom: 20px;
}

.borderLeft1 {
	background: #fff;
	border-radius: 5px;
}

.borderLeft1:hover {
	background: #EBBD63;
	-webkit-transition: .3s all;
	-o-transition: .3s all;
	transition: .3s all;
}

.borderLeft2 {
	background: #fff;
	border-radius: 5px;
}

.borderLeft2:hover {
	background: #EBBD63;
	-webkit-transition: .3s all;
	-o-transition: .3s all;
	transition: .3s all;
}

.borderLeft3 {
	background: #fff;
	border-radius: 5px;
}

.borderLeft3:hover {
	background: #EBBD63;
	-webkit-transition: .3s all;
	-o-transition: .3s all;
	transition: .3s all;
}

#about {
	background: url(/img/.jpg) repeat center fixed;
	padding-top: 30px;
	padding-bottom: 50px;
}

.title-content1 {
	padding-bottom: 30px;
	text-align: center;
}

.text-content1 {
	padding: 10px;
	background: #dedede;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
}

.img-content1 {
	text-align: center;
	padding: 20px;
}

#team {
	background: #555555;
	color: #fff;
	padding-bottom: 15px;
}

.people-area {
	padding-top: 15px;
}

.people-avatar {
	padding-top: 10px;
	text-align: center;
}

#owl-demo .item {
	margin: 3px;
}

#owl-demo .item img {
	display: block;
	width: 100%;
	height: auto;
}
.Gellery{
    padding: 20px;
}
.img-c{
    padding-top: 30px;
    text-align: center;
    padding-bottom: 50px;
    
}
#ContactUs{
    padding-bottom: 20px;
}
#aboutUs{
    padding: 20px;
}

footer{
    bottom: inherit;
    padding: 20px;
    text-align: center;
    background: #333333;
    color: #fff;
}
footer a {
    color: #199EC7;
}