/* Edited Reset*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, 
a, address, em, font, img, small, strike, strong, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%; vertical-align: baseline;	background: transparent;	}

html.noscroll {
    position: fixed; 
    overflow-y: scroll;
    width: 100%;
}

body { line-height: 1; }
ol, ul { list-style: none; }
q {	quotes: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { 	text-decoration: none; }
del { 	text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { 	border-collapse: collapse; 	border-spacing: 0; }


* {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

#CDSWIDCOE{
  margin-top: 28px!important;
  magrin-left: 10px!important;
}

#spinWrap{
	position: absolute;
	width:40px;
	height:40px;
	left:50%;
	top:35%;
	z-index:-999999;
}
.spinner {
  width: 40px;
  height: 40px;
  margin: 100px auto;
  background-color: #1e0c05;

  border-radius: 50%;  
  -webkit-animation: scaleout 1.0s infinite ease-in-out;
  animation: scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes scaleout {
  0% { -webkit-transform: scale(0.0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes scaleout {
  0% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 100% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url(./ajax-loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; width: auto}
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Icons */
@font-face { font-family: "slick"; src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }
.slick-prev:before { content: "\2190"; }

.slick-next { right: -25px; }
.slick-next:before { content: "\2192"; }

/* Dots */
.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -35px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 12px; width: 12px; margin: 0px 3px; padding: 0px; cursor: pointer; background: #000; border-radius: 50%; -webkit-transition: all 250ms ease-in;
	   -moz-transition: all 250ms ease-in;
	    -ms-transition: all 250ms ease-in;
	     -o-transition: all 250ms ease-in;
	        transition: all 250ms ease-in;}
.slick-dots li button { border: 0; background: transparent; display: block; height: 12px; width: 12px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li.slick-active {background-color: #fff; box-shadow: inset 1px 1px 2px #000}







/* 	--------------------------------------------------------------------------------------------
	--------------------------------------------------------------------------------------------
	--------------------------------------------------------------------------------------------
	-----------------------------------------PM Styles------------------------------------------
	--------------------------------------------------------------------------------------------
	--------------------------------------------------------------------------------------------
	--------------------------------------------------------------------------------------------
	-------------------------------------------------------------------------------------------- */

 body,html{width:100%; height:100%;font-family: "PT Sans", sans-serif; min-height: 840px; min-width: 1400px}
#overlay{minWidth:100%; minHeight:100%; width:100%; height:100%; background-color:#000000; z-index:998; position:absolute; top:0px; left:0px; }
#promo-wrapper{ z-index: 999; position: absolute; text-align: center; top:60px; left: 0px; width:100%; line-height: 0; }
#promo-pop{ width: 750px;position:relative;margin: 0 auto; }
#closeButtonContainer {display:block;position:absolute;top:-22px;left:-18px;overflow:hidden;width:150px;height:30px;}
a#close { background:url(../bpimages/close_button.gif) no-repeat; position:relative; display:block; outline-style:none; width:150px; height:30px; color:#fff; font-size:13px; font-weight:bold; text-align:right; text-decoration:none;}
a#close span{position:relative; display:block; top:10px;}
a#close:hover { background-position: 0px -30px;}
a.pc { display:block; float:left; }
 
 #fullBackground{
 	width:100%;
 	height:100%;
	min-height: 840px;
	min-width: 870px;
 	position: absolute;
 	top:0;
 	left:370px;
 	z-index: 0;
 	overflow: hidden;
	transition: all 250ms ease-in;
 }
 #fullBackground img{
 	max-width:100%;
 	height:auto;
 }


 nav{
 	font-family: "Vidaloka", serif;
 	z-index: 1;
 	height:100%;
 	width:376px;
 	background-color:#fff;
 	position: absolute;
 	min-height:840px;
 	z-index: 100;
	transition: all ease .5s;
 }

 ul.main-nav{
 	width:300px;
 	float:right;
 	list-style: none;
	margin-top: 13px;
 }

 ul.main-nav li{margin: 15px 0;  	-webkit-transition: all 250ms ease-in;
	   -moz-transition: all 250ms ease-in;
	    -ms-transition: all 250ms ease-in;
	     -o-transition: all 250ms ease-in;
	        transition: all 250ms ease-in; 	 }
 ul.main-nav li a{color:#1e0c05; font-size: 17px; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; 	-webkit-transition: all 250ms ease-in;
	   -moz-transition: all 250ms ease-in;
	    -ms-transition: all 250ms ease-in;
	     -o-transition: all 250ms ease-in;
	        transition: all 250ms ease-in; 	 }


 img.logo{
 	float:right;
 	margin-top:20px;
 }

.main-nav li.mn-11,
.main-nav li.mn-12,
.main-nav li.mn-13 {display: none}
 
 body#accommodations .main-nav li.mn-1,
 body.reservations .main-nav li.mn-2,
 body#specials .main-nav li.mn-3,
 body#fitness-lifestyle .main-nav li.mn-4,
 body#fitness-center .main-nav li.mn-4,
 body#nyhrc .main-nav li.mn-4,
 body#yacht .main-nav li.mn-4,
 body#eat-splash .main-nav li.mn-5,
 body#room-service .main-nav li.mn-5,
 body#upstairs .main-nav li.mn-5,
 body#noir .main-nav li.mn-5,
 body#weddings .main-nav li.mn-6,
 body#plan-event .main-nav li.mn-7,
  body#brag-book .main-nav li.mn-8,
 body#location .main-nav li.mn-9,
 body#gallery .main-nav li.mn-10,

 .main-nav li:hover{ background-color: #1e0c05; padding-left: 40px;}

 body#accommodations .main-nav li.mn-1 a,
 body.reservations .main-nav li.mn-2 a,
 body#specials .main-nav li.mn-3 a,
 body#fitness-lifestyle .main-nav li.mn-4 a,
 body#fitness-center .main-nav li.mn-4 a,
 body#nyhrc .main-nav li.mn-4 a,
 body#yacht .main-nav li.mn-4 a,
 body#eat-splash .main-nav li.mn-5 a,
 body#room-service .main-nav li.mn-5 a,
 body#upstairs .main-nav li.mn-5 a,
 body#noir .main-nav li.mn-5 a,
 body#weddings .main-nav li.mn-6 a,
 body#plan-event .main-nav li.mn-7 a,
 body#brag-book .main-nav li.mn-8 a,
 body#location .main-nav li.mn-9 a,
 body#gallery .main-nav li.mn-10 a,
 
 .main-nav li:hover a{color:#fff;}

 .teaser-wrapper{
 	width:235px;
 	margin:20px auto 0;
	clear: both;
	position: relative
 }

 .teaser-wrapper hr{
 	height:1px;
 	background:#a8a8a8;
 	border:none;
 	display: block;
 	float:left;
 	width:auto;
 	margin:30px auto;
 }
 
nav .sidebar-rotating-banner {margin: 15px auto; text-align: center; width: 300px; height: 135px; text-transform: uppercase; font-size: 14px}
nav .sidebar-rotating-banner a {color: #000; text-decoration: none}
nav .sidebar-rotating-banner img {margin: 10px auto; display: block}

 #sufs-trigger{
 	position: absolute;
 	bottom:0;
 	left:0;
 	height:70px;
 	width:376px;
 	z-index: 10;
 	text-align: center;
 	font-size:19px;
 	color:#fff;
 	background: #1e0c05;
 	text-transform: uppercase;
 	font-family: 'Vidaloka', serif;
 	text-decoration: none;
 	line-height: 70px;
 }
 
 #sufs-trigger:after {content:''; width: 12px; height: 12px; background: url(../bpimages/ssform_arrow.png) no-repeat top left; position: absolute; top: 29px; right: 60px; -webkit-transition: all 250ms ease-in;
	   -moz-transition: all 250ms ease-in;
	    -ms-transition: all 250ms ease-in;
	     -o-transition: all 250ms ease-in;
	        transition: all 250ms ease-in; }
			
#sufs-trigger.rotate-arrow {box-shadow: 2px 1px 2px 1px rgba(0,0,0,0.35)}

 #sufs-trigger.rotate-arrow:after {
 -webkit-transform: rotate(-180deg);
 -moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}

 .sufs-slide{
 	height:70px;
 	width:0;
 	bottom:0;
 	overflow: hidden;
 	left:0;
 	position: fixed;
 	background:rgba(255,255,255,0.9);
 	-webkit-transition: all 250ms ease-in;
	   -moz-transition: all 250ms ease-in;
	    -ms-transition: all 250ms ease-in;
	     -o-transition: all 250ms ease-in;
	        transition: all 250ms ease-in; 	
	        z-index: 99;
      
 }

 .blurBG{
 	position: absolute;
 	width: 100%;
 	height:100%;
 	z-index:-1;
 	        filter: blur(5px);
	-webkit-filter: blur(5px);
	   -moz-filter: blur(5px);
	     -o-filter: blur(5px);
	    -ms-filter: blur(5px);	  
 }

 .sufs-slide.expanded{
 	width:100%;
	min-width: 1400px;
	padding-left: 370px

 }
 
 #sufsformcontent {width: 980px; margin: 0 auto; position: relative; text-align: center}
 #sufsformcontent #ssform_toggle {position: absolute; display: block; cursor: pointer; width: 13px; height: 13px; right: -10px; top: 5px; background: url(../bpimages/ssform_toggle.png)}
 .sufs-slide .ssform input#submit, .sufs-slide .ssform input {margin-right:5px; width:130px; padding: 0 20px; background:#f3f3f3;border:none;border:1px solid #cccccc;height:35px; line-height: 35px; color:#807f80;} 
 .ssform input:focus{color:#333; border:1px solid #cccccc;}


.sufs-slide .ssform button#submit, a.button_link, input.ccbnButton{
 	margin-top:17px;
	display:  inline-block;
	position:relative;
 	border:0;
 	background:rgba(30,12,5,0.2);
 	height:35px;
 	color:#fff;
 	font-family: 'Vidaloka', serif;
 	text-transform: uppercase;
 	font-size:1.1em;
 	cursor: pointer;
	-webkit-transition: all 250ms ease-in;
	   -moz-transition: all 250ms ease-in;
	    -ms-transition: all 250ms ease-in;
	     -o-transition: all 250ms ease-in;
	        transition: all 250ms ease-in;
 }

.sufs-slide .ssform button#submit:hover, a.button_link:hover, input.ccbnButton:hover{
 	background:#1e0c05;
 }
 
 
#sufsformcontent input.inputerror {border: 2px solid #B4242D; height: 33px; width: 128px}
.sufs-slide #special_signupsuccess {color: #1e0c05; font-family: 'Vidaloka', serif; text-transform: uppercase; font-size:19px; margin-top: 23px}
 
 a.button_link {font-size: 24px; padding: 0 45px; text-decoration: none; line-height: 40px; margin-top: 0}

#nav_toggle, #nav_close_toggle {display: none}
 .toolbar{
 	min-width: 1400px;
 	width:100%;
 	position: absolute;
 	height:40px;
 	background-color:#1e0c05;
 	left:0;
 	-webkit-transition: all 250ms ease-in;
	   -moz-transition: all 250ms ease-in;
	    -ms-transition: all 250ms ease-in;
	     -o-transition: all 250ms ease-in;
	        transition: all 250ms ease-in;
	overflow: hidden;
	z-index: 75;
 }

 .toolbar.top{
 	overflow: visible;
 }

 .top{
 	top:0;
 }

 .bottom{
 	bottom:0;
 	height:80px;
 	z-index: 9
 }

 .toolbar-dropdown{
 	font-family: 'Vidaloka', serif;
 	height:40px; 
 	overflow: hidden;
 	float:left;
 	margin-left:10px;
 	-webkit-transition: all 250ms ease-in;
	   -moz-transition: all 250ms ease-in;
	    -ms-transition: all 250ms ease-in;
	     -o-transition: all 250ms ease-in;
	        transition: all 250ms ease-in; 	
 }

 .toolbar-dropdown:hover{
 	height:auto;
 }

 .toolbar-dropdown{}
 .toolbar-dropdown li img{
 	width:25px;
 	height:25px;
 	border-radius: 50%;
 	vertical-align: middle;
 	margin-right: 10px;

 } 
 .toolbar-dropdown li{list-style: none; height:40px; padding:0 20px 0 8px; margin-left:0; line-height:40px; background-color:#1e0c05; cursor: pointer}
 .toolbar-dropdown li a {color:#837a76; text-decoration: none; text-transform: uppercase; font-size: 14px; }
 
 .toolbar-dropdown li:first-child {background: url(../bpimages/top_nav_arrow_down.png) no-repeat right center;}
 
 .toolbar-dropdown.active li {background-color:rgba(255,255,255,0.8);}
 .toolbar-dropdown.active li a {color: #1e0c05}
 
 
 .toolbar-dropdown.active li:hover,
 .toolbar-dropdown.active li:first-child:hover {background-color:#1e0c05;}
 
 .toolbar-dropdown.active li:hover a,
 .toolbar-dropdown.active li:first-child:hover a {color: #fff}

 .toolbar-nav{
 	float:right;
 	font-family: 'Vidaloka', serif;
 	list-style:none;
	margin-right: 65px
 }
 .toolbar-nav li{float:left; margin:12px 14px;}
 .toolbar-nav li a{color:#837a76; text-decoration: none; text-transform: uppercase; font-size: 12px; }
 .toolbar-nav li:hover a{color:#fff;}
 .toolbar-nav li:last-child {margin-right: 0}
 
 
 .toolbar-nav.ru li {margin: 12px 9px}
 .toolbar-nav.ru li a {font-size: 11px}
  .toolbar-nav.ru li:last-child {margin-right: 0}
 
 
 
 .toolbar.bottom{background:transparent;}

 
 #language_toolbar {margin-left: 65px; padding-left: 370px}
 #social_media_toolbar {margin-left: 20px}

.toolbar.bottom.active{height:220px;}
.handleWrap.active{height:220px;}


 .handleWrap{
 	top:0;
 	height:13px;
	position: relative;
 	background:rgba(255,255,255,0.8);
 	text-align: center;
 	-webkit-transition: all 250ms ease-in;
	   -moz-transition: all 250ms ease-in;
	    -ms-transition: all 250ms ease-in;
	     -o-transition: all 250ms ease-in;
	        transition: all 250ms ease-in;
 }
 
 .handleWrap #footer_toggle {position: absolute; display: block; cursor: pointer; width: 13px; height: 13px; right: 0; top: 20px; background: url(../bpimages/ssform_toggle.png)}


 .handle{
 	width:320px;
 	height:50px;
 	margin:auto;
 	background-color:rgba(255,255,255,0.8);
 	padding:10px; 
 	text-align: center;
 	text-transform: uppercase;
 	font-weight: bolder;
 	font-size:14px;
 	color:#29140d;
	cursor: pointer;
	line-height: 1.25;
	letter-spacing: .5px
 }

 
 .borderBottom{
 	height:18px;
 	width:100%;
 	background-color:#1e0c05;
 	position: absolute;
 	left:0;
 	top:62px;
 }

 .badgesSlider{
 	width:480px;
 }

 .main-content{
 	width:570px;
 	height:40px;
 	position: fixed;
 	right:0;
 	top:265px; 
 	-webkit-transition: all 550ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
 	transition:         all 550ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
 
 	z-index: 9;
 	background-color:rgba(255,255,255,0.8);
 	
 }

 #rfp .main-content,
 #privacy-policy .main-content {width: 60%}
 
 .main-content.open{height:350px;}
 .main-content.short{height:180px; overflow: hidden; top: 400px}
 .main-content.collapse{height:100px!important; overflow: hidden; top: 400px}
 
#home .main-content.collapse,
#accommodations .main-content.collapse {height:130px;}

#location .main-content.collapse {height: 350px !important; right: -540px !important; top: 265px !important;}
#location .main-content.collapse #main_content_toggle {background: url(../bpimages/location_content_toggle_arrow.png) no-repeat center center #1E0C05;
    color: #fff;
    display: block!important;
    font-size: 34px;
    height: 340px;
    left: 0;
    line-height: 327px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 30px;
    z-index: 100;}

#room-service  .main-content.open{height:190px;}
 .main-content.secondary-open .contentToScroll.open{top:40px;}
 .main-content.secondary-open .extra{top:0; bottom:auto;}
 
 
.main-content {color:#1e0c05; line-height: 1.35; font-size:14px; } 
.main-content h1,
.main-content h2{ font-family: 'Vidaloka', serif; font-size:27px; margin: 0 0 20px; color:#1e0c05; }
.main-content h2{font-size: 20px}
.main-content h3{ font-size:16px; margin: 0 0 10px; color:#1e0c05; }
.main-content h1 span {font-size: 18px; font-family: "PT Sans", sans-serif; font-weight: normal; display: block;}
.main-content p{/*margin-bottom: 20px;*/ padding-bottom:5px;}
.main-content ul{list-style: disc; margin-bottom: 20px}
.main-content ul li{margin:0 0 5px 20px}
.main-content a{color:#1e0c05; }
.main-content a:hover{color:#000; }
.main-content a.button_link {color: #fff}
.main-content .col {width: 49%; float: left}

.main-content .rfp_form label {display: inline-block; width: 250px; vertical-align: top}
.main-content .rfp_form input {display: inline-block; width: 300px}
.main-content .rfp_form input.checkbox, .main-content .rfp_form input.radio {display: inline-block; width: auto}
.main-content .rfp_form label.short_label {width: auto}
.main-content .rfp_form select {width: 300px;}
.main-content .rfp_form textarea {width: 300px; height: 100px}
.main-content .rfp_form .clear {height: 10px}

#privacy-policy .main-content td {border: 1px solid #837a76; padding: 5px 10px}

#main_content_toggle {position: absolute; background: url(../bpimages/main_content_toggle.png) center center no-repeat; width: 14px; height: 14px; display: block; right: 10px; top: 10px; cursor: pointer; z-index: 100}
 
 h1.extra-title{display:inline; height: 0; line-height: 40px; color:#fff; font-size:22px;bottom:20px; position: absolute; z-index: 1; text-transform: uppercase; font-weight: normal; width:100%; padding:0 30px; cursor: pointer}
 
 h1.extra-title span {display: inline; font-family: 'Vidaloka', serif; font-size: 22px}
 
 
   h1.extra-title:after {content:''; width: 23px; height: 23px; background: url(../bpimages/arrow_down.png) no-repeat top left; position: absolute; top: 10px; right: 65px; -webkit-transition: all 250ms ease-in;
	   -moz-transition: all 250ms ease-in;
	    -ms-transition: all 250ms ease-in;
	     -o-transition: all 250ms ease-in;
	        transition: all 250ms ease-in; }
  h1.extra-title.rotate-arrow:after {
 -webkit-transform: rotate(-180deg);
 -moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}



 .main-content.secondary-open h1.extra-title{top:0;}
 .contentToScroll{
 	-webkit-transition: all 550ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
 	transition:         all 550ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
 	padding:20px 30px;
 	position: relative;
 	
 }

 .contentToScroll.open
{height:350px;}

#home .contentToScroll.open,
#accommodations .contentToScroll.open,
#weddings .contentToScroll.open,
#location .contentToScroll.open
{height:310px;}


#room-service  .main-content.open,
#upstairs .main-content.open,
#ibis .main-content.open,
#bistango .main-content.open,
#fitness-center  .main-content.open,
#nyhrc .main-content.open,
#yacht .main-content.open,
#room-service .contentToScroll.open,
#upstairs .contentToScroll.open,
#ibis .contentToScroll.open,
#bistango .contentToScroll.open,
#fitness-center .contentToScroll.open,
#nyhrc .contentToScroll.open,
#yacht .contentToScroll.open
{height:250px;}

#room-service .gallery-arrow,
#fitness-center .gallery-arrow,
#nyhrc .gallery-arrow,
#yacht .gallery-arrow
 {display: none}


 
 .main-content .extra{
 	height:40px;
 	position: absolute;
 	bottom: 0;
 	background-color:#1e0c05;
 	width:100%;
 	cursor: pointer;
 }

 .main-content.bumpUp{
 	top:235px;
 }

 .contentSwap{
 	position: absolute;
 	bottom:0;
	padding:25px;
 	width:515px;
 	height:40px;
 	background:#1e0c05;
	-webkit-transition: all 550ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
 	transition:         all 550ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
 }

 .hidden{display: none;}

 .contentSwap.open{height:310px;background-color:rgba(255,255,255,0.8);}
 .contentSwap.closed{height:40px;}
 .contentSwap.top{top:0; bottom:auto;}
 .contentSwap.bottom{bottom:0; top:auto;}

  .contentSwap.closed:hover{
  	background-color:#361609;
  	cursor: pointer;
  }
/*stuff for wedding page*/
  

  .accom-list, .wed-list,
  .poi-list{
  	width:100%;
  	display: block;
  	text-transform: uppercase;
  	cursor: pointer;
  	color:#1e0c05;
  	border-bottom:2px solid rgba(30,12,5,.5);
	margin: 15px auto 5px;
	font-size: 1.2em;
	width: 100%;
	padding-bottom: 5px;
	padding-right: 25px;
	font-weight: bolder;
	position: relative
	
  }
  .accom-list:after, .wed-list:after {content:''; background:url('../bpimages/plus-icon.png') no-repeat 100% 0; opacity: .5; position: absolute; right: 3px; top: 5px; width:22px; height: 22px}
  
  .poi-list:after {content:''; background:url('../bpimages/poi-marker-icon_small.png') no-repeat 100% 0; opacity: .5; position: absolute; right: 0; top: 10; width:24px; height: 26px}
  .accom-list.current_room, .wed-list.current_room,
  .accom-list:hover, .wed-list:hover,
  .poi-list.current-poi,
  .poi-list:hover {border-bottom:2px solid rgba(30,12,5,1);}
  .accom-list:hover:after, .accom-list:hover:after,
  .poi-list.current-poi:after,
  .poi-list:hover:after {opacity: 1}
  
  .accom-list.current_room, .wed-list.current_room { background:url('../bpimages/minus-icon.png') no-repeat 100% 0; border-bottom:2px solid rgba(30,12,5,1);}
  .accom-list.current_room:after, .wed-list.current_room:after {display: none}


  .special_item {min-height: 100px; clear: both; margin-bottom: 20px}
  .special_img {float: left; width: 165px;}
  .special_img img {border: 1px solid #fff}
  .special_desc {display: inline-block; width: 240px; margin-left: 20px}

 .main-content-extra{
 	height:40px;
 	width:100%;
 	background-color:#1e0c05;
 	-webkit-transition: all 550ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
 	transition:         all 550ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
 	bottom:-40px;
 }


.footer_wrapper {width: 1024px; margin: 0 auto; position: relative}
 .footerContent{float:left; margin-top:50px; margin-left:20px;}
 .footerContent:last-child{width:120px;}
 .footerInfo{float:left;background-color:#1e0c05; color:#fff; width:100%; height:61px; margin-bottom:7px; padding: 15px; text-transform: uppercase; text-align: left; font-size: 14px}
 .footerInfo span {font-family: 'Vidaloka', serif; font-size: 15px; display: block; margin-bottom: 3px}

body#eat-splash .main-content,
body#fitness-lifestyle .main-content{display: none;}

body#room-service .main-content,
body#upstairs .main-content,
body#ibis .main-content,
body#bistango .main-content {top: 515px}

#eat-splash-wrap{
	padding-left:375px;
	height:100%;
	overflow: hidden;
	min-height: 840px;
}

#eat-splash-wrap a {text-decoration: none}

	.eat-thirds span {
		position: absolute; 
		width:100%;
		color:rgba(255,255,255,0.8);
		text-transform: uppercase;
		font-size:32px;
		letter-spacing: 1px;
		bottom:80px;
		font-family: 'Vidaloka', serif;
		text-decoration: none;
		padding:20px;
		
	}



	.eat-thirds{
		position:relative;
		width:33.33%;
		height:100%;
		float:left;
		min-height: 840px;
		
		-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.5);
		box-shadow: 0 0 2px 2px rgba(0,0,0,0.5);
		-webkit-transition: all 550ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
 		transition:         all 550ms cubic-bezier(0.175, 0.885, 0.32, 1.275);}
	.eat-thirds:hover{
		-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.8);
		box-shadow: 0 0 2px 2px rgba(0,0,0,0.8);
			-moz-transform: scale(1.02) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		 -webkit-transform: scale(1.02) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		      -o-transform: scale(1.02) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		     -ms-transform: scale(1.02) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		         transform: scale(1.02) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	}

	#eat-splash .eat-thirds{ width:25%;}
	
	.eat-thirds:hover span {color: #fff}

	.bistango{background:url('../bpimages/headers/bistango.jpg') center center no-repeat;background-size:auto 100%;}
	.room-service{background:url('../bpimages/headers/Room-service.jpg') center center no-repeat;background-size:auto 100%;}
	.noir{background:url('../bpimages/headers/Noir/Noir01.jpg') center center no-repeat;background-size:auto 100%;}
	.upstairs{background:url('../bpimages/headers/Upstairs/Upstairs01.jpg') center center no-repeat;background-size:auto 100%;}		
	.fitness-center{background:url('../bpimages/headers/fitness-center.jpg') center center no-repeat;background-size:auto 100%;}
	.nyhrc{background:url('../bpimages/headers/nyhrc.jpg') center center no-repeat;background-size:auto 100%;}
	.yacht{background:url('../bpimages/headers/yacht.jpg') center center no-repeat;background-size:auto 100%;}


#map{
	width:100%;
	height:100%;
}

.info_window, .cosmoMarker {line-height: 1.5; color: #1E0C05}


#preloader {background: #1E0C05; position: fixed; top: 0; right: 0; height: 100%; width: 100%; z-index: 99999; transition: all .25s ease}
#preloader #preloader_gif {position: relative; width: 250px; height: 160px; margin: 300px auto 0; text-align: center}

/* Gallery */

 .galImg{
 	width:23%;
 	margin:5px;
 	-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);
	display: block;
	overflow: hidden;
	text-align: center;
}

body#gallery .main-content{display: none;}
body#gallery .mCustomScrollBox > .mCSB_scrollTools {right: 10px}
 
.image-wrapper.gallery {height: 100%; min-height: 840px; width: 100%; overflow: hidden; position: absolute; right: 0}
.image-wrapper.gallery .inset {display: block; height: 100%; min-height: 840px}
.gallery-large-img {position: absolute; top: 0; right: 0; width: 100%; height: 100%; min-height: 840px; z-index: 65; display: none}
.gallery-large-img img {min-height: 840px; width: 100%}
.gallery-thumbs {z-index: 50; padding-left: 35px; height: 800px}


#gallery_wrapper {position: absolute; left: 370px; top: 40px}
#gallery_main {position: absolute!important; top: 0; left: 0; z-index: 200; display: none}
#gallery_image_current {position: absolute; top: 0; right: 0; width: 100%; height: 100%; min-height: 840px; z-index: 65; overflow: hidden}
#gallery_image_current img {min-height: 840px; height: inherit; min-width: 100%}
.gallery-close {position: absolute; top: 75px; right: 35px; width: 33px; height: 33px; background-color: transparent; background-image: url('../bpimages/gallery-close.png'); background-repeat: no-repeat; overflow: hidden; text-indent: 9999px; cursor: pointer; border: none; padding: 0; z-index: 65;}
.gallery-arrow {position: absolute; top: 50%; margin-top: -35px; width: 37px; height: 70px; background-color: transparent; background-image: url('../bpimages/slideshow-arrows.png'); background-repeat: no-repeat; overflow: hidden; text-indent: 9999px; cursor: pointer; border: none; padding: 0; z-index: 65;}
.gallery-arrow.prev {left: 20px; background-position: 0 0;}
.gallery-arrow.next {right: 20px; background-position: -35px 0;}
.gallery-arrow.disabled {opacity: .5; filter: alpha(opacity=50); cursor: default;}

#gallery_thumb_wrapper {min-width: 1030px; min-height: 780px; overflow: hidden}
#am-container {}

.am-wrapper{
    float:left;
    position:relative;
    overflow:hidden;
	margin: 5px 10px 5px 0!important;
}
.am-wrapper img{
    position:absolute;
    outline:none;
	cursor: pointer
}




.scroll-arrow {width: 48px; height: 49px; position: absolute; right: 95px; background-color: transparent; background-image: url('../bpimages/gallery-scroll-arrows.png'); background-repeat: no-repeat; overflow: hidden; text-indent: 9999px; cursor: pointer; border: none; padding: 0; z-index: 4;}
.scroll-arrow.up {top: -25px; background-position: 0 0;}
.scroll-arrow.up:hover {background-position: 0 -49px;}
.scroll-arrow.down {bottom: -25px; background-position: -48px 0;}
.scroll-arrow.down:hover {background-position: -48px -49px;}
.scroll-arrow.disabled {opacity: .5; filter: alpha(opacity=50); cursor: default;}
.scroll-arrow.up.disabled:hover {background-position: 0 0;}
.scroll-arrow.down.disabled:hover {background-position: -48px 0;}
.image-wrapper .loader {position: absolute; top: 50%; left: 50%; margin: -30px 0 0 -30px; width: 60px; height: 60px; background-color: #1a2883; background-image: url('../bpimages/loader-gallery.gif'); background-repeat: no-repeat; background-position: center center;}

body.reservations .main-content{
	width:800px;
	height:100%;
	padding-left:175px;
	padding-top:40px;
	z-index: 0;
	top:0;
	background: none;
	position: relative;
	margin: 0 auto;
}

body.reservations .contentToScroll.open{
	height:100%;
}

body.reservations #sufs-trigger,
body.reservations .contentToScroll.extra{display: none;}
body.reservations #preloader {display: none}
body.reservations #fullBackground, 
body.reservations nav {position: fixed!important}

body#brag-book #main_content_toggle {display: none}

body#brag-book .main-content{
	height:auto;
	min-height: 780px;
    min-width: 870px;
	top:40px;
	position: absolute
}


/* HOME PG SPECIFIC */
body#home nav {min-height: 1060px} 
body#home #fullBackground {min-height: 1060px} 

/* MEDIA QUERIES ---------------------------------------------------------------------- */

@media only screen and (max-device-width : 1024px){
.toolbar-dropdown li a, .toolbar-nav li a {color: #fff}
.ru .sufs-slide .ssform input {width: 120px} 

.main-content, .contentToScroll.open, .main-content.open {width: 800px;}
.main-content {font-size: 20px}

#location .main-content.collapse {height: 350px !important; right: -760px !important; top: 265px !important;}
#location .main-content.collapse #main_content_toggle {width: 40px;}

}


@media only screen and (max-device-width : 1024px) and (orientation:portrait){

#fullBackground{left: 200px;}
#fullBackground.moveLeft{left: 470px;}

/* Main content text styles */

.main-content {font-size: 26px; transition: all 1s ease}
.main-content h1,
.main-content h2{font-size:36px; margin: 0 0 20px;}
.main-content h2{font-size: 30px}
.main-content h3{ font-size:16px; margin: 0 0 10px;}
.main-content h1 span {font-size: 30px;}
.main-content p{margin-bottom: 20px }
.main-content ul{list-style: disc; margin-bottom: 20px}
.main-content ul li{margin:0 0 5px 20px}

#main_content_toggle {width: 20px; height: 20px; background-size: contain}

/* main content sizing  */
.main-content, .contentToScroll, .contentToScroll.open, .main-content.open {width: 900px; height: 800px}
 .main-content.collapse{height:120px!important;}
.moveRight {right: -900px}
#home .contentToScroll.open,
#accommodations .contentToScroll.open,
#accommodations .main-content.open,
#location .contentToScroll.open
{height:750px!important;}
#location .main-content.open {height: 780px!important}
#rfp .main-content, #privacy-policy .main-content {height: 1000px; width: 900px!important}
#rfp .main-content .contentToScroll.open, #privacy-policy .main-content .contentToScroll.open {height: 1000px}

#location .main-content.collapse {height: 800px!important; right: -860px !important; top: 265px !important;}
#location .main-content.collapse #main_content_toggle {height: 800px}


body#brag-book .main-content{
	height:100%;
	top:0;
	position: absolute
}

body#brag-book .contentToScroll.open {height: auto; padding-top: 80px; width: 100%}
.teaser-wrapper {width: 335px;}


/* SUFS */

.sufs-slide.expanded {position: absolute!important; left: 0; top: auto!important; bottom: 80px; height: 500px; width: 405px; min-width: 335px; z-index: 200; padding-left: 70px; background: #fff}
#sufsformcontent {position: absolute; left: 70px; width: 335px}

.sufs-slide .ssform input#submit, .sufs-slide .ssform input {height: 50px; line-height: 50px}
.sufs-slide .ssform input#submit, .sufs-slide .ssform input, .sufs-slide .ssform button#submit, #sufsformcontent input.inputerror {width: 100%; margin-bottom: 10px; font-size: 26px}

#sufsformcontent #ssform_toggle {position: relative; right: 0; float: right; top: 0; width: 30px; height: 30px; background-size: cover; margin: 20px 0}
#sh_sufs {clear: both; margin-top: 30px}

#sufs-trigger {width: 470px; font-size: 32px}
#sufs-trigger:after {display: none}


/* top nav specific stuff*/
.toolbar-nav li.hidden_nav {display: none}
.toolbar-nav li {margin: 16px 14px}
#language_toolbar {padding-left: 200px}
.toolbar, .toolbar-dropdown, .toolbar-dropdown li {height: 60px}
.toolbar-dropdown li {line-height: 60px}
.toolbar-dropdown li a, .toolbar-nav li a {font-size: 26px}
.toolbar-dropdown li img {width: 36px; height: 36px; position: relative; top: -5px}

/* main nav specific stuff */
nav.portrait_nav {left: 0; width: 0; overflow: hidden}
nav.portrait_nav_open {width: 470px; overflow: visible}
ul.main-nav, img.logo {width: 400px}
ul.main-nav li {margin: 26px 0}
ul.main-nav li a {font-size: 32px}
.main-nav li.mn-10,
.main-nav li.mn-11,
.main-nav li.mn-12 {display: block}


#nav_toggle {display: block; width: 200px; position: absolute; top: 0; left: 0; background: #fff; height: 100%; color: #f00; font-size: 40px; z-index: 300}
#nav_toggle #k_logo {width: 200px; height: 126px; position: relative; margin: 30px auto; border-bottom: 10px solid #1e0c05; text-align: center; display: block}
#nav_toggle #k_logo img {} 
#nav_toggle #nav_icon {width: 60px; height: 42px; position: relative; margin: 0 auto}

#nav_close_toggle.toggle_active {display: block; background: url("../bpimages/location_content_toggle_arrow.png") no-repeat scroll center center #1e0c05;
    color: #fff;
    display: block !important;
    font-size: 34px;
    height: 800px;
    right: 0;
    line-height: 327px;
    position: absolute;
    text-align: center;
    top: 265px;
    width: 40px;
    z-index: 100;
	}


/* specials */
.special_item {min-height: 150px;}
.special_img {width: 250px;}
.special_img img {width: 248px}
.special_desc {width: 525px;}


/* tri-col pages */
#eat-splash-wrap {padding-left: 200px}
.eat-thirds{
position:relative;
width:100%;
height:33.3333%;
float:left;
min-height: 0;
background-size: cover
}

.eat-thirds span {font-size: 60px; bottom: 20px}

}




/*Custom Edits*/

#mCSB_1 > div.mCSB_container.mCS_no_scrollbar > p:nth-child(24){margin-bottom: initial!important;}












