/*!
 * 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 {
  overflow-x: hidden;
  font-family: 'Roboto', 'Kanit',  Arial, sans-serif;
  letter-spacing:0.5px;
  line-height:1.3;
  font-size:16px;
  font-weight:300;
}
.text-muted {
  color: #777777;
}
.text-primary {
  color: #fed136;
}
p {
  font-size: 16px;
  line-height: 1.5;
}
p.lead {
  font-size: 20px;
  line-height: 1.5;
  font-weight:500;
}
a,
a:hover,
a:focus,
a:active,
a.active {
  outline: none;
}
a {
  color: #0b9444;
}
a:hover,
a:focus,
a:active,
a.active {
  color: #ff8400;
  text-decoration:none;
}
h1,
h2,
h3,
h4
{
  font-family: 'Sriracha', 'Roboto Slab', cursive, serif;
  text-transform: uppercase;
  font-weight: 600;
  line-height:1.5;
  color:#222;
}
h5,
h6 {
  text-transform: uppercase;
  font-weight: 500;
  line-height:1.5;
  color:#222;
}

.img-centered {
  margin: 0 auto;
}
.bg-light-gray {
  background-color: #eeeeee;
}
.bg-darkest-gray {
  background-color: #222222;
}
.btn-primary {
  color: white;
  background-color: #0b9444;
  border-color: #0b9444;
  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: #09863d;
  border-color: #09863d;
}
.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;
}


.navbar-custom {
  background-color: rgba(0,0,0,0.5);
  border-color: transparent;
}
.navbar-custom .navbar-brand {
  position: absolute;
top: 60px;
}
.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: 18px;}
.navbar-custom .navbar-toggle {
  background-color: transparent;
  border-color: transparent;
  text-transform: uppercase;
  color: white;
  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: 400;
  letter-spacing: 1px;
  color: white;
}
.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus {
  color: #ffa800;
  outline: none;
}

.navbar-custom .navbar-nav > .active > a {
  border-radius: 0;  -webkit-border-radius: 0;  -moz-border-radius: 0;
  color: white;
  border-bottom:3px solid #ffa800;
  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: white;
   border-bottom:3px solid #ffa800;
   background:transparent none;
}

.nav > li > a {padding:10px 0px; margin:0 20px;}
.nav.navbar-nav {margin-top:10px;}

.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;}


.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: -13px;}

.footer-bar { margin-top:50px;}
footer .navbar-custom { padding:0;}
.footer-menu { margin-top:20px;}
.footer-bar-bg { background:#ff6a1a; padding:6px 0;}
.footer-bar-text { margin-top:10px; font-size:14px; color:#fff;}
.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 6px 0 0;}
.inner-pages .footer-bar .nav > li > a { color:#fff;}




.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: transparent;
    padding:0 0 15px 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;
  }
 
}
@media (min-width: 768px) {
  .navbar-custom.affix {
    background-color: rgba(0,0,0,0.8);
    padding: 10px 0;
  }
  .navbar-custom.affix .navbar-brand {
    width:150px;

  }
}


section#contact {
  background-color: #222222;
  background-image: url('../img/map-image.png');
  background-position: center;
  background-repeat: no-repeat;
}
section#contact .section-heading {
  color: white;
}
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: 'Sriracha', 'Roboto Slab', cursive, serif;
  text-transform: uppercase;
  font-weight: 700;
  color: #eeeeee;
}
section#contact :-moz-placeholder {
  /* Firefox 18- */
  font-family: 'Sriracha', 'Roboto Slab', cursive, serif;
  text-transform: uppercase;
  font-weight: 700;
  color: #eeeeee;
}
section#contact ::-moz-placeholder {
  /* Firefox 19+ */
  font-family: 'Sriracha', 'Roboto Slab', cursive, serif;
  text-transform: uppercase;
  font-weight: 700;
  color: #eeeeee;
}
section#contact :-ms-input-placeholder {
  font-family: 'Sriracha', 'Roboto Slab', cursive, serif;
  text-transform: uppercase;
  font-weight: 700;
  color: #eeeeee;
}
section#contact .text-danger {
  color: #e74c3c;
}


ul.social-buttons {
  margin-bottom: 0;
}
ul.social-buttons li a {
  display: block;
  height: 70px;
  width: 70px;
  border-radius: 100%;
  font-size: 38px;
  line-height: 65px;
  color: white;
  outline: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  text-align:center;
}

ul.social-buttons li.fb a {background-color: #4e71a8;}
ul.social-buttons li.tt a {background-color: #1cb7eb;}
ul.social-buttons li.ig a {background-color: #444444;}
ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active {
  background-color: #ff6a1a;
}
.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {
  outline: none;
}
.portfolio-modal .modal-dialog {
  margin: 0;
  height: 100%;
  width: auto;
}
.portfolio-modal .modal-content {
  border-radius: 0;
  background-clip: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  min-height: 100%;
  padding: 100px 0;
  text-align: center;
}
.portfolio-modal .modal-content h2 {
  margin-bottom: 15px;
  font-size: 3em;
}
.portfolio-modal .modal-content p {
  margin-bottom: 30px;
}
.portfolio-modal .modal-content p.item-intro {
  margin: 20px 0 30px;
  font-family: 'Sriracha', 'Roboto Slab', cursive, serif;
  font-style: italic;
  font-size: 16px;
}
.portfolio-modal .modal-content ul.list-inline {
  margin-bottom: 30px;
  margin-top: 0;
}
.portfolio-modal .modal-content img {
  margin-bottom: 30px;
}
.portfolio-modal .close-modal {
  position: absolute;
  width: 75px;
  height: 75px;
  background-color: transparent;
  top: 25px;
  right: 25px;
  cursor: pointer;
}
.portfolio-modal .close-modal:hover {
  opacity: 0.3;
}
.portfolio-modal .close-modal .lr {
  height: 75px;
  width: 1px;
  margin-left: 35px;
  background-color: #222222;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Safari and Chrome */
  z-index: 1051;
}
.portfolio-modal .close-modal .lr .rl {
  height: 75px;
  width: 1px;
  background-color: #222222;
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Safari and Chrome */
  z-index: 1052;
}
.portfolio-modal .modal-backdrop {
  opacity: 0;
  display: 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:#555;
}

.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: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

footer {
    padding: 40px 0 0 0;
	font-size:14px;
}

footer p {font-size:14px;}

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

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

header .intro-text .intro-lead-in {
  font-family: 'Sriracha', 'Roboto Slab', cursive, serif;
  font-size: 22px;
  line-height: 22px;
  margin-bottom: 25px;
  color:#fff;
   text-shadow:1px 2px 2px rgba(0,0,0,0.9);
}
header .intro-text .intro-heading {
  font-family: 'Sriracha', 'Roboto Slab', cursive, serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 50px;
  line-height: 50px;
  margin-bottom: 25px;
  color:#2dc12a;
   text-shadow:1px 2px 2px rgba(0,0,0,0.9);
}
header .intro-text .intro-desc {
	 font-size: 24px;
    line-height: 28px;
    margin-bottom: 25px;
	color:#fff;
	 text-shadow:1px 2px 2px rgba(0,0,0,0.9);
}
@media (min-width: 768px) {
  header .intro-text {
	top: 40%;
  }
  header .intro-text .intro-lead-in {
    font-family: 'Sriracha', 'Roboto Slab', cursive, serif;
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 25px;
  }
  header .intro-text .intro-heading {
    font-family: 'Sriracha', 'Roboto Slab', cursive, serif;
    font-weight: 700;
    font-size: 65px;
    line-height: 60px;
    margin-bottom: 20px;
  }
  header .intro-text .intro-desc {
	 font-size: 24px;
    line-height: 28px;
    margin-bottom: 50px;
  }
}



.btn {border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; -o-border-radius:50px; padding:7px 40px; font-size:20px; 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:42%; position:absolute;}
header .carousel-control .fa-angle-right {right:20px; top:42%; position:absolute;}

section {
  padding: 30px 0;
}
h2 {
  font-size: 48px;
  margin-top: 0;
  margin-bottom: 15px;
}
h3 {
  font-size: 36px;
  margin-top: 0;
  margin-bottom: 15px;
}
h5 {
  font-size: 18px;
  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: 60px;
	border-top: 4px solid #2dc12a;
	margin: 15px auto 5px;
}

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

section#welcome {background:url("../img/welcome_bg.png") no-repeat center bottom; padding-bottom:150px;}
section#promo {background-color:#ff6a1a; padding:0; color:#fff; height:400px; overflow:hidden;}
section.graybg {background-color:#ececec; }


#promo .carousel {height: 400px;}
#promo .section-heading {margin-top:60px;}
#promo .btn {margin-top:20px; margin-bottom:20px;}
.promo-img {position:relative; overflow:hidden;}
#promo h3 {color:#fff;}
#promo .carousel-indicators { right: 20px;    z-index: 15;    width: 35px;    left:initial;    top: 42%;}
.carousel-indicators li, .carousel-indicators .active {width:17px; height:17px; margin:4px 0;}
.carousel-indicators li {background:#fff; }
.carousel-indicators .active {background:#2dc12a; border-color:#2dc12a;}

.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;min-width:42px;display:block;}

.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;}

.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;}
footer li {padding:0 10px 10px 20px; list-style:none; font-weight:400;}
footer li a {color:#444;}

.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;min-width:42px;display:block;}
.content-area {margin-top:30px;}
.gallery {margin-top:30px;}
.gallery ul {padding-left:0px;}
.gallery h4 {font-size:22px;}
.gallery li {text-align:center; list-style:none; margin-bottom:20px;}
.gallery li:hover img{opacity:0.4; }
.gallery li a {position:relative; width:100%; display:block;}
.gallery 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;}
.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;}

#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:#f1f1f1; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -o-border-radius:0; box-shadow:none; padding:10px; height:44px;  }
.form-control:focus {background:#fff;}
.required {background-image:url("../img/icon_required.png"); background-repeat:no-repeat; background-position:99% 50%;}

#gmap_canvas {height:600px;}
#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) {
	.nav > li > a {padding:10px 0px; margin:0 12px;}
	.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;}
}

@media only screen and (max-width: 991px) {
.navbar-custom {font-size:14px;}
.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;}
#promo .carousel {height: 500px;}
section#promo {height:500px;}
.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;}

}

@media only screen and (max-width: 767px) {
	.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.8);}
	.navbar-toggle {padding:35px 10px;}
	.navbar-custom .navbar-brand {top:40px;}
	.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:30px;}
	#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; width: 100%; top: initial; bottom: 10px; margin:0; padding: 0;}
	
	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:400px;}
	
	.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;}
	
}
@media only screen and (max-width: 499px) {
	p {font-size:14px;}
	p.lead {font-size:16px;}
	section h2.section-heading {font-size:32px;}
	h2.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;}
	
	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;}
	
	

}
@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;
}
}

@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);
    }
}

.error {color:red;}
input.error {border: 1px solid red;}

#imagelist ul {list-style: outside none none;padding:0;}
#imagelist ul li {width:95px;margin:5px;display: inline-block;position:relative;}
.imagedel {color:#dd5a43;position:absolute;top:0;right:0;cursor: pointer;}