@import url('https://fonts.googleapis.com/css?family=Athiti|Bai+Jamjuree|Chakra+Petch|Charm|Charmonman|Chonburi|Fahkwang|Itim|K2D|Kanit|KoHo|Kodchasan|Krub|Maitree|Mali|Mitr|Niramit|Pattaya|Pridi|Prompt|Sarabun|Sriracha|Srisakdi|Taviraj|Thasadith|Trirong&display=swap');

body{
	/*
	background:#fff url(../images/bg.jpg) repeat fixed;
	*/
	color:#212121;
	font:14px/22px 'Roboto Condensed', sans-serif;
}

/* Standard Styles Starts */

a{
	color:#379fa7;
}
a:hover{
	color:#212121;
}
a:focus{
	outline:none;
}
h1, h2, h3, h4, h5, h6{
	font-family:'Roboto Condensed', sans-serif;
	color: #212121;
}
h1{
	font-size:38px;
}
h2{
	font-size:32px;
}
h3{
	font-size:26px;
}
h4{
	font-size:20px;
}
h5{
	font-size:18px;
}
h6{
	font-size:14px;
}
.main-heading{
	font-size:46px;
}
.main-heading span{
	font-size:18px;
	color:#878a8c;
}
.main-heading2{
	font-size:24px;
}
.main-heading, 
.main-heading2, 
.sub-heading{
	text-transform:uppercase;
}
.sub-heading{
	font-size:24px;
	padding:10px 0;
}

hr{
	border-color:#8c8f92;
}

/* Form & Buttons Styles Starts */

.btn-black {
	background-color: #212121;
}
.btn-black:hover, 
.btn-black:focus,
.btn-black:active,
.btn-black.active, 
.btn-main {
	background-color: #379fa7;
}
.btn-main:hover, 
.btn-main:focus,
.btn-main:active,
.btn-main.active {
	background-color: #212121;
}
.btn-black, 
.btn-black:hover, 
.btn-black:focus,
.btn-black:active,
.btn-black.active, 
.btn-main, 
.btn-main:hover, 
.btn-main:focus,
.btn-main:active,
.btn-main.active {
	color:#fff;
}

/* Header Area Styles Starts */

#header-area{
	background:rgba(255, 255, 255, 0.5);
}
	.header-top{
		border-bottom:1px solid #d1d5dd;
	}
	
/* Header Links Styles Starts */

		.header-links ul{
			margin:0;
			padding:0;
		}
			.header-links li{
				display:inline-block;
				font-size:13px;
				font-weight:bold;
				letter-spacing:1px;
			}
			.header-links li .fa{
				margin-right:3px;
			}
			.header-links li, 
			.header-links li a{
				color:#444444;
			}
			.header-links li a{
				padding:17px 15px 15px 0;
			}
			.header-links li a:hover, 
			.header-links li a:focus, 
			.header-links li.active a{
				background:none;
				color:#379fa7;
			}
			.msg{
				padding-top:16px;
				color:#379fa7;
				font-size:13px;
				font-weight:bold;
				letter-spacing:1px;				
			}
			
/* Currency & Languages Drop Down Styles Starts */

	.header-top .btn-link{
		margin-top:12px;
		font-size:13px;
		font-weight:bold;
		letter-spacing:1px;
		color:#444444;
		text-decoration:none;
	}
	.header-top .btn-link span, 
	.header-top .open .btn-link{
		color:#379fa7;
	}
	.header-top .open .btn-link span{
		color:#444;
	}
		.header-top .btn-link span, 
		.header-top .btn-link i.fa{
			margin-left:3px;
		}
		
/* Main Header & Search Styles Starts */

	.main-header{
		padding:10px 0;
	}
		#logo{
			
		}
		#search{
			margin:10px 0 0 0;
			background-color:#fff;
		}
		#search .input-group{
		}
			#search .input-group .form-control{
				background:none;
				border:solid #ddd;
				border-width:1px 0 1px 1px;
				color:#242424;
				-webkit-border-radius:0;
				   -moz-border-radius:0;
				        border-radius:0;
				-webkit-box-shadow:none;
				   -moz-box-shadow:none;
				     box-shadow:none;
			}
			#search .input-group .btn{
				background:none;
				border:solid #ddd;
				border-width:1px 1px 1px 0;
				color:#379fa7;
				-webkit-border-radius:0;
				   -moz-border-radius:0;
				        border-radius:0;
				-webkit-box-shadow:none;
				   -moz-box-shadow:none;
				     box-shadow:none;
			}
			#search .input-group .form-control, 
			#search .input-group .btn{
				height: 44px;
			}
			
/* Cart Style Starts */	

	#cart .btn{
		color:#fff;
		background:#379fa7;
		border:none;
		text-align:left;
		padding:10px 13px;
		margin:10px 0 0 0;
		font-size:15px;
		-webkit-border-radius:0;
		   -moz-border-radius:0;
				border-radius:0;
		-webkit-box-shadow:none;
		   -moz-box-shadow:none;
			 box-shadow:none;
	}
	#cart.open .btn{
		background:#379fa7;		
	}
		#cart .btn .fa-shopping-cart{
			line-height:none;
			font-size:24px;
			margin-right:10px;
		}
		#cart .btn span {
			letter-spacing:0.5px;
			font-weight:bold;		
			text-transform:uppercase;
		}
		#cart .btn span#cart-total{
			padding:0 8px 0 5px;
		}
		#cart .btn i.fa-angle-down{
			font-size:24px;
		}
		#cart .btn .fa-shopping-cart, 
		#cart .btn .fa-angle-down, 
		#cart .btn span{
			vertical-align:middle;
		}
		#cart .dropdown-menu {
			min-width: 100%;
			margin-top:10px;
			background:#242424;
			color:#fff;
			border:none;
			z-index: 1001;
			padding:5px;
			-webkit-border-radius:0;
			   -moz-border-radius:0;
					border-radius:0;
		}
		#cart .open > .dropdown-menu{
			display:block;
		}
		#cart .dropdown-menu table {
			margin-bottom: 10px;
		}
		#cart .dropdown-menu table, 
		#cart .dropdown-menu table td{
			background:none;
			border:none;
		}
		#cart .dropdown-menu table.hcart td, 
		.line-bottom{
			border-bottom:1px solid #54575b;
		}
		.line-top, 
		.btn-block1{
			border-top:1px solid #54575b;
		}
		#cart .btn-block1{
			padding:20px 0 0;
		}
		#cart .btn-block1 a{
			padding:8px 12px;
			margin-left:10px;
			text-transform:uppercase;
			font-size:12px;
			text-decoration:none;
		}
		#cart .btn-block1 a:hover, #cart .btn-block1 a + a{
			background:#379fa7;
			color:#fff;
		}
		#cart .btn-block1 a, #cart .btn-block1 a + a:hover{
			background:#fff;
			color:#252a2f;
		}
		#cart .dropdown-menu li > div {
			min-width: 427px;
			padding: 0 10px;
		}
		#cart .dropdown-menu li p {
			margin: 20px 0;
		}
		#cart .dropdown-menu table.total{
		}
		#cart .dropdown-menu table.total td{
			padding:2px 8px;
		}
		#cart .dropdown-menu table td a{	
			color:#379fa7;
		}
		#cart .dropdown-menu table td a:hover{
			color:#fff;
		}


/* Main Logo Style Start   */

	.facedu_logo .column {
		float: left;
		padding: 10px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
	.facedu_logo .left {
		padding-left: 0px;
	}

	.facedu_logo .right h2{
		font-family: 'Chakra Petch', sans-serif;
		font-size: 22pt;
		color:#379fa7;
		margin-top: 15px;
	}   
	.facedu_logo .right h3{
		font-family: 'Chakra Petch', sans-serif;
		font-size: 16pt;
		color: #444;
		margin: 0px;
	}
	.facedu_logo .row:after {
		content: "";
		display: table;
		clear: both;
	}	



/* Main Menu Styles Starts */

	#main-menu{
		background:#379fa7;
	}
	#main-menu.navbar{
		font-family: 'Chakra Petch', sans-serif;
		font-size: 10.5pt;
		margin:0;
		padding:0;
		border:none;
		-webkit-border-radius:0;
		   -moz-border-radius:0;
				border-radius:0;
	}
		#main-menu .navbar-nav > li{
		}
		#main-menu .navbar-nav > li + li{
		}
		#main-menu .navbar-nav > li a{
			color:#fff;
			text-transform:uppercase;
		}
		#main-menu .navbar-nav > li > a:hover, 
		#main-menu .navbar-nav > li > a:focus, 
		#main-menu .navbar-nav > li.open a{
			background:#eff1f1;
			color:rgb(8, 8, 8);
		}		
			#main-menu .dropdown-menu{
				background:#19B8C3;
				border:none;
				padding:0;
				-webkit-border-radius:0;
				   -moz-border-radius:0;
				        border-radius:0;
				-webkit-box-shadow:none;
				   -moz-box-shadow:none;
				     box-shadow:none;
			}
				#main-menu .dropdown-menu li a{
					color:#fff;
					font-size:15px;
					padding-top:6px;
					padding-bottom:6px;
					font-weight:normal;
				}
				#main-menu .dropdown-menu li:hover a{
					background:#379fa7;
					text-decoration:none;
				}
					#main-menu .dropdown-inner {
						display:table;
						padding-bottom:10px;
					}
						#main-menu .dropdown-inner ul {
							display:table-cell;
						}
						#main-menu .dropdown-inner .dropdown-header{
							font-size:15pt;
							text-transform:uppercase;
							color:#fff;
							padding:15px 0 10px 15px;
						}
						#main-menu .dropdown-inner li a {
							min-width:240px;
							display:block;
							padding:3px 20px;
							clear:both;
						}	
						

		
/* Main Container Styles Starts */		

	#main-container{
		margin-top:30px;
		margin-bottom:30px;
	}
	#main-container.home{
		margin-bottom:10px;
	}						
						
/* Breadcrumb Styles Starts */

	.breadcrumb{
		text-transform:uppercase;
		padding:10px 18px;
		border:1px solid #e8e8e8;
		background:rgba(255, 255, 255, 0.7);
		-webkit-border-radius:0;
		   -moz-border-radius:0;
				border-radius:0;
	}
		.breadcrumb li{
			color:#242424;
			font-size:13px;
		}
		.breadcrumb > li + li:before{
			content:"\00BB";
			color:#878a8c;
		}
		.breadcrumb li a{
			color:#242424;
		}
		.breadcrumb li a:hover, 
		.breadcrumb li a:focus, 
		.breadcrumb .active{
			color:#379fa7;
		}
		
/* Slider Section Styles Starts */

	.slider{
		margin-bottom:30px;
	}
	#main-carousel{
		
	}
	#main-carousel .carousel-control{
		background:none;
	}
	
/* Top Banner Starts */

.top-banners{
	margin:0;
}
	.top-banners li{
		margin-bottom:30px;
	}
	
/* Column Banner Styles Starts */

	.col1-banners, 
	.col2-banners, 
	.col3-banners{
		margin-bottom:20px;
	}
	
/* Products Box Styles Starts */

	.products-list{
		margin-bottom:15px;
	}
		.product-head{
			font-family: 'Niramit', sans-serif;
			padding: 14px 20px;
			margin:0 0 20px;
			font-size:24px;
			background:#252a2f;
			color:#fff;
			text-transform:uppercase;
		}
		.product-col{
			
			padding:15px 15px 10px;
			margin-bottom:20px;
			background:#fff;
			border:1px solid #e8e8e8;
			text-align:center;
		}
		.product-col.list{
			text-align:left;
		}
		.product-col.list .image{
			padding:10px 25px 10px 10px;
			float:left;
		}
		.product-col .caption{
			
			padding: 10px 0;
		}
		.product-col.list .caption{
			padding-top:10px;
		}
			.product-col h4{
				font-family: 'Chakra Petch', sans-serif;
				font-size:16px;
			}
			.product-col h4, 
			.product-col h4 a{
				color:#292d30;
			}
			.product-col h4 a:hover, 
			.product-col h4 a:focus{
				color:#379fa7;
			}
			.product-col .description{
				padding:5px 0;
				font-size:12px;
				line-height:18px;
				text-align:justify;
				color:#8b8b8b;
			}
			.product-col.list .description{
				padding-right:20px;
			}
			.product-col .price{
				padding:5px 0;
			}
				.product-col .price .price-tax{
					font-size:14px;
					color:#212121;
					text-transform:uppercase;
				}
				.product-col .price span.price-new{
					color:#379fa7;
					font-size:24px;
					padding-right:5px;
				}
				.product-col .price span.price-old{
					font-size:18px;
					color:#7e7e7e;
					text-decoration:line-through;
				}
			.product-col .cart-button{
			}
				.product-col .cart-button .btn{
					margin-top:10px;					
					-webkit-border-radius:0;
					   -moz-border-radius:0;
				            border-radius:0;
				}
				.product-col .btn-wishlist, 
				.product-col .btn-compare{
					margin-left:3px;					
					color:#379fa7;
					background:#fff;
					border:1px solid #c9c9c9;
				}
				.product-col .btn-wishlist:hover, 
				.product-col .btn-compare:hover{
					color:#fff;
					background:#379fa7;
					border-color:#379fa7;
				}
				.product-col .btn-cart{
					font-size:14px;
					color:#fff;
					background-color:#379fa7;
					border:none;
					text-transform:capitalize;
				}
				.product-col .btn-cart .fa{
					margin-right:5px;
					padding:10px;
				}
				.product-col .btn-cart .fa, 
				.product-col .btn-cart:hover{
					background:#212121;
				}
				.product-col .cart-button.button-group .btn-cart{
					padding:5px 14px;
					font-size:17px;
				}
				.product-col .cart-button.button-group .btn-cart .fa {
					margin-left:0;
					padding:0;
					background:none;
				}
	
/* Shopping Cart Page Styles Starts */

	.shopping-cart-table{
		margin-top:30px;
		background:#fff;
		text-transform:uppercase;
	}
		.shopping-cart-table thead > tr > td{
			font-size:15px;
			font-weight:600;
			border-bottom:none;
		}
		.shopping-cart-table tbody > tr > td{
			font-size:16px;
		}
		.shopping-cart-table tbody > tr > td a:hover{
			color:#252a2f;
		}
		
/* Compare Page Styles Starts */

	.compare-table{
		margin-top:30px;
		background:#fff;
		text-transform:uppercase;
	}
		.compare-table thead{
			background:#f9f9f9;
		}
		.compare-table thead > tr > td{
			font-size:15px;
			font-weight:600;
			border-bottom:none;
		}
		.compare-table tbody > tr > td{
			font-size:14px;
		}
		.compare-table tbody > tr > td a:hover{
			color:#252a2f;
		}
		.compare-table td{
			text-align:center;
		}
		.compare-table .rating .fa-star{
			color:#379fa7;
		}
	
/* Login & Registration Section Styles Starts */

	.login-area{
		padding-top:30px
	}
	.registration-area{
		padding-top:20px;
	}
	.panel-smart{
		padding:20px;
		background:rgba(255, 255, 255, 0.7);
		border:1px solid #e8e8e8;
		-webkit-border-radius:0;
		   -moz-border-radius:0;
				border-radius:0;
	}
		.panel-smart .panel-heading{
			font-family: 'Sarabun', sans-serif;
			padding:5px 0 15px 0;
			color:#252a2f;
			border-bottom:1px solid #929497;
		}
		.panel-smart h3.panel-title{
			font-family: 'Sarabun', sans-serif;
			font-size:24px;
		}
		.panel-smart .panel-body{
			font-family: 'Sarabun', sans-serif;
			padding:20px 0 0;
		}
	.registration-area .inner{
		margin-top:30px;
		margin-bottom:20px;
	}
	.registration-area .control-label{
		color:#8b8b8b;
		font-weight:600;
	}
	.registration-area .form-control, .registration-area .btn{
		-webkit-border-radius:0;
		   -moz-border-radius:0;
		        border-radius:0;
	}
	.registration-area .dl-horizontal{
	}
		.registration-area .dl-horizontal dt{
			font-weight:normal;
		}
		.registration-area .dl-horizontal dd{
			font-weight:bold;
		}
		.registration-area .dl-horizontal dt, .registration-area .dl-horizontal dd{
			margin-bottom:5px;
		}
	.registration-area .dl-horizontal.total{
		color:#379fa7;
		font-size:18px;
	}
		.registration-area .dl-horizontal.total dt, 
		.registration-area .dl-horizontal.total dd{
			margin-bottom:0;
		}
	
/* Product Carousel Styles Starts */	
	
	.product-carousel .product-head{
	}
	.product-carousel .row{
		margin-left:-5px;
		margin-right:-5px;
	}
	.product-carousel .col-xs-12{
		padding-left:0;
		padding-right:0;
	}
    #owl-product .item{
		padding-left:5px;
		padding-right:5px;
    }
	#owl-product .owl-controls{
		margin:0;
	}
		#owl-product .owl-controls .owl-buttons div{
			position:absolute;
			background:none;
			font-size:26px;
		}	
		#owl-product .owl-controls .owl-buttons .owl-prev, 
		#owl-product .owl-controls .owl-buttons .owl-next{
			top:-61px;
			color:#fff;
		}
		#owl-product .owl-controls .owl-buttons .owl-prev{
			right:60px;
		}	 
		#owl-product .owl-controls .owl-buttons .owl-next{
			right:20px;
		}		
	
/* Category Intro Content Styles Starts */

	.cat-intro{
		padding-top:10px;
	}
		.cat-intro .img-thumbnail{
			-webkit-border-radius:0;
			   -moz-border-radius:0;
					border-radius:0;
		}
		.cat-intro .cat-body{
			color:#8b8b8b;
			font-size:13px;
			padding-left:5px;
			text-align:justify;
		}
		
/* Product Filter Styles Starts */

	.product-filter{
		margin:30px 0;
		padding:8px 0;
		border:solid #d0d0d0;
		border-width:1px 0;
	}
		.product-filter .display{
			padding-top:5px;
		}
			.product-filter .display a{
				color:#2f353b;
				font-size:24px;
				margin-right:6px;
			}
			.product-filter .display a.active{
				color:#379fa7;
			}
		.product-filter .control-label{
			padding-top:5px;
			font-size:18px;
			font-weight:normal;
		}
		.product-filter .form-control{
			height:30px;
			padding:3px 6px;
			-webkit-border-radius:0;
			   -moz-border-radius:0;
					border-radius:0;
		}
		
/* Side Products Lists Styles Starts */

.side-products-list{
	margin:0 0 20px;
	padding:0;
	list-style:none;
	border:1px solid #ddd;
}
.side-products-list li{
	padding:10px 15px;
}
.side-products-list li + li{
	border-top:1px solid #ddd;
}
	.side-products-list h5{
		margin-bottom:7px;
		font-size:16px;
	}
	.side-products-list h5 a{
		color:#252a2f;
	}
	.side-products-list h5 a:hover{
		color:#379fa7;
	}
	.side-products-list img{
		margin-right:15px;
	}
	.side-products-list img, 
	.side-products-list h5,
	.side-products-list .price{
		float:left;
	}
	.side-products-list .price span.price-new{
		color:#379fa7;
		font-size:18px;
		padding-right:5px;
	}
	.side-products-list .price span.price-old{
		font-size:14px;
		color:#808080;
		text-decoration:line-through;
	}
		
/* Product Page Styles Starts */
	
	.product-info{
		padding-top:10px;
	}
		.product-info .images-block{
		}
		.product-info .images-block .thumbnail{
			padding:10px;
			-webkit-border-radius:0;
			   -moz-border-radius:0;
					border-radius:0;
		}
		.product-info.full .images-block .list-inline{
			margin-left:-5px;
		}
		.product-info.full .images-block .list-inline li{
			padding-left:5px;
			padding-right:5px;
		}
		.product-info .images-block .list-inline{
			margin-left:-2px;
		}
		.product-info .images-block .list-inline li{
			padding-left:2px;
			padding-right:2px;
		}
		.product-info .images-block .list-inline .thumbnail{
			padding:5px;
		}
		.product-info .product-details{
		}
		.product-info .product-details h2{
			margin-top:0;
			font-size:24px;
		}
		.product-info .product-details h3{
			font-size:22px;
		}
		.product-info .product-details h2, .product-info .product-details h3{
			text-transform:uppercase;
		}
		.product-info .product-details .manufacturer{
			color:#808080;
			text-transform:uppercase;
		}
			.product-info .product-details .manufacturer span{
				min-width:130px;
				display:inline-block;
				color:#2f353b;
			}
		.product-info .product-details .price{
		}
			.product-info .product-details .price-head{
				padding-right:10px;
				font-size:24px;
				color:#212121;
				text-transform:uppercase;
			}
			.product-info .product-details .price-tax{
				padding-top:5px;
				font-size:14px;
				color:#212121;
				text-transform:uppercase;
			}
			.product-info .product-details .price-new{
				color:#379fa7;
				font-size:24px;
				padding-right:5px;
			}
			.product-info .product-details .price-old{
				font-size:18px;
				color:#212121;
				text-decoration:line-through;
			}
		.product-info .product-details .options{
		}
			.product-info .product-details .options h3{
				margin-bottom:20px;
			}
			.product-info .product-details .options h6{
				font-weight:700;
			}
			.product-info .product-details .cart-button{
			}
				.product-info .product-details .cart-button .btn{
					-webkit-border-radius:0;
					   -moz-border-radius:0;
							border-radius:0;
				}
				.product-info .product-details .btn-wishlist, 
				.product-info .product-details .btn-compare{
					color:#fff;
					background:#303030;
					margin-right:3px;
				}
				.product-info .product-details .btn-wishlist:hover, 
				.product-info .product-details .btn-compare:hover, 
				.product-info .product-details .btn-cart{
					background:#379fa7;
				}
				.product-info .product-details .btn-cart{
					font-size:14px;
					color:#fff;
					text-transform:uppercase;
				}
				.product-info .product-details .btn-cart:hover{
					color:#fff;
					background:#379fa7;
				}
	.tab-pane{
		padding-top:10px;
	}
	.product-info-box + .product-info-box{
		padding-top:30px;
		
	}
		.product-info-box .heading{		
			font-family: 'Chakra Petch', sans-serif;	
			padding:13px 20px;
			font-size:18pt;
			color:#379fa7;
			text-transform:uppercase;
			background:#fff;
			border-top:1px solid #e8e8e8;
			border-right:1px solid #e8e8e8;
			border-bottom:4px solid #379fa7;
			border-left:1px solid #e8e8e8;
		}
		.product-info-box .content{
			color:#212121;
			font-size:13px;
		}
		
/* Tabs Styles Starts */

	.tabs-panel{
		margin-top:20px;
		font-family: 'Chakra Petch', sans-serif;
	}
	.tabs-panel.panel-smart{
		padding:0;
	}
		.tabs-panel .nav-tabs{
			text-transform:uppercase;
			font-size:14pt;
			border-bottom:4px solid #379fa7;
		}
		.tabs-panel .nav-tabs > li{
			margin-bottom:0;
		}
		.tabs-panel .nav-tabs > li > a{
			color:#379fa7;
			margin:0; 
		}
		.tabs-panel .nav-tabs > li > a, 
		.tabs-panel .btn, 
		.tabs-panel .form-control{
			-webkit-border-radius:0;
			   -moz-border-radius:0;
			        border-radius:0;
		}
		.tabs-panel .nav-tabs > li.active > a, 
		.tabs-panel .nav-tabs > li.active > a:hover, 
		.tabs-panel .nav-tabs > li.active > a:focus, 
		.tabs-panel .nav > li > a:hover, 
		.tabs-panel .nav > li > a:focus{
			background:none;
		}
		.tabs-panel .nav-tabs > li > a, 
		.tabs-panel .nav-tabs > li.active > a, 
		.tabs-panel .nav-tabs > li.active > a:hover, 
		.tabs-panel .nav-tabs > li.active > a:focus, 
		.tabs-panel .nav-tabs > li > a:hover{
			border:none;
		}
		.tabs-panel .nav-tabs > li.active, 
		.tabs-panel .nav-tabs > li.active > a{
			background:#379fa7;
			color:#fff;
		}
		.tabs-panel .nav-tabs > li > a:hover{
			background:#f4f4f4;
		}
		.tabs-panel .tab-content{
			padding:20px;
			font-size:13px;
		}
		.tabs-panel label.control-label{
			text-transform:uppercase;
			font-weight:normal;
		}
		.tabs-panel label.control-label.ratings{
			padding-top:1px;
		}
		.tabs-panel .btn{
			margin-left:-10px;
		}
		
/* Pagination Styles Starts */

	.pagination{
		margin:0; 
	}
		.pagination > li > a{
			color:#444c53;
		}
		.pagination > li:first-child > a, 
		.pagination > li:first-child > span,
		.pagination > li:last-child > a, 
		.pagination > li:last-child > span{
			-webkit-border-radius:0;
			   -moz-border-radius:0;
					border-radius:0;
		}
		.pagination > .active > a, 
		.pagination > .active > span, 
		.pagination > .active > a:hover, 
		.pagination > .active > span:hover, 
		.pagination > .active > a:focus, 
		.pagination > .active > span:focus{
			background:#379fa7;
			border-color:#379fa7;
		}
	.results{
		padding-top:10px;
		text-align:right;
	}
		
/* Page Content Styles Starts */

	.page-box{
		
		color:#8b8b8b;
		font-size:13px;
		margin-bottom:40px;
	}
		.page-box h3{
			font-family: 'Chakra Petch', sans-serif; 
			margin:5px 0 15px;
			font-size:20pt;
			color:#252a2f;
		}
		.page-box h3, .page-box h4{
			text-transform:uppercase;		
		}
		.page-box h4{
			margin:15px 0 15px;
			color:#808080;
			font-family: 'Niramit', sans-serif;
			font-size:18px;
		}
		.page-box .sm-links{
			margin-bottom:20px;
		}
			.page-box .sm-links li{
				background:#252424;
				width:34px;
				text-align:center;
				padding:5px 0 4px;
				margin:0 0 0 4px;
			}
			.page-box .sm-links li:hover {
				background:#379fa7;
			}
				.page-box .sm-links li a .fa{
					color:#fff;
					font-size:24px;
				}
				
/* Content Box Styles Starts */

	.content-box{
		margin-top:20px;
		padding:30px;
		background:rgba(255, 255, 255, 0.7);
		border:1px solid #e9e9e9;		
	}
		.content-box .special-heading{
			font-size:100px;
			color:#379fa7;
			margin-top:0;
			margin-bottom:30px;
		}
		
/* Map Wrapper Styles Starts */

	#map-wrapper{
		border:1px solid #feffff;
		margin:20px 0;
		height:250px;
	}
		
/* Sidebar Styles Stars */

	.side-heading{
		font-family: 'Niramit', sans-serif;
		margin-top:0;
		padding:12px 20px;
		font-size:24px;
		text-transform:uppercase;
		color:#fff;
		background:#379fa7;
	}
	.list-group, 
	.list-group-item:first-child, 
	.list-group-item:last-child{
		-webkit-border-radius:0;
		   -moz-border-radius:0;
		        border-radius:0;
	}
	.list-group-item{
		color:#222222;
		font-family: 'Niramit', sans-serif;
		font-size:11pt;
		text-transform:uppercase;
		font-weight:bold;
	}
	.list-group.categories a.list-group-item:hover, 
	.list-group.categories a.list-group-item:focus {
		background-color:#379fa7;
	}
	.list-group.categories a.list-group-item:hover, 
	.list-group.categories a.list-group-item:focus, 
	.list-group.categories a.list-group-item:hover .fa, 
	.list-group.categories a.list-group-item:focus .fa {
		color:#fff;
	}
	.list-group-item .fa{
		font-size:12px;
		padding-right:6px;
		color:#379fa7;
	}
	.filter-group{
		margin-left:20px;
	}
	
/* Blockquote Styles Starts */

	.panel-smart blockquote{
		margin:0;
		padding:5px 15px;
		color:#8b8b8b;
		font-size:13px;
		border:none;
	}
	.panel-smart blockquote footer{
		padding-top:10px;
		color:#252a2f;
		font-size:14px;
	}
	
/* Contact Details Box Styles Starts */
	
	.contact-details li + li{
		margin-top:20px;
	}
	.contact-details li .fa{
		color:#379fa7;
		padding:5px 10px 0 0;
		font-size:18px;
	}

/* Footer Links Styles Starts */

	.footer-links{
		padding:20px 0;		
		border-top:1px solid #cdcdcd;
		background-color:#f8f8f8;
	}
		.footer-links h5{
			font-family: 'Chakra Petch', sans-serif;
			font-size: 12pt;
			margin-top:0;
			margin-bottom:10px;
			color:#379fa7;
			text-transform:uppercase;
		}
		.footer-links ul{
			list-style:none;
			margin:0;
			padding:0;
		}
			.footer-links li{
				padding:5px 0;
				font-family: 'Chakra Petch', sans-serif;
			}
			.footer-links li + li{
				border-top:1px solid #bdbdbd;
			}
			.footer-links .last li +li{
				border:none;
			}
				.footer-links li, 
				.footer-links li a{
					color:#212121;
				}
				.footer-links li a:hover, 
				.footer-links .last li a{
					color:#379fa7;
				}
				.footer-links .last h4.lead{
					font-size:24px;
					margin-bottom:0;
					font-weight: normal;
					color:#379fa7;
				}
				.footer-links .last h4.lead span{
					color:#151515;
				}

/* Copyright Styles Starts */

	.copyright{
		background:#1b1b1b;
		padding:18px 0;
		color: #fff;
	}
		.copyright span, 
		.copyright a, 
		.copyright a:hover {
			color:#379fa7;
		}
		.copyright p{
			padding-top:4px;
		}
		.copyright p, 
		.copyright ul {
			margin-bottom:0;
		}
		
/* Genric Styles Starts */

.btn, 
.btn-main, 
.btn-black, 
.btn-block1 a, 
.product-col .btn-cart {
	-webkit-transition: all 0.5s ease-out;
	   -moz-transition: all 0.5s ease-out;
		 -o-transition: all 0.5s ease-out;
			transition: all 0.5s ease-out;
}	
/* jd_iconhome */
:root{
    --color1: #379fa7;
    --color2: #da723c;
    --color3: #aa8976;
    --color4: #70af85;
}

.serviceBox{
    color: #555;
    font-family:'Roboto Condensed', sans-serif;
    text-align:center;
    padding: 0 10px;
    position: relative;
    z-index: 1;
}

.serviceBox .service-icon{
    color: var(--color1);
    background: #fff;
    font-size: 40px;
    line-height: 90px;
    height: 110px;
    width: 110px;
    margin: 0 auto 30px;
    border: 10px solid var(--color1);
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0,0,0,0.6);
    position: relative;
    transition: all 0.3s;
}

.serviceBox .service-icon i{
    transform: rotateY(0deg);
    transition: all 0.3s ease 0s;
}

.serviceBox:hover .service-icon i{ transform: rotateY(360deg); }

.serviceBox .service-icon:before{
    content: "";
    background: linear-gradient(to right , var(--color1) 49%, transparent 50%);
    width: 122%;
    height: 150%;
    border-radius: 50%;
    transform: translateX(-50%) rotateY(180deg);
    position: absolute;
    top: -10px;
    left: 50%;
    z-index: -1;
    transition: all 0.3s;
}

.serviceBox:hover .service-icon:before{ transform: translateX(-50%) rotateY(0); }

.serviceBox .title{
    color: var(--color1);
	font-family: 'Prompt', sans-serif;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 10px;
}

.serviceBox .description{
    font-size: 15px;
    line-height: 25px;
}

.serviceBox.magenta .service-icon{
    color: var(--color2);
    border-color: var(--color2);
}
.serviceBox.magenta .service-icon:before{
    background: linear-gradient(to right,var(--color2) 49%, transparent 50%);
}
.serviceBox.magenta .title{ color: var(--color2); }

.serviceBox.orange .service-icon{
    color: var(--color3);
    border-color: var(--color3);
}
.serviceBox.orange .service-icon:before{
    background: linear-gradient(to right,var(--color3) 49%, transparent 50%);
}
.serviceBox.orange .title{ color: var(--color3); }

.serviceBox.blue .service-icon{
    color: var(--color4);
    border-color: var(--color4);
}
.serviceBox.blue .service-icon:before{
    background: linear-gradient(to right,var(--color4) 49%, transparent 50%);
}
.serviceBox.blue .title{ color: var(--color4); }

@media only screen and (max-width:990px){
    .serviceBox{ margin: 0 0 30px; }
}

/* jd staff */
.serviceBox{
    text-align: center;
    margin:20px 0 30px 0;
}

.serviceBox .service-image > a > img{
    width: 180px;
    height:auto;
    border-radius: 50%;
    transition: all 0.2s ease-in-out 0s;
}

.serviceBox .service-content h3{
    text-transform: uppercase;
	font-family: 'Prompt', sans-serif;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 1.25px;
    margin-bottom: 16px;
    color:#373e44;
    transition: all 0.21s ease 0s;
}

.serviceBox .service-content p{
    padding: 0 35px;
    color:#616161;
    line-height: 1.7;
}

.serviceBox .read{
    margin-top: 20px;
}

.serviceBox .read > a{
    text-transform: uppercase;
    color:#dc005a;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    text-decoration: none;
    position: relative;
    transition: all 0.16s ease 0s;
}

.serviceBox .read > a:hover:after{
    content: "\f061";
    font-family: "Font Awesome 5 Free"; font-weight: 900;
    font-size: 8px;
    position: absolute;
    right:-13px;
    top:0px;
}

.serviceBox:hover .service-image > a > img{
    padding: 8px;
    border: 3px solid #379fa7;
    transition: all 0.2s ease-in-out 0s;
}

.serviceBox:hover .service-content h3,
.serviceBox:hover .read > a{
    color:#379fa7;
}



/* Tcas carlendar */

.nav-tabs {
	border-bottom: none;
	position: relative;
	margin-bottom: -1px;
  }
  .tab-content {
	border: 1px solid #e8e8e8;
	padding: 15px;
	margin-bottom: 20px;
  }
  .nav-tabs > li > a {
	border: 1px solid #e8e8e8;
	border-bottom: none;
	background: #f5f5f5;
	padding: 5px 15px;
	margin-right: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	color: #444;
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-ms-transition: all 0s;
	-o-transition: all 0s;
	  font-family: 'Pridi', serif;
	  font-size: 14pt;
	  font-weight:normal;
	  
  }
  .nav-tabs > li {
	
	margin-right: 4px; /* ระยะห่างระหว่าง teb */
  }
  .nav-tabs > li.active {
	border-top: 3px solid #379fa7; /* กำหนดสีบน teb */
  }
  .nav-tabs > li.active a,
  .nav-tabs > li.active a:hover,
  .nav-tabs > li.active a:active,
  .nav-tabs > li.active a:focus {
  
	border-bottom: 0;
	border-top: 0;
  }
  
  .has-divider {
	border-bottom: 1px dotted #e8e8e8;
	padding-bottom: 10px;
	margin-bottom: 10px;
  }
  
  .row-divider {
	border-bottom: 1px dotted #e8e8e8;
	padding: 10px 0;
  }
  
  .tabin-date-label {
	background: #f5f5f5;
	display: inline-block;
	width: 50px;
	height: 70px;
	text-align: center;
	font-size: 13px;
  }
  .tabin-date-label .month {
		background: #6f7a9f;
		color: #fff;
		display: block;
	  -webkit-border-top-left-radius: 5px;
	  -webkit-border-top-right-radius: 5px;
	  -moz-border-radius-topleft: 5px;
	  -moz-border-radius-topright: 5px;
	  border-top-left-radius: 5px;
	  border-top-right-radius: 5px;
	  ont-family: 'Maitree', serif;
	  font-size: 14pt;
  }
  .tabin-date-label .date-number {
	  
	clear: left;
	display: block;
	padding-top: 5px;
	  -webkit-border-bottom-right-radius: 3px;
	  -webkit-border-bottom-left-radius: 3px;
	  -moz-border-radius-bottomright: 3px;
	  -moz-border-radius-bottomleft: 3px;
	  border-bottom-right-radius: 3px;
	  border-bottom-left-radius: 3px;
	  font-family: 'Maitree', serif;
	  font-size: 16pt;
	  font-weight: 200;
	  color: dimgrey;
  }
  
  
  .tabin-data-detail{
	  margin: 0px;
  }
  .tabin-data-detail h3{
	  font-family: 'Itim', cursive;
	  
  }
  .tabin-data-detail .tabdesc {
	  font-family: 'Maitree', serif;
		font-size: 12pt;
	  font-weight: 500;
	  padding: 0px;
	  margin: 0px;
  }
  .tabin-data-detail .tabcby{
	  font-family: Tahoma, "Microsoft Sans Serif";
	  /*font-family: 'Maitree', serif;
	   font-size: 0.95em; */
	  font-size: 12px;
	  color: rgba(179,179,179,1.00)
  }
  
/* Tcas carlendar END */

:root{
    --color_1: #379fa7;
    --color_2: #9b59b6;
    --color_3: #00b894;
    --color_4: #c44569;
}
.serviceBoxx{
    font-family: 'Prompt', sans-serif;
    text-align: center;
    padding: 20px 0 0 ;
    position: relative;
}

.serviceBoxx:before{
    content: '';
    background-color: var(--color_1);
    height: 100px;
    width: 100%;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 20px;
}

.serviceBoxx .service-iconx{
    color: var(--color_1);
	font-family: 'Prompt', sans-serif;
    font-size: 50px;
    line-height: 100px;
    width: 100px;
    height: 100px;
    margin: 0 auto 35px;
    position: relative;
    z-index: 1;
}

.serviceBoxx .service-iconx:before{
    content: '';
    background-color: #fff;
    height: 100%;
    width: 100%;
    border-radius: 5px;
    border: 5px solid var(--color_1);
    box-shadow: 0 0 10px #555;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
}

.serviceBoxx .service-iconx i.fa{ transition: all 0.3s; }

.serviceBoxx:hover .service-iconx i.fa{ transform: rotateY(360deg); }

.serviceBoxx .title{
    color: var(--color_1);
	font-family: 'Prompt', sans-serif;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0 0 10px;
    display: block;
}

.serviceBoxx .description{
    font-size: 15px;
    line-height: 27px;
    margin: 0;
}

.serviceBoxx.purple:before{ background-color: var(--color_2); }
.serviceBoxx.purple .service-iconx{ color: var(--color_2); }
.serviceBoxx.purple .service-iconx:before{ border-color: var(--color_2); }
.serviceBoxx.purple .title{ color: var(--color_2); }

.serviceBoxx.green:before{ background-color: var(--color_3); }
.serviceBoxx.green .service-iconx{ color: var(--color_3); }
.serviceBoxx.green .service-iconx:before{ border-color: var(--color_3); }
.serviceBoxx.green .title{ color: var(--color_3); }

.serviceBoxx.magenta:before{ background-color: var(--color_4); }
.serviceBoxx.magenta .service-iconx{ color: var(--color_4); }
.serviceBoxx.magenta .service-iconx:before{ border-color: var(--color_4); }
.serviceBoxx.magenta .title{ color: var(--color_4); }

@media only screen and (max-width:990px){
    .serviceBoxx{ margin: 0 0 30px; }
}