/* Compiled Less CSS File */
/* Generated from "style.css" */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp,
strike,tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template {display: none;}
a { background: transparent; }
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; max-width:100%; height:auto; }
svg:not(:root) { overflow: hidden; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
 height: auto;
}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smooth: always; -webkit-text-size-adjust: 100%;}
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }


/* =Mixins
========================================================================================*/
.mrgL20 {margin-left:20px;}.mrgR20 {margin-right:20px;}.mrgB20 {margin-bottom:20px;}.mrgT20 {margin-top:20px;}.mrgL15 {margin-left:15px;}.mrgR15 {margin-right:15px;}.mrgB15 {margin-bottom:15px;}.mrgT15 {margin-top:15px;}.mrgL10 {margin-left:10px;}.mrgR10 {margin-right:10px;}.mrgB10 {margin-bottom:10px;}.mrgT10 {margin-top:10px;}.padL20 {padding-left:20px;}.padR20 {padding-right:20px;}.padB20 {padding-bottom:20px;}.padT20 {padding-top:20px;}.padL15 {padding-left:15px;}.padR15 {padding-right:15px;}.padB15 {padding-bottom:15px;}.padT15 {padding-top:15px;}.padL10 {padding-left:10px;}.padR10 {padding-right:10px;}.padB10 {padding-bottom:10px;}.padT10 {padding-top:10px;}.padTB10 {padding-top:10px;padding-bottom:10px;}.padTB15 {padding-top:15px;padding-bottom:15px;}.padTB20 {padding-top:20px;padding-bottom:20px;}.pad10 {padding:10px;}.pad15 {padding:15px;}.pad20 {padding:20px;}.pad25 {padding:25px;}.pad30 {padding:30px;}
.ltn {padding:0; margin:0; list-style:none;}
 .cf:before, .cf:after, ul:before, ul:after, .wrap:after, .wrap:after { content: " "; display: table; }
.cf:after, .cf:after, ul:after, .wrap:after { clear: both; }
.center-block { display: block; margin-left: auto; margin-right: auto; }
.hide { display: none !important; }
.show { display: block !important; }
.invisible { visibility: hidden; }
.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.hidden { display: none; visibility: hidden ; }
.affix { position: fixed; }
@-ms-viewport { width: device-width;}
/* =CSS Reset
========================================================================================*/
body { line-height: 1; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
ul, ol, li{list-style:none; margin: 0; padding: 0;}
ul ul, ol ul, ul ol, ol ol{margin-bottom:0;}
.list-unstyled { padding-left: 0; list-style: none; }
.list-inline { padding-left: 0; list-style: none; margin-left: -5px; }
.list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; }
dl { margin-top: 0; margin-bottom: 22px; }
dt, dd { line-height: 1.528571429; }
dt { font-weight: bold; }
dd { margin-left: 0; }
/* =Default Tag & General Classes
========================================================================================*/
html, body { height: 100%; min-width: 320px;}
body{margin:0; padding:0; font:15px/22px 'Quicksand', sans-serif; color:#5f5f5f; background:#fff; font-weight:400;}
img{max-width:100%; -ms-interpolation-mode:bicubic; vertical-align:middle;}
a, input[type="button"], input[type="submit"], button { outline: 0 none; -moz-transition: background-color 0.2s ease-in, color 0.2s ease-in; -webkit-transition: background-color 0.2s ease-in, color 0.2s ease-in; -o-transition: background-color 0.2s ease-in, color 0.2s ease-in; -ms-transition: background-color 0.2s ease-in, color 0.2s ease-in; transition: background-color 0.2s ease-in, color 0.2s ease-in; }
a { color: #5f5f5f; text-decoration: none; outline: 0 none; -moz-transition:background-color 0.2s ease-in, color 0.2s ease-in; -webkit-transition:background-color 0.2s ease-in, color 0.2s ease-in; -o-transition:background-color 0.2s ease-in, color 0.2s ease-in; -ms-transition:background-color 0.2s ease-in, color 0.2s ease-in; transition:background-color 0.2s ease-in, color 0.2s ease-in;}
a:hover { color: #454545; text-decoration: none; outline: 0 none; }
a:active { outline: 0; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
a:active { background-color: transparent; }
}
strong {}
p { margin: 0 0 15px 0; }
h1, h2, h3, h4, h5 {  font-weight:300;  }
h1, h2, h3, h4, h5, h6 { line-height: 100%; margin-bottom: 25px; color: #010a1e;}
h1 { font-size:48px; text-transform:none; color:#010a1e; position:relative; font-weight:500; padding-bottom:0; font-family: 'Kanit', sans-serif;}
h2 { font-size: 42px; text-transform:none;}
h3 { font-size: 36px; text-transform:none;}
h4 { font-size: 28px; text-transform:none;}
h5 { font-size: 22px; text-transform:none;}
h5 { font-size: 18px; text-transform:none;}
.contentPad{padding:0 40px;}
.nodisplay { display: none; }
.nodisplay_strict { display: none !important; }
:focus { outline: none; }
.bgBackground{background-size:cover; background-repeat:no-repeat; background-position:left top;}
.bgBackground > img{visibility:hidden; opacity: 0;}
/* =Typography
========================================================================================*/
#wrapper{width:100%; min-width:100%; overflow:hidden;background:#F7F9FB;}
.container{max-width:1210px; width:100%;}
.pad-top-0{padding-top: 0 !important;}
.displaynone{display: none;}
/* =Header
========================================================================================*/
#header{height:auto; width:100%; background:#333333; position: relative; z-index: 1111;}
#header .logo-menu-row {padding:16px 0; width:100%;}
#header .navbar-brand{padding:0; height:auto;}
#header .navbar {padding: 0;}
#header .navbar-nav {    margin-top: 0;     position: relative;}
#header .navbar-collapse {    float: none;    text-align: center;}
#header .navbar-brand {    padding: 0;    height: auto; margin-right: 0;}
#header a{text-transform: uppercase; font-size: 13px;}
#header .navbar-brand{max-width: 166px; display: inline-block;} 
#header .navbar-brand img{border:8px solid #171616; margin-bottom:-130px; margin-top: -5px; }
/*******************Common-elements**************/

.content-part{padding:50px 0;}
.content-part h2 {font-size:30px;font-weight: 400; color: #464646;  margin-bottom: 30px; text-transform: uppercase; text-align: center;}
.bgwhite { background:#fff;}
.border-bottom { border-bottom: 1px solid #C1C1C1;}
.borderbottomdashed { border-bottom: 1px dashed #C1C1C1;}
.border-right { border-right: 1px solid #C1C1C1;}
.border-left { border-left: 1px solid #C1C1C1;}
.border-top { border-top: 1px solid #C1C1C1;}
.common-btn {border:1px solid #aba9a4; background:transparent ; font-size:14px; font-weight:500; padding: 10px 15px; border-radius: 0px; color:#454545;display: inline-block;text-align: center;}
.common-btn:hover {background: #454545; color:#ffffff; opacity:0.8;}
/*******************Banner**************/
.banner-section{margin: 0; padding: 0;}
.banner-section .bgBackground{background-size:cover; background-repeat:no-repeat; background-position:center top;}
.banner-section  .bgBackground img{visibility:hidden; opacity:0;}
.banner-section .item{max-height: 800px; background-position: center;}
.banner-slider.owl-carousel{display: block !important;}

.bg-title{background: #e7e2dc; padding: 50px;}
.bg-title h1{font-size: 40px; line-height: 45px; color: #060706; font-weight: 300; margin-bottom: 0; text-align: center;}
/*******************Banner**************/
/*******************about-us**************/
.about-us h2{margin-bottom: 50px;}
.image-title-block{text-align: center;}
.image-title-block .image-box img{border-radius: 50%;}
.image-title-block .image-box{margin-bottom: 24px;}
.image-title-block h3{font-size:24px;font-weight:500; color: #464646;  margin-bottom: 30px; text-transform: uppercase; text-align: center;}
/*******************about-us**************/
/*******************get-arround**************/
.get-arround h2{margin-bottom: 50px;}
.get-arround h3{font-size:16px;font-weight:700; color: #464646;  margin-bottom: 20px; }
.get-arround h4{font-size:16px;font-weight:700; color: #464646;  margin-bottom: 10px; margin-top: 40px; }
/*******************get-arround**************/
/*******************contact-us**************/
.contact-us h2{margin-bottom: 50px;}
.contact-from-wrap{max-width: 700px; margin: 0 auto;}
.contact-from-wrap h3{font-size:16px;font-weight:700; color: #464646;  margin-bottom:25px; text-align: center;}
.contact-form .form-group{margin-bottom: 16px;}
.contact-form input[type="text"], .contact-form input[type="url"], .contact-form input[type="email"], .contact-form select, .contact-form textarea{border: 1px solid #e0e0e0; background: #fff; width: 100%; height: 45px; padding: 5px 10px; color: #454545; border-radius: 0;}
.contact-form input[type="text"]:focus, .contact-form input[type="url"]:focus, .contact-form input[type="email"]:focus, .contact-form select:focus, .contact-form textarea:focus, .contact-form textarea:hover{box-shadow: none; outline: 0 none;}
.contact-form textarea{height: 175px;}
.contact-form{margin-bottom: 30px;}
.contact-info{padding-top: 50px;}
.contact-form .btn-row{text-align: center;}
.contact-info h3{margin-bottom: 50px;}
.contact-info {text-align: center;}
.contact-info h3{font-size:16px;font-weight:700; color: #464646;  }
.contact-info h4{font-size:16px;font-weight:700; color: #464646;  margin-bottom: 30px; }
/*******************contact-us*************/
/* =footer
========================================================================================*/
.footer { background: #333333; margin-top: -10px; padding: 50px 0 30px; font-size:13px; border-top: 0 none;}
.footer .footer-row-one{text-align: center;}
.footer .footer-row-one h3{font-size:14px;font-weight:500; text-transform: uppercase; letter-spacing: 1px; color: #fff;  margin-bottom: 25px; }
.footer .footer-row-one p{color: #fff; margin-bottom: 30px;}
.footer .footer-row-one p a{color: #fff;}
.footer .footer-row-one p a:hover{color: #ccc;}
.footer .copyright p { margin: 0; color:#8e8e8e; letter-spacing: 1px;}
.logo-menu-row a{color: #b9b9b9; font-weight: 500; letter-spacing: 1px;}
.logo-menu-row a:hover{color: #fff;}
.logo-menu-row .row .col:first-child a{position: relative; padding-left: 15px;}
.logo-menu-row .row .col:first-child a:before{content: ""; position: absolute; width: 8px; height: 1px; background:#b9b9b9; top:50%; left: 0;}
body.sticky-header #header{position:fixed; top:0; left: 0; width: 100%;}
.text-left{text-align: left;}
form label.error{display: inline-block; margin-top: 5px; color: #ff0000; font-size: 13px;}
.timepicker{position: relative; z-index: 111;}
.timepicker{position: relative; z-index: 111;}
.timeDisplay{}
.timeDisplay td{padding: 3px 14px 3px 0 !important;}

input.error, select.error{border:1px solid red !important;}
input[type="radio"]{vertical-align: middle !important;}
label.radi{padding-left:10px !important;}
div#spin, input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{display:none !important;}