/* ==|== primary styles =====================================================
   Author: Stephen Curtis
   ========================================================================== */

head 
{ 
    height: 100%;     
}




body 
{ 
    min-height: 100%;     
    text-align: center; 

}

body 
{
    background: url(/img/bg.jpg) fixed;
    background-position: 0 0px;
}


body,p,div,span{
font-family: Arial,Helvetica,serif;
font-size:104%;
line-height:150%;
}

a, a:visited, a:active { color: #03B; }
a:hover { color: #88B; }


h1{font-family:Arial,Garamond,serif;font-size:20px;margin:0 0 10px}

#localeHolder a {font-family:Arial,sans-serif;font-size:13px;}

#bglayer 
{
    display: none;
    /*position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: url(/img/bg-port.jpg) no-repeat;
    background-position: 0 0px;*/
}

.tmenu{height:70px;background-color:#fff;text-align:left}
	#logoHolder {/*max-width:1200px;*/margin:0 auto;position:relative}
		#logoHolder > img{height:auto;z-index:2000;position:absolute; left:50px; top: 0px;}
	.tmenu ul{float:right;margin:20px 50px 0 0}
		.tmenu li{float:left;margin-left:20px;font-size:8px;display:inline-block;text-align:center;line-height:180%}
			.tmenu li a{color:#999;text-decoration:none}
				.tmenu li img{width:35px;border:1px solid #ccc}

#main {text-align: center;position:relative;max-width:1200px;margin:0 auto;overflow:hidden;clear:both;}
.r_col{position:absolute;top:50px;right:80px;width:240px;overflow:hidden;}


header {
    width: 100%;  
}


header > div
{
    /*max-width:  1200px;*/
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    overflow: hidden;  
}

header > div > .container
{
    position: absolute;
    max-width:  1200px; 
    height: 486px; 
    
}

#gallery > #localeHolder2
{   
    display: none;
}

a.locale {
    display: inline-block;
    color: #333;
    text-decoration: none;
    text-align: left;
    margin-right: 0;
    padding: 5px 10px;
      
}

a.locale:hover 
{
    color: #ffedb2;
}

a.selected{color:#000;}

a.selected:hover 
{
    background-color: #fff;
    color: #B5743E;
}

#main > section
{
    background-color: transparent;    
    padding: 0 80px 60px 80px;
    overflow: hidden;
    background-color:#fff;
}


	#main > section.res{position:relative}
	#main > section.services{background-color:rgba(0,0,0,0.9);padding:60px 80px;margin:60px 0}
		#main > section.services .container{background:transparent}

	#main > section.dining{padding:60px 80px}

	#main h3 {margin:0 0 10px;font-size:24px; font-weight:300; line-height:140%}




#main .container
{
    background-color: #fff;
    padding: 0px;
    overflow: hidden;
        
}



#main > #gallery > .container
{
    width: 22000px;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    
}

#main > #gallery > .container > img
{
    float: left;
    margin-right: 10px;
}

#next, #next2
{
    cursor: pointer;
    position: absolute;
    z-index: 100;
    margin-left: 1010px;
    background-image: url(../img/next.png);
    width: 190px;
    height: 486px;
}
#next2
{
    width: 1000px;
    height: 486px;
    margin-left: 0px;
    display: none;
    background-image: none;
}

nav {
    width: 100%;  
    background-color: #202020;
    height: 70px;
    z-index: 400;
    text-align: center;
    left: 0px;
    right: 0px;
}



nav > .container
{
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

#device
{
    height: 0px;
    width: 0px;
}

#widgets 
{
   display: inline-block;
   width: 200px;
   text-align: center;
   overflow: hidden;
   float: left;
}

#social 
{
    margin-left: 25px;
    margin-right: 25px;
}




.middle-box0{text-align:left;padding:40px;margin:40px 0 0}
.middle-box0 > div{font-size:92%; line-height:145%;margin-bottom:30px}

.myvideo{position: relative;width: 100%;padding-top: 56.25%}
.myvideo iframe{position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important}

#links {float:left;text-align:center;position:relative;width:100%}
#links .logoimg{position:absolute;bottom:0;left:0;z-index:10000;width:180px}
#links > a, #toplink > a{
    vertical-align: top;
    display: inline-block;
    font-family: Calibri,'Arial Narrow',Palatino, ‘Palatino Linotype’, ‘Hoefler Text’, Times, ‘Times New Roman’, serif;
    line-height: 70px;
    color: #ffffff;
    padding-left: 2%;
    padding-right: 2%;
    height: 70px;
    font-size:18px;
    cursor: pointer;
}

#links > a:hover 
{
    background-color:  #000000;
    color: #ffffff;
}

#links > a.selected
{
    background-color:  #b5743e;
    color: #ffffff;
}

#links > #resLink
{
    display: inline-block;
    background-color: #df0000;
    color: #fff;
    height: 70px;
    float:right;
}

#links > #resLink:hover, #links > #resLink.selected
{
    height: 70px;
}


        
    
#toplink 
{
    display: none;
    position: fixed; 
    bottom: 15px;
    right: 15px;
}

#widgets
{
    text-align: center;
}

#widgets > div
{
    margin: 0px; 
    padding: 0px; 
    display: block;
    float: left;
}

#widgets > #logoHolder, #gallery > #logoHolder-2
{
    background-color: #202020;
    width: 200px;
    padding: 0px;
    cursor: pointer;
}

#gallery > #logoHolder-2, #gallery > #localeHolder
{
    display: none;
    position: absolute;
    margin-top: 20px;
    margin-left: 20px;
}

#gallery > #localeHolder
{
    display: block;
    height: 32px;
    width: auto;
    text-align: left;
    z-index: 2000;
    background-color:#fff;
    opacity: 0.5;
}




#logoHolder-3
{
    display: none;
    width: 150px;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

#logoHolder-3 img
{
    height: 150px;
}

#socialHolder{padding-bottom:40px;margin-top:50px;text-align:left}
#socialHolder > a{display: inline-block;margin: 5px 15px 5px 5px;}

#widgets > #bookingWidget,  #widgets > #emailWidget, #bookingWidget-2, #emailWidget-2
{
    width: 184px;
    margin: 0px;
    padding: 0px;    
    padding-bottom: 20px;  
    border: solid 1px #fff6d9;
    text-align: left;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    background-color: #fff;
    margin: 7px;
}

#widgets > #bookingWidget > h1, #widgets > #emailWidget > h1 , #bookingWidget-2 > h1, #emailWidget-2 > h1, #widgets > #emailWidget > h1 , #bookingWidget-2 > h1, #emailWidget-2 > h1
{
    color: #fff;
    display: block;
    width: 184px;
    background-color: #000;
    text-align: center;  
    margin-bottom: 20px; 
    height: 45px;
    line-height: 45px;  
    text-transform: uppercase; 
}

#bookingWidget-2, #emailWidget-2
{
    display: none;
    margin: 0px;
    margin-bottom: 5px;
    border: solid 1px #FFF6D9;
    overflow: hidden;
}

#bookingWidget-3, #emailWidget-3, #bookingWidget-3-2
{
    display: none;
    margin: 0px;
    margin-bottom: 5px;
    width: 100%;
    overflow: hidden;
}

#bookNow-3-2
{
    display: none;
}

#emailBox-3
{
    width: 100%;
    height: 32px;
    border: solid 1px #ffedb2;
}

#widgets > #emailWidget, #emailWidget-2
{
    color: #fff;
    background-color: #b5743e;  
}

#widgets-2
{
    float:  left;
    overflow: hidden;
}

#emailWidget .description, #emailWidget-2 .description 
{
    padding: 20px;
    padding-bottom: 0px;
    font-size: 14px;
}


#description, footer > #terms > span, .localContent, .description, #directions > p
{
    text-align: left;
    /*font-family: Garamond, ‘Hoefler Text’, ‘Times New Roman’, Times, serif;*/
}
#description{width:70%; overflow:hidden;min-height:250px}

#local .description
{
    margin-bottom: 10px;
}

.res > .container > h1 
{
    font-weight: 300;
    font-size:  36px;
    line-height:120%;
    padding-top:50px;
    padding-bottom:10px;
    border-bottom: solid 3px #000;
    text-align: left;
    width:70%;
    
}

.res > .container > h2 
{
    font-family: Arial, Garamond, ‘Hoefler Text’, ‘Times New Roman’, Times, serif;
    font-weight: 300;
    font-style:normal;
    font-size:  24px;
    line-height:140%;
    margin-top:  5px;
    margin-bottom:  22px;     
    text-align: left;
    width:70%;
}


.container h2 
{
    font-weight: 300;
    font-size:  30px;
    line-height:150%;
    padding:0 0 10px;
    text-align: left;
}


#address 
{
    margin: 15px;
    margin-bottom: 0px;
    text-align: left;
    line-height: 130%;
    float: left;
    overflow: hidden;        
    width: 250px;
}
.pc-mt{margin:30px 0 0 0}

#directions
{
    width: 100%;
    float: none;
    clear: both;
    text-align: left;
    padding-top: 5px;
}
	.video_wrap{margin-top:60px}
	.myvideo{clear:both;margin:0 0 0 0;text-align:left}
	.myvideo iframe{width:100%;height:500px}

#address > h1, #bookingWidget-3 > h1, #bookingWidget-3-2 > h1, #emailWidget-3 > h1, #emailWidget-2 > h1, #directions > h1
{        
    text-transform: uppercase;   
}




#policiesLink, #policiesLink2, #policiesLink3
{
    cursor: pointer;
}


#mapviewer-1{position: relative;width: 100%;padding-top: 56.25%;margin:0;overflow:hidden}
#map_canvas_hotel{position: absolute !important;top: 0;right: 0;width: 100% !important;height: 100% !important}

/*
#mapviewer-1{margin:0;width: 100%;overflow: hidden}
.mapHolder{border: solid 1px #efefef;background-color: #fff6d9;padding: 7px;display: inline-block}
#map_canvas, #map_canvas2 {border: solid 1px #ffedb2}
#map_canvas_local{width:1024px;height:400px; position:relative}
#map_canvas_hotel{width:1024px;height: 512px;position:relative}

*/



.localHeading 
{
    text-align: left;  
    color: #000000;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;    
}

.slider, .table {
    width: 100%;
    display: inline-block;
}

.table {
    text-align: left;
    
}

.table > h1 {
    text-align: left;  
    padding-left:  15px;    
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
}

.table > ul {
    display: block;
    width: 100%;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    margin-bottom: 20px;
    margin-left: 15px;
    margin-top: 5px;
}

.table > ul:last-child {
    margin-bottom: 0;
}

.table > ul > li {
    float: left;
    padding: 0px;
    margin: 5px;
    overflow: hidden;
    padding-left: 7px;
    padding-right: 7px;
    display: inline-block;
    color: #812e00;

}

.slider > .ct-col1 {border: solid 1px #efefef;margin-bottom: 20px;overflow: hidden;text-align: left;padding: 10px;min-height: 152px;height:auto;position:relative}
.slider > .ct-col1:last-of-type {margin-bottom: 0px}
.slider > .ct-col1  img.tm {float: left;margin-right: 20px;width: 225px;height: 150px}
.slider > .ct-col1 > .linkBar {width: auto;right:10px;height: 30px;bottom:0;position: absolute;text-align: right}
.slider > .ct-col1 > h1{text-transform: uppercase}
.slider > .ct-col1 > span{display: block;margin-left:245px;font-size:88%}
.slider.big > .ct-col1 > span{padding-bottom:20px}



.slider > .ct-col12 {margin:0 auto 20px;overflow: hidden;text-align: left;padding:0;height:auto;float:none;width:60%;position:relative}
.slider > .ct-col12  img.tm {margin-bottom: 20px;width:100%;height:auto}
.slider > .ct-col12 .slideup{display:none}
.slider > .ct-col12 .slideup:hover {top:0;background:rgba(32,178,170,0.8)}
.slider > .ct-col12 .slideup span {margin:5px 5px 20px;padding:1px;text-align:center;display:block;font-size:75%;line-height:180%}
.slider > .ct-col12 .slideup:hover span {display:none}
.slider > .ct-col12  a {margin-bottom: 20px;width:100%;color:#fff}
.slider > .ct-col12  a:hover .room_rate {display:none}
.slider > .ct-col12 .room_rate{position:absolute;top:10px;left:10px;width:auto;color:#fff;font-weight:bold;text-shadow:1px 1px 3px #000}



.slider > .ct-col2 {margin-bottom: 20px;overflow: hidden;text-align: left;padding:0;height:290px;float:left;width:48%;margin-right:4%;position:relative}
.slider > .ct-col2:nth-child(2n) {margin-right: 0}
.slider > .ct-col2  img.tm {margin-bottom: 20px;width:100%;height:auto}
.slider > .ct-col2 .slideup{width:100%;height:100%;background:rgba(32,178,170,0.9);position:absolute;top:250px;left:0;color:#fff;-webkit-transition: 0.2s;-moz-transition:  0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s}
.slider > .ct-col2 .slideup:hover {top:0;background:rgba(32,178,170,0.8)}
.slider > .ct-col2 .slideup span {margin:5px 5px 20px;padding:1px;text-align:center;display:block;font-size:75%;line-height:180%}
.slider > .ct-col2 .slideup:hover span {display:none}
.slider > .ct-col2  a {margin-bottom: 20px;width:100%;color:#fff}
.slider > .ct-col2  a:hover .room_rate {display:none}
.slider > .ct-col2 .room_rate{position:absolute;top:10px;left:10px;width:auto;color:#fff;font-weight:bold;text-shadow:1px 1px 3px #000}




.slider > .ct-col3 {margin-bottom: 20px;overflow: hidden;text-align: left;padding:0;height:195px;float:left;width:31%;margin-right:3.5%;position:relative}
.slider > .ct-col3:nth-child(2n) {margin-right: 3.5%}
.slider > .ct-col3:nth-child(3n) {margin-right: 0px}
.slider > .ct-col3  img.tm {margin-bottom: 20px;width:100%;height:auto}
.slider > .ct-col3 .slideup{width:100%;height:100%;background:rgba(32,178,170,0.9);position:absolute;top:155px;left:0;color:#fff;-webkit-transition: 0.2s;-moz-transition:  0.2s;-ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s}
.slider > .ct-col3 .slideup:hover {top:0;background:rgba(32,178,170,0.8)}
.slider > .ct-col3 .slideup span {margin:5px 5px 20px;padding:1px;text-align:center;display:block;font-size:75%;line-height:180%}
.slider > .ct-col3 .slideup:hover span {display:none}
.slider > .ct-col3  a {margin-bottom: 20px;width:100%;color:#fff}
.slider > .ct-col3  a:hover .room_rate {display:none}
.slider > .ct-col3 .room_rate{position:absolute;top:10px;left:10px;width:auto;color:#fff;font-weight:bold;text-shadow:1px 1px 3px #000}
.slideup_content {padding:5%;overflow-y:auto;height:90%}



	#main .slideup_content h3.nevis_700{line-height:110%;font-size:20px;margin-bottom:15px}
	.slideup_content div{line-height:130%;font-size:70%}
	.slideup_rate{position:absolute;bottom:20px;right:20px}


#sliderRooms > div, #sliderShopping > div {
    width: 858px;
    height: 202px;
    margin-bottom: 20px;
}



#sliderRooms > div > img, #sliderShopping > div > img {
    width: 300px;
    height: 200px;    
}



#sliderShopping > div > .linkBar {
    position: absolute;
    text-align: left;
    width: 250px;
    height: 30px;   
    margin-top: 175px;
    margin-left: 315px;
}



footer {
    background-color: #000000;
    color: #ccc;
    margin-top: 0;  
}

.btm-rsv-box{margin:200px 0;text-align:center}
	.btm-rsv-box-in{position:relative}
	.btm-rsv-box-in > h2:before{content: '';display: block;position: absolute;top: 25px;background: url(/img/h1-line-2.png);width: 370px;height: 5px;background-size: 370px auto}
	.btm-rsv-box-in > h2 {font-weight: 300;color: #fff;max-width: 1000px;margin: 0 auto;position: relative;text-shadow: 1px 1px 4px #000;font-size:36px;padding:0;line-height:56px}
	.btm-rsv-box-in > h2:after{content: '';display: block;position: absolute;top: 25px;right: 0;background: url(/img/h1-line-2.png);width: 370px;height: 5px;background-size: 370px auto}
	.btm-rsv-box-in .btm-rsv-btn{display:block;width:33%;margin:60px auto 0;padding:30px;background-color:#E5AC00;color:#eee;cursor:pointer}
		.btm-rsv-box-in .btm-rsv-btn:hover{background-color:#E19200;color:#fff; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease}

footer a, footer a:visited, footer a:active { color: #df0000; }
footer a:hover { color: #df8888; }

footer > #terms {
    max-width:  1000px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    overflow: hidden;
    text-align: left
}

footer > #terms p {
    margin-bottom: 10px; font-size:80%
}

footer > #terms > h1 {
    text-transform: uppercase;
    font-size: 20px;
}

#poweredBy {
    font-family: Garamond, ‘Hoefler Text’, ‘Times New Roman’, Times, serif;
    margin-top: 30px;
    display: block;
    text-align: center;
    overflow: hidden;
    font-size: 12px;
    text-align: left;
    color:#aaa;
}


.after_map_freearea .freearea{text-align:left;margin:0 0 20px}
.after_map_freearea .loop-box{float:left;width:33.33%}
	.after_map_freearea .loop-box a{display:block;width:90%;margin:0 5% 30px;text-decoration:none;color:#222}
	.after_map_freearea .loop-box .tit{font-size:16px}
	.after_map_freearea .loop-box img{width:100%;height:auto}
	.after_map_freearea .loop-box .des{text-align:left}

/* ==|== override ============================================================
   ========================================================================== */



#isLandscape {
    display: none;
}

#isTablet {
    display: none;
}

#isMobi {
    display: none;
}

@media screen and (orientation:landscape)
{    
    #isLandscape {
        display: block;
    }
}

/* ==|== plugins ============================================================
   ========================================================================== */

.mylink-textbox
{
    width: 120px;
    height: 20px;
    border: solid 1px #dfdfdf;
    display: inline-block;
    padding: 5px;
    margin: 5px;
}

.mylink-dropdown
{
    width: 20px;
    height: 20px;
    border: solid 1px #dfdfdf;
    display: inline-block;
    padding: 5px;
    margin: 5px;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
    line-height: 14px;
    font-size: 14px;
    background-image: url(/img/arrowDown.png);
    background-repeat: no-repeat;
    background-position: bottom center;
}

.mylink-book
{
    font-size: 15px;
    display: block;
    width: 160px;
    background-color:#DF0000;
    color:#FFFFFF;
    border: solid 1px #ffcfcf;
    padding: 5px;
    margin: 5px;
    cursor: pointer;
}

.dropdown-subtext
{
    display: inline-block;
    width: 40px;
    margin-left: 6px;
    margin-right: 6px;
    text-align: center;

}

.dropdown-inner
{
    position: absolute;
    cursor: pointer;
    margin-top: 14px;
    margin-left: -6px;
    background-color: #efefef;
    padding-top: 5px;
    padding-bottom: 5px;
}

.dropdown-inner > div
{
    background-color: #fff;
    padding: 0px;
    margin: 1px;
    margin-left: 5px;
    margin-right: 5px;
    width: 22px;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
}

.dropdown-inner > div:hover
{
    background-color: #adaaab;
    color: #ffffff;
}

.calText {
    border-width: 1px;
    border-color: #dfdfdf;
    border-style: solid;
    font-size: 14px;
    line-height: 20px;
	cursor: pointer;
	background-color: #fefefe;
	padding-left: 3px;
	overflow: hidden;
	margin-right: 3px;
    float: left;
}

.calHolder {
    border-width: 1px;
    border-color: #7f7f7f;
    border-style: solid;
    overflow: hidden;
    background-color: #ffffff;
    text-align: center;
    font-size: 10px;
    color: #7f7f7f;
    width: 428px;
    padding: 10px;
	z-index: 1000;
}

.leftDiv, .rightDiv {
    float: left;
    width: 20px;
    height: 164px;
    cursor: pointer;
}

.leftDiv {
    background-image: url(/img/left.png);
}

.rightDiv {
    background-image: url(/img/right.png);
}


.calBox {
    overflow: hidden;
    background-color: #ffffff;
    width: 184px;
    float: left;
    margin: 5px;
}

.bottomDiv {
 clear: both;
 float: none;
 font-size: 12px;
}

.calControls{
    text-align: right;
}

.calControls a{
    color: #df0000;
}

.calControls a:hover{
    color: #df0000;
    text-decoration: underline;
}

.monthBox {
    width: 184px;
}

.calTitle {
    font-size: 12px;
    font-weight: bold;
}

.calendarBoxInner {
    width: 20px;
    height: 15px;
    padding: 0;
    margin: 2px;
    border-style: solid;
    border-color: #9f9f9f;
    border-width: 1px;
    background-color: #dddddd;
    float: left;
    text-align: center;
    line-height: 15px;
    font-size: 10px;
    color: #121212;
    overflow: hidden;
    cursor:pointer;
    padding: 0px;
}

div.dayHeaders {
    border-style: solid;
    border-color: #7f7f7f;
    border-width: 1px;
    background-color: #cccccc;
    color: #ffffff;
    font-size: 11px;
    height: 17px;
    line-height: 17px;
}

.inactiveDayInner {   
    color: #cfcfcf;
    background-color: #bbbbbb;
    border-style: solid;
    border-color: #ffffff;
    border-width: 1px;
    cursor: default;
}

.noDay { 
    background: none;
    border:none;
    border-style: solid;
    border-color: #ffffff;
    border-width: 1px;
    cursor:default;
}

.selectedDayOuter {
    border-style: solid;
    border-color: #df0000;
    border-width: 1px;
    background-color: #df0000;
    color: #ffffff;
}
.selectedDayInner {
    border-style: solid;
    border-color: #d79f7f;
    border-width: 1px;
    background-color: #fbddcc;
    color: #b44a0d;
}

 #dimmer
 { 
     position:fixed; 
     top:0; 
     left:0; 
     width:100%; 
     height: 100%;
     z-index:2000; 
     background: url('/img/dimmer.png'); 
     display:none; 
     text-align:left; 
     cursor: pointer;
 }

.pop-zoom
{
    position: absolute;
    margin-left: 206px;
    margin-top: 131px;
    height: 16px;
    width: 16px;
    background-image: url('/img/zoom-icon.png');
}

.pop
{ 
    position:fixed; 
    z-index:3000; 
    top: 50%; 
    left: 50%;
    display: none;
    border: solid 1px #fff;

}

.pop img 
{
    border:none; 
    margin:5px;

}

.popclose
{ 
    top:0px; 
    float:right; 
}

.crd{padding:0;margin:0;display:table}
.crd li{height:30px;width:auto;overflow:hidden;padding:0 10px 0 0;margin:0;text-align:center;display:table-cell}
.crd .visa{height:12px;width:auto;padding:10px 4.5px;background-color:#fff;}
.crd .master{height:30px;width:auto}
.crd .jcb{height:24px;width:auto;padding:3px 9px;background-color:#fff;}
.crd .uc{height:26px;width:auto;padding:2px 12px;background-color:#fff;}
.crd .saison{height:26px;width:auto;padding:2px 5px;background-color:#fff;}

.crd .diners{height:28px;width:auto;padding:1px 7px;background-color:#fff;}
.crd .union{height:26px;width:auto;padding:2px 4px;background-color:#fff;}
.crd .aex{height:26px;width:auto;padding:2px 11.5px;background-color:#fff;}
.crd .discover{height:24px;width:auto;padding:1px 3px;background-color:#fff;}
/* ==|== non-semantic helper classes ========================================
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.widgets{display:none}

/* ==|== print styles =======================================================
   Print styles.
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}




        /* jssor slider bullet navigator skin 05 css */
        /*
        .jssorb05 div           (normal)
        .jssorb05 div:hover     (normal mouseover)
        .jssorb05 .av           (active)
        .jssorb05 .av:hover     (active mouseover)
        .jssorb05 .dn           (mousedown)
        */
        .jssorb05 {
            position: absolute;
        }
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
            position: absolute;
            /* size of bullet elment */
            width: 16px;
            height: 16px;
            background: url('/img/b05.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb05 div { background-position: -7px -7px; }
        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
        .jssorb05 .av { background-position: -67px -7px; }
        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

        /* jssor slider arrow navigator skin 22 css */
        /*
        .jssora22l                  (normal)
        .jssora22r                  (normal)
        .jssora22l:hover            (normal mouseover)
        .jssora22r:hover            (normal mouseover)
        .jssora22l.jssora22ldn      (mousedown)
        .jssora22r.jssora22rdn      (mousedown)
        */
        .jssora22l, .jssora22r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 58px;
            cursor: pointer;
            background: url('/img/a22.png') center center no-repeat;
            overflow: hidden;
        }
        .jssora22l { background-position: -10px -31px; }
        .jssora22r { background-position: -70px -31px; }
        .jssora22l:hover { background-position: -130px -31px; }
        .jssora22r:hover { background-position: -190px -31px; }
        .jssora22l.jssora22ldn { background-position: -250px -31px; }
        .jssora22r.jssora22rdn { background-position: -310px -31px; }


#jssor_1{position: relative; margin: 0 auto; top: 0px; left: 0px}


#mbox{overflow:hidden;margin-top:10px}



/*
    Colorbox Core Style:ver1.5.3
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.

#cboxOverlay{background:url(images/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
*/

#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(/images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(/images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(/images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(/images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:66px;background:#fff}
        #cboxTitle{position:absolute; bottom:14px; left:0; text-align:center; width:100%; color:#949494;height:40px;font-size:75%}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;font-size:70%}
        #cboxLoadingOverlay{background:url(/images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(/images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}



	.c1{position:relative;display:block;z-index:0;width:100%;height:auto;}
	.c1:before{content:' ';position:absolute;top:35%;left:44%;z-index:9999999;background:url(/img/arrow-white.png) no-repeat;background-size:70% 70%;width:117px;height:90px}

.top_video{width:100%;max-width:1920px;height:758px}
@media screen and (max-width:1280px)  {.top_video{height:710px}}
@media screen and (max-width:1024px)  {.top_video{height:566px}}
@media screen and (max-width:768px)  {.top_video{height:420px}}
@media screen and (max-width:650px)  {.top_video{height:356px}}
@media screen and (max-width:414px)  {.top_video{height:223px}}
@media screen and (max-width:375px)  {.top_video{height:202px}}

@media screen and (max-width:1380px)  { 
	#links.floating {text-align: right}
	#links.floating > a {padding-left:1.3%;padding-right:1.3%}
}

@media screen and (max-width:1218px)  { 
	#main {max-width:1000px}
	.r_col{position:absolute;top:50px;right:80px;}
	#links .logoimg{width:180px}
	#links > a, #toplink > a{padding-left: 1.5%;padding-right: 1.5%;font-size:17px}
	.res > .container > h1{width:60%;}
	.res > .container > h2{width:60%;}
	#description{width:60%}
	.slider > .ct-col3, .slider > .ct-col2{height:217px;width:48%;margin-right:4%;}
	.slider > .ct-col3:nth-child(3n) {margin-right:4%}
	.slider > .ct-col3:nth-child(2n) {margin-right: 0px}
	.slider > .ct-col3 .slideup, .slider > .ct-col2 .slideup{top:82%}
	#address{float:none;width:100%;margin:0;padding-bottom:40px}
	#links.floating > a {padding-left:1.2%;padding-right:1.2%}
}

@media screen and (max-width:1018px)  { 
	#links > a, #toplink > a{padding-left: 1.5%;padding-right: 1.5%;font-size:16px}
	#links.floating > a {padding-left:1%;padding-right:1%}
	#main {width:96%}
	#main > section {padding:0 40px 60px 40px}
		#main > section.services{padding:60px 40px;margin:60px 0}
		#main > section.dining{padding:60px 40px}
	.res > .container > h1,.res > .container > h2,#description{width:100%}

	.r_col{position:static;width:240px;overflow:hidden;margin:30px auto}
	.btm-rsv-box{display:none}
		.widgets{display:block;width:90%;margin:60px auto 0}
		.resLink2{display:block;padding:20px 0;background-color:#E19200;margin-bottom:20px;cursor: pointer;color:#fff}
		#device{width:1px;height:40px}
}




@media screen and (max-width:900px)  { 
	#main > section {padding:0 40px 60px 40px}
		#main > section.res{min-height:540px}
		#main > section.services{padding:60px 40px;margin:0;}
		#main > section.dining{padding:60px 40px}
	#links{padding-left:3%;width:97%}
	#links > a, #toplink > a{font-size:16px}
	footer {margin-top:0}
	#links.floating{text-align:center}

	.after_map_freearea .freeare_wrap{background-image:none !important;padding:0 !important}
		/*.after_map_freearea .freeare_wrap a{color:#333 !important}*/
		.after_map_freearea .loop-box{float:none;width:100%}
}

@media screen and (max-width:809px)  {
	#links{padding-left:1%;width:99%}
	#links > a, #toplink > a{padding-left: 1.3%;padding-right: 1.3%;font-size:14px}
	#socialHolder{text-align:center}
	.slider > .ct-col1 > span {padding-bottom:30px}
	#logoHolder .logoimg{max-width:250px;width:auto;height:70px} 
	#description{min-height:1px}
	.slider > .ct-col3, .slider > .ct-col2 {height:175px}
	.slider > .ct-col3 .slideup, .slider > .ct-col2 .slideup{top:77%}



}




@media screen and (max-device-width: 800px) and (orientation:portrait), screen and (max-device-width: 1280px) and (orientation:landscape)
{
	#links > a, #toplink > a{padding-left: 1.3%;padding-right: 1.3%}
	#isMobi{display: none}
	#isTablet{display:block}
}




@media only screen and (max-width: 767px){
	#links > a, #toplink > a{padding-left: 1%;padding-right: 1%;}
	#isMobi{display:block}
	#isTablet{display:none}


	@media screen and (max-width:650px)  {
		#main > section.res{min-height:1px}
		#logoHolder .logoimg{width:160px;height:auto} 
		#links > a, #toplink > a{padding-left: 1%;padding-right: 1%;font-size:13px}
		.res > .container > h1{padding-top:20px;font-size:28px}
		.res > .container > h2{font-size:18px}
		#main h3{font-size:20px}
		.slider > .ct-col1 > span {margin-left:0}

.slider > .ct-col2 {margin-bottom: 20px;height:auto;float:none;width:100%;margin-right:0;position:relative}
.slider > .ct-col2:nth-child(2n) {margin-right:0}
.slider > .ct-col2:nth-child(3n) {margin-right:0}
.slider > .ct-col2 a {text-decoration:none}
.slider > .ct-col2  img.tm {margin-bottom: 10px}
.slider > .ct-col2 .slideup{height:auto;background:#fff;position:static;color:#333;-webkit-transition: 0s;-moz-transition:  0s;-ms-transition: 0s;-o-transition: 0s;transition: 0s}
.slider > .ct-col2 .slideup:hover {top:0;background:#fff}
.slider > .ct-col2 .slideup span {display:none}
.slider > .ct-col2  a:hover .room_rate {display:block}


.slider > .ct-col3 {margin-bottom: 20px;height:auto;float:none;width:100%;margin-right:0;position:relative}
.slider > .ct-col3:nth-child(2n) {margin-right:0}
.slider > .ct-col3:nth-child(3n) {margin-right:0}
.slider > .ct-col3 a {text-decoration:none}
.slider > .ct-col3  img.tm {margin-bottom: 10px}
.slider > .ct-col3 .slideup{height:auto;background:#fff;position:static;color:#333;-webkit-transition: 0s;-moz-transition:  0s;-ms-transition: 0s;-o-transition: 0s;transition: 0s}
.slider > .ct-col3 .slideup:hover {top:0;background:#fff}
.slider > .ct-col3 .slideup span {display:none}
.slideup_content {padding:0}
.slideup_content div{line-height:165%}
.slider > .ct-col3  a:hover .room_rate {display:block}
	.slideup_rate{display:none}

		#mapviewer-1{padding-top:120%}


	}


	@media screen and (max-width:580px)  {
		#main > section {padding:0 10px 60px 10px}
			#main > section.services{padding:60px 10px;0}
			#main > section.dining{padding:60px 10px}
		.tmenu{text-align:center;height:auto}
			.tmenu ul{float:none;margin:0 auto;display:block;padding:7px 0 10px;text-align:center;background-color:rgba(255,255,255,0.4)}
				.tmenu ul li{display:inline-block;margin:0 10px;float:none;line-height:100%}
		header{clear:both}
		nav{overflow:hidden;height:auto}
		#logoHolder .logoimg{width:auto;height:80px;position:static;display:block;margin:10px auto} 

		#links{padding:0;width:100%}
		#links > a, #toplink > a{float:none;display:block;height:auto;font-size:16px;line-height:32px;vertical-align:middle;text-align:center;padding:0;border-top:1px solid #999}
			#links > #resLink{float:none;display:block;height:auto}
			#links > #resLink:hover, #links > #resLink.selected{height:auto}


		.slider > .ct-col1{padding:0;border:none;}
			.slider > .ct-col1 > span {margin-left:0}
			.slider > .ct-col1 img.tm {width:100%;height:auto;float:none;margin:0 0 10px}


	.c1:before{top:25%;left:40%;background-size:50% 50%;width:117px;height:90px}

	}





}