@charset "utf-8";
/*Customize Template*/
body { 
font-weight: 500;
background: #fff url(../images/compaxweb-bg-1.png) no-repeat;
    background-size: 100%;
    background-position: 100% 100%;
    padding-bottom: 2em;
	font-weight:300;
	color:#333;
}
hr {
    margin-top: 35px;
}

section { display: block; position:relative;}

h2 { font-size:200%;}
h3 { font-size:160%;}
h4,h5 { font-size:120%; margin-bottom:10px;}
p.para {
	color:#777;
	margin-bottom:1.5%;
}
p.para { font-weight: 400;}

.header-sky { 
	background:#de93ae;
	z-index:9990;
}
.header-sky .header-top,
.header-sky .header-top.no-border {
	line-height: 30px;
	font-family: Verdana, Geneva, sans-serif;
	text-transform:uppercase;
}

.header-sky .header-top .header-top-left span,
.header-sky .header-top .header-top-left span i { margin-right: 0; padding-right:0; }
.header-sky .header-top .header-top-right span,
.header-sky .header-top .header-top-left span { 
	font-size:80%;
	font-weight: 400;
	border-right: 1px #fff solid;
	padding-right:5px;
	color:#fff !important;
}
.header-sky .header-top .header-top-right span { font-size:70%; }
.header-sky .header-top .header-top-right span:last-child,
.header-sky .header-top .header-top-left span:last-child { border-right:none; }
.header-sky .header-top .header-top-left span a,
.header-sky .header-top .header-top-right span a { 
	color:#fff;letter-spacing: 1px;  
} 
.section-slider .item .carousel-caption { top: 55%; }

.header-sky .navbar.navbar-fixed-top {
 	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.header-sky .bg-menu {
	background: rgba(255,255,255,1);
}
.header-sky form { display: inline-block;}
.header-sky .header-top .search-box {
	font-family: 'Kanit', sans-serif;
  	display: inline-block;
  	position:relative;
   	height: 2rem;
  	padding: 0px 12px;
}
.header-sky .header-top .search-box input { 
	padding-left:22px;
	z-index:1; 
}
.search-box i {
	position:absolute;
	font-size: 80%;
	color: #999 !important;
	left: 17px;
	top: 10px;
	z-index:2;
}


/*CONTENT*/
#content {
	margin-top: 6.5em;
}


/*NAV*/
.header-sky .header-top .header-top-right ul .dropdown:hover {
	color: #fff !important;
	border-radius: 4px;
}
.header-sky .navbar .navbar-header .navbar-brand img {
	width:100%;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.header-sky .navbar .navbar-nav li {
    padding: 35px 7px;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.header-sky .navbar .navbar-nav li { 
	padding: 30px 7px 25px 7px; 
	z-index: 3;
}
.header-sky .navbar .navbar-nav li a {
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	color: #9fb1bd;
	font-weight:900;
	font-size: 16px;
	padding: 7px 40px 20px 40px;
    border-radius: 4px;
	letter-spacing: 1px;
}

.header-sky .navbar .navbar-nav li a:hover {
	color: #f64678;
}
.header-sky .navbar .navbar-nav li a.actived {
	background: #006ec3;
    color: #fff;
}
.header-sky .navbar .navbar-nav li a.actived:hover {
	background: #006ec3;
    color: #fff;
}


.navbar-header-v3 { background: rgba(0,0,0,0.7); }

.header-sky .navbar.navbar-fixed-top .container {
	position:relative;
}
.header-sky .navbar.navbar-fixed-top .container .contact-icons {
	position:absolute;
	right:0;
	top:0;
	padding:10px;
	width:auto;
	z-index: 5;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.header-sky .navbar.navbar-fixed-top .container .contact-icons ul {
    padding: 0;
    list-style: none;
    margin-bottom: 0;
    float: right;
	padding-right:5px;
}
.header-sky .navbar.navbar-fixed-top .container .contact-icons ul li {
	display:inline-block;
	padding: 0 3px;
}

.header-sky.header-top-sky {
	background: #de93ae;
}
.header-sky.header-top-sky .navbar {
	position:relative;
	background: #fff;
	opacity: 1;
}
.header-sky.header-top-sky .navbar-header .navbar-brand img {
	width:80%;
}
.header-sky.header-top-sky .navbar .navbar-nav li { padding: 15px 7px 15px 7px;}
.header-sky .navbar .navbar-nav li.book {
	/*border-bottom: dotted #fff 1px;*/
	background: rgba(255,255,255,0.2);
}
.header-sky.header-top-sky .header-top { margin-top: 0px;  }
.header-sky .navbar .navbar-header .navbar-brand { 
	display: inline-table; 
	padding: 25% 0 5px 0;
	height:auto;
}
.header-sky.header-top-sky .navbar.navbar-fixed-top .container .contact-icons {
	top:-5px;
}

.header-sky.header-top-sky .navbar .navbar-header .navbar-brand {
	    padding: 7% 0 5px 0;
}
.header-sky.header-top-sky .navbar .navbar-nav li a {
	    padding: 7px 40px 14px 40px;
}
.header-sky.header-top-sky .navbar .navbar-nav li a:before {
	bottom: 5px;
    height: .7rem;
    width: .7rem;
}


@media all and (min-width: 1200px) {
	.header-sky .header-top .header-top-right ul .dropdown.open > a,
  	.header-sky .header-top .header-top-right ul .dropdown a:hover {
		color: #fff; 
	}
	.header-sky .header-top .header-top-right ul li.dropdown:hover {
		background-color: rgba(6,6,6,0.2) !important;
	}
}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 370px; }


#grid-container {padding: 0 !important;}

section { background:transparent;}


.nav-side-left {
	background: rgba(255,255,255,0.8);
	padding: 10px 20px 20px;
	text-align:left;
}
.nav-side-left .items {
	display:block;
	margin-bottom:6%;
}
.nav-side-left ul { padding:0 0 0 20px; }
.nav-side-left ul li {
	list-style: outside;
	padding: 7px 0;
    border-bottom: dotted #999 1px;
}
.nav-side-left ul li a {
	color: #555;
}
.nav-side-left ul li a:hover {
	color: #de93ae;
}
.related {
    display: block;
    margin-top: 4%;
    padding: 20px;
    border-radius: 16px;
    border-top: dotted 1px #de93ae;
    background: rgba(255,255,255,0.5);
}
.related h3 {
	font-size: 160%;
    margin-bottom: 20px;
	margin-top:0;
}
.related .items {
	padding: 0 20px;
}
.related .items .topic {
	font-size: 100%;
    font-weight: 500;
    padding: 15px 0 0;
}

.breadcrumb {
	padding: 0 15px;
    background-color: #fff;
	border-radius:0;
}
.breadcrumb > li {
	font-size:14px; 
	color: #2e74ac;
}
.breadcrumb > li + li:before {
    content: "> ";
}

/*FOOTER*/
footer {
	font-family: 'Kanit', sans-serif !important;
}
.footer-sky { 
/*font-family: 'Lato', Arial, sans-serif; */
color: #ebebeb;  
z-index:1;
padding-bottom:5em;
}
.footer-sky a { color: #ebebeb;  }
.footer-sky .footer-mid .padding-footer-mid .list-content ul li {
	margin-bottom: 6px;
}
.footer-sky .footer-mid.footer-v3,
.footer-sky .footer-mid {
	width:90%;
	margin:0 auto;
	background: transparent;
}

.footer-sky .footer-mid {
	width: 100%;
	background:url(../images/SBW2683.jpg) no-repeat;
    height: 70vh;
    min-height: 500px;
    max-height: 800px;
    padding: 2rem 0;
    position: relative;
    background-position: center center;
    background-size: cover;
	z-index:1;
}
.footer-sky .footer-mid:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(28,131,198,.7);
    z-index: 0;
}

.footer-sky .footer-bottom { 
	line-height: 50px;
	border-top:none; 
	width:90%;
	margin:0 auto;
}
.footer-sky .footer-bottom a { color:#ebebeb;}
.footer-sky .footer-bottom a:hover { opacity:0.8;}
.footer-sky .footer-bottom ul {
	text-align:right;
	float:right;
}
.footer-sky .footer-bottom li {
    display: inline-table;
    text-align: right;
    margin-left: 20px;
	list-style: none;
}

.footer-sky h4 {
	text-transform:uppercase;
	font-size:1.4em;
	font-weight: 500;
	letter-spacing: 1px;
	padding:0;
	margin: 0 0 15px 0;
	color: #fff;
}
.footer-sky .list-content p { 
	line-height: 2.8em;
    font-size: 14px;
	margin: 0 0 5px;
}
.footer-sky .phone {
	font-size: 1.7em;
	letter-spacing: 1px;
	font-weight: 500;
	line-height: 1.5em;
}
.footer-sky .list-content td { padding-bottom:20px; }
.footer-sky .list-content td i {
	font-size: 2.3em;
	color: #fff !important;
}

.footer-sky.pageDetail .footer-mid .content .right .logo {
    margin-top: -46em !important;
}

.footer-sky { padding-bottom:0; position:relative;}
.footer-sky .footer-top { 
	position:relative; 
	display:block; 
	font-size:200%;
	padding:2% 0 5% 0;
	background:#f64678;
}
.footer-sky .footer-top strong { font-weight:700; } 
.footer-sky .footer-top .logo {
	position:absolute;
	display:block;
	top:-1em;
	left:0;
	z-index:400;
}
.footer-sky .footer-mid .detail {
	z-index:5;
}
.footer-sky .footer-bottom {
	position: absolute;
    bottom: -3em;
    display: block;
    width: 100%;
    background-color: #fff;
    color: #006ec3;
    z-index: 10;
}
.footer-sky .footer-bottom:before {
	content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 2rem;
    top: -1rem;
    background-image: url(../images/brush-pattern.png);
    background-size: contain;
}
.footer-sky .footer-bottom a {
	color: #006ec3;
}

/*Block-Alignment*/
.ro-hr {
  display: block;
  margin-right: auto;
  margin-left: auto;
  width: 60%;
  border-top: 3px dotted #c9c9c9;
  margin: 0 auto; 
}
.ro-relative {
  position: relative; 
}
.ro-absolute {
  position: absolute; 
}
.ro-fixed {
  position: fixed; 
}
.ro-middle {
  position: relative;
  display: block;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); 
}
.ro-center-block {
  display: block;
  margin-right: auto;
  margin-left: auto; 
}
.ro-center {
  position: relative;
  display: block;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  margin-right: auto;
  margin-left: auto; 
}
.ro-ab-bottom {
  position: absolute;
  top: 100%;
  -webkit-transform: translateY(-100%);
   transform: translateY(-100%); 
}
.ro-ab-bottom:before, .ro-ab-bottom:after {
	content: " ";
	display: table; 
}
.ro-ab-bottom:after {
	clear: both; 
}
.ro-bottom {
  position: relative;
  display: block;
  top: 100%;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%); 
}
.ro-ab-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); 
}
.ro-ab-center:before, .ro-ab-center:after {
    content: " ";
    display: table; 
}
.ro-ab-center:after {
    clear: both;
}

/* Room Carousels */
.mySlideshow .animated{
	position:absolute;
}

.float-right{
	float:right;
}
.float-left{
	float:left;
}



/* BUTTONS */
.btn {
	font-size:16px;
	font-weight:400;
	padding: 6px 35px;
	color:#fff;
	background:#333;
	text-align: center;
	border:none;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.btn [class*=style-] {
	margin-top: 20px;
	padding: 7px 40px;
	border-radius: 5px;
	border: none;
	text-transform:uppercase;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.btn.style-1 {
	display:block;
	padding:10px 30px;
}
.btn.style-2 {
	display:inline-block;
	width:auto;
	padding: 7px;
	margin: 0 auto;
}
.btn.style-3 {
	display:inline-block;
	width:15rem;
	margin: 0 auto;
}
.btn.pink1 { background:#de93ae; color:#fff; font-weight:400; text-align:center; letter-spacing:1px}

.btn [class*=style-] a,
.btn [class*=style-] a:link,
.btn [class*=style-] a:visited {
	color: #fff !important;
	text-decoration: none;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.btn:hover {
	background: #000;
	color: #fff !important;
	text-decoration: none;
}
.more-bg {
	background:transparent url(../images/bg-more.png) no-repeat;
	background-size:100%;
	background-position: center top;
	width:auto;
	height:6em;
	display:block;
	padding-top:3px;
}
.btn-pink1 {
	display: block;
	width:100%;
	border:none;
	border-radius: 50px;
	background: #de93ae;
	padding: 11px 50px;
	font-size: 16px;
	color: #fff;
	text-align:center;
	font-weight:500;
	letter-spacing:1px;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.btn-pink1:hover {
	color:inherit;
	background: #e27eab;
}
.btn-gray1 {
	display: block;
	width:100%;
	border:none;
	border-radius: 50px;
	background:#666;
	padding: 11px 50px;
	font-size: 16px;
	color: #fff;
	text-align:center;
	font-weight:500;
	letter-spacing:1px;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.btn-gray1:hover {
	color:inherit;
	background: #444;
}
.btn-blue1 {
	display: block;
	width:100%;
	border:none;
	border-radius: 50px;
	background: #006ec3;
	padding: 11px 50px;
	font-size: 16px;
	color: #fff;
	text-align:center;
	font-weight:500;
	letter-spacing:1px;
}
.btn-blue1:hover {
	background: #2e74ac;
}
.btn-pink1:disabled,
.btn-blue1:disabled  {
	background: #bfbfbf !important;
}


/* CSS CUSTOMIZE */
.bx-wrapper .bx-viewport {
	-webkit-box-shadow:none;
    box-shadow:none;
    border:none;
	left:0;
}
.bxslider li  { position:relative; }
.bxslider li .slide-info {
	display:block;
	position:absolute;
    padding: 40px 30px 30px;
    background: rgba(255,255,255,0.9);
    color: #555;
    width: 350px;
    height: 400px;
    right: 70px;
    top: 55px;
}
.bxslider li .slide-info p { font-size:18px; display:block; margin-bottom:20px; }
.bxslider li .slide-info .topic {
    font-size: 24px;
    font-weight: 400;
    display: block;
}
.bx-wrapper .bx-controls-direction a { z-index: 999;}


.round-field .form-control {
	height: 3em;
	border-radius: 50px;
	font-size:16px;
	padding: 7px 20px;
	margin-bottom: 24px;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.round-field .form-control.dropdown {
	background: #f6f6f6;
	border-radius: 48px;
	font-size:16px;
	margin-top: 10px;
}
.dateInput.form-control { width: 90% !important; display:inline-block !important; margin-right:5px;}

hr.style1.pink {
	height: 1px;
    border-bottom: 1px #cc81b0 solid;
    display: block;
    margin: 20px 0;
}

#share-buttons {
	display:block;
	margin: 20px 0 30px 0;
}


.tag, .tags { word-break: break-all !important; }

/*SEARCH*/
.content-search {    
	padding: 4% 0 2% 0;
}
.content-search .search-box i {
    position: absolute;
    font-size: 150% !important;
	left: auto;
    right: 1.5em;
    top: 0.4em;
}


/*FORM*/
.custom .form-control {
	display:inline-block;
	width:96%;
    font-size: 16px;
    margin-bottom: 2%;
	height: 50px;
    padding: 12px;
	color: #555555;
	border: 1px solid #555;
	border-radius:7px;
}
.custom .form-control.textarea {
	resize: none;
    height: 6em;
}

.scrollToTop {
    width: 35px;
    height: 35px;
    position: fixed;
    bottom: 3%;
    right: 6.5%;
    font-size: 28px;
    line-height: 32px;
	-webkit-animation: bounce 3s ease infinite;
    animation: bounce 3s ease infinite;
}

.block { max-width: 100%; background: #fff; }
.block-2 { max-width: 200px; background: #fff; }

.curve {
  overflow: hidden;
  width: 100%;
  position: relative;
  top: 0;
  left: 50%;
  margin-left: -50%;
  text-align: center;
  border-bottom-left-radius: 20%;
  border-bottom-right-radius: 20%;
}

.curve img { max-width: 100%; vertical-align: top; }
#contact {
	background: #9fb1bd;
    font-size: 20px;
    margin-top: 3em;
    padding: 5em 0;
    display: inline-table;
    width: 100%;
    border-radius: 50px;
    margin-bottom: 5em;
}

.montform #contact-name {
    background-image: url(https://cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/svgs/fi-address-book.svg);
    background-size: 30px 30px;
    background-position: 11px 8px;
    background-repeat: no-repeat;
}
.montform #contact-email {
    background-image: url(https://cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/svgs/fi-mail.svg);
    background-size: 30px 30px;
    background-position: 11px 8px;
    background-repeat: no-repeat;
}
.montform #contact-phone {
    background-image: url(https://cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/svgs/fi-telephone.svg);
    background-size: 30px 30px;
    background-position: 11px 8px;
    background-repeat: no-repeat;
}
.montform #contact-msg {
    background-image: url(https://cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/svgs/fi-pencil.svg);
    background-size: 30px 30px;
    background-position: 11px 8px;
    background-repeat: no-repeat; 
}
.montform .feedback-input {
    color: #333;
    padding: 13px 13px 13px 54px;
	display:block;
    margin-bottom: 30px;
    width: 100%;
    box-sizing: border-box;
    border: 3px solid rgba(0,0,0,0);
}
#contact textarea {
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    text-align: start;
    -webkit-appearance: textarea;
    -webkit-rtl-ordering: logical;
    flex-direction: column;
    resize: none;
    cursor: text;
    white-space: pre-wrap;
    overflow-wrap: break-word;
}
#contact .form-control {
	height:50px;
	font-size:20px;
}
.header-sky .navbar .navbar-nav li a:before {
	content: '';
    position: absolute;
    bottom: 7px;
    left: calc(50% - .3rem);
    right: calc(50% - .3rem);
    height: 1rem;
    width: 1rem;
    background-image: url(../images/oval_accent.png);
    background-position: center center;
    background-size: cover;
}
ul.socials li {
	display:inline-block;
	padding:0 4px;
}
iframe.landingpage {
	width:100%;
}


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.curve #masking {
	z-index:9000;
	height:100%;
	width:100%;
	background:rgba(0,0,0,0.9);
	padding:0;
	margin:0;
	display:none;
	position:absolute;
	left:0;
	top:0;
}
.curve #masking .buttons {
	margin-top: 30%;
}
.curve #masking .btn1 {
	display:inline-block;
	display: inline-block;
    width: 48%;
	padding:10px 50px;
	font-size:28px;
	font-weight:700px;
	background:#F6C;
}
.curve #masking .btn1.pink {
	background:#f64678;
}
.curve #masking .btn1.blue {
	background:#006ec3;
}


/*Login*/
.loginDiv {
	display: block;
    margin-top: 5%;
    padding: 0 30px 20px 30px;
    line-height: 2em;
    background: rgba(255,255,255,0.7);
    border-radius: 20px;
}
.loginDiv .form-control {
	border-radius: 10px !important;
	text-align:center !important;
	margin-bottom: 1.5em;
}

/*Form Wizard*/
.bs-wizard {margin-top: 40px;}
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 18px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 52px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #fbe8aa;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*END Form Wizard*/

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
font-family: 'Kanit', sans-serif;
}

/*5Column*/
.col-xs-5th-1, .col-xs-5th-2, .col-xs-5th-3, .col-xs-5th-4 {
  float: left;
}

.col-xs-5th-5 {
  float: left;
  width: 100%;
}

.col-xs-5th-4 {
  width: 80%;
}

.col-xs-5th-3 {
  width: 60%;
}

.col-xs-5th-2 {
  width: 40%;
}

.col-xs-5th-1 {
  width: 20%;
}

.col-xs-5th-pull-5 {
  right: 100%;
}

.col-xs-5th-pull-4 {
  right: 80%;
}

.col-xs-5th-pull-3 {
  right: 60%;
}

.col-xs-5th-pull-2 {
  right: 40%;
}

.col-xs-5th-pull-1 {
  right: 20%;
}

.col-xs-5th-pull-0 {
  right: auto;
}

.col-xs-5th-push-5 {
  left: 100%;
}

.col-xs-5th-push-4 {
  left: 80%;
}

.col-xs-5th-push-3 {
  left: 60%;
}

.col-xs-5th-push-2 {
  left: 40%;
}

.col-xs-5th-push-1 {
  left: 20%;
}

.col-xs-5th-push-0 {
  left: auto;
}

.col-xs-5th-offset-5 {
  margin-left: 100%;
}

.col-xs-5th-offset-4 {
  margin-left: 80%;
}

.col-xs-5th-offset-3 {
  margin-left: 60%;
}

.col-xs-5th-offset-2 {
  margin-left: 40%;
}

.col-xs-5th-offset-1 {
  margin-left: 20%;
}

.col-xs-5th-offset-0 {
  margin-left: 0%;
}

@media (min-width: 768px) {
  .col-sm-5th-1, .col-sm-5th-2, .col-sm-5th-3, .col-sm-5th-4 {
    float: left;
  }

  .col-sm-5th-5 {
    float: left;
    width: 100%;
  }

  .col-sm-5th-4 {
    width: 80%;
  }

  .col-sm-5th-3 {
    width: 60%;
  }

  .col-sm-5th-2 {
    width: 40%;
  }

  .col-sm-5th-1 {
    width: 20%;
  }

  .col-sm-5th-pull-5 {
    right: 100%;
  }

  .col-sm-5th-pull-4 {
    right: 80%;
  }

  .col-sm-5th-pull-3 {
    right: 60%;
  }

  .col-sm-5th-pull-2 {
    right: 40%;
  }

  .col-sm-5th-pull-1 {
    right: 20%;
  }

  .col-sm-5th-pull-0 {
    right: auto;
  }

  .col-sm-5th-push-5 {
    left: 100%;
  }

  .col-sm-5th-push-4 {
    left: 80%;
  }

  .col-sm-5th-push-3 {
    left: 60%;
  }

  .col-sm-5th-push-2 {
    left: 40%;
  }

  .col-sm-5th-push-1 {
    left: 20%;
  }

  .col-sm-5th-push-0 {
    left: auto;
  }

  .col-sm-5th-offset-5 {
    margin-left: 100%;
  }

  .col-sm-5th-offset-4 {
    margin-left: 80%;
  }

  .col-sm-5th-offset-3 {
    margin-left: 60%;
  }

  .col-sm-5th-offset-2 {
    margin-left: 40%;
  }

  .col-sm-5th-offset-1 {
    margin-left: 20%;
  }

  .col-sm-5th-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-5th-1, .col-md-5th-2, .col-md-5th-3, .col-md-5th-4 {
    float: left;
  }

  .col-md-5th-5 {
    float: left;
    width: 100%;
  }

  .col-md-5th-4 {
    width: 80%;
  }

  .col-md-5th-3 {
    width: 60%;
  }

  .col-md-5th-2 {
    width: 40%;
  }

  .col-md-5th-1 {
    width: 20%;
  }

  .col-md-5th-pull-5 {
    right: 100%;
  }

  .col-md-5th-pull-4 {
    right: 80%;
  }

  .col-md-5th-pull-3 {
    right: 60%;
  }

  .col-md-5th-pull-2 {
    right: 40%;
  }

  .col-md-5th-pull-1 {
    right: 20%;
  }

  .col-md-5th-pull-0 {
    right: auto;
  }

  .col-md-5th-push-5 {
    left: 100%;
  }

  .col-md-5th-push-4 {
    left: 80%;
  }

  .col-md-5th-push-3 {
    left: 60%;
  }

  .col-md-5th-push-2 {
    left: 40%;
  }

  .col-md-5th-push-1 {
    left: 20%;
  }

  .col-md-5th-push-0 {
    left: auto;
  }

  .col-md-5th-offset-5 {
    margin-left: 100%;
  }

  .col-md-5th-offset-4 {
    margin-left: 80%;
  }

  .col-md-5th-offset-3 {
    margin-left: 60%;
  }

  .col-md-5th-offset-2 {
    margin-left: 40%;
  }

  .col-md-5th-offset-1 {
    margin-left: 20%;
  }

  .col-md-5th-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-5th-1, .col-lg-5th-2, .col-lg-5th-3, .col-lg-5th-4 {
    float: left;
  }

  .col-lg-5th-5 {
    float: left;
    width: 100%;
  }

  .col-lg-5th-4 {
    width: 80%;
  }

  .col-lg-5th-3 {
    width: 60%;
  }

  .col-lg-5th-2 {
    width: 40%;
  }

  .col-lg-5th-1 {
    width: 20%;
  }

  .col-lg-5th-pull-5 {
    right: 100%;
  }

  .col-lg-5th-pull-4 {
    right: 80%;
  }

  .col-lg-5th-pull-3 {
    right: 60%;
  }

  .col-lg-5th-pull-2 {
    right: 40%;
  }

  .col-lg-5th-pull-1 {
    right: 20%;
  }

  .col-lg-5th-pull-0 {
    right: auto;
  }

  .col-lg-5th-push-5 {
    left: 100%;
  }

  .col-lg-5th-push-4 {
    left: 80%;
  }

  .col-lg-5th-push-3 {
    left: 60%;
  }

  .col-lg-5th-push-2 {
    left: 40%;
  }

  .col-lg-5th-push-1 {
    left: 20%;
  }

  .col-lg-5th-push-0 {
    left: auto;
  }

  .col-lg-5th-offset-5 {
    margin-left: 100%;
  }

  .col-lg-5th-offset-4 {
    margin-left: 80%;
  }

  .col-lg-5th-offset-3 {
    margin-left: 60%;
  }

  .col-lg-5th-offset-2 {
    margin-left: 40%;
  }

  .col-lg-5th-offset-1 {
    margin-left: 20%;
  }

  .col-lg-5th-offset-0 {
    margin-left: 0%;
  }
}


@media print {
	.no-print,
	footer,
	#share-buttons,
	.tags,
	.menu-list ,
	.nav-side, 
	.related { display:none !important; }
	img.siteLogo { display:block !important; }
}

/*Margin & Padding*/
.addTop10 { margin-top:10px;}
.addTop20 { margin-top:20px;}
.addTop30 { margin-top:30px;}
.addTop40 { margin-top:40px;}
.addTop50 { margin-top:50px;}
.addBottom10 { margin-bottom:10px;}
.addBottom20 { margin-bottom:20px;}
.addBottom30 { margin-bottom:30px;}
.addBottom40 { margin-bottom:40px;}
.addBottom50 { margin-bottom:50px;}

.killBottom10 { margin-bottom:-10px;}
.killBottom20 { margin-bottom:-20px;}
.killBottom30 { margin-bottom:-30px;}
.killTop10 { margin-top:-10px;}
.killTop20 { margin-top:-20px;}
.killTop20 { margin-top:-30px;}

/* SPINNING */
.loader {
      display: inline-block;
    vertical-align: middle;
    border: 4px solid #d5d5d5;
    border-radius: 50%;
    border-top: 4px #44baeb solid;
    width: 20px;
    height: 20px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}