body{ 
  font: 13px  PT Sans, Helvetica, Arial, sans-serif;
  background: #CBD0D2; 
  color:#333;
  }
a{ outline: none; text-decoration:none;color:#342d23}
a:hover,a:focus,a:active{text-decoration:none;/*color:#ff4000*/}
a img{ border: none; }
p {margin:0 0 10px 0}
h1, h2 {text-transform:uppercase; margin: 0; font-family: open_sanslightRegular, Helvetica, Arial, sans-serif}
h2, .h2 {font-size: 1.4em; margin-bottom: 7px}
h1, .h1 {font-size: 2em;}
h3, .h3 { font-size: 1.3em; margin: 0}
hgroup {margin:15px 0}

@font-face {
font-family: 'PT Sans Narrow';
  src: url('../font/pt_sans-narrow-web-regular-webfont.eot');
  src: url('../font/pt_sans-narrow-web-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/pt_sans-narrow-web-regular-webfont.woff') format('woff'),
         url('../font/pt_sans-narrow-web-regular-webfont.ttf') format('truetype'),
         url('../font/pt_sans-narrow-web-regular-webfont.svg#PT Sans Narrow') format('svg');
   font-weight: 400;
   font-style: normal;
}
@font-face {
  font-family: 'PT Sans Narrow';
  src: url('../font/pt_sans-narrow-web-bold-webfont.eot');
  src: url('../font/pt_sans-narrow-web-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/pt_sans-narrow-web-bold-webfont.woff') format('woff'),
         url('../font/pt_sans-narrow-web-bold-webfont.ttf') format('truetype'),
         url('../font/pt_sans-narrow-web-bold-webfont.svg#pt_sans_narrowbold') format('svg');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: normal;
  src: url('../font/pt_sans-web-regular-webfont.eot');
  src: url('../font/pt_sans-web-regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('../font/pt_sans-web-regular-webfont.woff') format('woff'),
       url('../font/pt_sans-web-regular-webfont.ttf') format('truetype'),
       url('../font/pt_sans-web-regular-webfont.svg#pt_sansregular') format('svg');
}
@font-face {
  font-family: 'PT Sans';
  src: url('../font/pt_sans-web-italic-webfont.eot');
    src: url('../font/pt_sans-web-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/pt_sans-web-italic-webfont.woff') format('woff'),
         url('../font/pt_sans-web-italic-webfont.ttf') format('truetype'),
         url('../font/pt_sans-web-italic-webfont.svg#pt_sansitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
  font-family: 'PT Sans';
  src: url('../font/pt_sans-web-bold-webfont.eot');
    src: url('../font/pt_sans-web-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/pt_sans-web-bold-webfont.woff') format('woff'),
         url('../font/pt_sans-web-bold-webfont.ttf') format('truetype'),
         url('../font/pt_sans-web-bold-webfont.svg#pt_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslightRegular';
    src: url('../font/opensans-light-webfont.eot');
    src: url('../font/opensans-light-webfont.eot') format('embedded-opentype'),
         url('../font/opensans-light-webfont.woff2') format('woff2'),
         url('../font/opensans-light-webfont.woff') format('woff'),
         url('../font/opensans-light-webfont.ttf') format('truetype'),
         url('../font/opensans-light-webfont.svg#open_sanslightRegular') format('svg');
}

.full-slide {
position:fixed !important;
top: 0;
left: 0;
z-index: -1
}

.modal {background: rgba(0,0,0,.8)}
.modal-backdrop.in {display: none;}
.modal-dialog {
  width: 80% !important;
  position: relative;
  overflow: hidden;
  max-width: 1000px;
  margin: 40px auto 0 auto;
  padding-bottom: 40px;
}
button.close {opacity: 1; color: #fff; text-shadow: none;}

.slides-navigation {position: absolute;
  z-index: 2;
  width: 100%;
  top: 50%;}
.slides-prev,.slides-prev:hover,.slides-prev:focus, .slides-next, .slides-next:hover, .slides-next:focus{
  position: absolute;
  height: 30px;
  background: rgba(0,0,0,.5);
  font-size: 2em;
  line-height: .9em;
  padding: 5px;
  color: #ccc;
  z-index: 200;
  cursor: pointer;
  text-decoration: none;
}
.slides-prev {left: 0}
.slides-next {right: 0}

.lead {font-size: 16px;}

.navbar-wrapper {position: fixed; top:0; width: 100%; z-index: 1; /*background: url(../images/bg-nav.png);*/}
.navbar {min-height: 60px;margin-bottom:0}
.navbar-nav>li>a {
padding-top: 5px;
padding-bottom: 5px;
line-height:20px;
text-transform: uppercase;
font-family: open_sanslightRegular, Helvetica, Arial, sans-serif;
font-size: 1.1em;
padding:5px 10px;
}
.navbar-nav {float: right;}
.nav>li>a>img {margin-top: -3px; margin-right:5px}
.navbar-inverse {
background: none;
border: none;
}
.caret {
display: inline-block;
margin-left: 0;
vertical-align: middle;
border: none;
height: 30px;
width: 30px;
background: url(../images/iconn-caret.png) no-repeat center rgba(0,0,0,.1);
padding:0;
float: right;
margin: -5px -10px 0 5px;
}
.top-nav {background: #fff;}
.bottom-nav {background:#ff4000}
.navbar-inverse .bottom-navbar-nav>li>a {
color: #dadada;
}
.navbar-inverse .top-navbar-nav>li>a:hover, .navbar-inverse .top-navbar-nav>li>a:focus {
color: #333;}
.navbar-inverse .top-navbar-nav>.open>a, .navbar-inverse .top-navbar-nav>.open>a:hover, .navbar-inverse .top-navbar-nav>.open>a:focus {
color: #333;
background-color: #eee;
}
.bottom-navbar-nav a:hover,.navbar-inverse .bottom-navbar-nav>.active>a, .navbar-inverse .bottom-navbar-nav>.active>a:hover, .navbar-inverse .bottom-navbar-nav>.active>a:focus,
.navbar-inverse .bottom-navbar-nav>.open>a, .navbar-inverse .bottom-navbar-nav>.open>a:hover, .navbar-inverse .bottom-navbar-nav>.open>a:focus
{
color: #333;
background-color: #eee;
}
.navbar-inverse .top-navbar-nav>.active>a, .navbar-inverse .top-navbar-nav>.active>a:hover, .navbar-inverse .top-navbar-nav>.active>a:focus {
color: #333;
background-color: #eee;
}

a.logo {display: block;height:185px;width:172px;padding:10px 12px 0 12px;background:url(../images/bg-logo.png) repeat-x; position: absolute;}
a.logo img {height:auto;width:100% ;}
.top-hili {width:100%; position:absolute; bottom:20px; z-index:10}
.top-hili>.container {padding-left: 0; padding-right: 0}
.homecontainer {padding-left: 300px}
.homecontainer>.row {background: #fff}
.banner-promo {display: block; width: 261px; height: auto; margin-bottom: 40px;margin-left: -15px;}

.wrap-booking-bar {position: fixed; border-bottom: 40px; width: 530px; z-index:0; bottom: 39px}
.booking-bar {position: relative;
background: #ff4000;
height: 200px;
width: 170px;}
.booking-bar form {padding-top: 7px; display: block;}
.booking-bar label {margin-bottom: 0; line-height:1em;margin-right: 10px; width: auto; font-weight: normal; font-size: .8em; text-transform: uppercase;}
.booking-bar input {width: 100%;height: 30px;font-size: 12px;padding: 0 12px; background-color: #f1f1f1; border:none; border-radius:0;}
.booking-bar .form-group {margin-bottom: 10px;}
.booking-head {background: #ff4000;position: relative;z-index: 9; text-align: left;}
.booking-head h2 {font-size: 1.6em;margin:0; line-height:2em;}
.booking-head h3 {font-size: 1.1em;margin: 0;}
.book-btn {background: #fff;
text-transform: uppercase;
width: 100%;
font-size: 1em;
padding: 0 12px;
line-height: 2.2em;
margin-top: 5px;
color: #333;
border: #ddd 1px solid;
font-weight: bold;}
.ui-widget{font-size: 13px !important;}
.ui-datepicker-trigger {display: none}
.hasDatepicker {background: #fff url(../images/cal.png) right no-repeat;
}
.promotion {
position: absolute;
height: 200px;
width: 360px;
margin: 0;
background:#ff4000;
left: 170px;
bottom: 0;
z-index: 10;
border: 1px solid #eee;
border-top: none;
border-bottom: none
}
.slides li {list-style: none; margin: 0}
.pop-upbar {width: 530px;
position: relative;
max-height: 212px;
background: #fff;}

.why-book-with-us {
position: relative;
height: 66px;
padding: 0;
margin-top: -7px;
}
.why-book-with-us h2 { font-size: 1em}
.why-book-with-us img {position: absolute;
right: 0;
bottom: 0px;
width: 100%;
height: auto;
}

.full-img-container {position: absolute; width: 100%; top: 100%; padding-top: 40px; padding-bottom: 100px;}
.page-container {position:relative;padding-top: 40px; padding-bottom: 100px}
.section {margin-bottom: 15px;}
.intro {}
.intro h1,.intro h2 {color:#000}
.intro h1 { margin-bottom: 5px}
.intro h2 { font-style: italic; text-transform: none;}
/*.h-dec { background: url(../images/bg-head.png) left top no-repeat; line-height: 44px; padding: 0 15px; color: #fff; margin:15px 0}*/
.h-dec {background: #ff4000; line-height: 44px; padding: 0 15px; color: #fff; margin:15px 0 0 0}
.thumb-list { margin: 0 0 15px 0}
.thumb-list li {display: block; padding: 10px; list-style: none; width: 100%; border-bottom: 1px dotted #ddd}
.thumb-list li:last-child {border-bottom: none}
.thumb-list img {width: 100%; height: auto;}
.anchor { text-decoration: underline;}
.btn-book {
  color: #fff;
  background: #f19f00;
  font-size: 1.5em;
  top: 0;
  padding: 5px 15px 3px 15px;
  float: left;
  border-radius: 5px;
}
.btn-book:hover,.btn-book:focus,.btn-book:active {color: #fff;background:#DD9200;}

article {
    position: relative;
    top: 100px;
    padding: 0px 0px 100px 300px;
    min-height: 50px;
    margin: 0px auto;
    max-width: 1170px;
    right: 0px;
}
.no-supersized {}

article h1 {display: block;padding:2%; border-bottom:1px dotted #888; width:96%; float:left; margin:0; background: rgba(255,255,255,.9);}
section h1 {padding:0 0 10px 0; width:100%; margin:0 0 10px 0; background: none }
.list3col {margin-left: 15px}
.list2col li {width: 45%; float: left;}
.list3col li {width: 31%; float: left;}
.txt-intro {display: block; position: absolute; right: 5%; bottom: 30%; width: 500px; height: auto; z-index: 1}
section {padding:15px; background: rgba(255,255,255,.9); float:left;width:100%}
section ul {padding-left: 15px;}
section li {width: 50%; float: left;}
.row {}
.gallery {margin-bottom: 100px}
.awards-img {width: 100%; padding-bottom: 20px}
.awards-img img {
  width: 80px;
  height: auto;
  display: block;
  float: left;
  margin: 10px 20px 0 0;
}

.panel-group {float: left; width: 100%;}
.panel {padding: 15px 15px 8px 15px; border-radius: 2px !important; cursor: pointer;}
.x-icon {top: -30px;right: 15px; cursor: pointer;}

/* promos style */
.clear {clear:both}
.pro-row {padding:2%; width:96%; float:left; margin:0 0 2% 0; background: rgba(255,255,255,.9);}
.details {float:left; width:62%}
.pro-thumb {float:left; width:36%; margin-right:2%}
.pro-thumb img{width:100%; height: auto}
.pro-roomtype {font-size:12px}
.details p,.details h3 {margin-top:15px; line-height: normal}
.details h2 {margin:0 0 5px 0; line-height: normal; font-size:18px}
.btn-check {background:#006072;padding:10px 15px;font-size: 14px;font-weight: 400;display: block;float: left;line-height: 1;text-decoration: none;cursor: pointer;text-transform:uppercase; border-radius:5px;text-shadow: 0 1px 0px #1587ac;box-shadow: 0px 2px 0px 0px #1587ac;
color: #fff !important;-moz-box-shadow: 0px 2px 0px 0px #1587ac;-webkit-box-shadow: 0px 2px 0px 0px #1587ac; margin-top: 15px}
.btn-check:hover {color:#fff}
.ng-binding li {list-style: disc !important; margin: 5px 0 0 15px !important}
.s-pad {padding: 2px}
.home-pro .pro-thumb {width:100%; margin-right:0; margin-bottom: 15px}
.home-pro .details {float:left; width:100%}
.home-pro {display: none;}
.home-pro:first-child {display: block;width: 100%;padding: 0; float: none}

.slick-dots {
bottom: 10px;
right: 50px;
width: auto;
}
.slick-dots li {
height: 5px;
width: 5px;
margin: 0px 7px;
}
.slick-dots li button {content: "•";}
.slick-dots li button:before {font-size:40px;}
.slick-next,.slick-prev {display: none !important}
.slick-next:before {content: "▶" }
.slick-prev:before {content: "◀"}
.slick-next {right: 3px;}
.slick-prev {left: 0px;}
.slick-next:before,.slick-prev:before {background:#ff4000;padding: 3px;}
.space {width: 100%; height: 100px;}
.bar {position: absolute;
top: -50px;
z-index: 20;
text-align: center;
right: 3%;
display: block;}
.bounce {
  position:absolute;
  left:50%;
  bottom:0;
  margin-top:-25px;
  margin-left:-25px;
background: url(../images/more-under.png) no-repeat top center;
background-size: 100%;
color: #eee;
width: 40px;
height: 60px;
  -webkit-animation:bounce 1s infinite;
}

@-webkit-keyframes bounce {
  0%{bottom:5px;}
  
  25%, 75%, 50% {bottom:10px;}
   
  100% {bottom:0;}
}

.map {width:100%; height:auto; overflow: hidden;}
.map-pic{height: auto; width: 100%;}
.map iframe {width: 100%; height:400px; overflow: none; border: none;}
.add-mar-tb {margin: 10px 0}
.thumb {margin-bottom: 15px; width: 100%; height: auto}

footer {width:100%; background:#fff; position:fixed; padding-bottom:0;height:40px; bottom: 0;border-top: 1px solid #eee}
.wrap-footer-top {width:100%; height: 30px; float:left;background: #5F5953;}
.footer-top {margin: 0 auto; height: 30px; position: relative; line-height: 20px; padding: 5px 0 }
.footer-top a { font-size: 1.5em;font-family: open_sanslightRegular, Helvetica, Arial, sans-serif; color: #777}

.footer-top span {color:#0fb0e5; line-height: 30px; font-size: 1.3em;float: left; position: relative; margin-right: 10px}
.flexslider {-webkit-box-shadow: none;box-shadow: none}
.social {height: 30px; float: left; margin-top: 2px}
.social img {margin:0 0 0 12px;float: right;width:25px;height:auto;}
.footer-list {float: left; margin-right: 15px; padding-right: 15px; border-right: 1px solid #999}
.footer-list li { display: inline-block; margin:0 5px; line-height:30px; font-size: .8em; text-transform: uppercase;}
a.xcaliber {float: right;width:auto;margin:7px 0 0 0;height:16px; font-size: .8em; text-transform: uppercase;}
.flexslider {position: relative;}
.flexslider h2 {
  display: block;
  position: absolute;
  bottom: 0;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  color: #fff;
  font-size: 1.2em;
}
  .flex-direction-nav a {
    top: 55% !important;
  }
  .flex-control-paging li a.flex-active {
  background: #0670ca !important;
}
.bottom-promos {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/bg-promo.png) repeat-y left;padding: 50px 40% 20px 20px; }
.bottom-promos h2,.bottom-promos p {color: #fff}
.bottom-promos h2 {
  display: block;
  position: absolute;
  background: #ff4000;
  width: 100%;
  font-size: 1.4em;
  padding: 10px 10px 10px 20px;
  color: #333;
  top: 0;
  left: 0;
  height: 40px;
}
.bottom-promos img {
  width: 130px !important;
  height: auto;
  position: absolute;
  left: 20px;
  top: 156px;
}

.xcaliber {width: auto; height: 20px; margin: 0 0 0 5px}
.footer-text {  font-size: .85em;
  float: left;
  line-height: 1.3em;
  color: #777;
  border-right: #ccc solid 1px;
  margin-right: 10px;
  padding-right: 10px;}

.home-hili {
  margin-bottom: 30px;
  position: relative;
}

.norepeat {
  display: none;
}

.norepeat:first-child {
  display: block;
}

.hili-box p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 16px;
  max-height: 32px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* Preloader */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  /* change if the mask should have another color then white */
  z-index: 100;
  /* makes sure it stays on top */
}

#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  background-image: url(../images/status.gif);
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  /* is width and height divided by two */
}

.img-thumb a {
  display: inline-block;
  cursor: pointer;
}

.img-thumb {
  width: 18%;
  height: 90px;
  overflow: hidden;
  float: left;
  margin: 1%;
}

.img-thumb img {
  width: 100%;
  height: auto;
}

.img-hili {
  width: 100%;
  height: 200px;
}

/* show hide button */
.menu-toggle {width:105px;height:30px;text-indent:-99999px;cursor:pointer;position:absolute;opacity:1;top:0;right:10px;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;transition: all 0.2s ease;z-index:1}
.menu-toggle:hover {opacity:1;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;transition: all 0.2s ease;}
.menu-toggle-off {background: url(../images/menu_toggle.png) 0 top;}
.menu-toggle-on {background: url(../images/menu_toggle.png) 0 bottom; right:0; position: fixed;top: 100px;}

/*Show/Hide Promo*/
.hide-promo {display:block; background: #ff4000 url(../images/icon-hide.png) center no-repeat;font-size:0.7em; text-align:center; height:12px; width:100%; border-radius:5px 5px 0 0; border-bottom: 1px solid #eee;background-size:13px 5px;}
.hide-promo.collapsed {background:#ff4000 url(../images/icon-show.png) center no-repeat;background-size:13px 5px;}
.moibile-only {display: none !important}

body {
  overflow: hidden;
}

/* Preloader */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  /* change if the mask should have another color then white */
  z-index: 100;
  /* makes sure it stays on top */
}

#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  background-image: url(../images/status.gif);
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  /* is width and height divided by two */
}
.img-bg {position: fixed; width:100%; height:100%; z-index:-1;  top: 0;}
.formError {left: 10px !important;}

/* Mobile */
@media (max-width: 767px) {
article {width: 100%;padding:70px 0 150px 0; background: #fff;   position: static;}
.moibile-only {display: block !important}
.no-supersized {top:60px;padding: 0 20px;}
.top-nav,.bottom-nav {background:#fff}
.navbar-nav {float: left; width: 100%}
a.logo {height: 100%;padding:5px;background:#ff4000;height: auto; }
.navbar-inverse .navbar-collapse {background:#ff4000; border: none}
a.logo img {height:40px;width: auto;}
.navbar-toggle {background: #333}
.navbar-wrapper {background:#ff4000;;border-bottom:#ff4000 1px solid}
.wrap-booking-bar {background: #fff; width: 93%;}
.booking-head h2 {font-size: 1.3em;line-height: 30px;text-align: left;}
.booking-bar div {margin-bottom: 10px !important}
#supersized {height: 300px; position:static !important;}
.full-img-container {
  padding-top: 60px;
  padding-bottom: 65px;
  position: static;
}
.img-bg {display: none}
#prevslide, #nextslide {top: 200px; position: absolute;}
.footer-list {display: none}
.top-nav {display: none}
.navbar-inverse .bottom-navbar-nav>li>a {color:#eee}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus  {color:#eee}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {color: #eee;}
.booking-bar {height:auto;width: 100%;}
.promotion { display: none}
.pop-upbar {width: 100%;}
.pro-head,.space,.bar {display: none}
.thumb-list img,.img-responsive {margin-bottom: 10px}
.list3col li {width: 100%;}
#thumb-tray,.menu-toggle {display: none;}
.map {height: auto;}
.homecontainer {padding-left: 15px}
.footer-text {display: none;}
.xcaliber {height: 15px}
a.xcaliber {font-size: .7em;}
.ui-widget{font-size: 14px !important;}
section li {width: 100%;}
.btn-book {width: 100%; text-align: center;}
.full-slide {display: none}
}

/* MD */
@media (min-width: 768px) and (max-width:1199px){
article {width: 970px;}
}

/* SM */
@media (min-width: 768px) and  (max-width: 1023px) {
.top-nav,.bottom-nav {font-size: .9em;}
.navbar-inverse .navbar-nav>li>a {padding: 5px 10px;}
article {width: 750px;padding: 0px 0px 100px 260px;}
.navbar-inverse .navbar-nav>li>a {padding: 5px 7px;font-size: 1em;}
.homecontainer {padding-left: 260px}
section li {width: 100%;}
.btn-book {width: 100%; text-align: center;}
}