.container{
	width:1200px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, 
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, 
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, 
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, 
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, 
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, 
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, 
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, 
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, 
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, 
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, 
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12,
.container,
.container-fluid{
	padding-left:10px; 
	padding-right:10px;
}
.row{
	margin-left:-10px; 
	margin-right:-10px;
}


.row-0{margin: 0;}
.row-0 > div{padding: 0;}


.row-table{display: table; width: 100%;}
.row-table > div{display: table-cell; vertical-align: middle;}
.row-table .col{width: auto;}
.row-table .col-auto{width: 1%;}
.row-table.vlign-top > div{vertical-align: top;}


body{
	font-family: 'Kanit', sans-serif;
	font-weight: 400;
	background-color: #fff;
	font-size: 18px;
	color: #2d2f33;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
img{max-width: 100%;}


.btn,
.link{
	-webkit-transition:All 300ms ease;
    -moz-transition:All 300ms ease;
    -o-transition:All 300ms ease;
}
.link:focus,
.link:hover{text-decoration: none;}

.editor-content{font-weight: 200; color: #2d2f33; font-size: 16px; line-height: 1.6em;}
.editor-content ul{padding-left: 30px;}



.site-header{position: fixed; top: 0; width: 100%; z-index: 300;
    -moz-box-shadow:    0 0 5px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
    box-shadow:         0 0 5px rgba(0,0,0,0.1);
}
.site-header .topbar{height: 40px; background-color: #e4b950;}
.site-header .topbar .row-table{height: 40px;}
.site-header .topbar .desc{margin: 0; color: #fff; text-align: right; padding-right: 20px;}
.site-header .topbar-lang{width: 63px;float: right;}
.site-header .topbar-lang a{float: left; margin-left: 5px;}
.site-header .topbar-lang img{float: left;}
.site-header .main{background-color: #FFFFFF; height: 100px; padding: 0;}
.site-header .brand img{height: 100px;}
.site-header .social{text-align: right; position: absolute; top: 15px; right: 10px;}
.site-header .social .link{color: #e4b950; font-size: 18px;}
.site-header .social .link + .link{margin-left: 12px;}
.site-header .social .link:hover{color: #e4b950;}
.site-header .social .fa-instagram{font-size: 22px; position: relative; top: 2px;}

.site-header .main-nav{padding: 40px 0 0 0;}
.site-header .main-nav ul{margin: 0; padding: 0; text-align: right;}
.site-header .main-nav li{display: inline-block; list-style: none;}
.site-header .main-nav li + li{margin-left: 36px;}
.site-header .main-nav .link{color: #121212; font-size: 19px;}
.site-header .main-nav .link:hover{color: #e4b950;}
.site-header .main-nav .active .link{color: #966b01;}

.site-header .dropdown-menu{display: block; visibility: hidden; opacity: 0; min-width: 200px; margin-top: 20px; border: none; padding: 0;
    -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.1);
    box-shadow: 0 5px 5px rgba(0,0,0,0.1);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition:All 300ms ease;
    -moz-transition:All 300ms ease;
    -o-transition:All 300ms ease;
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
}
.site-header .dropdown-menu li{padding: 0;float: left;}
.site-header .dropdown-menu li + li{border-top: 1px solid #ebebeb;margin-left: 0px;}
.site-header .dropdown-menu .link{display: block; padding: 8px 15px; font-weight: 100; font-size: 26px; color: #333;}
.site-header .dropdown-menu .link:hover{background-color: #0977c3; color: #fff;}
.site-header .dropdown-menu .active .link{width:100%;}
.site-header .dropdown.open .dropdown-menu{visibility: visible; opacity: 1; margin-top: 0;}


.site-header{
    -webkit-transition:All 300ms ease;
    -moz-transition:All 300ms ease;
    -o-transition:All 300ms ease;
}
.site-header .brand img{
    -webkit-transition:All 300ms ease;
    -moz-transition:All 300ms ease;
    -o-transition:All 300ms ease;
}
.site-header .social{
    -webkit-transition:All 300ms ease;
    -moz-transition:All 300ms ease;
    -o-transition:All 300ms ease;
}
.site-header .main-nav{
    -webkit-transition:All 300ms ease;
    -moz-transition:All 300ms ease;
    -o-transition:All 300ms ease;
}
/*.site-header.tiny{height: 100px;}
.site-header.tiny .brand img{height: 80px;}
.site-header.tiny .social{top: 5px;}
.site-header.tiny .main-nav{padding: 40px 0 0 0;}*/

/*.site-header.-style2{}
.site-header.-style2 .brand{position: absolute; left: 50%; top: 10px; transform: translate(-50%, 0);}
.site-header.-style2 .main-nav{padding-top: 25px;}
.site-header.-style2 .main-nav ul{text-align: center;}
.site-header.-style2 .main-nav li:nth-child(5){margin-left: 300px;}

@media (max-width: 1199px) {
    .site-header.-style2 .brand{top: 5px;}
    .site-header.-style2 .main-nav{padding-top: 20px;}
}*/

.menu-mobile-btn{text-align: right; display: none;}
.menu-mobile-btn .btn-mobile{display: inline-block; width: 20px; height: 16px; position: relative; margin-top: 17px;}
.menu-mobile-btn .btn-mobile .bar{position: absolute; width: 100%; height: 2px; left: 0; background-color: #e4b950; margin: auto;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition:All 400ms ease;
    -moz-transition:All 400ms ease;
    -o-transition:All 400ms ease;
}
.menu-mobile-btn .btn-mobile .bar:nth-child(1){top: 0;}
.menu-mobile-btn .btn-mobile .bar:nth-child(2){top: 0; bottom: 0;}
.menu-mobile-btn .btn-mobile .bar:nth-child(3){top: 0; bottom: 0;}
.menu-mobile-btn .btn-mobile .bar:nth-child(4){bottom: 0;}
.menu-mobile-btn .btn-mobile.close{opacity: 1;}
.menu-mobile-btn .btn-mobile.close .bar:nth-child(1){top: 0; opacity: 0;}
.menu-mobile-btn .btn-mobile.close .bar:nth-child(2){top: 0; bottom: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.menu-mobile-btn .btn-mobile.close .bar:nth-child(3){top: 0; bottom: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
.menu-mobile-btn .btn-mobile.close .bar:nth-child(4){bottom: 0; opacity: 0;}

.site-container{margin-top: 140px;}

.site-footer{position: relative; z-index: 100; overflow: hidden;}
.site-footer .main{background-color: #c4912b; padding: 60px 0 80px 0;}
.site-footer .footbar{background-color: #2d2f33; padding: 24px 0; text-align: center; color: #fff; font-weight: 300;}
.site-footer .footbar .link{color: #fff;}
.site-footer .footbar .link:hover{color: #ff0000;}
.site-footer .footer-contact .brand{margin-bottom: 5px;}
.site-footer .footer-contact .title{margin: 0 0 20px 0; font-weight: 500; color: #fff; font-size: 26px;}
.site-footer .footer-contact address{color: #fff; font-weight: 300; font-size: 18px; line-height: 1.2em; margin: 0 0 8px 0;}
.site-footer .footer-contact .info{color: #fff; font-weight: 300; font-size: 18px;}
.site-footer .footer-contact .info .link{color: #fff;}
.site-footer .footer-contact .info .link:hover{opacity: 0.5;}
.site-footer .footer-sitemap{}
.site-footer .footer-sitemap .title{margin: 0 0 40px 0; font-weight: 500; color: #fff; font-size: 26px;}
.site-footer .footer-sitemap .item-list li + li{margin-top: 4px;}
.site-footer .footer-sitemap .item-list .link{color: #fff; font-weight: 300; font-size: 18px;}
.site-footer .footer-sitemap .item-list .link:hover{opacity: 0.5;}

.site-footer .footer-social .title{margin: 0 0 20px 0; font-weight: 500; color: #fff; font-size: 26px; text-align:right;}

.default-header{height: 400px; background-size: cover; background-position: center;}
.default-topbar{background-color: #f5f5f5; height: 80px;}
.default-topbar .title{padding: 23px 0; margin: 0; text-transform: uppercase; color: #2d2f33; font-weight: 200; font-size: 34px; line-height: 1em;}
.default-body{min-height: 600px; padding: 40px 0;background: url('../image/background/inside-block.jpg') top center no-repeat; background-color: #fff;}
.default-body .sidebar-nav{padding-right: 20px;}
.default-body .sidebar-nav ul{padding: 0; margin: 0;}
.default-body .sidebar-nav li{list-style: none;}
.default-body .sidebar-nav li + li{margin-top: 10px;}
.default-body .sidebar-nav .link{display: block; padding: 10px 40px 10px 20px;border-radius: 5px;position: relative; font-size: 16px; font-weight: 300; color: #ffffff; background-color: #e4b950;}
.default-body .sidebar-nav .link .icon{position: absolute; right: 20px; top: 15px; font-size: 16px;}
.default-body .sidebar-nav .link:hover{background: #c4912b;}
.default-body .sidebar-nav .active .link{color: #fff; background-color: #c4912b;}
.default-body .sidebar-nav-mobile{margin-bottom: 20px;}

.default-body .sidebar-mod{padding-left: 20px;}
.default-body .sidebar-mod > div + div{margin-top: 30px;}
.default-body .sidebar-mod .header{background-color: #c4912b; padding: 10px 15px; margin-bottom: 15px;}
.default-body .sidebar-mod .header .title{margin: 0; font-weight: 300; font-size: 18px; text-transform: uppercase; color: #fff; line-height: 1.2em;}
.default-body .sidebar-mod .mod-nav{padding: 0 15px; margin: 0;}
.default-body .sidebar-mod .mod-nav li{list-style: none;}
.default-body .sidebar-mod .mod-nav li + li{margin-top: 15px;}
.default-body .sidebar-mod .mod-nav .link{font-size: 14px; font-weight: 300; color: #666; line-height: 1.3em; display: inline-block;}
.default-body .sidebar-mod .mod-nav .active .link{color: #e4b950;}
.default-body .sidebar-mod .mod-nav .link:hover{color: #2d2f33;}
.default-body .sidebar-mod .mod-newsletter .form-group{margin-bottom: 10px; position: relative;}
/*.default-body .sidebar-mod .mod-newsletter .icon{position: absolute; top: 15px; left: 15px; color: #2d2f33; font-size: 15px;}
.default-body .sidebar-mod .mod-newsletter .form-control{padding-left: 40px;}*/
.default-body .sidebar-mod .mod-newsletter .btn{width: 100%;}


.breadcrumb{border-radius: 0; background-color: transparent; float: right; padding: 28px 0; margin: 0;}
.breadcrumb li,
.breadcrumb a{font-size: 16px; color: #999; font-weight: 300;}
.breadcrumb a:hover{text-decoration: none; color: #2d2f33;}
.breadcrumb li.active{color: #2d2f33;}
.breadcrumb > li + li:before{color: #aaa; position: relative; top: 1px; padding: 0 2px;}



/*----- whead -----*/
.whead{margin-bottom: 30px;}
.whead-title{margin: 0; font-size: 46px; font-weight: 200; text-align: center; color: #121212;}
.whead-titledesc{margin: 0; font-size: 18px; font-weight: 200; text-align: center; color: #b3871b;}


/*----- item list -----*/
.item-list figure{margin-bottom: 0;}
.item-list figure img{width: 100%;}
.item-list ul{margin: 0; padding: 0;}
.item-list li{list-style: none;}
.item-list a.link{position: relative; display: block;
	-webkit-transition:All 300ms ease;
    -moz-transition:All 300ms ease;
    -o-transition:All 300ms ease;
}
.item-list a.title{
	-webkit-transition:All 300ms ease;
    -moz-transition:All 300ms ease;
    -o-transition:All 300ms ease;
}
.item-list a.title:hover{color:#c4912b; text-decoration: none;}




/*----- form -----*/
.form-default .form-group{position: relative;}
.form-default .form-control{height: 44px; border-radius: 0; border-color: #ccc; box-shadow: none; font-weight: 300; color: #666; font-size: 15px; padding: 0 15px;
	-webkit-appearance: none;
    -webkit-transition:All 300ms ease;
    -moz-transition:All 300ms ease;
    -o-transition:All 300ms ease;
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
}
.form-default .has-icon{position: relative;}
.form-default .has-icon:after{content: ''; position: absolute; width: 1px; height: 44px; background-color: #ccc; top: 0; left: 43px;}
.form-default .has-icon .icon{position: absolute; top: 8px; left: 8px; color: #2d2f33; font-size: 15px; width: 28px; height: 28px; border:1px solid #ccc; border-radius: 50%; padding: 8px;
	-webkit-transition:All 300ms ease;
    -moz-transition:All 300ms ease;
    -o-transition:All 300ms ease;
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
}
.form-default .has-icon .form-control{padding-left: 52px;}
.form-default .form-control:focus ~ .icon{border-color: #2d2f33; background-color: #2d2f33; color: #fff;}
.form-default textarea.form-control:focus{border-color: #2d2f33;}

.select-control{width: 100%;}
.select-control:focus{outline: none;}
.select-control .select2{width: 100%;}
.select2-selection:focus{outline: none;}
.select2-container .select2-selection--single .select2-selection__rendered{padding-left: 10px;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 42px; padding-left: 15px; color: #666; font-weight: 300; font-size: 15px;}
.select2-container--default .select2-selection--single .select2-selection__arrow{top: 0; right: 12px; height: 44px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{border:none; margin-top: -6px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b:before{content: ''; position: absolute; top: 4px; width: 0; height: 0; 
	border-left: 5px solid transparent; 
	border-right: 5px solid transparent; 
	border-top: 6px solid #888;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:before{}
.select2-container--default .select2-selection--single{height: 44px; border:1px solid #ccc;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.select2-container--open .select2-dropdown{border-color: #ccc;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;   
}
.select2-container--default .select2-search--dropdown .select2-search__field{border-color: #ccc;}
.select2-search--dropdown{padding: 6px;}
.select2-search--dropdown .select2-search__field{padding: 4px 8px; color: #666; font-size: 18px;}




/*----- pagination -----*/
.pagination{text-align: center; width: 100%; margin: 10px 0;}
.pagination ul{padding: 0; margin: 0;}
.pagination li{display: inline-block; list-style: none;}
.pagination a{font-size: 16px; font-weight: 300; color: #2d2f33; display: block; width: 40px; height: 40px; text-align: center; line-height: 40px;
	-webkit-transition:All 300ms ease;
    -moz-transition:All 300ms ease;
    -o-transition:All 300ms ease;
}
.pagination .nav a{font-size: 12px; color: #666;}
.pagination a:hover{text-decoration: none;}
.pagination a:hover,
.pagination .active a{color: #c4912b;}




/*----- button -----*/
.btn{background: none; position: relative; top: 0; z-index: 10; padding: 0 25px; height: 44px; border-width: 2px; line-height: 40px; font-size: 16px; font-weight: 300;
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.btn-lg{height: 56px; line-height: 52px; font-size: 22px; padding: 0 30px;}

.btn-primary,
.btn-primary:focus,
.btn-primary.focus{border-color: #e4b950; color: #FFFFFF; background-color: #e4b950;border-radius:5px;}
.btn-primary:hover,
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.btn-primary:focus:hover,
.btn-primary.focus:hover{border-color: #e4b950; color: #ffffff; background-color: #c4912b;}

.btn-secondary,
.btn-secondary:focus,
.btn-secondary.focus{border-color: #fff; color: #fff;}
.btn-secondary:hover,
.btn-secondary:active:hover,
.btn-secondary.active:hover,
.btn-secondary:active:focus,
.btn-secondary.active:focus,
.btn-secondary:active.focus,
.btn-secondary.active.focus,
.btn-secondary:focus:hover,
.btn-secondary.focus:hover{border-color: #fff; color: #26282c; background-color: #fff;}

.btn-info,
.btn-info:focus,
.btn-info.focus{border-color: #e4b950; color: #fff; background-color: #e4b950;}
.btn-info:hover,
.btn-info:active:hover,
.btn-info.active:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.btn-info:focus:hover,
.btn-info.focus:hover{border-color: #c4912b; color: #fff; background-color: #c4912b;}

.btn-detail,
.btn-detail:focus,
.btn-detail.focus{border-color: #f5f5f5; color: #26282c; background-color: #f5f5f5;}
.btn-detail:hover,
.btn-detail:active:hover,
.btn-detail.active:hover,
.btn-detail:active:focus,
.btn-detail.active:focus,
.btn-detail:active.focus,
.btn-detail.active.focus,
.btn-detail:focus:hover,
.btn-detail.focus:hover{border-color: #ff4c4c; color: #fff; background-color: #ff4c4c;}

.nav-list{margin: 0;padding: 0;}
.nav-list > li{list-style: none; float: left;}
.nav-list:before,
.nav-list:after{content: ' '; display: table;}
.nav-list:after{clear: both;}
.side-nav{margin-right: 50px;}


.side-nav .title{margin: 0 0 15px 0; font-size: 26px; font-weight: bold; color: #110d0c; line-height: 1em;}
.side-nav li{width: 100%; padding: 18px 0; border-bottom: 1px solid #ddd;}
.side-nav .link{position: relative; display: block; padding-left: 30px; font-size: 18px; font-weight: 500; color: #110d0c; line-height: 1.7em; background: url('../image/icon/arrow-nav.png') left 5px no-repeat;}
.side-nav .link:hover{color: #c4912b;}
.side-nav .active .link{color: #c4912b; background: url('../image/icon/arrow-nav-active.png') left 5px no-repeat;}
.side-nav.tiny{position: fixed; top: 180px;}