﻿@charset "utf-8";
/* CSS Document */
a {text-decoration:none;outline:none; cursor:pointer; color:#a68141}
a:focus {text-decoration:none;outline:none; border:0px none;}
a:hover {transition:color 0.5s ease-out 0s;}
a:hover, a:focus {color: #a68141; text-decoration:none;}
body {font-family: 'Josefin Sans', sans-serif;  font-size:17px;line-height:120%;color:#fff;text-align:left;font-weight:300;padding:0px; margin:0px; background:#fff  }
p{ font-family: 'Open Sans', sans-serif; font-size:1.4rem; color:#fff; font-weight:normal; line-height:2rem;}
ul {list-style:none;}
h1 {font-size:3rem; color:#fff; text-transform:uppercase; text-align:center;font-weight:300; }
h2 {font-size:2.5rem;  color:#fff;  margin-top:0px;text-transform:uppercase; font-weight:300; text-shadow: 1px 0px 1px #2d3537;}
h3 {font-size:3rem; color:#000; margin:0px; font-weight:300;}
h4 {font-size:2.2rem; color:#a68141; margin-bottom:9%;text-transform:uppercase; font-weight:300; }
h5{ font-size:1.6rem;color:#a68141; text-transform:uppercase;}
h6{ font-size:1.3rem;color:#000; text-transform:uppercase; font-weight:300;}

#mainWrapper {height: auto;width: 100%; }
img {max-width:100%;}
.container {max-width:1200px; margin:0 auto;}
.navbar-inverse {background:transparent ; border-bottom:none;}
.navbar {min-height:inherit !important; margin-bottom:0px; padding:5% 0%; text-align:right; width:100%;}
.navbar-inverse .navbar-nav > li > a {color:#fff; padding:1.2rem; z-index:9;}
.navbar-nav > li > a {text-align:center; font-size:1.2rem; text-transform:uppercase;  float:left; font-weight:400; padding:0px; font-family: 'Raleway', sans-serif; color:#fff; padding-top:0rem !important;    padding-bottom: 0px !important;}
.navbar-nav .nav-item {display:inline-block; float:none; vertical-align:middle; }
.nav-link:hover{color: #af6233;}
.navbar-nav .nav-item .nav-link:hover, .navbar-nav .nav-item.active .nav-link { background:none; color: #a68141; }
.headerbg {background: rgba(0, 0, 0, 0.6); width:100%; height:auto; position:absolute; top:0px; z-index:9; height:105px;}
.headerbg.fixed{ position:fixed; top:0;  height:90px;}
.nav.navbar-nav:last-child.nav-item{ background:none;}
.nav-item > span{ margin:0 3px 0 20px; vertical-align:middle; color:#a68141; font-weight:bold;}
.slidertext p{font-size:2rem; font-weight:200; color:#fff; text-transform:uppercase;font-family: 'Open Sans', sans-serif; text-transform:inherit; line-height:2.7rem;}
.slider {float: left;position: relative;width: 100%;}
.slidertext {left: 0;margin-bottom: 0; margin-left: auto; position: absolute; right: 0; text-align: center;  width: auto; z-index:1; top:23%; line-height:6rem;}
.slidertext span {font-size:9rem; text-transform:uppercase;}   
.booknowa {display: block;height: auto;width: 100%;z-index:2; background:rgba(0, 0, 0, 0.75); position:absolute; bottom:0px; padding:2rem 0rem;}
.book_container {color: #fff;margin: 0 auto;position: relative;padding:0;text-align:center; display:block; margin:auto;}
.book_container ul li input[type=text]{ font-family:2rem; float:left;width:100%;text-align:left;margin:0px 0 0 0;background:url(../images/calender.png) no-repeat top 10px  right 7px rgba(0, 0, 0, 0); color:#FFF;text-transform:uppercase;border:2px solid;padding:6px 10px;height:auto;line-height:32px;font-family: 'Raleway', sans-serif; }
input:focus, select:focus,textarea:focus, button:focus {outline: none;}
.chkinOut {background:none;width:210px;margin-right:-3px;}
.book_container ul li {display:inline-block; margin-right:10px;  vertical-align:middle; position:relative; text-align:left; }
.button_book {  margin-right: 0 !important;}
.book_container ul {
	margin: 0 auto;
	padding: 0;
	align-items: end;
	vertical-align: bottom;
	display: flex;
	justify-content: center;
}
button {background:#a68141; border:2px solid #a68141; font-size:1.3rem; padding:0.8rem 2rem;  color:#fff; text-transform:uppercase;font-family: 'Open Sans', sans-serif; }
button:hover {border-color:#fff; color:#000;  background:#fff;}
.button_book > button:hover{ border-color:#fff; color:#000;  background:#fff;}
.booktext{ font-size:4rem;font-family: 'Pacifico', cursive;}
.bordrim {border: 2px solid;height: 100%;position: absolute;right: 24%;top: 0;}
.rooms {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border:2px solid; height: auto !important; padding: 6px 10px !important; width: 12%; text-transform:uppercase;font-family: 'Raleway', sans-serif;}
.booktext{ margin-right:40px !important;}
.people_section{ color: #fff;float: left;text-transform:uppercase; width:41%; padding:5px 0;font-family: 'Raleway', sans-serif; }
.jquery-selectbox-currentItem{background:url(../images/selectup_arrow.png) no-repeat right center; width:100px; text-align:left;}
.jquery-selectbox{ padding:0px 13px !important;}
.chkinOut > span {border: 1px solid #fff;height: 48px;position: absolute;right: 44px; bottom:0;}
.fixed .logo{ width:80%; margin:auto; top:0px;}
.fixed .navbar{ padding:2% 0;}
.fixed .nav.navbar-nav .nav-item.fixedleft{ display:none !important;}
.fixedleftopen{ display:none !important;}
.fixed .nav.navbar-nav .nav-item.fixedleftopen{ display:inline-block !important;}
.nav.navbar-nav .nav-item.register{display:none ;}
.fixed .nav.navbar-nav .nav-item.register{display:inline-block ;}
.headinghr{ width:23%;}
hr{ color:#a88e4e; border-color:rgba(166, 142, 78, 1); border:1px solid;}
.boutique{ font-size:4rem; float:left; width:100%; text-transform:uppercase;} 
.jquery-selectbox .jquery-selectbox-currentItem{ padding:6px 8px 5px !important;}
::-webkit-input-placeholder { /* Chrome */ color:#fff;opacity:1;}
:-ms-input-placeholder { /* IE 10+ */ color: red;opacity:1;}
::-moz-placeholder { /* Firefox 19+ */color: #fff;opacity:1;}
:-moz-placeholder { /* Firefox 4 - 18 */color: #fff;opacity:1;}
.bordrim { border: 1px solid; height: 100%; position: absolute; right: 24%; top: 0;}
.conner{font-size:4.5rem; font-family: 'Pacifico', cursive; color:#000; float:left; width:100%; padding-bottom:10px; line-height:5.5rem;}
.customerservice{ position:relative; border-top:2px solid;}
.customer{ position:absolute; width:100%; top:10%;}
.bordeerbg{ position:absolute; right:0px; left:0px; top:17%;}
.ourspan span{ text-transform:uppercase; color:#af6233; font-size:4rem; line-height:4rem;}
.secsitonbg{ background:#f7f6f6; float:left; width:100%;}
.popup-gallery img{ width:100%;}
.parallaxbody_img  {width: 100%;min-height:970px;height: auto;background-color: transparent;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover; background-position: 50% 0;
  background-repeat: no-repeat;background-attachment: fixed;position: relative;}
.parallaxbody_imgspa { min-height:970px;  }   
.parallaxbody_img1{background-image: url('../images/hotel_exterior.jpg');background-position:center top; }
.parallaxbody_img2{  background-image: url('../images/kitimatpic.jpg'); }
.customerservice::before { content:''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(51, 51, 51, 0.5) 0%, rgba(51, 51, 51, 0.5) 100%) repeat scroll 0 0; -webkit-transition: background .35s ease-out; transition: background .35s ease-out;}
.headinghrbottom{ width:15%;}
.scrollingarrowbg {background: rgba(0, 0, 0, 0.6);bottom:0px; height:10%;left: 0; margin: auto; opacity:1; padding: 13px 11px; position: absolute; right: 0; width: 7%;}
.scrollingarrowrooms{ position:absolute; top:29%;}
.overlay {position: absolute;background: rgba(0,0,0,0.5);width: 100%;height: 100%;}
.caption.cta_img > h2 {text-transform:uppercase; bottom:42%; text-align:center; width:100%; position: absolute;color:White; font-size:4.5rem;}
.caption {position: relative;  overflow: hidden; /* Only the -webkit- prefix is required these days */-webkit-transform: translateZ(0); transform: translateZ(0);}
.caption__overlay h2 { text-transform:uppercase; color:white; padding:0% 0% 2%; font-size:4.5rem;}
/*.caption:hover::before  { content:''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 100%) repeat scroll 0 0;-webkit-transition: background .35s ease-out; transition: background .35s ease-out;}*/
.caption__media {display: block; min-width: 100%;height: auto;}
.caption__overlay {position: absolute; top:1%; right: 0;bottom:0; left: 0; right:0px; text-align:center; padding:5% 4rem; color: white; -webkit-transform: translateY(100%);
					transform: translateY(100%); transition: -webkit-transform .35s ease-out; -webkit-transition: -webkit-transform .35s ease-out; transition: transform .35s ease-out; transition:transform .35s ease-out, -webkit-transform .35s ease-out;}

/*.caption:hover .caption__overlay { -webkit-transform: translateY(5%); transform: translateY(5%);}*/
.caption::before  { content:''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 100%) repeat scroll 0 0;-webkit-transition: background .35s ease-out; transition: background .35s ease-out;}
.caption .caption__overlay { -webkit-transform: translateY(5%); transform: translateY(5%);}
.caption:hover .ctaheadinghome{display:none;}
.caption__overlay span{font-family: 'Raleway', sans-serif; font-size:1.4rem; line-height:1.8rem; font-weight:400;margin-top:3%;}
.ctabtn{ margin-top:6%; float:left; width:100%;}
.col-md-4.p-x-0{ border-right:2px solid #fff; border-top:2px solid #fff;}
.rightbordernone{ border-right:none !important;}
.caption__overlay .headinghrbottom{ width:42%;} 
.button_book.ctabtn > button{ color:#fff; border-color:#a68141; background:#a68141;}
.button_book.ctabtn > button:hover{ color:#a68141; border-color:#a68141; background:#fff;}
.cta{ position:relative;}
.parallaxbodycta{width: 49%;min-height:970px;height: auto;background-color: transparent;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover; background-position: 0% 0;
  background-repeat: no-repeat;background-attachment: fixed;position: relative; background-size:50%;}
.qualityfinishing{background-image: url('../images/qualityfinishing.jpg');  float:left; width:50%; border-right:1px solid #fff;}
.qualityfinishing1{background-image: url('../images/qualityfinishing1.jpg'); background-position:100% 0%; float:right; width:50%;border-left:1px solid #fff;}
.caption__media.parallaxbodycta{ min-width:40%; display:inline-block;}
.caption.caption__media::before  { content:''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%) repeat scroll 0 0;-webkit-transition: background .35s ease-out; transition: background .35s ease-out;} 
.caption.caption__media.parallaxbodycta{transform:inherit;}
.caption.caption__media.qualityfinishing.parallaxbodycta .caption__overlay{top:21%;}
.parallaxbody_img2 .customer{top:29%;}
.ctafurnishings{ position:relative; border-top:2px solid;}
.mapsection{ position:relative;}
.footer_sec{  bottom:0; background: rgba(0, 0, 0, 0.7); width:100%; padding-top:2%; border-top:2px solid;/*-webkit-box-shadow: -1px -24px 35px -11px rgba(0,0,0,0.75);-moz-box-shadow: -1px -24px 35px -11px rgba(0,0,0,0.75);box-shadow: -1px -24px 35px -11px rgba(0,0,0,0.75);*/}
.footerlogo{ float:left; padding-bottom:6%; width:100%;}
.street-address{ float:left; width:100%;}
.address{font-family: 'Raleway', sans-serif;}
.address a{ color:#fff;}
.address a:hover{ color:#a68141;}
.social_icon ul{ padding:0rem; text-align:center;}
.social_icon ul li {display:inline-block; }
.social_icon a {border:1px solid #fff; float:left; height:45px;  padding: 11px 0;  text-align: center; width:45px; color:#fff; font-size:1.2rem;border-radius:50%;}  
.social_icon a:hover{border-color:#a68141; color:#a68141;}
.footer_sec .text_filed input {background: rgba(0, 0, 0, 0);border: 1px solid #fff;color: #fff;margin-bottom: 10px;padding: 15px 10px; width: 100%;}
.text_filed textarea{background: rgba(0, 0, 0, 0);border: 1px solid #fff;color: #fff;margin-bottom: 10px; padding:8px; width: 100%;}
.button_book.form > button{ color:#fff; border-color:#a68141; background:#a68141; }
.button_book.form > button:hover{ color:#a68141; border-color:#fff; background:#fff;}
.footer_bottom{background:rgba(0, 0, 0, 1); width:100%; font-size:0.8em; color:#a68141; text-align:center; font-size:1rem; text-transform:uppercase; border-top:2px solid #fff; padding:2% 0%;}
.footer_bottom a{color:#fff;}
.footer_bottom span{ margin:0% 2%; color:#a68141;}
.copyright{ color:#fff; text-align:right;}
.copyright span{ color:#a68141;}
#toTop { background: #a68141;border-radius:20px;bottom: 10px;color: #fff;cursor: pointer;display: none;font-size: 11px; font-weight: bold;line-height: 30px;padding: 5px;position: fixed;right: 10px;text-align: center;width: 40px;z-index: 999;}
#toTop:hover {background: #000;}
.booknowa{ padding:1rem 0rem;}
.nav-item.register.button_book > button{ width:100% !important;}
.reservations{ font-family: "Raleway",sans-serif; position:absolute; top:5px; text-transform:uppercase; z-index:7; right:0;}
.reservations a{ color:#fff;}
.reservations a:hover{ color:#a68141;}
.reservations > span {color: #a68141;font-weight: bold;margin: 0px 15px; vertical-align: middle;}
.fixed .reservations{ display:none;}

.booknowpop { color:#fff;background: #000;display: none;height: auto; left: 0; right:0; top:45%; text-align:center; margin:auto; padding: 33px; position:fixed; width:31%; z-index: 99999; box-shadow: 0 0 21px;}
.subscribec1 {background:#a68141;border: medium none;border-radius: 25px;color: #ffffff !important; cursor: pointer; display: block; padding: 5px; position: absolute; right:-7px; top:-10px; width: 30px;}

.roombody p{ color:#666; line-height:35px; line-height:2rem;}
.roombody h1{ color:#0b0909;}
.kingjrsuites p, .kinggr h2{color:#0b0909;}
.petfriendly{background-image: url('../images/petfriendly.jpg');  float:left; width:50%; border-right:1px solid #fff;}
.accessiblerooms{background-image: url('../images/accessiblerooms.jpg'); background-position:100% 0%; float:right; width:50%;border-left:1px solid #fff;}

.caption.caption__media.petfriendly.parallaxbodycta::before{ top:57%;}
.caption.caption__media.accessiblerooms.parallaxbodycta::before{ top:57%;}
.caption.caption__media.petfriendly .caption__overlay{transform:translateY(55%);}
.caption.caption__media.accessiblerooms .caption__overlay{transform:translateY(55%);}
.roomfeatures{ float:left; width:100%;}
.roomfeatures ul{ padding:0px;}
.roomfeatures ul li{ list-style-type:none; color:#737373; font-size:1.7rem; line-height:2rem; margin-bottom:6%; font-family: 'Open Sans', sans-serif;}
.homepage__recent-story h2{ color:#000; text-transform:uppercase; text-align:center;}
.homepage__recent-story{ margin: 0 0 0 0; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */display: -ms-flexbox;  /* TWEENER - IE 10 */display: -webkit-flex; /* NEW - Chrome */
display: flex; flex-wrap: nowrap;}
.recent-story__card{ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */display: -ms-flexbox;  /* TWEENER - IE 10 */display: -webkit-flex; /* NEW - Chrome */display: flex;  -webkit-box-align: center; -webkit-align-items: center;
 -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center;justify-content: center; -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */  -moz-box-flex: 1;         /* OLD - Firefox 19- */
 -webkit-flex: 1;          /* Chrome */  -ms-flex: 1;              /* IE 10 */  flex: 1;  background-color: white;  border-radius: 4px;  box-sizing: border-box;  max-width: 100%;  min-width: 300px;  color: black;  box-shadow: 0 0 12px rgba(0,0,0,.03); text-align:center;
 -webkit-box-orient: vertical; -webkit-box-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
.kingjrsuites{ width:100%; padding:0 10%; }
.kingjrsuites h2{ font-size:4rem;} 
.inroomfeatures{ position:relative; float:left; width:100%; padding:5% 0%;}
.inroomfeatures h2{ color:#000;}



.hotelfeaturesbg{  background-image: url('../images/hotel_featuresbg.jpg'); }
.hotelfeaturesbg::before { content:''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 100%) repeat scroll 0 0; -webkit-transition: background .35s ease-out; transition: background .35s ease-out;}

.groupseventbottom{float:left;width:100%; position:relative;}
.groupseventbottom p{ color:#000;}
.addresscontact h2{ font-size:3rem; }
.addresscontact { font-family: "Open Sans",sans-serif;}
.aboutbody{ position:relative; padding-bottom:11%;}
.roomh2secsion{ position:relative; width:100%; float:left;}

.roomh2secsion h2 {color: #000; text-align: center; text-transform: uppercase;}
.roomh2secsion p{ color: #0b0909;}
.bodytext{ padding:14% 10%;}



/*Sitemap Start*/

.sitemappopup {
    background: rgb(0, 0, 0) none repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 15%;
    width: 20%;
}

.sitemappopup h3{color:#fff !important; line-height:30px;}
.sitemappopup button { background: #a68141 none repeat scroll 0 0;  color: #ffffff;
}
.sitemappopup button:hover{   background-color: rgb(255, 255, 255);
   color:#a68141 ;}


.sitemappopup2 { top:1182px;}

.sitemappopup_close {
    background: #a68141 none repeat scroll 0 0;
    border-radius: 50%;
    color: #000;
    float: left;
     font-size: 24px;
    height: 30px;
    line-height: 24px;
    position: absolute;
    right: -10px;
    text-align: center;
    top: -14px;
    width: 30px;
}

.sitemappopup_images {
    background-size: cover;
    margin: 0 auto 15px;
    padding-top: 10px;
    text-align: center;
    width: 75%;
}
.sitemappopup_images > img {
    max-width: 100%;
    width: auto !important; text-align:center; margin:0 auto;
}
.sitemappopup.sitemappopup2 > span {
    font-size: 22px;
    line-height: 28px;
}
.sitemappopup_button{ margin:14px auto; display:block; }

/*Sitemap End*/

.flexslider2 li > img, .roomh2secsion img{ width:100%;}
.scrollingarrowbg {display: none;}
.main-dropdown:hover .inside-dropdown{ display:block;}
.inside-dropdown {position: absolute;background: rgba(255,255,255,1);padding: 10px;display: none;border-radius: 5px;width: 200px;top: 22px;left: 0;}
.inside-dropdown a {display: block;text-align: left;padding-bottom: 15px;color: #000;}
.main-dropdown{ position:relative;}

.nav-item.register.button_book.subscribeclick button:hover{color: #a68141;border-color: #a68141;background: #fff;}
.button_book button:hover{color: #a68141;border-color: #a68141;background: #fff;}
.button_book.form button:hover{color: #a68141;border-color: #a68141;background: #fff;}
.roomh{width:80%; margin:0 auto;}
.roomh .bodytext { padding: 10% 10%;}
.footer-nav ul{margin:0px; padding:0px;}
.footer-nav ul li{display:inline-block; padding:0 15px}
.footer-nav ul li a{color: #fff;}
.footer-nav ul li a:hover{color: #a68141;}
.footer-nav .nav-item.active .nav-link {    background: none;    color: #a68141;}
.img-box{margin-bottom:1rem;}
.m-b-1{margin-bottom:1rem;}
.add2{display:none;}
.lg-sub-html{display:none;}

.meeting-Proposal label{color:#000;}
.meeting-Proposal select.form-control:not([size]):not([multiple]) {height: 2.3rem;}
.meeting-Proposal .text-center-form{text-align:center;}
.meeting-Proposal {margin-bottom: 2rem;}
.div-shift {height: 90px;position: relative;}
.popup-btn {
	background: #a68141 !important;
	border: 2px solid #a68141;
	font-size: 1.3rem;
	padding: 0.8rem 2rem;
	color: #fff !important;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
}

.popup-btn:hover {
	border-color: #fff !important;
	color: #000 !important;
	background: #fff !important;
}
.btn-primary.focus, .btn-primary:focus {

	border-color: none !important;
}
@media only screen and (max-width:1600px)
{ .parallaxbody_img{ min-height:850px;}
.parallaxbodycta{ min-height:850px; background-size:50% 100%;}
.scrollingarrowrooms{ position:sticky;}
.rooms{ width:14%;}
p{ line-height:1.8rem; font-size:1rem;}
.roomh2secsion h2{font-size:3rem!important;}
.roomh2secsion p{font-size:1rem!important;}
.slidertext {top:23%; line-height:4rem;}
/*Sitemap Start*/

.sitemappopup {width: 23%;}
.sitemappopup2 { top:1000px;}

/*Sitemap End*/

.caption__overlay h2 {padding: 0% 0% 1%;font-size: 3.5rem;}
h3{ font-size:2rem;}
.groupseventbottom{width:auto;}
}

@media only screen and (max-width:1440px)
{
.rooms{ width:16%;}
.slidertext{ top:19%;}
.roomh2secsion h2{font-size:3rem!important;}
.roomh2secsion p{font-size:1rem!important;}
.sitemappopup2 { top: 946px;}
.sitemappopup {   width: 23%;}
.roomh .bodytext { padding: 10% 2%;}
.caption__overlay{padding: 4% 1rem;}
.caption.caption__media.petfriendly .caption__overlay {transform: translateY(57%);}
.caption.caption__media.accessiblerooms .caption__overlay {transform: translateY(59%);}
.roomfeatures ul li {font-size: 1rem;line-height: 2rem;	margin-bottom: 0%;}

}


@media only screen and (max-width:1366px)
{
.slidertext span{ font-size:6rem;}
.slidertext{ line-height:3rem; top:24%;}
.slidertext p{ font-size:1.5rem; line-height:2rem; float:left; margin-top:2%;}
h1{ font-size:3.6rem;}
.parallaxbody_img{ min-height:800px;}
.parallaxbodycta{ min-height:800px; background-size:50% 100%;}
.scrollingarrowrooms{ position:initial;}
.scrollingarrowbg{ height:8%;}
#map_div1{ height:750px !important;}
.caption__overlay h2{ font-size:3.5rem;}
.caption .caption__overlay{ padding:0% 1rem;}
.caption__overlay span{ font-size:1.2rem; line-height:1.5rem; margin-top:0%;}
.rooms{ width:17%;}
.caption.caption__media.qualityfinishing.parallaxbodycta .caption__overlay{top:32%;}
.booknowa{ padding:1rem 0rem;}
.roomh2secsion h2{font-size:3rem!important;}
.roomh2secsion p{font-size:1rem!important;}
.sitemappopup2 { top: 890px;}
.sitemappopup {   width: 23%;}
.caption.caption__media.petfriendly .caption__overlay {transform: translateY(64%);}
.caption.caption__media.accessiblerooms .caption__overlay {transform: translateY(65%);}

}

@media only screen and (min-device-width: 1280px) and (max-device-width: 1280px)
{
    .roomh2secsion h2 {font-size: 3rem!important;}

}
@media only screen and (min-width:1024px)
{
    .groupseventbottom{margin:auto !important;}    
}

@media only screen and (max-width:1100px)
{
.jquery-selectbox-currentItem{ width:86px;}
.rooms{ width:20%;}
.chkinOut{ width:20%;}
.scrollingarrowbg{ height:auto;}
h1{ font-size:2.9rem;}
p{ font-size:1.2rem;}
.parallaxbodycta{ min-height:700px; background-size:100% 100%;}
.parallaxbody_img{ min-height:770px;}
.parallaxbody_img2 .customer{ top:23%;}
.headerbg{ height:90px;}
#toTop{ line-height:17px; width:28px; bottom:0px;}
.caption__overlay span.location1{ line-height:1.1rem; font-size:1rem;}
.caption__overlay .ctabtn{ margin-top:13px;}
.caption__overlay .ctabtn button{ padding:0.3rem 1rem; font-size:1.2rem;}
.caption__overlay h2{ font-size:1.5rem;}
.ctafurnishings h2{ font-size:2rem;}
 h2{ font-size:3rem;}
.booknowpop{ width:96%; padding:15px; top:25%;}
.booknowa{ padding:1rem 0rem ;}
.roomh2secsion{ text-align:center;}
.bodytext{ padding:3% 10% 9%; float:left; width:100%;}
.caption.caption__media.petfriendly.parallaxbodycta::before{ top:45%;}
.caption.caption__media.accessiblerooms.parallaxbodycta::before{ top:45%;}
.roombody p{ line-height:2.5rem;}
.roomfeatures ul li{ margin-bottom:1%;}
.sitemappopup {width: 30%;}
.sitemappopup2 {top: 697px;}
    .caption.caption__media.petfriendly .caption__overlay {transform: translateY(50%);}
.caption.caption__media.accessiblerooms .caption__overlay {transform: translateY(52%);}
.navbar{text-align:center;}
.reservations{right:11%;}
.add2{display:block; margin-left:10%;}
.add1{display:none;}
.addr_center{text-align:center;}
}

@media only screen and (max-width:999px)
{
.jquery-selectbox-currentItem{ width:67px;}
.rooms{ width:21%;}
.chkinOut{ width:21%;}
.scrollingarrowbg{ height:auto;}
.scrollingarrowbg.scrollarrowm{ bottom:14% !important;}
h1{ font-size:2.2rem;}
p{ line-height:1.6rem;}
.parallaxbodycta{ min-height:700px; background-size:50% 100%; background-size:cover;}
.parallaxbody_img{ min-height:770px;}
.parallaxbody_img2 .customer{ top:23%;}
.flexslider .slides img{ min-height:500px;}
.caption.caption__media.qualityfinishing.parallaxbodycta .caption__overlay{top:15%;}
.nav-item > span{ padding:0 2px 0 11px;}
.nav-item > span{ margin:0 3px 0 3px;}
.navbar-nav > li > a{ font-size:1rem;}
button{ padding:0.6rem 1rem;}
.navbar-nav .nav-item + .nav-item{ margin-left:0rem;}
.headerbg{ height:73px;}
.headerbg.fixed{ height:65px;}
.nav-item.register.button_book > button{ padding:8px !important; font-weight:300 !important;}
.qualityfinishing{ width:100%;}
.qualityfinishing1{ width:100%;}
.parallaxbodycta{ min-height:600px; background-size:100% 100% !important;}
.booknowa{ padding:1rem 0rem;}
.footer_bottom{ font-size:0.71rem;}
#toTop{ line-height:17px; width:28px; bottom:3px;}
.caption__overlay span.location1{ line-height:1rem; font-size:0.8rem;}
.caption__overlay .ctabtn{ margin-top:3px;}
.caption__overlay .ctabtn button{ padding:0.3rem 1rem; font-size:1.2rem;}
.caption__overlay h2{ font-size:1.4rem;}
.ctafurnishings h2{ font-size:2rem;}
 h2{ font-size:2rem;}
 .booknowpop{ width:96%; padding:15px; top:25%;}
.caption.caption__media.petfriendly.parallaxbodycta::before{ top:46%;}
.caption.caption__media.accessiblerooms.parallaxbodycta::before{ top:46%;}
.caption__overlay span{ font-size:1rem; line-height:1.4rem; margin-top:0%;}
.roomh2secsion h2 {
	font-size: 2.5rem !important;
}
.roomh .bodytext {
	padding: 10% 2% 0%;
}
.bodytext{ padding:3% 0% 9%;}
.sitemappopup {
    width: 33%;
}
.sitemappopup2 {top: 662px;}
}

@media only screen and (min-width:768px) and (max-width:768px)
{
    .sitemappopup { width: 40%;}
    .sitemappopup2 {top: 652px;}
     .groupseventbottom{margin:auto !important;}
     .fsipad{font-size:2rem !important;}
 }


@media only screen and (max-width:767px)
{
.chkinOut{ width:45%;}
.chkinOut input{ font-size:0.8rem;}
.book_container ul li{ margin:3px;}
.book_container ul li.button_book{margin: 2% 0 !important; width: 92%;}
.book_container ul li.button_book > button{ width:100%;}
.booknowa{ padding:0rem 0rem 0;}
button{ font-size:0.8rem; font-size:1.1rem;}
.logo{ text-align:center; margin:auto; width:47%; position:relative;top:34px;} 
.logo_mobile{ float:left; font-size:29px; padding:10px 0 0 12px;}
.logo_mobile a{ color:#fff;}
.fixed .logo{ width:40%;}
.customer{ top:1%;}
p{ font-size:1rem; line-height:1.3rem;}
.scrollingarrowbg{ display:none;}
.mobilelocation{ background:#000; float:left; width:100%; padding:15% 2%;}
.col-md-4.p-x-0{ border-right:0px;}
h2{ font-size:3.5rem;}
.mobilelocation span {font-family: "Raleway",sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.8rem; margin-top: 3%;}
.slider.mobile{ border-top:2px solid;}
.qualityfinishing{ width:100%; border-right:0px;}
.qualityfinishing1{ width:100%; border-left:0px;}
.parallaxbodycta{ background-position:14% 100% !important;}
.footer_bottom{ padding:4% 0%;}
.mobile-footer ul { padding: 0;}
.mobile-footer li {background: #a68141; border: 1px solid #a68141; color: hsl(0, 0%, 100%); margin: 3% auto; padding: 15px 0; text-align: center; text-transform: uppercase; width: 83%; font-weight:bold;}
.getin_touch { color:#fff;background: #666;display: none;height: auto; left: 0; padding: 15px; position: absolute; width: 100%; z-index: 99999;}
.subscribeclose {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: medium none;border-radius: 25px;color: #ffffff !important; cursor: pointer; display: block; padding: 5px; position: absolute; right: 21px; top: 6px; width: 30px;}
.address_popap{ color:#fff;background: #666;display: none;height: auto; left: 0; padding: 11% 0; text-align:center; position: absolute; width: 100%; z-index: 99999;}
.subscribeclose {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: medium none;border-radius: 25px;color: #ffffff !important; cursor: pointer; display: block; padding: 5px; position: absolute; right: 21px; top: 6px; width: 30px;}
.headerbg{ height:110px;}
.headerbg.fixed{ height:65px;}
.sidenav { display:block !important; height: 100%; width: 0; position: fixed; z-index: 11; top: 0;right: 0;background-color: #111; overflow-x: hidden;transition: 0.5s;padding-top: 60px; text-align:center;}
.sidenav ul{ padding:0px;}
.sidenav a { text-transform:uppercase; padding: 12px 0px;text-decoration: none; font-size:19px;color: #fff; display: block;transition: 0.3s}
.sidenav a:hover{color: #f1f1f1;}
.sidenav .closebtn {position: absolute;top: 0; right: 25px; font-size: 36px; margin-left: 50px;}
.navbar-nav .nav-item{ float:none;}
.navbar-nav .nav-item + .nav-item{ margin-left:0rem !important;}
.nav-item a{ padding:17px 0px !important;}
.menutongel { position: absolute; right: 10px; top: 10px;}
.nav-item.hotel.panel {border-bottom: 1px solid #fff;}

.booknowpop{ width:96%; padding:15px; top:10%}
.booknowpop p{ margin-top:5%; float:left;}
.image-fluid{ width:100%;}
.roombody p{ line-height:2.3rem;}
.bodytext{ padding:3% 0% 9%;}
.roomh2secsion h2{ font-size:2rem;}
.caption.caption__media.petfriendly.parallaxbodycta{ min-width:100%;}
.caption.caption__media.parallaxbodycta.accessiblerooms{ min-width:100%;}
.sitemappopup {    width: 49%;}
.sitemappopup2 {    top: 857px;}
.roomh2secsion h2 {    font-size: 1.5rem !important; margin-top: 10px;}
.parallaxbody_img {min-height: 500px !important;}
.roombody.parallaxbody_img{min-height: 780px !important;}
.caption.caption__media.petfriendly.parallaxbodycta::before {top: 0;}
.caption.caption__media.petfriendly .caption__overlay {transform: translateY(18%);}
.caption.caption__media.accessiblerooms.parallaxbodycta::before {top: 0;}
.caption.caption__media.accessiblerooms .caption__overlay {    transform: translateY(18%);}
.roomfeatures ul li{font-size:1rem;}
.roombody p {    line-height: 1.8rem;}
h3 {font-size: 1.1rem;font-weight: 500;}
#queen-room.m-y-3{margin-top: 1rem !important;margin-bottom: 1rem !important;}
.roomh{width:100%; margin:0 auto;}
.roomh .bodytext {    padding: 10% 0%;}


.qualityfinishing1{display:none !important;}

h2.head_cl {
    font-size: 24px !important;}
    
    .CTAAeminities ul li a {
    font-size: 16px !important;}
    
    .CTAAeminities ul li ul li {
    line-height: 24px !important;}
    
    .CTAAeminities ul li ul li a {
    font-size: 14px !important; }
    
    h1.fo_deti {

    font-size: 28px;
    margin: 40px 0px 20px 0px;

}

.CTAAeminities ul.mar_00 li {margin:0px; font-size:16px !important;}
.CTAAeminities h4 {
    margin-bottom: 1%;
    margin-top: 5%;
    font-size: 22px;
}


}


@media only screen and (min-width:480px) and (max-width:480px)
{
    .sitemappopup { width: 61%;}
    .sitemappopup2 {top: 723px;}
 }

@media only screen and (max-width:479px)
{
    .book_container ul {

	display: block;
}
    
 .booknowpop{ width:96%; padding:15px; top:10%}
.chkinOut{ width:45%;}
.chkinOut input{ font-size:0.8rem;}
button{ font-size:0.8rem; font-size:1.1rem;}
.logo{ text-align:center; margin:auto; width:70%; position:relative;top:34px;} 
.logo_mobile{ float:left; font-size:29px; padding:10px 0 0 12px;}
.logo_mobile a{ color:#fff;}
.fixed .logo{ width:45%;}
.customer{ top:10%;}
p{ font-size:0.9rem; line-height:1.1rem;}
scrollingarrowbg{ height:auto; width:15%;}
.mobilelocation{ background:#000; float:left; width:100%; padding:15% 2%;}
.col-md-4.p-x-0{ border-right:0px;}
h2{ font-size:3.5rem;}
.mobilelocation span {font-family: "Raleway",sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.8rem; margin-top: 3%;}
.slider.mobile{ border-top:2px solid;}
.qualityfinishing{ width:100%; border-right:0px;}
.qualityfinishing1{ width:100%; border-left:0px;}
.parallaxbodycta{ background-position:14% 100% !important;}
.footer_bottom{ padding:4% 0%;}
.mobile-footer ul { padding: 0;}
.mobile-footer li {background: #a68141; border: 1px solid #a68141; color: hsl(0, 0%, 100%); margin: 3% auto; padding: 15px 0; text-align: center; text-transform: uppercase; width: 83%; font-weight:bold;}
.getin_touch { color:#fff;background: #666;display: none;height: auto; left: 0; padding: 15px; position: absolute; width: 100%; z-index: 99999;}
.subscribeclose {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: medium none;border-radius: 25px;color: #ffffff !important; cursor: pointer; display: block; padding: 5px; position: absolute; right: 21px; top: 6px; width: 30px;}
.address_popap{ color:#fff;background: #666;display: none;height: auto; left: 0; padding: 11% 0; text-align:center; position: absolute; width: 100%; z-index: 99999;}
.subscribeclose {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: medium none;border-radius: 25px;color: #ffffff !important; cursor: pointer; display: block; padding: 5px; position: absolute; right: 21px; top: 6px; width: 30px;}
.book_container ul li{ margin:3px;}
.book_container ul li.button_book{margin: 2% 0 !important; width: 93%;}
.book_container ul li.button_book > button{ width:100%;}
.booknowa{ padding:0rem 0rem 0;}
.nav-item.register.button_book{ width:100%;}
h1{ font-size:2rem;}
.headinghrbottom.m-t-2{ margin:0px auto !important;}
.headinghrbottom{ width:90%;}
.caption__overlay h2{ font-size:2.5rem;}
h2{ font-size:2.2rem;}
.scrollingarrowbg{ display:none;}
.headerbg.fixed{ height:50px;}
.image-fluid{ width:100%;}
.sidenav { display:block !important; height: 100%; width: 0; position: fixed; z-index: 11; top: 0;right: 0;background-color: #111; overflow-x: hidden;transition: 0.5s;padding-top: 60px; text-align:center;}
.sidenav ul{ padding:0px;}
.sidenav a { text-transform:uppercase; padding: 12px 0px;text-decoration: none; font-size:19px;color: #fff; display: block;transition: 0.3s}
.sidenav a:hover{color: #f1f1f1;}
.sidenav .closebtn {position: absolute;top: 0; right: 25px; font-size: 36px; margin-left: 50px;}
.navbar-nav .nav-item{ float:none;}
.navbar-nav .nav-item + .nav-item{ margin-left:0rem !important;}
.nav-item a{ padding:17px 0px !important;}
.menutongel { position: absolute; right: 10px; top: 10px;}
.nav-item.hotel.panel {border-bottom: 1px solid #fff;}
.booknowpop p{ margin-top:5%; float:left;}
.bodytext{ padding:3% 0% 9%;}
.caption.caption__media.petfriendly.parallaxbodycta{ min-width:100%;}
.caption.caption__media.parallaxbodycta.accessiblerooms{ min-width:100%;}
.slidertext span {
    font-size: 2rem;
}
.sitemappopup {
    width: 83%;
}
.sitemappopup2 {
    top: 628px;
}
.boutique {
    font-size: 2rem;}
    .slidertext p {
    font-size: 1rem;
    line-height: 1.5rem;
}
.slidertext {
    top: 31%;}

}

h1.fo_deti {font-size:46px;}


.prvicy_col {color: #7d7d7d;
    font-size: 17px;
    font-family: open-sans , sans-serif;
    line-height: 29px;}

.prvicy_col h3 {font-size:21px;}

h2.head_cl {color:#000;}


.CTAAeminities ul li {font-size:22px; color:#000; list-style-type:disc; margin: 22px 0px;}
.CTAAeminities ul li a {color:#000; font-weight:400; font-size:20px;} 


.CTAAeminities ul li ul li {
       font-size: 22px;
    line-height: 30px;
    margin:0px;
    color: #444 !important;
    list-style-type: circle;
}
.CTAAeminities ul li ul li a {
    color: #444;
    font-weight: 400;
    font-size:17px;
}


.CTAAeminities ul li ul li ul li {list-style-type:square; margin:0px;}


.CTAAeminities h4 {
    margin-bottom: 1%;
    margin-top: 5%;
}


.CTAAeminities ul.mar_00 li {margin:0px; font-size:17px;}

.CTAAeminities ul {padding:0px 30px;}
.CTAAeminities ul li ul {padding:0px 35px;}
.CTAAeminities ul li ul li ul {padding:0px 40px;}






@media only screen and (max-width: 1024px)
{
   h2.head_cl {
    color: #000;
    font-size: 28px;}
    
    
 h1.fo_deti {font-size:34px;} 
    
  .roombody p {
    line-height: 2.5rem;
    font-size: 17px;
    line-height: 28px;}

.prvicy_col {
    font-size: 17px;
    line-height: 24px;}

.CTAAeminities ul li a {
    font-size: 17px !important;
}

.CTAAeminities ul {padding:0px 15px;}
.CTAAeminities ul li ul {padding:0px;}
.CTAAeminities ul li ul li ul {padding:0px;}

.CTAAeminities ul li ul li a {font-size:15px !important; }
.CTAAeminities ul li ul li {line-height:28px;}

    
}

.CTAAeminities {
    font-family: open-sans , sans-serif;
}








