/*!
 * Start Bootstrap - Agency v3.3.7+1 (http://startbootstrap.com/template-overviews/agency)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
body {
  
  font-family: 'Kanit', 'Roboto', Arial, sans-serif;
  letter-spacing:0.5px;
  line-height:1.4;
  font-size:16px;
  font-weight:300;
}
.text-muted {
  color: #777777;
}
.text-primary {
  color: #fed136;
}
p {
  font-size: 16px;
  line-height: 1.5;
  font-weight:300;
}
p.lead {
  font-size: 20px;
  line-height: 1.5;
  font-weight:400;
}
strong { font-weight:500;}

a,
a:hover,
a:focus,
a:active,
a.active {
  outline: none;
}
a {
  color: #555;
    cursor: pointer;
    transition-duration: 0.2s;
}
a:hover,
a:focus,
a:active,
a.active {
  color: #c30e2e;
  text-decoration:none;
}
h1,
h2,
h3,
h4
{
  font-family: 'Ubuntu', 'Kanit', Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  line-height:1.5;
  color:#3e3935;
}
h5,
h6 {
  text-transform: uppercase;
  font-weight: 500;
  line-height:1.5;
  color:#222;
}
.h4, h4 {
    font-size: 24px; margin-top:0; margin-bottom:3px;
}

.img-centered {
  margin: 0 auto;
}
.bg-light-gray {
  background-color: #eeeeee;
}
.bg-darkest-gray {
  background-color: #222222;
}
.btn-primary {
  color: white;
  background-color: #c30e2e;
  border-color: #c30e2e;
  text-transform: uppercase;
  font-weight: 300;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
  color: white;
  background-color: #cf0f31;
  border-color: #cf0f31;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #e89e67;
  border-color: #e89e67;
}
.btn-primary .badge {
  color: #e89e67;
  background-color: white;
}

.btn-default {
  color: white;
  background-color: #ffa800;
  border-color: #ffa800;
  text-transform: uppercase;
  font-weight: 300;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default, .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default.focus:active, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
  color: white;
  background-color: #f6a200;
  border-color: #f6a200;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-defaulty[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #857368;
  border-color: #857368;
}
.btn-default .badge {
  color: #857368;
  background-color: white;
}

label {font-weight: 300;}


.nav-center {text-align: center;}
.navbar-custom {
  background-color: rgba(255,255,255,1);
  border-color: transparent;
}
.navbar-custom .navbar-brand {  
  top: 0;
  height:auto;    
  position: absolute;
  display: inline-block;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);  
  margin-left: 0 !important;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus,
.navbar-custom .navbar-brand:active,
.navbar-custom .navbar-brand.active {
  color: #fec503;
}
.navbar-custom .navbar-collapse {
  border-color: rgba(255, 255, 255, 0.02);
}

.navbar-custom {font-size: 16px; font-family: 'Ubuntu', Kanit, sans-serif;}
.navbar-custom .navbar-toggle {
  background-color: transparent;
  border-color: transparent;
  text-transform: uppercase;
  color: #000;
  font-size:24px;
  margin:0;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: transparent;
}
.navbar-custom .nav li a {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
  color: #000;
  transition-duration: 0.2s;
}
.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus {
  color: #c30e2e;
  outline: none;
  transition-duration: 0.2s;
}

.navbar-custom .navbar-nav > .active > a {
  border-radius: 0;  -webkit-border-radius: 0;  -moz-border-radius: 0;
  color: #c30e2e;  
  background:transparent none;
}
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  border-radius: 0;  -webkit-border-radius: 0;  -moz-border-radius: 0;
  color: #c30e2e; background:transparent none;
}

#mainNav .nav > li > a {padding:10px 0px; margin:0 10px; width: 150px;}
#mainNav .nav.navbar-nav {margin-top:48px; display: inline-block;}
#mainNav .navbar-nav {float: none;}
#mainNav .navbar-brand {padding: 10px 10px;}
#mainNav ul.nav.navbar-nav > li:nth-child(3) {margin-right: 150px;}

.inner-pages .nav > li > a{color:#222;}
.inner-pages .navbar-custom .navbar-nav > .active > a {color:#222;}

.inner-pages .navbar-custom.affix   .nav > li > a{color:#fff;}
.inner-pages .navbar-custom .navbar-brand {width:200px;}

.inner-pages #top-bar .nav > li > a { color:#fff;}

a.up-arrow {
	display: inline-block;
	position: relative;
	background: #c30e2e;
	color: #FFF;
	text-decoration: none;
	padding: 10px 20px;  font-size:18px; font-weight:600;
	transition-duration: 0.2s;
}
a:hover.up-arrow {
	background: #d10f31;
	transition-duration: 0.2s;
}
a.up-arrow:after {
	content: '';
	display: block;  
	position: absolute;
	left: 0;
	top: 100%;
	width: 0;
	height: 0;
	border-bottom: 10px solid transparent;
	border-top: 10px solid #c30e2e;
	border-left: 10px solid #c30e2e;
	border-right: 10px solid transparent;
	transition-duration: 0.2s;
}
a:hover.up-arrow:after {
	border-top-color: #d10f31;
	border-left-color: #d10f31;	
	transition-duration: 0.2s;
}


.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: 0px;
    margin-left: 110px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0 ;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.caret {margin-top: -3px;}
.form-control-date { background: url(../img/icon-calanda.gif) no-repeat right 20px top 11px !important;}
.top-menu { margin-top:20px;}
.top-bar-bg { background:#ff6a1a; padding:6px 0;}
.top-bar-login { margin-top:7px;}
#top-bar .navbar-left {float: left; margin-right:0;}
#top-bar .nav.navbar-nav {margin-top:0; font-size: 14px;}
.navbar-custom #top-bar .nav li a:hover, .navbar-custom #top-bar .nav li a:focus {color: #ffa800;}
.navbar-custom #top-bar .nav li a.active {color: #ffa800;}
.affix #top-bar { display:none;}
.affix .top-menu { display:none;}
.affix .navbar-brand {top: -10px;}
#mainNav.affix .nav.navbar-nav {margin-top: 10px; margin-bottom:6px;}
.navbar-collapse.in {overflow-y: -moz-hidden-unscrollable;}
.navbar-collapse {overflow-x: -moz-hidden-unscrollable;}

#room-section { padding-top:0; padding-bottom:0;}
#room-section a { color:#3b3530;}
#room-section a:hover { color:#3b3530;}

#mainNav.affix .lang {display: none;}
.lang { position:absolute; top:0; right:35px;}
.lang .btn { font-size:14px; color: #000;}
.lang .btn-primary {background-color: transparent; border-color: transparent;}
.lang .btn-primary:focus, .lang .btn-primary:hover, .lang .btn-primary:active, .lang.open .btn-primary.dropdown-toggle {background-color: transparent !important; border-color: transparent !important;  color: #000 !important;}
.lang .dropdown-menu {min-width: 80px;}
.lang .dropdown-menu {font-size: 13px; margin-top:0;}
.lang .dropdown-menu li {margin-left: 0; margin-right: 0; padding: 4px 20px;}
.lang ul.dropdown-menu {padding: 0; left: 4px !important;}
.lang img {margin-top: -2px; margin-right:3px;}
.lang .dropdown-menu {  
    border-radius: 0 !important;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.lang .dropdown-menu li a {color: #000;}
.lang .dropdown-menu li {border-bottom: 1px solid #f2f2f2;}

.home-service:hover {opacity: 0.8; transition-duration: 0.2s;}


#accommodation .intro-text { position:absolute; bottom: 0; text-align:center; padding:12px 20px; background-color: rgba(0,0,0,0.6); color:#fff; text-transform:uppercase; font-size:16px; width: 100%;}
.accom-bg { background:#f0eef2; border:1px solid #e3e3e3; padding:30px 15px; font-size:14px;}

.room-detail { border-bottom:1px solid #e3e3e3; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; padding:15px; margin-bottom:30px;}

.icon-contact { padding-right:50px;}
#contact i {margin-right:10px; position:absolute;}
#contact-form { background:#eeeeee;}
.contact-address { position:relative; margin-bottom:30px;}
#contact i{position:absolute;}
#contact .contact-icon-text {margin-left:15px; margin-left:50px;}
#contact a {color: #c30e2e;}
.contact-detail { margin-left:25px;}

section#home-map { padding:0;}

.tab-content {margin-top: 30px;}

.line-border {border-bottom:1px solid #e3e3e3; width:100%; margin:15px;}

.home-service-1 { background:#ededed;}
.home-service-2 { background:#e2e2e2;}
.home-service-3 { background:#dbdbdb;}
.home-service-4 { background:#d8d7d7;}
.home-service { min-height:310px; text-align:center; padding:20px 0 20px 0;}
.home-service-line { width:102px; height:5px; background:#3e3935; margin-bottom:30px; margin: 0 auto;}
.home-service-text { padding:30px 45px 0 45px;}
.home-service img { margin-bottom:10px;}

.inner-page.navbar-custom {padding: 0 0 48px 0; background: #fff;}
.inner-page .nav.navbar-nav {margin-top: 48px;}
.inner-page.affix .nav.navbar-nav {margin-top: 10px;}

section#navi-menu {padding-top:0; padding-bottom:0;}
.navi-menu-border-bot { border-bottom:1px solid #3e3935; padding-top:18px; padding-bottom:18px; font-size:12px; font-family:'Ubuntu', sans-serif; text-transform:uppercase; font-weight:500;}
#navi-menu a { color:#c30e2e;}
#navi-menu i {margin:0 7px;}

.our-service-box { min-height:250px;}
.class-service-box { min-height:480px; position: relative;}
.icon-youtube {position: absolute; top: 20px; right: 35px;}

#gym-service ul {
    list-style: none;
    margin-bottom: 0;
    padding-bottom: 10px;
    padding-left: 20px;
	padding-top:15px;
}
#gym-service li {
    width: 50%;
    float: left;
    margin: 2px 0 6px 0;    
}
#gym-service li i {margin-right: 10px;}

#img-header { margin-top:133px;}

.trainer-box {margin-top:0;}
.trainer-box ul {padding-left:0px;}
.trainer-box h4 {font-size:22px;}
.trainer-box li {text-align:center; list-style:none; margin-bottom:20px;}
.trainer-box li a {position:relative; width:100%; display:block;}
.trainer-box li span {position:absolute; height:100%; width:100%; z-index:10; background: rgba(0,0,0,0.5) url(../img/icon-plus.png) no-repeat center center; top:0; text-align:center; color:#000; vertical-align:middle; display:none;}
.trainer-box li span .trainer-text {margin-top:85%; font-size:14px; color:#fff;}
.trainer-box li span i {position:absolute; bottom:30%; width:100%; left:0; font-style:normal; font-weight:400; font-size:12px;}
.trainer-box li:hover span {display:block;}
p.trainer-detail { min-height:160px; width:100%;}
p.trainer-detail i { display:block; width:100%; float:left; margin-top:10px; font-style: normal;}
.trainer-box li:hover p.trainer-detail { background:#efefef; display: block; float: left;}

.promotion-detail { margin-bottom:50px;}

#news-home { background:#bd1522; color:#fff; padding-top:0px; padding-bottom:0px; overflow: hidden; margin-top: 30px; margin-bottom: 0;}
.news-home-detail { margin-top:15px;}
.news-home-detail a { color:#fff;}
.news-home-detail a:hover { color:#000;}
.news-home-text { max-width:600px;}

#instagram-index { background:#dbdbdb;}

#news-home .btn {
	margin-top:10px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    padding: 7px 20px;
    font-size: 14px;
    font-weight: 500;
}
#news-home .btn-primary {
    color: white;
    background-color: #c30e2e;
    border-color: #fff;
	border:2px solid;
    text-transform: uppercase;
    font-weight: 500;
}

#news-home a.btn-primary { color:#fff;}
#news-home a:hover.btn-primary  { color:#c30e2e; background:#fff;}

.welcome-text { margin:0 186px;}

#facilities ul {
    list-style: none;
    margin-bottom: 0;    
    padding-bottom: 10px;
    padding-left: 2px;
} 
#facilities li {
    width: 33.33%;
    float: left;
    margin: 2px 0 6px 0;
	font-size:14px;
	color:#444;
}
#facilities li i { margin-right:6px; color:#a69043;}

.footer-bar { margin-top:10px;}
.footer-bar hr {margin-top:0; margin-bottom:5px; border-top: 1px solid #eee;}
footer .navbar-custom { padding:0;}
.footer-menu { margin-top:20px;}
.footer-bar-bg { background:#3d3a35; padding:12px 0;}
.footer-bar-text { margin-top:10px; margin-bottom:10px; font-size:12px; color:#eee;}
.footer-bar .navbar-left {margin-right:0;}
.footer-bar .nav.navbar-nav {margin-top:0; font-size: 14px;}
.navbar-custom .footer-bar .nav li a:hover, .navbar-custom .footer-bar .nav li a:focus {color: #ffa800; background:none;}
.navbar-custom .footer-bar .nav li a.active {color: #ffa800;}
.footer-bar li { padding: 0 10px 0 0;}
footer h3 {color: #eee;}
.inner-pages .footer-bar .nav > li > a { color:#fff;}
.text-red { color:#c30e2e;}
.text-50 { font-size:50px; line-height:60px; font-weight:400;}
.text-36 { font-size:36px; line-height:46px; font-weight:400;}
.text-30 { font-size:30px; font-weight:400;}
.text-28  { font-size:28px; font-weight:400;}
.text-18 { font-size:18px; font-weight:400; line-height:25px;}
.text-24 { font-size:24px; font-weight:400;}
.text-20 { font-size:20px;}
.text-12 { font-size:12px;}
.text-16 { font-size:16px;}
.text-14 { font-size:14px;}
.text-11 { font-size:11px;}
.text-b700 { font-weight:600;}
.text-b500 { font-weight:500;}
.text-gray { color:#666666;}
.text-b0 { color:#3e3935;}
.margin-top-60 { margin-top:60px;}
.margin-top-30 { margin-top:30px;}
.margin-top-20 { margin-top:20px;}
.margin-top-15 { margin-top:15px;}
.margin-top-10 { margin-top:10px;}
.margin-top-7 { margin-top:6px;}
.margin-bottom-20 { margin-bottom:20px;}
.margin-bottom-10 { margin-bottom:10px;}
.text-fff { color:#fff;}
.text-000 { color:#000;}
.no-padding { padding:0;}
.bg-gray { background:#ededed;}

tbody td, tbody th {padding:10px 15px;}
tbody th {font-size: 20px; font-weight: 500; background: #3d3a35; color: #fff;}
tr:hover {background: #eee;}

.position-re {position: relative;}

#tab-custom .tab-pane {padding: 20px 20px;}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #000; font-weight: 400;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
        border-bottom-color: rgb(221, 221, 221);
        border-bottom-style: solid;
        border-bottom-width: 1px;
    border-bottom: 3px solid #c30e2e;
}

.nav-tabs li a:hover {    
    border-bottom: 3px solid #c30e2e;
}

hr {margin-top: 10px; margin-bottom: 10px; border-top: 1px solid #c30e2e;}

.member-logo { min-height:407px; padding:70px 0;}
.alpha-rewards .member-logo {min-height: 290px; padding: 31px 0;}
.alpha-rewards-detail {min-height: 290px; padding:30px 30px 30px 30px;}
.alpha-rewards-detail hr {margin-top: 20px; margin-bottom: 20px; border-top: 1px solid #f2f2f2;}
.privilege .member-logo {min-height: 242px; padding: 70px 0 0 0;}
.privilege-detail {min-height: 242px; padding:30px 30px 30px 30px; position: relative;}
.btn-privilege {position: absolute; right: 20px; bottom: 20px;}
.member-logo-2 { min-height:490px; padding:110px 0;}
.member-detail { padding:10px 30px;}
.member-detail-border { border-right:1px solid #c30e2e;}
.member-detail-2 .member-detail { min-height:160px;}

.modal-title { font-size:30px; color:#fff;  line-height: 1.42857143;}
.modal-content {border: 1px solid #999; border: 1px solid rgba(0,0,0,.2); border-radius: 0;}
.modal-header {padding: 5px 15px; border-bottom: 1px solid #e5e5e5; background:#c30e2e;}
.modal-header .close {margin-top: 7px; opacity: 1;}
.modal-text { font-size:14px; font-weight:400;}
.modal-text-line {border-bottom:1px solid #d7d7d7;}
.modal-body td { padding:8px 10px; vertical-align:top;}

.header-month { background:#c30e2e; color:#fff; font-size:18px; padding:5px 12px; display:inline-block;}

header.page-photo .intro-text {
    display: inline-block;
    width: 100%;
    text-align: center;
	padding:200px 50px;
	position:inherit;
}
header.page-photo .intro-text-in {
    border: 2px solid #fff;
    padding: 20px 60px;
}


.page-photo {
    max-height: 500px;
    overflow: hidden;	
}

.photo-gallery-wrap {position: relative; cursor: pointer;}
.photo-gallery-wrap img {width: 100%;}
.photo-gallery-wrap .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 0;
    background: rgba(0,0,0,0.5);
    color: #fff;
    vertical-align: middle;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
    padding: 30px;
}
.photo-gallery-wrap .photo-gallery-inner {
    top: 0;
    background: transparent;
    width: 100%;
    border-radius: 0;
    margin-bottom: 0;
}
.photo-gallery-wrap .photo-gallery-icon {
    width: 100%;
    display: block;
    float: left;
    text-align: center;
    margin-top: 50px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 14px;
}
.photo-gallery-wrap .overlay .preview {
  bottom: 0;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  border-radius: 0;
  background: transparent;
  text-align: center;
  color: #fff;
  
}

/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

.preview a, .preview a:hover, .preview a:focus, .preview a:active{
text-decoration:none !important;
}

.photo-gallery-wrap:hover .overlay, .photo-gallery-wrap:focus .overlay, .photo-gallery-wrap:active .overlay {

  opacity:1;
}

.photo-gallery-wrap .photo-gallery-icon {width:100%; display:block; float:left; text-align:center; margin-top:80px; text-transform:uppercase; font-weight:300;}



.photo-gallery-wrap span{
  font-size: 35px;
  height: 50px;
  width: 50px;
  margin: 0px;
  line-height: 48px;
  text-align:center;
  color: #fff;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
  margin-bottom:10px;
margin-top:0px;
border:2px solid #fff;
border-radius: 50%;
}


.dropdown-menu {border-radius:0; min-width:180px;}
ul.dropdown-menu { padding:0; left: 27px !important;}
.dropdown-menu li { margin-left:20px; margin-right:20px; padding:5px 0; border-bottom:1px solid #f2f2f2;}
.dropdown-menu li:last-child { border-bottom:none;}
.dropdown-menu li a { color:#000; font-weight:400; padding:4px 0;}
.dropdown-menu li a:hover { color:#c30e2e !important; background:none;}

.dropdown-menu .sub-menu {
  left: 100%;
  position: absolute;
  top: 0;
  visibility: hidden;
  margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
  visibility: visible;
}




.image-header .section-heading::after { height:5px;}
.image-header p.lead {font-size: 20px; color:#000; margin-top:70px;}

.btn.active, .btn:active {box-shadow: none;}
.upload-control a.btn-default { background-color:#fff; color:#000; text-transform:inherit; border-color:#d4d4d3; border-radius:3px;}


@media (min-width: 768px) {
  .navbar-custom {
    background-color: #fff;
    padding:0 0 36px 0;
    -webkit-transition: padding 0.3s;
    -moz-transition: padding 0.3s;
    transition: padding 0.3s;
    border: none;
	
  }
  .navbar-custom .navbar-brand {
    font-size: 2em;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .dropdown-menu li a {color: #000 !important;}
  .modal-dialog {width: 800px; margin:10% auto 0 auto;}
 
}
@media (min-width: 768px) {
  .navbar-custom.affix {
    background-color: rgba(255,255,255,1);
    padding: 10px 0;
    border-bottom: 3px solid #bd1522;
  }
  .navbar-custom.affix .navbar-brand {
    width:60px; background: transparent;

  }
}



section#contact .section-heading {
  color: #000;
}
section#contact .form-group {
  margin-bottom: 25px;
}
section#contact .form-group input,
section#contact .form-group textarea {
  padding: 20px;
}
section#contact .form-group input.form-control {
  height: auto;
}
section#contact .form-group textarea.form-control {
  height: 236px;
}
section#contact .form-control:focus {
  border-color: #fed136;
  box-shadow: none;
}
section#contact ::-webkit-input-placeholder {
  font-family: 'Roboto Slab', cursive, serif;
  text-transform: uppercase;
  font-weight: 700;
  color: #eeeeee;
}
section#contact :-moz-placeholder {
  /* Firefox 18- */
  font-family: 'Roboto Slab', cursive, serif;
  text-transform: uppercase;
  font-weight: 700;
  color: #eeeeee;
}
section#contact ::-moz-placeholder {
  /* Firefox 19+ */
  font-family: 'Roboto Slab', cursive, serif;
  text-transform: uppercase;
  font-weight: 700;
  color: #eeeeee;
}
section#contact :-ms-input-placeholder {
  font-family: 'Roboto Slab', cursive, serif;
  text-transform: uppercase;
  font-weight: 700;
  color: #eeeeee;
}
section#contact .text-danger {
  color: #e74c3c;
}


ul.social-buttons {
  margin-bottom: 0; margin-top:20px;
}
ul.social-buttons li a {
  display: block;
  height: 55px;
  width: 55px;
  border-radius: 100%;
  font-size: 35px;
  line-height: 60px;
  color: #fff;
  outline: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  text-align:center;
}



.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {
  outline: none;
}

::-moz-selection {
  text-shadow: none;
  background: #fed136;
}
::selection {
  text-shadow: none;
  background: #fed136;
}
img::selection {
  background: transparent;
}
img::-moz-selection {
  background: transparent;
}
body {
  webkit-tap-highlight-color: #fed136;
}

/*
 * Start Bootstrap - Full Slider (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

html,
body {
    height: 100%;
	color:#3e3935;
}

.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: 25% top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

footer {
    padding: 40px 0 0 0;
	font-size:14px;
	background:#3d3a35;
	color:#eee;
}

footer p {font-size:14px;}

header .overlay {background:url(../img/header_overlay.png) repeat-x 0 0; width:100%; height:300px; display:none; position:absolute; z-index:2;}

header .intro-text {
  z-index:9999;
   position: absolute;
   top: 30%;
	display: inline-block;
	width: 100%;
  
}

header .intro-text .intro-lead-in {
  font-family: 'Ubuntu', 'Roboto Slab', cursive, serif;
  font-size: 22px;
  line-height: 22px;
  margin-bottom: 25px;
  color:#fff;  
}
header .intro-text .intro-heading {
  font-family: 'Ubuntu', 'Roboto Slab', cursive, serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 50px;
  line-height: 50px;
  margin-bottom: 25px;
  color:#fff;  
}
header .intro-text .intro-desc {
	 font-size: 24px;
    line-height: 36px;
    margin-bottom: 25px;
	color:#fff;
	
}

  header .intro-text {
	top: 38%;
  }
  header .intro-text .intro-lead-in {
    font-family: 'kanit', 'Ubuntu', 'Roboto Slab', cursive, serif;
    font-size: 36px;
    line-height: 40px;
	font-weight:400;
    margin-bottom: 25px;
	text-transform:uppercase;
	max-width: 755px;
    display: inline-block;
    vertical-align: middle;
	text-shadow: 1px 2px 3px #000000;

  }
  .intro-text-in {border:2px solid #fff; padding:40px 60px;}
  header .intro-text .intro-heading {
    font-family: 'Ubuntu', 'Roboto Slab', cursive, serif;
    font-weight: 700;
    font-size: 100px;
    line-height: 100px;
    margin-bottom: 20px;
	text-shadow: 1px 2px 3px #000000;
  }
  header .intro-text .intro-desc {
	 font-size: 24px;
    line-height: 28px;
    margin-bottom: 50px;
  }
  
  header i {
    font-size: 36px !important;
    line-height: 36px !important;
    border: 2px solid #fff;
    padding: 8px 8px;
    color: #fff;
    text-shadow: none;
    margin-top: 10px;
	border-radius: 50%;
}




.btn {border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -o-border-radius:0; padding:7px 20px; font-size:18px; font-weight:400;}
.btn-group-sm > .btn, .btn-sm {padding:2px 10px; font-size:14px; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; -o-border-radius:30px;}
.btn-group-lg > .btn, .btn-lg {padding:10px 50px; font-size:24px; font-weight:400;}
.icon-language {background:url("../img/icon_language.png") no-repeat; width:30px; height:20px; display:inline-block; margin-left:7px; vertical-align:middle; }
.icon-language.en {background-position:0 -40px;}

header .carousel-control.left, header .carousel-control.right {background-image:none;}
header .carousel-control {width:25px; font-size:70px; color:#fff; z-index:10; }
header .carousel-control .fa-angle-left {left:20px; top:45%; position:absolute;}
header .carousel-control .fa-angle-right {right:20px; top:45%; position:absolute;}

section {
  padding: 30px 0;
}

h1 {
  font-size: 50px;
  margin-top: 0;
  margin-bottom: 30px;
}

h2 {
  font-size: 50px;
  margin-top: 0;
  margin-bottom: 30px;
}
h3 {
  font-size: 24px;
  margin-top: 0;
  margin-bottom: 15px;
}
h4 {
  font-size: 36px;
  margin-top: 0;
  margin-bottom: 15px;
}
h5 {
  font-size: 20px;
  margin-top: 0;
  margin-bottom: 10px;
}
h6 {
  font-size: 15px;
  margin-top: 0;
  margin-bottom: 10px;
}

.section-heading::after {
 content: "";
 display: block;
 height: 0.5em;
 vertical-align: bottom;
 width: 95px;
 border-top: 5px solid #3e3935;
 margin: 15px auto 5px;	
}

@media (min-width: 768px) {
  section {
    padding: 45px 0;
  }
}

section#welcome {padding:30px 0;}
section#promo {background-color:#fff; padding:30px 0 20px 0; overflow:hidden;}
section.graybg {background-color:#ececec; }


#promo .carousel {padding-bottom: 53px;}
#promo .section-heading {margin-top:60px;}
#promo .btn {margin-top:20px; margin-bottom:20px;}
.promo-img {position:relative; overflow:hidden;}
#promo h3 {color:#a69043; margin-bottom:5px;}
#promo .carousel-indicators {z-index: 15; bottom: -6px;
    display: inline-block;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0 !important;
}

.carousel-indicators li, .carousel-indicators .active {width:17px; height:17px; margin:4px 0;}
.carousel-indicators li {background:#000; border-radius: 0; border: none; width: 15px; height: 15px;}
.carousel-indicators .active {background:#c30e2e;  border: none; border-color:#c30e2e; margin-right:5px; width: 17px; height: 17px;}


.promo-img img {position:relative;}
.carousel-wrapper {    padding:30px;}

.news-item {margin-bottom:30px; display:inline-block;}
.news-desc {background:#fff; padding-top:20px; padding-bottom:10px; position:relative;}
.news-desc h5 {margin-bottom:5px;}
.news-desc .posted-date {font-size:12px; width:80px; height:75px; display:block; position:absolute; top:-75px; z-index:10; background:#fff; left:0; font-weight:500; text-align:center;}
.news-desc .posted-date .date {font-size:36px; line-height:40px; padding-top:5px;}

.news-item:hover .news-desc {background:#ff6a1a; color:#fff;}
.news-item:hover .news-desc h5 a {color:#fff;}
.news-item:hover .posted-date  {background:#ff6a1a; color:#fff;}

.home-news-item {margin-bottom:30px; display:inline-block;}
.home-news-desc {padding-bottom:10px; position:relative; padding-left: 130px;}
.home-news-desc h3 {margin-bottom:20px; margin-top:20px; font-family: 'kanit', 'Roboto Slab', cursive, serif; font-weight:500; line-height:30px;}
.home-news-desc .posted-date {font-size:12px; width:85px; height:75px; display:block; position:absolute; top:20px; z-index:10; background:#fff; left:16px; font-weight:500; text-align:center; color: #000; border: 1px solid #000;}
.home-news-desc .posted-date .date {font-size:48px; line-height:55px; padding-top:5px;}

.home-news-item:hover .news-desc {background:#ff6a1a; color:#fff;}
.home-news-item:hover .news-desc h5 a {color:#fff;}
.home-news-item:hover .posted-date  {background:#ff6a1a; color:#fff;}

.first-item {margin-bottom:0;}
.first-item .news-desc h5 {font-family: 'Sriracha', 'Roboto Slab', cursive, serif; font-size:28px;}
.first-item .news-desc {padding-left:150px;}
.news-item:hover.first-item .news-desc h5 a {color:#09863d;}
.first-item .news-desc .posted-date {top:0; left:25px;}
.first-item .news-desc, .first-item:hover .news-desc{background:transparent; color:#555;}
.first-item .news-desc .posted-date, .first-item:hover .news-desc .posted-date {background:#ff6a1a; color:#fff;}

footer ul {margin-left:20px;}
.nav-footer ul {margin-left:0; padding-left: 0px; margin-top: 3px;}
footer li {padding:0 10px 10px 20px; list-style:none; font-weight:400; font-size:16px;}
footer a {color:#eee;}
footer a:hover {color:#c30e2e;}

.inner-pages header {margin-top:184px;}
.image-header{background-repeat:no-repeat; background-position:center; height:237px; overflow:hidden; position:relative; text-align: center;}
.page-news .header-overlay, .page-services .header-overlay, .page-menu .header-overlay , .page-review .header-overlay{position:absolute; top:0; left:0; background-repeat:repeat-y;  width:100%; height:100%; z-index:9;}
.page-promotion .header-overlay, .page-gallery .header-overlay, .page-contact .header-overlay {position:absolute; top:0; left:0; background-repeat:repeat-y; background-image: none; width:100%; height:100%; z-index:9;}
.page-services header, .page-news header, .page-menu header, .page-review header , .page-account header { background:url(../img/bg-header-text.jpg) repeat-x top;}
.page-promotion header, .page-gallery header, .page-contact header { background:url(../img/bg-header-text.jpg) repeat-x top;}

.account-header {padding:20px 0;}
.image-header h2, .account-header h2 {z-index:10; position:relative; color:#000; top:18%;}
.image-header h2 span, .account-header h2 span {font-size:16px; display:block;}
.box-white-shadow {background:#fff; box-shadow:1px 1px 2px rgba(100,100,100,0.4); padding-top:15px; padding-bottom:15px; margin-bottom:30px;}
.page-promotion .box-white-shadow, .page-contact .box-white-shadow {padding-top:0; padding-bottom:0;}
.box-white-shadow h3 {margin-top:30px; line-height:1.3; font-size:26px;}
.noshadow {box-shadow:none; }

.menu-filters {margin:0 0 20px 0;}
.menu-filters a {margin-bottom:10px; padding:5px 15px;}
.menu-filters .active, .menu-filters a:hover, .menu-filters a:focus, .menu-filters .btn-primary.active.focus, .menu-filters .btn-primary.active:focus, .menu-filters .btn-primary.active:hover, .menu-filters .btn-primary.focus:active, .menu-filters .btn-primary:active:focus, .menu-filters .btn-primary:active:hover{background:#fff; border-color:#dcdcdc; color:#4c4c4c;}

#menu {padding-left:0px;}
#menu li {text-align:center; list-style:none;}
#menu li:hover img{opacity:0.4; }
#menu li a {position:relative; width:100%; display:block;}
#menu li span {position:absolute; height:100%; width:100%; z-index:10; background:url(../img/icon-plus.png) no-repeat center center; top:0; text-align:center; color:#000; vertical-align:middle; display:none;}
#menu li span i {position:absolute; bottom:30%; width:100%; left:0; font-style:normal; font-weight:400; font-size:12px;}
#menu  li:hover span {display:block;}

.heading  {position:relative; padding-left:120px; min-height:100px;}
.heading .posted-date  {position:absolute; font-size:12px; width:80px; height:75px; display:block; top:0;  left:15px; font-weight:500; text-align:center; background:#ff6b1b; color:#fff;}
.heading .posted-date .date {font-size:36px; line-height:40px; padding-top:5px;}
.content-area {margin-top:30px;}
.gallery {margin-top:0;}
.gallery ul {padding-left:0px; margin-bottom:0;}
.gallery h4 {font-size:22px;}
.gallery li {text-align:center; list-style:none; padding:0;}
.gallery li a {position:relative; width:100%; display:block;}
.gallery li span {position:absolute; height:100%; width:100%; z-index:10; background:  rgba(0,0,0,0.5) url(../img/icon-plus.png) no-repeat center center; top:0; text-align:center; color:#000; vertical-align:middle; display:none;}
.gallery li span i {position:absolute; bottom:30%; width:100%; left:0; font-style:normal; font-weight:400; font-size:12px;}
.gallery  li:hover span {display:block;}

#gallery a img:hover { opacity: 0.8;}


#menu li h4 {font-size:16px; height:40px;}

.pager li > a, .pager li > span {   background-color: #fff;    border: 1px solid #4b2f1e;    border-radius: 15px;    color: #4b2f1e;    font-weight: 500;}
.contact-info ul {padding:0; margin:0;}
.contact-info li {position:relative; padding-left:90px; list-style:none; height:90px;}
.contact-info span {position:absolute; top:0; left:0; width:70px; height:70px; border-radius:100%; display:block; }
.contact-info li i {position:absolute; width:100%; height:100%; text-align:center; line-height:70px; font-size:36px; color:#fff;}
.contact-info span.address {background:#ff6a1a;}
.contact-info span.phone {background:#ffa800;}
.contact-info span.openhours {background:#0b9444;}


.review-form .form-group {padding:0;}
.form-control {background:#fff; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -o-border-radius:0; box-shadow:none; padding:10px; height:44px; color:#444444;  }
.form-control:focus {background:#fff; border-color: #bf1e2d; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(191,30,45,.6);

}
.required {background-image:url("../img/icon_required.png"); background-repeat:no-repeat; background-position:99% 50%;}

#gmap_canvas {height:450px;}
#gmap_canvas img{max-width:none!important;background:none!important}

.btn-upload {position:absolute;z-index:2;top:0;left:0;filter: alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;background-color:transparent;color:transparent;}
.box-upload{display:inline-block; border:1px solid #000;  padding:15px 0 !important; width:100%;}

.btn-bordered {
  color: #000;
  background-color: #fff;
  border-color: #000;
  text-transform: uppercase;
  font-weight: 300;
  padding:3px 20px;
  font-size:16px; font-weight:400;
}
.btn-bordered:hover,
.btn-bordered:focus,
.btn-bordered:active,
.btn-bordered.active,
.open .dropdown-toggle.btn-bordered, .btn-bordered.active.focus, .btn-bordered.active:focus, .btn-bordered.active:hover, .btn-bordered.focus:active, .btn-bordered:active:focus, .btn-bordered:active:hover, .open > .dropdown-toggle.btn-bordered.focus, .open > .dropdown-toggle.btn-bordered:focus, .open > .dropdown-toggle.btn-bordered:hover {
  color: white;
  background-color: #000;
  border-color: #000;
}
.btn-bordered:active,
.btn-bordered.active,
.open .dropdown-toggle.btn-bordered {
  background-image: none;
}
.text-green {color:#3b9941}
.text-yellow {color:#ffa800}
.review-item, .review-item p{font-size:14px;}
.review-rating {padding:10px 0;}
.review-stars .active {color:#ff6c00;}
.review-stars {color:#000; font-size:18px;}
.review-author {color:#888; font-weight:400; }
.review-item h5, .review-item h6 {margin-bottom:5px;}

.account-nav {margin:0 -15px; padding:0; list-style:none;}
.account-nav li {list-style:none; display:block; float:left; font-size:14px; font-weight:500; text-align:center;}
.account-nav li a{width:100%; height:100px; display:block; float:left; color:#fff; background:#609808;}
.account-nav li a:hover {background:#5a9006;}
.account-nav li a:focus, .account-nav li.active a {background:#4b2f1e;}
.account-nav .icon-accounts {background-image:url("../img/icon_accounts.png"); background-repeat:no-repeat; position:relative; width:100%; height:70px; display:block;}
.icon-profile {background-position:50% 0;}
.icon-reserved {background-position:50% -70px;}
.icon-menu {background-position:50% -140px;}
.icon-logout {background-position:50% -210px;}

@media only screen and (max-width: 1199px) {
	#mainNav .nav > li > a {padding:10px 0px; margin:0 12px; width: 110px;}
	.promo-img img {max-width:800px;}
	.promo-desc {padding-right:80px; padding-left:50px;}
	.box-white-shadow p.lead {font-size:16px;}
	.box-white-shadow p {font-size:14px;}
	.header-overlay {background-size:990px;}
	.welcome-text {margin: 0 20px;}
	.our-service-box {min-height: 268px;}
	.class-service-box {min-height: 420px;}
}

@media only screen and (max-width: 991px) {
#mainNav ul.nav.navbar-nav > li:nth-child(3) {margin-right: 49px;}
#mainNav .nav > li > a {padding:10px 0px; margin:0; width:113px;}
.navbar-custom {font-size:14px; padding: 0 0 26px 0;}
#mainNav .navbar-brand > img {width:170px;}
header .intro-text .intro-lead-in {font-size:30px; line-height:36px;}
header .intro-text .intro-heading {font-size:55px; line-height:60px;}
header .intro-text .intro-desc {font-size:20px; line-height:24px;}
.news-item {height:248px; margin-bottom:30px;}
.news-desc {height:248px;}
.news-item .posted-date {top:0; left:-80px;}
ul.social-buttons {clear:both; text-align:center;}
.header-overlay {background-size:750px;}

.first-item .news-desc .posted-date {top:20px; left:0;}
.first-item .news-desc {padding-left:100px;}

.box-white-shadow {padding-bottom:20px !important;}
.page-contact .box-white-shadow {padding-bottom:0px !important;}
.contact-form .form-group {padding:0;}
.nav.navbar-nav {margin-top:40px;}
section#welcome { text-align:center; padding:35px 0 !important;} 
#facilities ul {margin-top: 15px;}
#facilities li {width: 50%;}
.navbar-custom .navbar-brand { width: 80px; }
.our-service-box {min-height: 316px;}

.privilege .member-logo { min-height:1px; padding:10px 0; margin-bottom:1px;}
.privilege-detail {min-height: 10px; padding: 30px 20px 30px 20px;}
.member-logo-2 { min-height:1px; padding:20px 0; margin-bottom:30px; margin-top:60px;}
.member-detail { padding:10px 10px; margin-left:15px; margin-right:15px;}
.member-detail-border { border-bottom:1px solid #c30e2e; border-right: none;}
.member-detail-2 .member-detail { min-height:1px;}
.inner-page .nav.navbar-nav {margin-top: 15px;}
.inner-page.navbar-custom {padding: 0 0 38px 0;}
tbody th {font-size: 14px;}
tbody tr {font-size: 12px;}
}

@media only screen and (max-width: 767px) {
    .navbar-custom {padding: 0px 0 1px 0;}
	.inner-pages .navbar-custom {background:rgba(255,255,255,0.8);}
	.inner-pages .navbar-custom .navbar-toggle {color:#888;}
	.top-menu {padding-top:10px; padding-bottom:10px; padding-right:15px; background:#000;}
	.navbar-custom.affix{background:rgba(0,0,0,0.9);}
	.navbar-toggle {padding:35px 10px;}
	.navbar-custom .navbar-brand {top:-7px; background:none; width:60px;}
	.navbar-custom .navbar-brand:hover {background:none;}
	.navbar-custom.affix .navbar-brand{display:none;}
	.navbar-custom.affix .navbar-toggle {padding:5px 10px;}
	header .intro-text {width:80%; left:10%;}
	header .intro-text .intro-lead-in {font-size:24px; line-height:28px; margin-bottom:20px;}
	header .intro-text .intro-heading {font-size:45px; line-height:50px; margin-bottom:20px;}
	header .intro-text .intro-desc {font-size:18px; line-height:22px; margin-bottom:20px;}
	.btn-group-lg > .btn, .btn-lg {padding:8px 30px; font-size:18px;}
	
	section#promo {height:auto; overflow:auto;}
	#promo .carousel {height: auto;}
	.promo-img  {height:290px;}
	.promo-img img{top:0; max-width:100%;}
	.promo-desc {padding-bottom:40px;}
	#promo .section-heading {margin-top:40px;}
	.section-heading::after {margin:7px auto 2px;}
	.promo-desc {padding-right:20px; padding-left:20px;}
	#promo .carousel-indicators { right:0; top: initial; bottom: 3px; margin:0; padding: 0;}
	.margin-top-60 { margin-top:5px;}
	
	h1.text-50 {  font-size: 36px; line-height: 45px; }
    h1 {  font-size: 36px; }
    h2 {  font-size: 36px; }
	h3 {font-size: 24px; }
	
	.news-item {position:relative; overflow:hidden;}
	.news-img img{position:relative; max-width:400px;}
	.footer-logo {max-width:220px; margin-bottom:30px;}
	.inner-pages header {margin-top:158px;}
	.header-overlay {background-size:1000px; background-position:top left;}
	.image-header {background-size:768px; height:150px;}
	
	.first-item {overflow:auto; height:auto;}
	.first-item .news-desc h5 {font-size:24px;}
	
	.box-white-shadow h3 {font-size:20px;}
	
	#gmap_canvas {height:350px;}
	
	.footer-bar, .footer-bar-text { text-align:center;}
	.top-bar-menu { display:none;}
	.top-menu {background: none; padding-bottom: 2px; padding-right: 15px; padding-top: 2px;}
	.top-bar-bg { padding:0 0 7px 0;}
	.navbar-toggle {padding: 20px 15px;}
	.image-header .section-heading::after {height: 20px;}
	.intro-text-in {padding: 30px 50px;}
	section#welcome img { max-width:200px;}
	.address-footer { text-align:center;}
	.footer-bar {margin-top: 2px;}
	.home-service {min-height: 0; padding: 20px 0 30px 0;}
	
	#news-home {height: auto; padding-bottom:20px;}
	.home-news-desc .posted-date { top:0;}
	
	.navbar-nav .dropdown-menu { display:block; float: none; position: static;}
    .dropdown-menu { background-color:transparent; border: none; border-radius: inherit; box-shadow: inherit;}
    .dropdown-menu li a { color:#fff;}
    .dropdown-menu li {
    border-bottom: none;
    font-size: 12px;
    margin-right: 0;
    padding: 4px 10px;
    text-align: left;	
    }
	.navbar-fixed-top .navbar-collapse {max-height: none;}
    .nav-center {text-align: left; margin-left: 20px;}
	.dropdown-menu > li > a:hover {background-color: transparent;}
	.inner-page.navbar-custom {padding: 0;}
	#img-header {margin-top: 76px;}
	.inner-page .nav.navbar-nav {margin-top: 9px;}
	.our-service-box {min-height:0;}
	.our-service-box img {min-height:0; margin-top:20px;}
	.class-service-box {min-height:0; margin-bottom: 40px;}
	.class-service-box img {min-height:0; margin-top:16px;}
	p.trainer-detail { min-height:180px;}
	
	header .overlay {background: none;}
	
	.dropdown-submenu > .dropdown-menu {margin-left: -10px;}
	.dropdown-submenu > a::after {content: none;}
    .lang {top: 20px; right: 40px;}
    #mainNav .nav > li > a {width: 150px;}
		
}
@media only screen and (max-width: 499px) {
	p {font-size:14px;}
	p.lead {font-size:16px;}
	section h1.section-heading {font-size:32px;}
	h1.section-heading::after {margin:20px auto 0;}
	section#welcome {background-size:1200px; padding-bottom:100px;}
	
	header .intro-text .intro-lead-in {font-size:20px; line-height:24px; margin-bottom:20px;}
	header .intro-text .intro-heading {font-size:38px; line-height:40px; margin-bottom:20px;}
	
	.promo-img  {height:auto;}
	.promo-img img{top:0;}
	h1 {  font-size: 30px; }
	h2 {  font-size: 30px; }
	h3 {font-size: 20px; }
	
	.news-item {overflow:auto; height:auto;}
	.news-img, .news-desc {width:100%; height:auto;}
	.news-img img{ max-width:100%;}
	.news-item .posted-date {top:-75px; left:0px;}
	footer, footer p  {font-size:12px;}
	.footer-logo {max-width:100%;}
	.header-overlay {background-size:700px; background-position:top left;}
	.image-header {background-size:500px; height:auto;}
	#menu li h4 {font-size:13px; height:40px;}
	.image-header h2 span {display:none;}
	
	.first-item .news-desc h5 {font-size:20px;}
	.contact-info li {font-size:14px;}
	.contact-form .btn{padding:7px 20px;}
	
	.account-nav li {width:70px; height:auto; }
	.account-nav li a {width:60px; height:auto; margin-right:10px;}
	.account-nav .icon-accounts{background-size:60px; width:60px; height:60px;}
	.account-nav .text-accounts {display:none;}
	
	.icon-reserved {background-position:50% -60px;}
	.icon-menu {background-position:50% -120px;}
	.icon-logout {background-position:50% -180px;}
	h2.section-heading::after {margin: 10px auto -20px auto;}
	.intro-text-in {padding: 20px 20px;}
	header .intro-text {top: 30%;}
	#facilities li {width: 100%;}
	header .carousel-control {font-size: 40px;}
	#myCarousel .carousel-control.left { left:0px;}
	#myCarousel .carousel-control.right { right:0px;}
	#gym-service li {width: 100%;}

}

@media only screen and (max-width: 439px) {
.home-news-desc .posted-date .date {font-size: 24px; line-height: 32px;}
.home-news-desc .posted-date {width: 70px; height: 56px; left: 0;}	
.home-news-desc {padding-left: 88px;}
	
}

@media only screen and (max-width: 374px) {
	.upload-control {width:100%;}
	.upload-img {margin-bottom:20px; float:none; width:150px;}
}


/*====================================
=            masonry Page            =
====================================*/

.masonry{
  display: block;
-webkit-column-gap: 0.25rem;
-moz-column-gap: 0.25rem;
column-gap: 0.25rem;
}

/* 5 columns */
.masonry.masonry-columns-5{
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5;
}
@media(max-width: 1170px){
  .masonry.masonry-columns-5{
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
}


/*-4 columns------*/
.masonry.masonry-columns-4{
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}

/*-3 columns------*/
.masonry.masonry-columns-3{
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}

/*-2 columns------*/
.masonry.masonry-columns-2{
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}

/*-1 columns------*/
.masonry.masonry-columns-1{
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}


/*--------Responsive---------*/
@media(max-width: 991px){
  .masonry.masonry-columns-4, 
  .masonry.masonry-columns-5{
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
}

@media(max-width: 767px){
  .masonry.masonry-columns-4, 
  .masonry.masonry-columns-5,
  .masonry.masonry-columns-3{
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.navbar-custom.affix {background: #fff;}
}

@media(max-width: 540px){
  .masonry.masonry-columns-4, 
  .masonry.masonry-columns-5,
  .masonry.masonry-columns-3,
  .masonry.masonry-columns-2{
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
}

.masonry .masonry-item {
	margin-bottom:0;
	padding:10px !important;
    display: inline-block;
    width: 100%;
    padding: 0;
    transition: all 0.4s ease-in-out; }


/*=====  End of masonry Page  ======*/

.star-rating{
	font-size: 0;
}
.star-rating__wrap{
	display: inline-block;
	font-size: 1.5rem;

}
.star-rating__wrap:after{
	content: "";
	display: table;
	clear: both;
}
.star-rating__ico{
	float: right;
	padding-left: 2px;
	cursor: pointer;
	color: #000;
}
.star-rating__ico:last-child{
	padding-left: 0;
}
.star-rating__input{
	display: none;
}
.star-rating__ico:hover:before,
.star-rating__ico:hover ~ .star-rating__ico:before,
.star-rating__input:checked ~ .star-rating__ico:before
{
	color: #ff6c00;
}


/*
inspired from http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 10;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}


#toTop{
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	display: none;
	
}
#toTop.btn {
    padding: 6px 10px;    
}
#toTop.btn-info {    
    background-color: rgba(195,14,46,0.5);
    border-color: rgba(195,14,46,0.5);
}
#toTop.btn-info:hover {    
    background-color: #c62945;
    border-color: #c62945;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #000;
    background-color: transparent;
}