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

/******************************

[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
	3.1 Top Bar
	3.2 Header Content
	3.3 Logo
	3.4 Main Nav
	3.5 Hamburger
4. Menu
5. Section
6. Home
7. Features
8. Courses
9. Counter
10. Events
11. Team
12. News
13. Newsletter
14. Footer
15. Say Hello
16. How can we help
17. NEWS AND EVENTS
18. POLL
19. FORMGENERATOR
20. Calendar
21. FAQ
22. Print
23. edit-bootstrap
24. 404
25. Content-about
26. Out Service
27. how we can
******************************/

/***********
1. Fonts
***********/
/*@import url('https://fonts.googleapis.com/css?family=4:300,400,500,700,900');

@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700|Roboto:300,400,500,700,900');

@font-face {
	font-family: 'supermarket';
	src: url('fonts/supermarket.eot');
	src: local('☺'), url('fonts/supermarket.woff') format('woff'), url('fonts/supermarket.ttf') format('truetype'), url('fonts/supermarket.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'PT_Sans-Regular';
	src: url('fonts/PT_Sans-Web-Regular.eot');
	src: local('☺'), url('fonts/PT_Sans-Web-Regular.woff') format('woff'), url('fonts/PT_Sans-Web-Regular.ttf') format('truetype'), url('fonts/PT_Sans-Web-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


.font_PT_Sans{
	font-family: 'PT_Sans-Regular';
}

*/

.font-active{
    border: 1px solid #ccc;
    padding: 1px 2px 1px 2px;

}
.font-s{
    /*font-size: 12px !important;
    padding: 1px 10px 1px 10px;
    border: 1px solid #ccc;*/

}
.font-m{
    /*font-size: 14px !important;
    padding: 1px 10px 1px 10px;
    border: 1px solid #ccc;*/

}
.font-l{
    /*font-size: 18px !important;
    padding: 1px 10px 1px 10px;
    border: 1px solid #ccc;*/

}
.font-s-em{
	font-size: 0.1em;
}
.border-top{
	padding: 0px 10px 0px 10px;
    border: 1px solid #ccc;
}

.bg-normal {
    font-size: 14px;
    color: inherit;
    background: transparent;
    padding: 1px 10px 1px 10px;
    border: 1px solid #ccc;
}
.bg-dark-white a{
    font-size: 14px;
    color: #FFFFFF;
    background: #000000;
    padding: 1px 10px 1px 10px;
}

.bg-dark-yallow a{
    font-size: 14px;
    color: #FFFF00;
    background: #000000;
    padding: 1px 10px 1px 10px;

}
.color-yellow-boi{
	color: #fbb402;
}
.color-red-boi{
	color: #9C2521;
}




/*********************************
2. Body and some general stuff
*********************************/

*
{
	/*margin: 0;
	padding: 0;*/
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
/*
body
{
	font-family: 'PT Sans', sans-serif;
	font-size: 18px;
	font-weight: 400;
	background: #FFFFFF;
	color: #000000; สีเดิม #a5a5a5
}*/
div
{
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul
{
	/*list-style: none;*/
	margin-bottom: 0px;
}
ol{
	/*padding-left: 20px;*/
}
p
{

	/*font-size: 16px;*/
	line-height: 1.85;
	font-weight: 400;
	color: #000000;  /*สีเดิม #76777a*/
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a
{
	display: inline;
	position: relative;
	color: inherit;
	border-bottom: solid 1px #00A2E6; /*สีเดิม #ffa07f*/
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
p:last-of-type
{
	margin-bottom: 0;
}
a, a:hover, a:visited, a:active, a:link
{
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a:active
{
	position: relative;
	color: #FF6347;
}
p a:hover
{
	color: #000000;
	background: #00A2E6; /*สีเดิม #ffa07f*/
}
p a:hover::after
{
	opacity: 0.2;
}
::selection
{

}
p::selection
{

}
h1{font-size: 48px;}
h2{font-size: 36px;}
h3{font-size: 24px;}
h4{font-size: 18px;}
h5{}
h1, h2, h3, h4, h5, h6
{

	font-weight: 700;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
	color: #384158;
	margin-bottom: 0;
}
h1::selection,
h2::selection,
h3::selection,
h4::selection,
h5::selection,
h6::selection
{

}

.font-08em{
	font-size: 0.8em;
}

.font_th{
	font-family: 'supermarket',sans-serif;
}
.form-control
{
	/*color: #db5246;*/
	color: inherit;
}
section
{
	display: block;
	position: relative;
	box-sizing: border-box;
}
.clear
{
	clear: both;
}
.clearfix::before, .clearfix::after
{
	content: "";
	display: table;
}
.clearfix::after
{
	clear: both;
}
.clearfix
{
	zoom: 1;
}
.float_left
{
	float: left;
}
.float_right
{
	float: right;
}
.float_lg-r_sm-l{
	float: right;
}
.block_sm-none-lg{
	display:none;
}
.block_lg-none-sm{
	display:block;
}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	.float_lg-r_sm-l{
		float: left;
	}
	.block_sm-none-lg{
		display:-webkit-inline-box;
	}
	.block_lg-none-sm{
		display:none;
	}
}

.trans_200
{
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.trans_300
{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.trans_400
{
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.trans_500
{
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.fill_height
{
	height: 100%;
}
.super_container
{
	width: 100%;
	overflow: hidden;
}
.prlx_parent
{
	overflow: hidden;
}
.prlx
{
	height: 130% !important;
}
.parallax-window
{
    min-height: 400px;
    background: transparent;
}
.nopadding
{
	padding: 0px !important;
}
.bg_group_sub_page{
	background-color:#ffe9c0; /*สีเดิม #f5f5f5 #fff1de #da9d2b*/
}

/*********************************
8. Sidebar
*********************************/

.sidebar
{
	width: 100%;
	/*padding-left: 40px;*/
}
.sidebar_section:not(:last-child)
{
	margin-bottom: 60px;
}
.sidebar_section_title
{

	font-size: 24px;
	font-weight: 700;
	color: #384158;
	line-height: 0.75;
}
.sidebar_categories
{
	/*margin-top: 16px;*/
}
.sidebar_categories ul li
{
	position: relative;
	width: 100%;
	/*height: 51px;*/
}
/*
.sidebar_categories ul li:not(:last-of-type)
{
	border-bottom: solid 1px #e5e5e5;
    padding: 10px;
}
*/

.sidebar_categories ul li
{

	border-bottom: solid 1px #FFFFFF; /*สีเดิม #e5e5e5 f5dcbb*/
    padding: 10px;

}

.sidebar_categories ul li a
{
	display: block;
	position: relative;

    font-weight: 600;
	color: #000000;  /*สีเดิม #76777a*/
	/*line-height: 51px;*/
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	padding-left: 10px;
}
.sidebar_categories ul li a::before
{
	display: inline-block;
	position: relative;
	font-family: 'FontAwesome';
	/*content: '\f101';*/
	margin-right: 4px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.sidebar_categories ul li:hover a,
.sidebar_categories ul li:hover a::before
{

}
.sidebar_latest
{
	margin-top: 31px;
}
.latest:not(:last-child)
{
	margin-bottom: 20px;
}
.latest_image div
{
	width: 90px;
	height: 74px;
	border-radius: 3px;
	overflow: hidden;
}
.latest_image div img
{
	max-width: 100%;
}
.latest_content
{
	padding-left: 21px;
	margin-top: -4px;
}
.latest_title a
{

	font-size: 14px;
	font-weight: 300;
	color: #383749;
	line-height: 1.625;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.latest_title a:hover
{
	color: #14bdee;
}
.latest_price
{
	font-family: 'Roboto Slab', serif;
	font-size: 14px;
	font-weight: 700;
	color: #14bdee;
	line-height: 0.75;
	margin-top: 16px;
}
.sidebar_gallery
{
	margin-top: 34px;
}
.gallery_item
{
	position: relative;
	width: calc((100% - 36px) / 3);
	margin-bottom: 18px;
	cursor: pointer;
}
.gallery_item img
{
	width: 100%;
}
.gallery_item_overlay
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(20,189,238,0.7);
	opacity: 0;
	pointer-events: none;
	font-size: 33px;
	font-weight: 300;
	color: #FFFFFF;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.gallery_item:hover .gallery_item_overlay
{
	opacity: 1;
}
.colorbox
{
	outline: none;
}
.sidebar_tags
{
	margin-top: 20px;
}
ul.tags_list{
	padding-left: 0px;
}
.tags_list li
{
	display: inline-block;
	padding-left: 19px;
	padding-right: 18px;
	background: #f2f4f5;
	border-radius: 3px;
	margin-bottom: 10px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.tags_list li:not(:last-child)
{
	margin-right: 5px;
}
.tags_list li:hover
{
	background: #91A7D0; /*#14bdee*/
}
.tags_list li:hover a
{
	color: #FFFFFF;
}
.tags_list li a
{
	display: block;
	font-size: 12px;
	color: #76777a;
	text-transform: uppercase;
	line-height: 30px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.sidebar_banner
{
	width: 100%;
	height: 213px;
}
.sidebar_banner_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.sidebar_banner_overlay
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #14bdee;
	opacity: 0.7;
}
.banner_title
{
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
	font-weight: 700;
	color: #FFFFFF;
	line-height: 0.75;
}
.banner_button
{
	width: 200px;
	height: 46px;
	background: #FFFFFF;
	border-radius: 3px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.banner_button a
{
	display: block;
	color: #14bdee;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.1em;
	margin-left: -0.1em;
	text-transform: uppercase;
	line-height: 46px;
	margin-top: 21px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.banner_button:hover
{
	background: #14bdee;
}
.banner_button:hover a
{
	color: #FFFFFF;
}

/*********************************
3. Header
*********************************/

.header
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	box-shadow: 0px 5px 20px rgba(0,0,0,0.05);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.header.scrolled
{
	top: -10px;
}

/*********************************
3.1 Top Bar
*********************************/

.top_bar
{
	width: 100%;
	background: #FFFFFF;
}
.header.scrolled .top_bar
{

}
.top_bar_container
{
	width: 100%;
	height: 100%;
    border-bottom: 1px solid #eeeeee;
}
.top_bar_content
{
	width: 100%;
	height: 40px;
}
.top_bar_contact_list li
{
	display: inline-block;
}
.question
{

	font-size: 14px;
	color: #222;
	margin-left: 0px;
}
.top_bar_contact_list li i,
.top_bar_contact_list li > div
{
	font-size:14px;
	display: inline-block;
	color: #222;
}
.top_bar_contact_list li > div
{
	margin-left: 1px;
}
.top_bar_contact_list li:not(:last-child)
{
	margin-right: 21px;
}
.top_bar_login
{
	height: 100%;
}
.login_button
{
	/*width: 160px;*/
	height: 100%;
	/*background: #f3f3f3;*/
	text-align: center;
}
.login_button a
{
	display: block;
	font-size: 14px;
	font-weight: 500;
	line-height: 40px;
	color: #384158;
}
.login_button a.active{
	background-color: #91a7d0;
    color: #fff;
    padding: 0px 6px;
}
.a-yellow{
	color:#FFFF00 !important;
}
.a-white{
	color:#FFFFFF !important;
}

/*********************************
3.2 Header Content
*********************************/

.header_container
{
	width: 100%;
	background: #FFFFFF;

}
.header_content
{
	height: 90px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.header.scrolled .header_content
{
	height: 80px;
}

/*********************************
3.3 Logo
*********************************/

.logo,
.logo_text
{
	display: inline-block;
}
.logo
{
	width: 60px;
	height: 60px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.logo img
{
	max-width: 100%;
}
.logo_text
{
    font-size: 50px;
    font-weight: 700;
    line-height: 0.75;
    color: #ffd200;
	vertical-align: middle;
	margin-left: 7px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	display: flex;
}
.logo_text span
{
	color: #0a2380;
}
.header.scrolled .logo
{
	width: 40px;
	height: 40px;
}
.header.scrolled .logo_text
{
	font-size: 30px;
}
.header.scrolled .font-boi
{
	font-size: 30px;
}
.header.scrolled .font-line-logo
{
	font-size: 26px;
}


/*********************************
3.4 Main Nav
*********************************/

.main_nav_contaner
{

}
.main_nav,
.search_button,
.shopping_cart
{
	display: inline-block;
}
.main_nav li
{
	display: inline-block;
	position: relative;
}
.main_nav li:not(:last-child)
{
	margin-right: 34px;
}
.main_nav li a
{
	font-size: 21px;
	font-weight: 500;
	color: #384158;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.main_nav li a:hover,
.main_nav li.active a
{
	color: #0a2380;
}
.main_nav li.active::after
{
	display: block;
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 2px;
	background: #0a2380;
	content: '';
}
.nav-link{
	padding: 0px !important;
}
.search_button
{
	margin-left: 36px;
	cursor: pointer;
}
.shopping_cart
{
	margin-left: 23px;
	cursor: pointer;
}
.search_button i,
.shopping_cart i
{
	font-size: 18px;
	color: #181818;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.search_button:hover i,
.shopping_cart:hover i
{
	color: #0a2380;
}
.header_search_form
{
	display: block;
	position: relative;
	width: 40%;
}
.header_search_container
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background: #91A7D0; /*สีเดิม #1e40c1  สีฟ้าใหม่ #008ecc #00A2E6*/
	z-index: -1;
	opacity: 0;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.header_search_container.active
{
	bottom: -73px;
	opacity: 1;
}
.header_search_content
{
	width: 100%;
	height: 73px;
}
.header_search_content > form
{
	width: 100%;
}
.search_input
{
	width: 100%;
	height: 40px;
	border: none;
	outline: none;
	padding-left: 20px;
}
.header_search_button
{
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 100%;
	border: none;
	outline: none;
	cursor: pointer;
}

/*********************************
3.5 Hamburger
*********************************/

.hamburger_container
{

}
.hamburger
{
	display: none;
	cursor: pointer;
}
.hamburger i
{
	font-size: 20px;
	color: #353535;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.hamburger:hover i
{
	color: #0a2380;
}

/*********************************
4. Menu
*********************************/

.menu
{
	position: fixed;
	top: 0;
	right: -400px;
	width: 400px;
	height: 100vh;
	background: #FFFFFF;
	z-index: 101;
	padding-right: 60px;
	padding-top: 45px;
	padding-left: 50px;
}

.menu .logo a
{
	color: #000000;
}
.menu.active
{
	right: 0;
}
.menu_close_container
{
	position: absolute;
	top: 15px;
	right: 60px;
	width: 18px;
	height: 18px;
	transform-origin: center center;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	cursor: pointer;
}
.menu_close
{
	width: 100%;
	height: 100%;
	transform-style: preserve-3D;
}
.menu_close div
{
	width: 100%;
	height: 2px;
	background: #232323;
	top: 8px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.menu_close div:last-of-type
{
	-webkit-transform: rotate(90deg) translateX(-2px);
	-moz-transform: rotate(90deg) translateX(-2px);
	-ms-transform: rotate(90deg) translateX(-2px);
	-o-transform: rotate(90deg) translateX(-2px);
	transform: rotate(90deg) translateX(-2px);
	transform-origin: center;
}
.menu_close:hover div
{
	background: #937c6f;
}
.menu .logo
{
	margin-bottom: 60px;
}
.menu_nav{
	width: 100%;
}
.menu_nav ul,.menu_nav ul li ul{
	list-style:none;
}
.menu_nav ul li
{
	margin-bottom: 9px;
}
.menu_nav ul li a
{

	font-size: 14px;
	text-transform: uppercase;
	color: rgba(0,0,0,1);
	font-weight: 700;
	letter-spacing: 0.1em;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.menu_nav ul li a:hover
{
	color: #0a2380;
}
.menu .search
{
	width: 100%;
	margin-bottom: 10px;
}
.search
{
	display: inline-block;
	width: 400px;
	-webkit-transform: translateY(2px);
	-moz-transform: translateY(2px);
	-ms-transform: translateY(2px);
	-o-transform: translateY(2px);
	transform: translateY(2px);
}
.menu .header_search_form
{
	width: 100%;
}
.search form
{
	position: relative;
}
.menu .search_input
{
	width: 100%;
	height: 40px;
	background: rgba(0,0,0,0.1);
	border-radius: 3px;
	border: none;
	outline: none;
	padding-left: 15px;
	color: rgba(0,0,0,0.5);
}
.menu .search_input::-webkit-input-placeholder
{

	font-size: 14px !important;
	font-weight: 400 !important;
	color: rgba(0,0,0,0.4) !important;
}
.menu .search_input:-moz-placeholder
{

	font-size: 14px !important;
	font-weight: 400 !important;
	color: rgba(0,0,0,0.4) !important;
}
.menu .search_input::-moz-placeholder
{

	font-size: 14px !important;
	font-weight: 400 !important;
	color: rgba(0,0,0,0.4) !important;
}
.menu .search_input:-ms-input-placeholder
{

	font-size: 14px !important;
	font-weight: 400 !important;
	color: rgba(0,0,0,0.4) !important;
}


hr{
	margin-top: 3px !important;
    margin-bottom: 3px !important;
}
div.menu{
	overflow-y: auto !important;
    padding-bottom: 50px !important;
}
/*
.menu .search_input::input-placeholder
{

	font-size: 14px !important;
	font-weight: 400 !important;
	color: rgba(0,0,0,0.4) !important;
}
*/
@media (max-width: 1199.98px) {
	.main_nav li a{
		font-size:15px;
	}
}


/*********************************
5. Section
*********************************/

.section_title_container
{
	max-width: 70%;
	margin: 0 auto;
}
.section_title
{
	line-height: 1.2;
    /*text-transform: uppercase;*/
    font-size: 30px;
	/*border-bottom: 1px solid #EEEEEE;
    padding-bottom: 15px;*/

}
.section_subtitle
{
	line-height: 1.85;
	margin-top: 14px;
}
.section_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.home_slider_background video{
	width:100%;
}
.owl-theme .owl-dots .owl-dot:hover span{
	background: #ffc107 !important;
}


/*********************************
6. Home
*********************************/

.home
{
	width: 100%;
	height: 630px;
}
.home_slider_container
{
	width: 100%;
	height: 100%;
}
.home_slider
{
	width: 100%;
	height: 100%;
}
.home_slider_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.home_slider_content
{
	position: absolute;
	/*top: 51%;*/
	top: 280px;
	left: 0;
	width: 100%;
	height: auto;
}
.home_slider_title
{

	font-size: 50px;
	font-weight: 700;
	line-height: 1.2;
	color: #FFF;
    text-align: left;
	/*text-shadow: 1px 1px #000000;*/
}
.home_slider_subtitle
{
	font-size: 24px;
	color: #FFF;
	margin-top: 9px;
    font-weight: 500;
    text-align: left;
}
.home_slider_more{
    text-align: left;
    margin-top: 20px;
}
.home_slider_form_container
{
	width: 600px;
	margin: 0 auto;
	margin-top: 35px;


}
.home_search_form div
{
	width: calc(100% - 140px);
	height: 46px;
	background: #FFFFFF;
	border-radius: 3px;
}
.home_search_input
{
	width: 100%;
	border: none;
	outline: none;
	height: 25px;
	padding-left: 20px;
}
.home_search_input:not(:last-child)
{
	border-right: solid 1px #e5e5e5;
}
.home_search_input::-webkit-input-placeholder
{

	font-size: 14px !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
}
.home_search_input:-moz-placeholder
{

	font-size: 14px !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
}
.home_search_input::-moz-placeholder
{

	font-size: 14px !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
}
.home_search_input:-ms-input-placeholder
{

	font-size: 14px !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
}
/*
.home_search_input::input-placeholder
{

	font-size: 14px !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
}
*/
.dropdown_item_select
{
	position: relative;
	-webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	-webkit-user-select: none;
	background-image: url(../images/down.png);
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 20px;
	padding-left: 20px;
}
.home_search_button
{
	width: 120px;
	height: 46px;
	/*background: #0a2380;*/
	background-color: #FFFFFF;
    color: #000;
	border: none;
	outline: none;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 500;
	/*color: #FFFFFF;*/
	text-transform: uppercase;
	letter-spacing: 0.1em;
	cursor: pointer;
}
.home_slider_nav
{
	position: absolute;
	top: 55.8%;
	width: 50px;
    height: 50px;
	/*background: #b6b7bd;*/
	border-radius: 50%;
	text-align: center;
	z-index: 10;
	cursor: pointer;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;

}
.home_slider_prev
{
	left: 75px;
}
.home_slider_next
{
	right: 75px;
}
.home_slider_nav i
{
	line-height: 50px;
	color: #FFFFFF;
	font-size: 22px;
}
.home_slider_nav:hover
{
	background: #0a2380;
}

/*********************************
7. Features
*********************************/

.features
{
	width: 100%;
	background: #f4f4f4;
    /*    background: #FFFFFF;*/
	padding-top: 50px;
	padding-bottom: 50px;
}
.features_row
{
	/*margin-top: 55px;*/
	padding: 15px;
}
.feature
{
	width: 100%;
	/*padding-top: 30px;
	padding-bottom: 28px;*/
	padding-left: 15px;
	padding-right: 15px;
	background: #FFFFFF;
}
.feature:hover
{
	box-shadow: 0px 5px 40px rgba(29,34,47,0.15);
}
.feature_icon
{
	height: 55px;
}
.feature_icon img
{
	max-width: 100%;
}
.feature_title
{
	position: relative;
	font-size: 20px;
	margin-top: 23px;
}
.elements_accordions
{

}
.accordion_container
{
	background: #FFFFFF;
	border-radius: 6px;
	box-shadow: 0px 1px 10px rgba(0,0,0,0.1);
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 13px;
	padding-bottom: 4px;
}
.accordion_container:not(:last-child)
{
	margin-bottom: 10px;
}
.accordion
{
	width: 100%;
	padding-left: 27px;
	cursor: pointer;
	color: #000000;
	font-size: 14px;
	font-weight: 500;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.accordion div
{
	max-width: 90%;
	overflow: hidden;
	white-space: nowrap;

	font-size: 20px;
	font-weight: 700;
	color: #384158;
}
.accordion::before
{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -1px;
	left: 0;
	height: 100%;
	font-family: 'FontAwesome';
	content: '\f105';
	font-size: 24px;
	color: #384158;
	font-weight: 400;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.accordion.active::before
{
	content: '\f107';
	color: #14bdee;
}
.accordion_panel
{
	padding-right: 8px;
	padding-left: 30px;
	padding-top: 9px;
	max-height: 0px;
	overflow: hidden;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.accordion.active + .accordion_panel
{
	margin-bottom: 20px;
}
.accordion_panel p
{
	font-size: 14px;
	font-weight: 400;
	color: #76777a;
	line-height: 2;
}
.features{
	padding-top: 15px;
	padding-bottom: 15px;
}
.pad-lr-0{
	padding-left: 0px;
    padding-right: 0px;
}
.images-auto{
	width:100%;
	height:auto;
}
.feature_title{
	color:#FFFFFF;
	position: relative;
    font-size: 24px;
    margin-top: 53px;
}
/*********************************
8. Courses
*********************************/

.courses
{
	width: 100%;
	padding-top: 93px;
	padding-bottom: 100px;
}
.courses_row
{
	margin-top: 45px;
}
.course
{
	width: 100%;
	border-radius: 6px;
	background: #FFFFFF;
	box-shadow: 0px 1px 10px rgba(29,34,47,0.1);
}
.course_image
{
	width: 100%;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	overflow: hidden;
}
.course_image img
{
	max-width: 100%;
}
.course_body
{
	padding-top: 22px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 23px;
}
.course_title a
{

	font-size: 20px;
	color: #384158;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.course_title a:hover
{
	color: #0a2380;
}
.course_teacher
{
	font-size: 15px;
	font-weight: 400;
	color: #384158;
	margin-top: 6px;
}
.course_text
{
	margin-top: 13px;
}
.course_footer
{
	padding-left: 30px;
	padding-right: 30px;
}
.course_footer_content
{
	width: 100%;
	border-top: solid 1px #e5e5e5;
	padding-top: 9px;
	padding-bottom: 11px;
}
.course_info
{
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	color: #55555a;
}
.course_info:first-child
{
	margin-right: 18px;
}
.course_info i
{
	color: #ffc80a;
}
.course_price
{

	font-size: 20px;
	font-weight: 700;
	color: #0a2380;
}
.course_price span
{

	font-size: 14px;
	font-weight: 400;
	text-decoration: line-through;
	color: #b5b8be;
	margin-right: 10px;
}
.courses_button
{
	width: 210px;
	height: 46px;
	border-radius: 3px;
	background: #0a2380;
	text-align: center;
	margin: 0 auto;
	margin-top: 41px;
	box-shadow: 0px 5px 40px rgba(29,34,47,0.15);
}
.courses_button:hover
{
	box-shadow: 0px 5px 40px rgba(29,34,47,0.45);
}
.courses_button a
{
	display: block;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 46px;
	color: #FFFFFF;
}
.pagination_row
{
	margin-top: 11px;
}
.pagination_container
{

}
.pagination_list li
{
	display: inline-block;
/*
        width: 40px;
        height: 40px;
*/
    padding: 0px 10px;
	background: #FFFFFF;
	border: solid 1px #ebebeb;
	text-align: center;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.pagination_list li:not(:last-child)
{
	margin-right: 5px;
}
.pagination_list li:hover,
.pagination_list li.active
{
	background: #14bdee;
}
.pagination_list li a
{
	display: block;
	position: relative;
	font-size: 16px;
	font-weight: 400;
	color: #757686;
	line-height: 40px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.pagination_list li:hover a,
.pagination_list li.active a
{
	color: #FFFFFF;
}
/*********************************
9. Counter
*********************************/

.counter
{
	width: 100%;
	background: #FFFFFF;
	z-index: 2;
}
.counter_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.counter_content
{
	padding-top: 119px;
	padding-bottom: 125px;
}
.counter_title
{

	color: #FFFFFF;
	font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}
.counter_text
{
	margin-top: 19px;
}
.counter_text p
{
	color: #FFFFFF;
}
.milestones
{
	margin-top: 39px;
}
.milestone
{
	text-align: center;
}
.milestone:not(:last-child)::after
{
	display: block;
	position: absolute;
	top: 0;
	right: -45px;
	width: 2px;
	height: 70px;
	background: rgba(255,210,0,10);
	content: '';
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg);

}
.milestone_counter
{
	font-size: 70px;
	font-weight: 700;
	line-height: 0.75;
	color: #ffd200;
}
.milestone_text
{
	font-size: 16px;
	font-weight: 600;
	color: #FFFFFF;
	text-transform: uppercase;
	margin-top: 14px;
    height: 40px;
}
.counter_form
{
	position: absolute;
	top: 0;
	right: 30px;
	width: 380px;
	height: 100%;
	background: #FFFFFF;
	padding-left: 40px;
	padding-right: 40px;
	box-shadow: 0px 5px 40px rgba(29,34,47,0.15);
}
.counter_form_content
{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}
.counter_form_title
{

	font-size: 24px;
	font-weight: 700;
	color: #384158;
	text-transform: uppercase;
	line-height: 0.75;
	margin-bottom: 41px;
}
.counter_input
{
	width: 100%;
	height: 46px;
	border: solid 1px #e5e5e5;
	border-radius: 3px;
	padding-left: 20px;
	outline: none;
	color: #384158;
	font-size: 14px;
}
.counter_input:not(:last-child)
{
	margin-bottom: 10px;
}
.counter_text_input
{
	height: 90px;
	padding-top: 10px;
}
.counter_options
{
	position: relative;
	-webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	-webkit-user-select: none;
	background-image: url(../images/down.png);
	background-position: center right;
	background-repeat: no-repeat;
}
.counter_input::-webkit-input-placeholder,
.counter_text_input::-webkit-input-placeholder
{
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
}
.counter_input:-moz-placeholder,
.counter_text_input:-moz-placeholder
{
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
}
.counter_input::-moz-placeholder,
.counter_text_input::-moz-placeholder
{
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
}
.counter_input:-ms-input-placeholder,
.counter_text_input:-ms-input-placeholder
{
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
}
/*
.counter_input::input-placeholder,
.counter_text_input::input-placeholder
{
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
}
*/
.counter_form_button
{
	width: 100%;
	height: 46px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	border: none;
	outline: none;
	background: #0a2380;
	cursor: pointer;
	margin-top: 30px;
	box-shadow: 0px 5px 40px rgba(29,34,47,0.15);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.counter_form_button:hover
{
	box-shadow: 0px 5px 40px rgba(29,34,47,0.45);
}

/*********************************
10. Events
*********************************/

.events
{
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	background: #FFFFFF;
}
.events_row
{
	margin-top: 47px;
}
.event_left
{
	padding-right: 20px;
}
.event_mid
{
	padding-left: 10px;
	padding-right: 10px;
}
.event_right
{
	padding-left: 20px;
}
.event_image
{
	width: 100%;
	border-radius: 5px;
	overflow: hidden;
}
.event_image img
{
	max-width: 100%;
}
.event_body
{
	padding-top: 30px;
	padding-bottom: 30px;
}
.event_date
{
	box-shadow: 0px 1px 10px rgba(29, 34, 47, 0.1);
}
.event_date > div
{
	width: 60px;
	height: 60px;
}
.event_day
{

	font-size: 24px;
	color: #0a2380;
	font-weight: 700;
	line-height: 0.75;
}
.event_month
{

	font-size: 14px;
	color: #0a2380;
	font-weight: 400;
	line-height: 0.75;
	margin-top: 9px;
}
.event:hover .event_date > div
{
	background: #91A7D0;  /*สีเดิม #1b3dbe #008ecc*/
}
.event:hover .event_day,
.event:hover .event_month
{
	color: #FFFFFF;
}
.event_content
{
	padding-left: 20px;
}
.event_title a
{
	font-size: 18px;
	/*font-weight: 700;*/
	line-height: 1.4;
	color: #384158;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.event_title a:hover
{
	color: #0a2380;
}
.event_info_container
{
	margin-top: 11px;
}
.event_info
{
	display: inline-block;
	color: #000000;
    font-size: 15px;
	/* เดิมcolor: #b5b8be;
	font-size: 16px;*/
}
.event_info:not(:last-child)
{
	margin-right: 17px;
}
.event_info span
{
	margin-left: 4px;
}
.event_text
{
	margin-top: 12px;
}
.event_info_news_view{
	font-size: 16px;

}

/*********************************
11. Team
*********************************/

.team
{
	width: 100%;
	padding-top: 93px;
	padding-bottom: 60px;
}
.team_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.team_row
{
	margin-top: 43px;
}
.team_col
{
	margin-bottom: 40px;
}
.team_item
{
	width: 100%;
}
.team_image
{
	width: 180px;
	height: 160px;
	border-radius: 6px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -86px;
	z-index: 5;
}
.team_image img
{
	max-width: 100%;
}
.team_body
{
	width: 100%;
	padding-top: 108px;
	padding-bottom: 24px;
	background: #FFFFFF;
	border-radius: 6px;
	box-shadow: 0px 1px 10px rgba(29,34,47,0.1);
	text-align: center;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.team_item:hover .team_body
{
	box-shadow: 0px 5px 40px rgba(29,34,47,0.15);
}
.team_title a
{

	font-size: 20px;
	font-weight: 700;
	color: #384158;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.team_title a:hover
{
	color: #0a2380;
}
.team_subtitle
{
	font-size: 14px;
	font-weight: 400;
	color: #76777a;
	margin-top: 6px;
}
.social_list
{
	margin-top: 16px;
}
.social_list ul li
{
	display: inline-block;
}
.social_list ul li:not(:last-child)
{
	margin-right: 10px;
}
.social_list ul li a i
{
	font-size: 18px;
	color: #76777a;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.social_list ul li:hover a i
{
	color: #0a2380;
}
.team_col .team_item
{
	padding-left: 6px;
	padding-right: 6px;
}
.team_col:first-child .team_item
{
	padding-left: 0;
	padding-right: 6px;
}
.team_col:nth-child(4n) .team_item
{
	padding-left: 6px;
	padding-right: 0;
}

/*********************************
12. News
*********************************/

.news
{
	width: 100%;
	padding-top: 53px;
	padding-bottom: 100px;
	background: #FFFFFF;
}
.news_row
{
	margin-top: 55px;
}
.news_post_large_container
{
	padding-right: 30px;
}
.news_post_large
{
	width: 100%;
}
.news_post_image
{
	width: 100%;
	border-radius: 6px;
	overflow: hidden;
}
.news_post_image img
{
	max-width: 100%;
}
.news_post_large_title
{
	margin-top: 23px;
}
.news_post_large_title a
{

	font-size: 20px;
	font-weight: 700;
	color: #384158;
	line-height: 1.4;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.news_post_large_title a:hover
{
	color: #0a2380;
}
.news_post_meta
{
	margin-top: 11px;
}
.news_post_date{
	width: 55px;
    border: 1px solid #eee;
    color: #FFF;
    background-color: #0a2380;
    display: inline-block;
    float: left;
    margin-right: 20px;
    text-align: -webkit-center;
    padding: 10px;
}
.news_post_date ul{
	list-style:none;
	padding-left: 0px;
}
.news_post_date ul li{
	font-size: 13px;
}

.news_color_01{
	background-color: #91A7D0; /*#093c7e #008ECC*/
}
.news_color_02{
	background-color: #D6A460; /*#fbb402*/
}

.news_post_meta ul li
{
	display: inline-block;
	position: relative;
}
.news_post_meta ul li:not(:last-of-type)::after
{
	display: inline-block;
	position: relative;
	content: '|';
	margin-left: 14px;
	margin-right: 11px;
}
.news_post_meta ul li a
{
	font-size: 14px;
	font-weight: 400;
	color: #b5b8be;
	text-transform: uppercase;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.news_post_meta ul li a:hover
{
	color: #0a2380;
}
.news_post_text
{
	margin-top: 13px;
}
.news_post_link
{
	margin-top: 19px;
}
.news_post_link a
{
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	color: #384158;
	text-decoration: underline;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.news_post_link a:hover
{
	color: #0a2380;
}
.news_posts_small
{
	margin-top: -6px;
}
/*
.news_post_small:not(:last-child)
{
	padding-bottom: 10px;
    border-bottom: solid 1px #e5e5e5;
    display: flex;
}
*/
.news_post_small
{
	padding-bottom: 10px;
    border-bottom: solid 1px #e5e5e5;
    display: flex;
}
.news_post_small:not(:first-child)
{
	/*padding-top: 29px;*/
}
.news_post_small{
    margin-top: 15px;
    margin-bottom: 15px;
}
.news_post_small_title a
{

	font-size: 18px;
	font-weight: 700;
	line-height: 1.55;
	color: #384158;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.news_post_small_title a:hover
{
	color: #0a2380;
}

.calendar_post_small
{
	padding-bottom: 10px;
    border-bottom: solid 1px #FFFFFF;
    display: flex;
}
.calendar_post_small:not(:first-child)
{
	/*padding-top: 29px;*/
}
.calendar_post_small{
    margin-top: 15px;
    margin-bottom: 15px;
}
.calendar_post_small_title a
{

	font-size: 18px;
	font-weight: 700;
	line-height: 1.55;
	color: #384158;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.calendar_post_small_title a:hover
{
	color: #0a2380;
}

.border_news_b{
	border-bottom: 3px solid #0a2380;
    width: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
}
.margin-tb-15{
	margin-top:15px;
	margin-bottom:15px;
}

.margin-lg-0{
	margin-left:0px;
	margin-right:0px;
}

mark{
	background-color: yellow !important;
}

/*********************************
13. Newsletter
*********************************/

.newsletter
{
	width: 100%;
}
.newsletter_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.newsletter_container
{
	width: 100%;
	/*height: 120px;*/
}
.parallax-window{
	min-height: 400px;
    background: transparent;
	background-color: #91A7D0; /*#0a2380 #008ECC*/
	/*opacity: 0.6;*/
}

.newsletter_title
{

	font-size: 30px;
	font-weight: 700;
    /*	text-transform: uppercase;*/
	color: #FFFFFF;
	margin-top: 30px;
}
.newsletter_subtitle
{
	font-weight: 400;
	color: #FFFFFF;
	margin-top: 6px;
}
.newsletter_form_container
{
	width: 450px;
	padding-top: 30px;
    padding-bottom: 30px;
}
.newsletter_form
{
	display: block;
	position: relative;
	width: 100%;
}
.newsletter_input
{
	width: calc(100% - 136px);
	height: 40px;
	background: rgba(255,255,255,0.4);
	border: none;
	outline: none;
	padding-left: 20px;
    /*	color: #000000;*/
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.newsletter_input::-webkit-input-placeholder
{
	font-size: 14px !important;
	font-weight: 400 !important;
    /*	color: #000000 !important;*/
}
.newsletter_input:-moz-placeholder
{
	font-size: 14px !important;
	font-weight: 400 !important;
    /*	color: #FFFFFF !important;*/
}
.newsletter_input::-moz-placeholder
{
	font-size: 14px !important;
	font-weight: 400 !important;
    /*	color: #FFFFFF !important;*/
}
.newsletter_input:-ms-input-placeholder
{
	font-size: 14px !important;
	font-weight: 400 !important;
    /*	color: #FFFFFF !important;*/
}
/*
.newsletter_input::input-placeholder
{
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #FFFFFF !important;
}
*/
.newsletter_button
{
	width: 136px;
	height: 40px;
	background: #FFFFFF;
	border-radius: 3px;
	border: none;
	outline: none;
	cursor: pointer;
	font-size: 14px;
	text-transform: uppercase;
	color: #000000; /*สีเดิม #0a2380 #008ecc #91A7D0*/
	font-weight: 500;
	letter-spacing: 0.1em;
	text-align: -webkit-center;
    padding-top: 10px;
}

/*********************************
14. Footer
*********************************/


.footer
{
	display: block;
	position: relative;
	width: 100%;
	background: #f6f6f6;
	padding-top: 94px;
}
.footer_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.footer_content
{
	padding-bottom: 53px;
}
.footer_logo_text
{

	font-size: 50px;
	font-weight: 700;
	line-height: 0.75;
	color: #ffd200;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.footer_logo_text span
{
	color: #0a2380;
}
.footer_title
{

	font-size: 18px;
	font-weight: 700;
	color: #404040;
	line-height: 0.75;
}
.footer_logo_container
{
	margin-top: -14px;
}
.footer_about_text
{
	margin-top: 31px;
}
.footer_about_text p
{
	color: #333;
}
.footer_social
{
	margin-top: 23px;
}
.footer_social ul{
	padding-left:0px;
}
.footer_social ul li
{
	display: inline-block;
	width: 45px;
	height: 45px;
	background: #4b505d;
    border: 2px solid #FFF;

	border-radius: 50%;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.footer_social ul li:not(:last-child)
{
	margin-right: 6px;
}
.footer_social ul li a
{
	display: block;
	position: relative;
	text-align: center;
	padding-top:10px;
	color:#FFF;
}
.footer_social ul li a i
{
	color: #FFFFFF;
	line-height: 45px;
}
.footer_social ul li:hover
{
	background: #0a2380;
}
.footer_contact
{
	padding-left: 36px;
}
.footer_contact_info
{
	margin-top: 33px;
}
.footer_contact_info ul{
	padding-left:0px;
}
.footer_contact_info ul li
{
	list-style:none;
	/*font-size: 14px;*/
	font-weight: 400;
	/*color: #b5b8be;*/
	color: #333;
}
.footer_contact_info ul li:not(:last-child)
{
	margin-bottom: 15px;
}
.footer_links
{
	padding-left: 80px;
}
.footer_links_container ul
{
	padding-left:0px;
	/*
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
	*/
}
.ul-2column ul{
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
}
.footer_links_container
{
	margin-top: 33px;
}
.footer_links_container ul li{
	padding-left:0px;
}
.footer_links_container ul li
{
	list-style:none;
}
.footer_links_container ul li a
{

	/*color: #b5b8be;*/
	color: #333333;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.footer_links_container ul li:not(:last-child)
{
	margin-bottom: 15px;
}
.footer_links_container ul li a:hover
{
	color: #0a2380;
}
.footer_mobile
{
	display: inline-block;
	float: right;
}
.footer_mobile_content
{
	padding-top: 35px;
}
.footer_image:not(:last-child)
{
	margin-bottom: 10px;
}
.copyright
{
	height: 54px;
	border-top: solid 1px #353a49;
}
.cr_list li
{
	display: inline-block;
}
.copyright div
{
	/*font-size: 14px;*/
	/*color: #b5b8be;*/
	color: #6e7075;
}
.cr_text a
{
	color: #FFFFFF;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.cr_text a:hover
{
	color: #0a2380;
}
.cr_list li:not(:last-child)
{
	margin-right: 50px;
}
.cr_list li a
{
	/*font-size: 14px;*/
	/*color: #b5b8be;*/
	color: #6e7075;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.cr_list li a:hover
{
	color: #0a2380;
}
.color333{
	color: #333;
}
.sub-footer-link li{
	list-style-type: circle !important;
}
.sub-footer-link{
	margin-left: 5px;
    padding-top: 10px;
	display: grid;
}
.sub-footer-link li{
	margin-left: 15px;
}

.boi-color{
	color: #223c78;
}
.gray{
	color:#eeeeee;
}
.font-boi{
	font-size:45px;
}
.font-line-logo{
	font-size: 40px;
    font-weight: 400;
}


/*---------------
CONTENTS
-----------------*/
.content
{
	width: 100%;
	padding-top: 23px;
	padding-bottom: 30px;
	background: #FFFFFF;
    /*box-shadow: 1px 2px 10px 2px ;*/
}
.content_row
{
	margin-top: 56px;
}
.content_col_left
{
	padding-right: 25px;
}
.content_col_right
{
	padding-left: 25px;
}
.content_col_middle
{
	padding-left: 20px;
	padding-right: 20px;
}
.content_item_image
{
	width: 100%;
	overflow: hidden;
}
.content_item_image img
{
	max-width: 100%;
	-webkit-transition: all 2000ms ease;
	-moz-transition: all 2000ms ease;
	-ms-transition: all 2000ms ease;
	-o-transition: all 2000ms ease;
	transition: all 2000ms ease;
}
.content_item:hover .content_item_image img
{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.content_item_title
{
	margin-top: 22px;
}
.content_item_title a
{
	/*font-family: 'Roboto Slab', serif;*/
	font-size: 20px;
	font-weight: 700;
	color: #384158;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.content_item_title a:hover
{
	color: #14bdee;
}
.content_item_text
{
	margin-top: 12px;
}
.content_item_text
{
	line-height: 2;
}
.txt-gray{
	color: #a5a5a5;
}

/*----------------
aboutus
----------------*/
.aboutus
{
	width: 100%;
	height: 182px;
	background: #d0dcf1; /* สีเดิม #f2f4f5 #e2f5ff*/
	border-bottom: solid 1px #edeff0;
	color: #333333;
}
.breadcrumbs_container
{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-bottom: 13px;
	padding-left: 3px;
}
.breadcrumbs ul li
{
	display: inline-block;
	position: relative;
	color:#FFFFFF;
}
.breadcrumbs ul li:not(:last-child)::after
{
	display: inline-block;
	font-family: 'FontAwesome';
	content: '\f105';
	margin-left: 7px;
	margin-right: 4px;
	/*color: #384158;*/
	color : #dbe7ff;
}
.breadcrumbs ul li a
{
	font-size: 14px;
	font-weight: 400;
	/*color: #384158;*/
	color : #FFFFFF;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.breadcrumbs ul li a:hover
{
	color: #14bdee;
}
/*********************************
7. Contact
*********************************/

.contact
{
	width: 100%;
	padding-bottom: 100px;
}
.contact_map
{
	width: 100%;
}
.map
{
	width: 100%;
}
.google_map
{
	width: 100%;
	height: 500px;
}
.map_container
{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#map
{
	width: 100%;
	height: calc(100% + 30px);
}
#content
{
	width: 180px;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;

	font-size: 14px;
	color: #76777a;
	line-height: 1.71;
}
.contact_info_container
{
	margin-top: 100px;
}
.contact_info_title
{

	font-size: 36px;
	font-weight: 700;
	color: #384158;
}
.contact_form
{
	padding-right: 10px;
}
.comment_form
{
	margin-top: 35px;
}
.comment_input
{
	width: 100%;
	height: 46px;
	border: solid 1px #d9d9d9;
	border-radius: 3px;
	padding-left: 19px;
	font-size: 16px;
	font-weight: 400;
	color: #2c3145;
}
.comment_form > div:not(:last-child)
{
	margin-bottom: 25px;
}
.comment_input:focus
{
	border: solid 1px #14bdee;
	outline: none;
}
.comment_textarea
{
	width: 100%;
	height: 150px;
	padding-top: 15px;
}
.form_title
{

	font-weight: 400;
	color: #384158;
	margin-bottom: 12px;
}
.comment_button
{
	width: 150px;
	height: 46px;
	background: #14bdee;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
	color: #FFFFFF;
	cursor: pointer;
	border: none;
	outline: none;
	border-radius: 3px;
	margin-top: 15px;
}
.comment_button:hover
{
	box-shadow: 0px 5px 40px rgba(0,0,0,0.25);
}
.contact_info
{
	/*padding-left: 45px;*/
}
.contact_info_text
{
	margin-top: 27px;
}
.contact_info_location
{
	margin-top: 28px;
}
.contact_info_location_title
{

	font-size: 18px;
	font-weight: 700;
	color: #384158;
}
ul.location_list {
	list-style:none;
	padding-left: 0px;
}
.location_list
{
	margin-top: 14px;
}
.location_list li
{
	/*font-size: 14px;*/
	color: #5e6271;
}
.location_list li:not(:last-child)
{
	margin-bottom: 9px;
}
/*------------
OTHERS
---------------*/
.red {
    color: #ed1c24;
}
.space-sec {
    padding: 20px;
}
.bghowto{
    /*box-shadow: 1px 2px 10px 2px #CCCCCC;
    margin-bottom: 10px;*/
}

.how-to-list{
    width: 100px;
    height: 100px;
    border-radius: 100%;
    padding: 10px;
    text-align: center;
    color: #FFF;
    font-size: 50px;
    font-weight: 700;
    border: 3px solid #FFF;
    margin: 0 auto;
    box-shadow: 1px 2px 10px 2px #eeeeee;
    background: url(../images/banner/bgtop6.jpg) center  ;
}
.home-slider-btn-more{

    text-transform: uppercase;

    font-weight: 600;
}
.month{
    padding: 20px;
    text-align: center;

}
.date-header{
    text-align: center;
}
.date-bold{
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    padding: 20px;
    height: 60px;
    color: #0a28b6;
}
.date-active{
    background: #0a28b6;
    color: #FFFFFF;
}

.date-end{

    color: #eeeeee;
}

.btn-space-top{
    margin-top: 30px;
}

.faq-content{

}
.faq-content h2{
    font-weight: 300 !important;
}


.faq{
    padding: 15px;
}
.faq-row{
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 5px;
    padding: 15px 15px 15px 0px;
    /*box-shadow: 1px 2px 10px 2px #EEEEEE;*/
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 20px;
}
.faq-list>ul>li{
    list-style: circle;
    list-style-position: inside;
    padding: 5px;
    color: #222222;

}
.faq-list a:link{
    list-style: circle;
    list-style-position: inside;
    padding: 5px;
    color: #222222;

}
.faq-content{
    padding-bottom: 20px;

}

.file-attach {
    margin-top: 20px;


}

.file-row{
    background: #eeeeee;
    padding: 10px;
    margin-bottom: 15px;
}

.source-link{
    padding: 10px;
    margin-bottom: 15px;
}
div.source-link ul{
	list-style:none;
	padding-left: 0px;
	line-height: 35px;
}
.date-update{
    padding: 20px 0px;
    /*border-bottom: 1px solid #EEEEEE;*/
}

.blog-content{
    padding-top: 15px;
    padding-bottom: 15px;
}

.text-content{
    font-size: 16px;
	color: #333;
}

.calendar-row{
    padding: 15px;
}




/*********************************
15. Say Helo
*********************************/
.background-say-hello{
	background-color: #91A7D0;  /*สีเดิม #0a2380 สีฟ้าใหม่#008ecc #00A2E6 */
}

.say-hello-osos{
	font-size: 50px;
    font-weight: 700;
    color: #ffd200;
    margin-left: 7px;
}

.text-white{
	color: #FFFFFF;
}
.text-black{
	color: #000000;
}
.text-red{
	color: #B30000;
}

.btn-say-hello{
	background-color: #FFFFFF;
    color: #000000; /*#0a2380 #008ecc*/
	padding: 5px 20px;
	font-weight:700;
	border-radius: 4px;
}


.padding-tb-30{
	padding-top: 50px;
    padding-bottom: 70px;
}
.padding-r-10{
	padding-right: 10px;
}
.margin-b-30{
	margin-bottom:30px;
}



/*********************************
16. How can we help
*********************************/
.color-background-grey{
	background-color: #f5f5f5;
}

.head-page{
	padding-top: 70px;
    padding-bottom: 40px;
}


/*-----------------------------
Timeline
------------------------------*/
.timeline-centered {
    position: relative;
    margin-bottom: 30px;
}

    .timeline-centered:before, .timeline-centered:after {
        content: " ";
        display: table;
    }

    .timeline-centered:after {
        clear: both;
    }

    .timeline-centered:before, .timeline-centered:after {
        content: " ";
        display: table;
    }

    .timeline-centered:after {
        clear: both;
    }

    .timeline-centered:before {
        content: '';
        position: absolute;
        display: block;
        width: 4px;
        background: #f5f5f6;
        /*left: 50%;*/
        top: 20px;
        bottom: 20px;
        margin-left: 30px;
    }

    .timeline-centered .timeline-entry {
        position: relative;
        /*width: 50%;
        float: right;*/
        margin-top: 5px;
        margin-left: 30px;
        margin-bottom: 10px;
        clear: both;
    }

        .timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {
            content: " ";
            display: table;
        }

        .timeline-centered .timeline-entry:after {
            clear: both;
        }

        .timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {
            content: " ";
            display: table;
        }

        .timeline-centered .timeline-entry:after {
            clear: both;
        }

        .timeline-centered .timeline-entry.begin {
            margin-bottom: 0;
        }

        .timeline-centered .timeline-entry.left-aligned {
            float: left;
        }

            .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner {
                margin-left: 0;
                margin-right: -18px;
            }

                .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {
                    left: auto;
                    right: -100px;
                    text-align: left;
                }

                .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {
                    float: right;
                }

                .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {
                    margin-left: 0;
                    margin-right: 70px;
                }

                    .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after {
                        left: auto;
                        right: 0;
                        margin-left: 0;
                        margin-right: -9px;
                        -moz-transform: rotate(180deg);
                        -o-transform: rotate(180deg);
                        -webkit-transform: rotate(180deg);
                        -ms-transform: rotate(180deg);
                        transform: rotate(180deg);
                    }

        .timeline-centered .timeline-entry .timeline-entry-inner {
            position: relative;
            margin-left: -20px;
        }

            .timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
                content: " ";
                display: table;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner:after {
                clear: both;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
                content: " ";
                display: table;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner:after {
                clear: both;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {
                position: absolute;
                left: -100px;
                text-align: right;
                padding: 10px;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span {
                    display: block;
                }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:first-child {

                        font-weight: bold;
                    }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:last-child {

                    }

            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
                background: #fff;
                color: #737881;
                display: block;
                width: 40px;
                height: 40px;
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding;
                background-clip: padding-box;
                -webkit-border-radius: 20px;
                -moz-border-radius: 20px;
                border-radius: 20px;
                text-align: center;
                -moz-box-shadow: 0 0 0 5px #f5f5f6;
                -webkit-box-shadow: 0 0 0 5px #f5f5f6;
                box-shadow: 0 0 0 5px #f5f5f6;
                line-height: 40px;
                font-size: 15px;
                float: left;
            }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary {
                    background-color: #303641;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-secondary {
                    background-color: #ee4749;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-success {
                    background-color: #00a651;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-info {
                    background-color: #21a9e1;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-warning {
                    background-color: #fad839;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-danger {
                    background-color: #cc2424;
                    color: #fff;
                }

            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
                position: relative;
                background: #f5f5f6;
                padding: 1em;
                margin-left: 60px;
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding;
                background-clip: padding-box;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
            }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after {
                    content: '';
                    display: block;
                    position: absolute;
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 9px 9px 9px 0;
                    border-color: transparent #f5f5f6 transparent transparent;
                    left: 0;
                    top: 10px;
                    margin-left: -9px;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {
                    color: #737881;
                    margin: 0;
                    line-height: 1.428571429;
                }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p + p {
                        margin-top: 15px;
                    }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 {

                    margin-bottom: 10px;
                }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 a {
                        color: #303641;
                    }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 span {
                        -webkit-opacity: .6;
                        -moz-opacity: .6;
                        opacity: .6;
                        -ms-filter: alpha(opacity=60);
                        filter: alpha(opacity=60);
                    }


/*-------------------
Inquiry form
-------------------*/
.field_form{
    border: 1px solid #FFFFFF;
    color: #3c3c3c;
    border: 2px solid #EEEEEE;
}


/***********
17. NEWS AND EVENTS
***********/

.nav-tabs{
	border-bottom: 0px;
}
.tabs-index .nav-link{
	background-color: #FFFFFF;
	border: 1px solid #eeeeee;
	padding: 10px 10px !important;
	border-radius: 0px;
}
.nav-tabs .nav-link.active{
	color: inherit;
	/*background-color: #91A7D0; /*สีเดิม #0a2380 #008ecc*/
	border: 0px;
	padding: 10px 10px !important;
}
.nav-tabs .nav-link:hover{
	color: #384158;
	border: 0px;
	/*background-color: #91A7D0; /*สีเดิม #0a2380 #008ecc*/
	border-radius: 0px;
}

.tabs-index{
	/*padding: 20px;
    border: 1px solid #eeeeee;*/
    /*background-color: none;*/
	font-weight: 700;
	margin-right: 10px;
}


.date_news_index{
	border-bottom: 1px solid #FFFFFF;
	padding-bottom:5px;
	font-size:30px !important;
	font-weight: 700;
}
.month_news_index{
	padding-top:5px;
}
.margin-t-10{
	margin-top: 10px;
}
.margin-t-16{
	margin-top: 16px;
}
.margin-t-20{
	margin-top: 20px;
}
.margin-t-40{
	margin-top: 40px;
}
.padding-l-10{
	padding-left: 10px;
}

.btn-registor{
	padding: 3px 10px;
    font-size: 16px !important;
    color: #333 !important;
    /*background-color: none;*/
    font-weight: 400 !important;
    border: 1px solid #b5b8be;
    border-radius: 4px;
}
.btn-registor:hover{
    background-color: #91A7D0; /*#0663c6*/
	border: 1px solid #91A7D0;
	transition : 0.6s;
	color: #fff !important;
}

.btn-morenews{
	padding: 5px 10px;
    font-size: 16px;
    font-weight: 400;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
	color: #5f5f5f;
    background-color: transparent;
    background-image: none;
}
.btn-morenews:hover{
	transition : 0.6s;
	color: #FFFFFF !important;
    background-color: #91a7d0;
}

.btn-submit{
	padding: 5px 10px;
    font-size: 16px;
    font-weight: 400;
    border: 1px solid #71bb77;
    border-radius: 4px;
	color: #055a0c;
    background-color: #91d096;
}
.btn-submit:hover{
	transition : 0.6s;
	color: #FFFFFF !important;
    background-color: #2a8c31;
}

.btn-main{
	padding: 5px 10px;
    font-size: 16px;
    font-weight: 400;
    border: 1px solid #3961ab;
    border-radius: 4px;
	color: #FFFFFF;
    background-color: #537bc5;
}
.btn-main:hover{
	transition : 0.6s;
	color: #FFFFFF !important;
    background-color: #3061bb;
}

.btn-edit{
	padding: 5px 10px;
    font-size: 16px;
    font-weight: 400;
    border: 1px solid #ccac52;
    border-radius: 4px;
	color: #111;
    background-color: #d4c087;
}
.btn-edit:hover{
	transition : 0.6s;
	color: #000000 !important;
    background-color: #e0a800;
}

.btn-delete{
	padding: 5px 10px;
    font-size: 16px;
    font-weight: 400;
    border: 1px solid #c57777;
    border-radius: 4px;
	color: #000000;
	background-color: #d09191;
}
.btn-delete:hover{
	transition : 0.6s;
	color: #000000 !important;
    background-color: #c16969;
}

.margin-tb-20{
	margin-top: 20px;
	margin-bottom:20px;
}



.col-ab{
	/*box-shadow: 1px 2px 15px 2px #EEEEEE;
    margin-bottom: 20px;*/
    padding: 40px 20px 20px 20px;
}

.field_form{
	border: 1px solid #FFFFFF;
    color: #3c3c3c;
    border: 2px solid #EEEEEE;
}


/***********
18. POLL
***********/

.poll-row{
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 5px;
    padding: 15px;
    /*box-shadow: 1px 2px 10px 2px #EEEEEE;*/
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 20px;
}


/***********
19. FORMGENERATOR
***********/

.form-row{
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 5px;
    padding: 15px;
    box-shadow: 1px 2px 10px 2px #EEEEEE;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 20px;
}
.margin-b-10{
	margin-bottom: 10px;
}

.margin-b-15{
	margin-bottom: 15px;
}

.pad-t-10{
	padding-top: 10px;
}
.pad-t-15{
	padding-top: 15px;
}

.headq{
	font-weight:500;
	padding-bottom:10px;
    padding-left: 30px;
}
div.form-group div.container{
	padding-left: 0px;
}


/***********
20. Calendar
***********/

.lg-left_sm-center{
		text-align: left;
	}
	.lg-right_sm-center{
		text-align: right;
	}

/*************
21. FAQ
*******************/

.number_content{
	position: absolute;
    right: 5px;
}
.panel-heading{
	margin-bottom:10px !important;
}
h4.panel-title a{
	color:#1b3463;
}

ul#for-faq li em.fa-eye{
	font-size:0.8em;
}
.border-b-1{
	border-bottom: solid 1px #e5e5e5;
}
.sidebar_categories ul{
	padding-left:0px;
}
.sidebar_categories ul li{
	list-style:none;
}
div.faq-row div.panel-collapse{
	margin-left: 20px;
}
ul#for-faq{
	list-style:none;
	margin-left: -20px;
}

/*************
22. Print
*******************/
@media print
{
     #non-printable { display: none; }
     #printable { display: block; }
}



/****************
23. Go to top
****************/

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 999;
  font-size: 18px;
  border: 1px solid #FFF;
  outline: none;
  background-color: #91A7D0;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 50%;
  opacity: 0.5;
  transition:1s;
}

#myBtn:hover {
  opacity: 1;
  transition:1s;
}

#myBtn:checked {
	transition:1s;
}


/* .testheight Not required - unless testing ;) */

.scrolltop {
	display:none;
	width:100%;
	margin:0 auto;
	position:fixed;
	bottom:20px;
	right:10px;
	z-index: 999;
}
.scroll {
	position:absolute;
	right:20px;
	bottom:20px;
	background-color:#91A7D0;
	padding:20px;
	border-radius:50%;
	color:#FFF;
	border: 1px solid #FFF;
	text-align: center;
	margin: 0 0 0 0;
	cursor:pointer;
	transition: 0.5s;
	opacity: 0.5;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}
.scroll:hover {
	background-color:#91A7D0;
	opacity: 1;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}
.scroll:hover .fa {
	padding-top:-10px;
}
.scroll .fa {
	font-size:30px;
	margin-top:-5px;
	margin-left:0px;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}


@media(min-width: 100px) and (max-width: 575px) {
	.scroll{
		bottom:40px;
	}

}


/****************
23. edit-bootstrap
****************/

.btn-outline-warning2{
	background-color:#D6A460 !important;
}
.btn-outline-warning:hover{
	color: #fff;
    background-color: #ffc107;
    border-color: #ffc107;
}


/***********
24. 404
***********/
.txt-404{
	font-size: 100px;
    font-weight: 700;
    color: #7d8696;
}
.txt-not{
	font-size: 30px;
    font-weight: 700;
    color: #7d8696;
}
.pad-tb-40{
	padding-top:40px;
	padding-bottom:40px;
}
.pad-t-30{
	padding-top: 30px;
}
.pad-l-30{
	padding-left:30px;
}

@media (max-width: 575.98px) {
	.txt-404{
	font-size: 80px;
    font-weight: 700;
    color: #7d8696;
	}
	.txt-not{
		font-size: 40px;
		font-weight: 700;
		color: #7d8696;
	}
	.img-small{
		width:80px !important;
		height:auto !important;
	}
	.center-sm{
		text-align:center;
	}


}

/***********
25. Content-about
***********/
ul.agencies li{
	list-style-type: circle;
    list-style-position: outside;
    margin-left: 27px;
}
.padding20{
	padding:20px;
}
.color-about{
	color: #00467b;
}
.no{
	padding: 0px 30px 5px 0px;
    font-size: 90px;
    font-style: italic;
    color: #00467b;
}
.bg-agencies01{
	background-color:#ececec;
}
.bg-agencies02{
	background-color:#f5f5f5;
}
.logo-width100{
	width:100px;
	height:auto;
}
.bg-about-01{
	background-color:#c3e4ff;
    /*    background-color:#b3daf9;*/
	color:#00467b;
    box-shadow: 0px 10px 30px 0px;
}
.bg-about-02{
	background-color:#FFFBB7;
    /*    background-color:#c3e4ff;*/
	color:#00467b;
}
.bg-about-03{
	background-color:#c3e4ff;
    /*    background-color:#d2ebff;*/
	color:#00467b;
}
.bg-about-04{
	background-color:#FFFBB7;
    /*    background-color:#e0f1ff;*/
	color:#00467b;
}
.bg-about-05{
	background-color:#52b2f7;
	color:#00467b;
}
.triangle1{
 width: 0px;
 height: 0px;
 border-top: 20px solid #c3e4ff;
 border-right: 50px solid transparent; /* ซ่อนขอบขวา */
 /*border-bottom: 100px solid transparent;  ซ่อนขอบล่าง */
 border-left: 50px solid transparent; /* ซ่อนขอบซ้าย */
 position: absolute;
 top: 0px;
}
.triangle2{
 width: 0px;
 height: 0px;
 border-top: 20px solid #FFFBB7;
 border-right: 50px solid transparent; /* ซ่อนขอบขวา */
 /*border-bottom: 100px solid transparent;  ซ่อนขอบล่าง */
 border-left: 50px solid transparent; /* ซ่อนขอบซ้าย */
 position: absolute;
 top: 0px;
}
.triangle3{
 width: 0px;
 height: 0px;
 border-top: 20px solid #c3e4ff;
 border-right: 50px solid transparent; /* ซ่อนขอบขวา */
 /* border-bottom: 100px solid transparent; ซ่อนขอบล่าง */
 border-left: 50px solid transparent; /* ซ่อนขอบซ้าย */
 position: absolute;
 top: 0px;
}
.triangle4{
 width: 0px;
 height: 0px;
 border-top: 20px solid #e0f1ff;
 border-right: 50px solid transparent; /* ซ่อนขอบขวา */
 /* border-bottom: 100px solid transparent; ซ่อนขอบล่าง */
 border-left: 50px solid transparent; /* ซ่อนขอบซ้าย */
 position: absolute;
 top: 0px;
}
.triangle5{
 width: 0px;
 height: 0px;
 border-top: 20px solid #52b2f7;
 border-right: 50px solid transparent; /* ซ่อนขอบขวา */
 /* border-bottom: 100px solid transparent;  ซ่อนขอบล่าง */
 border-left: 50px solid transparent; /* ซ่อนขอบซ้าย */
 position: absolute;
 top: 0px;
}
/***********
26. Out Service
***********/
.number-head2TH {
  color: #91a7d0;
  display: block;
  float: left;
  padding: 20px 60px;
  margin-left: 18%;
  font-size: 60px;
  font-weight: 700;
  margin-top: -40px;
  background-color: #fff;
  border-radius: 50%;
  border: 7px solid #fbb402
}
.number-head2EN {
    color: #91a7d0;
    display: block;
    float: left;
    padding: 20px 50px;
    margin-left: 18%;
    font-size: 60px;
    font-weight: 700;
    margin-top: -40px;
    background-color: #fff;
    border-radius: 50%;
    border: 7px solid #fbb402
}

ul.settingup li{
	border-bottom: 1px solid #beceec;
	padding:10px 0px 10px 0px; font-weight: 700;
	padding-left: 15px;
}
.number-head{
	color: #1c1e65;
	display: block;
	float: left;
	padding: 20px 65px;
	margin-left: 12%;
	font-size: 100px;
	font-weight: 700;
	margin-top: -40px;
	background-color: #91a7d0;
	border-radius: 50%;
}
.number-head2{
	color: #000000;
	display: block;
	float: left;
	padding: 20px 65px;
	margin-left: 12%;
	font-size: 100px;
	font-weight: 700;
	margin-top: -40px;
	background-color: #fbb402;
	border-radius: 50%;
}
.head-settingup{
	font-size: 30px;
	font-weight:700;
	color:#1c1e65;
}
.pad-b-50{
	padding-bottom:50px;
}
.number-head-right{
	/*background-color:#91A8D0; border-radius:50%;*/
	color:#1c1e65;
	display:block;
	float:left; /*padding:20px 65px; */
	margin-left: 20%;
	font-size:150px;
	font-weight:700;
	margin-top: -40px;
}
.head-settingup-right{
	font-size: 30px;
	font-weight:700;
	color:#1c1e65;
	float: right;
	clear: both;
}
ul.settingup-right li{
	border-bottom: 1px solid #beceec;
	padding:10px 0px 10px 0px;
	clear: both; width: 100%;
	text-align: -webkit-right;
	font-weight: 700;
	padding-right: 15px;
}
.float-right-btn{
	float:right;
	clear:both;
	text-align: -webkit-right;
}
.box-out{ /*background-color: #ccdaf5; border-radius: 20px;*/
	padding: 30px 30px 0px 30px;
}
.btn-outline-warning-sub{
	background-color:#ffc107 !important;
	 color:#FFF !important;
	}
.bg-line-settingup{ /*background-image:url('images/setting_up/bg-line-settingup.png'); */
	background-image:url('http://203.150.224.249/ewtadmin_boi_osos/ewt/boi_osos/images/setting_up/bg-line-ourservice.png');
	background-repeat: repeat-y;
}
.bg-line-settingupTH{ /*background-image:url('images/setting_up/bg-line-settingup.png'); */
	background-image:url('http://203.150.224.249/ewtadmin_boi_osos/ewt/boi_osos/images/setting_up/bg-line-ourservice.png');
	background-repeat: repeat-y;
}
@media (min-width: 100px) and (max-width: 991px) {
	.bg-line-settingup{
		background-image: none;
	}
	.bg-line-ourservice{
		background-image: none;
	}
	.bg-line-settingupTH{
		background-image: none;
	}
}
@media (min-width: 100px) and (max-width: 575px){
	.head-settingup,.head-settingup-right,.number-head,.number-head-right{
		text-align:center;
		margin-left: 0px;
		margin-right: 0px;
		float: none;
}
	.number-head{
		width: 200px;
		margin-left: auto;
		margin-right: auto;
	}
	.number-head2{
		width: 200px;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	.bg-line-settingup{
		background-image: none;
	}
	.bg-line-settingupTH{
		background-image: none;
	}
	ul.settingup-right li{
		float: none;
		padding-left: 15px;
	}
	.float-right-btn{
		float:none;
		text-align: center;
	}
	.float-left-btn{
		float:none;
		text-align: center;
	}
	ul.settingup-right li{
		text-align:left;
		padding-left: 15px;
	}
}


/*****************
27. how we can
*****************/

.tab-how-we-can.nav-tabs .nav-link.active {
	border-bottom: 6px solid #384158 !important;
	min-height: 170px;
	padding-left:20px !important;
	padding-right:20px !important;
   }
.tab-how-we-can.nav-tabs-dropdown {
  display: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.tab-how-we-can.nav-tabs-dropdown:before {
  content: "\e114";
  position: absolute;
  right: 30px;
}

.pad-lr-20{
	padding-left:30px;
	padding-right:30px;
}

.pad-lr-20-im, .pad-lr-20-im.active{
	padding-left:20px !important;
	padding-right:20px !important;
}

@media screen and (min-width: 769px) {
  #nav-tabs-wrapper {
    display: block!important;
  }
}
@media screen and (max-width: 768px) {
    .tab-how-we-can.nav-tabs-dropdown {
        display: block;
    }
    #nav-tabs-wrapper {
        display: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        text-align: center;
    }
   .nav-tabs-horizontal {
        min-height: 20px;
        padding: 19px;
        margin-bottom: 20px;
        background-color: #f5f5f5;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
   }
    .nav-tabs-horizontal  > li {
        float: none;
    }
    .nav-tabs-horizontal  > li + li {
        margin-left: 2px;
    }
    .nav-tabs-horizontal > li,
    .nav-tabs-horizontal > li > a {
        background: transparent;
        width: 100%;
    }
    .nav-tabs-horizontal  > li > a {
        border-radius: 4px;
    }
    .nav-tabs-horizontal  > li.active > a,
    .nav-tabs-horizontal  > li.active > a:hover,
    .nav-tabs-horizontal  > li.active > a:focus {
        color: #ffffff;
        background-color: #428bca;
    }

}

/* file xxxx.php */
.left-line{
        border-left: 5px solid #91A7D0;
        padding: 10px;
    }
    .img-pad{
        padding-right: 10px;
    }
    .img-circle {

        border-radius: 100%;
        border: 3px solid #EEEEEE;
    }
.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #eeeeee;
        left: 50%;
        margin-left: -1.5px;
    }

    .timeline > li {
        margin-bottom: 20px;
        position: relative;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
            width: 46%;
            float: left;
            border: 1px solid #d4d4d4;
            /*border-radius: 2px;*/
            padding: 20px;
            position: relative;
           /* -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);*/
        }

            .timeline > li > .timeline-panel:before {
                position: absolute;
                top: 26px;
                right: -15px;
                display: inline-block;
                border-top: 15px solid transparent;
                border-left: 15px solid #ccc;
                border-right: 0 solid #ccc;
                /*border-bottom: 15px solid transparent;*/
                content: " ";
            }

            .timeline > li > .timeline-panel:after {
                position: absolute;
                top: 27px;
                right: -14px;
                display: inline-block;
                border-top: 14px solid transparent;
                border-left: 14px solid #fff;
                border-right: 0 solid #fff;
                border-bottom: 14px solid transparent;
                content: " ";
            }

        .timeline > li > .timeline-badge {
            color: #fff;
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 1.4em;
            text-align: center;
            position: absolute;
            top: 16px;
            left: 50%;
            margin-left: -25px;
            background-color: #999999;
            z-index: 98;
            border-top-right-radius: 50%;
            border-top-left-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;

}

    .timeline-sub {
        font-size: 16px;
        line-height: 1.5;
    }
.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
}