/*
Theme Name: Washington Square Hotel
Theme URI: http://operationcmyk.com
Author: Operation CMYK
Author URI: http://operationcmyk.com/
Description: Washington Square Hotel Wordpress theme
Version: 1.0.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: black, blue, white, light, one-column, fluid-layout, responsive-layout, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: blankslate

Washington Square HOtel WordPress Theme © 2011-2014 Operation CMYK
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}

/*------TEXT TREATMENTS--------*/


p{
	font-size:1em;
	margin-bottom:10px;
	line-height:1.6em;
	font-family: 'bg__regularRg';
}
h1{
	font-size:3em;
	font-family:'bg__regularRg';
}
h2{
	font-size:1.7em;
	font-family:'bg__regularRg';
}

h3{
	font-size:1.8em;
	font-family:'bg__regularRg';
}
h4{
	font-family:'bg__regularRg';
	font-size:1.4em;
}
h5{
	font-size:1.3em;
	font-family:'bg__regularRg';
}
h6{
	font-size:.8em;
	font-family:'bg__regularRg';
}
a{
	text-decoration: none;
	
}
em{
	font-style: italic;
}
body{
	margin:0; padding:0;
	}

/*you can try this too. all browser will give H100%, but problem will show up when trying to reduce the window size!*/
/*html, html body{
    margin:0; padding:0;
    height:100%;
    }*/


html, html body{
    margin:0; padding:0;
    height:100%;
    }
html{
	background-color: rgba(242,242,232,.9);
}
#container, #wrapper{
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	position:relative;
	overflow:auto;
}


.alignright{
	float:right;
}

.alignleft{
	float:left;
}

.aligncenter{
	float:none;
	display: block;
	clear: all;
	max-width:100%;
	height:auto;
}



/*----------HEADER-------------*/
header#header{
	background-color:rgb(227,45,34);
	position:fixed;
	top:0;
	height:70px;
	width:100%;
	z-index:150;
}
.headerBox{
	min-width:960px;
	width:80%;
	height:70px;
	margin:0 auto;
	display:table;
	padding:0 5%;
}
header.sideHeader{
	display:table;
	height:100%;
	position:fixed;
	right:0;	
	z-index:9999;
}
.menu-side-header-container{
	display:table-cell;
	vertical-align:middle;
	height:auto;
}
.mobile.sideNav{
	display: none;
}
.mobile.smallHeader{
	display: none;
}
nav#menu{
	display:table-cell;
	vertical-align: middle;
	text-align:right;
	position: relative;
	width:516px;
}
.menu-header-container{
	display: inline-block;
}
ul#menu-header{
	display: inline-block;
}
ul#menu-header li{
	display:inline-table;
	margin-left:24px;
	margin-top:-3px;
}
ul#menu-header li a{
	font-size:.75em;
	color:rgba(242,242,232,.9);
	border: 1px solid rgba(242,242,232,.9);
	text-transform:uppercase;
	padding:9px 16px;
	font-family: 'bg__regularRg';
	background-color: rgba(242,242,232,.2);
	-webkit-transition: all .4s; /* For Safari 3.1 to 6.0 */
    transition: all .4s;
}

ul#menu-header li a:hover{
		background-color: rgba(242,242,232,0);
}
.searchButton{
	background-image: url('images/searchIcon.png');
	background-repeat: no-repeat;
	background-size: contain;
	width:22px;
	height:22px;
	margin-left:25px;
	float: right;
	cursor:pointer;
	display: none;
}
.border{
	outline: 2px solid rgba(242,242,232,.9);
	position:absolute;
}
ul#menu-side-header.menu li{
	float:right;
	clear:both;
	margin:12px 0;
}
ul#menu-side-header.menu li a{
	color:rgb(227,45,34);
	text-align: right;
	background-color:rgba(242,242,232,.9);
	text-transform:uppercase;
	font-size:.8em;
	padding:10px 22px 8px 22px;
	font-family: 'bg_medium';
}
ul#menu-side-header.menu .current-menu-item a{
	color:rgba(242,242,232,.9);
	background-color:rgb(227,45,34);
}
ul#menu-side-header.menu .current_page_parent a{
	color:rgba(242,242,232,.9);
	background-color:rgb(227,45,34);
}
ul#menu-side-header.menu li a:hover{
	color:rgba(242,242,232,.9);
	background-color:rgb(227,45,34);
	-webkit-transition:color .2s ease-in;  
   -moz-transition:color .2s ease-in;  
   transition:background-color .2s ease-in; 
   -webkit-transition:background-color .2s ease-in;  
   -moz-transition:background-color .2s ease-in;  
   transition:background-color .2s ease-in; 
}
section#branding{
	width:443px;
	height:48px;
	display:table-cell;
	vertical-align: middle;
}
section#branding img{
	width:100%;
	height:auto;
-ms-interpolation-mode: bicubic;
}


.home .subContentText h2{
margin:10px 0px;
-webkit-font-smoothing: subpixel-antialiased;
font-smoothing: subpixel-antialiased;
}



/*----RESERVATIONS WIDGET---------*/

.resWidget{
}
.resWidget label{
	color:white !important;
}

.resWidgetHolder{
	float: right;
}

	#chooseDateForm {
	font-family:arial;
	color:#fff;
		}
	
	#datePicker {
		 height: 48px;
		 margin: 0px auto;
		 width: 460px;
	}

.inputs{
float:left;
margin:0px 5px;
	
}

.inputs label{
display: block;
		margin-bottom:4px;
		font-size:.9rem;
		  font-family: 'bg__regularRg';
		  text-align: left;
		  color:white;

	}
.inputs .adult, .inputs .child{
float:left;
margin:0px 5px;
}	

	a.dp-choose-date {
		 background: url("widget/cal_in.png") no-repeat scroll 0px 0px transparent;
		 display: block;
		 float: left;
		 height: 21px;
		 overflow: hidden;
		 padding: 0px;
		 text-indent: -2000px;
		 width: 22px;
		  outline: medium none;
	}

a.dp-choose-date.dp-disabled {
     background-position: 0px -20px;
     cursor: default;
}

.reserve{
	margin-top:18px;
	cursor: pointer;
}

.inputs button{
	  width: 100px;
  font-family: 'bg__regularRg';
  background-color: rgba(227,45,34,1);
  border: 0px;
  height: 30px;
  font-size: 1rem;
  text-align: center;
  font-size: .9rem;
  color: rgba(255,255,255,1);
  border: 1px solid rgba(242,242,232,.9);
}

select{
	
	
}



input {
  width: 100px;
  font-family: 'bg__regularRg';
  /*background-color: rgba(230,230,230,.2);*/
  background-color: rgba(227,45,34,1);
  border: 0px;
  height: 30px;
  font-size: 1rem;
  text-align: center;
  font-size: .9rem;
  /*color: rgba(242,242,232,.9);*/
  color: rgba(255,255,255,1);
  border: 1px solid rgba(242,242,232,.9);
}

select#adults, select#children {
  font-family: 'bg__regularRg';

  text-align: center;
  font-size: .9rem;
  color: rgba(255,255,255,1);
  border: 1px solid rgba(242,242,232,.9);
  background-color: rgba(227,45,34,1);

 width:45px;
 border-radius:0px;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border-radius: 0;   -webkit-appearance: none;
 text-align: center;
 background-image:url('images/arrowDown.png');
 background-repeat:no-repeat;
 background-size:30% 30%;
 background-position: 90% center;
 }
 
 input#promo{ 
 border: 1px solid #fff;
 width:123px !important;
 border-radius:3px;
 }
 
input#submit {
	height:22px !important;
	width:127px !important;
	}

input#submit:hover {
	 background:/*url("widget/submit-on.gif") repeat-x*/ #72AA00;
	 height:22px !important;
	width:127px !important;
	}

.Guests {
    padding-top: 5px;
}



/*-----SINGLE Event Pages---------*/

.eventLogo{

	width:20%;
	padding:20px;
	float: left;
	box-sizing: border-box;
}

.eventInfo{
width: 80%;
float: left;
}

.eventInfo p{
	color:white;
	padding:top:20px;
}

.eventInfo h2{
	text-transform: uppercase;
	font-weight: bold;
	color:red;
	margin-bottom: 20px;
}


.eventInfo h3{
	margin:30px 0px;
	color:white;
}



.eventInfo h3 a{
	font-size:1.3rem;
	color:rgb(227,45,34);
	background-color:white;
	margin:20px 0px;
	padding:10px 15px;
	text-transform: uppercase;
	font-weight: bold;
	
}

.eventInfo a{
	color:rgb(227,45,34);
	transition:.2s all;
}
.eventInfo a:hover{
	color:rgba(227,45,34,.5);
}

.event-page article{
	margin: 50px auto 80px auto !important;
	font-weight: 900;
}




/*-----SINGLE POSTS---------*/

.postBackground{
	width:100%;
	height:100%;
	position:absolute;
	background-size:cover;
	background-position:center center;
	opacity:.3;
	z-index:0;
	
}


.eventDetails{
	float:left;
	width:100%;
}


.eventcontent{
	float:left;
color:white;
margin:20px 0px;
background-color:rgb(227,45,34);
padding:12px 8px 8px 10px;
font-size:.75rem;
text-transform: uppercase;
font-weight: 800;
}

.eventcontent a{
font-style: normal !important;
text-decoration: none !important;
color: white !important;
}

.eventIcon{
	height:20px;
	width:20px;
	background-size: 50%;
	background-position: center center;
	background-repeat: no-repeat;
	float:left;
	margin:20px 3px;
	padding:6px;
	background-color:rgb(227,45,34);
	
	
}

.eventStuff{
	margin:0px 10px 0 0;
	float:left;
}
.eventDateIcon{
	background-image: url(images/calendar.png);
}
.eventTimeIcon{
		background-image: url(images/time.png);

}
.eventLocIcon{
			background-image: url(images/map.png);

}
.eventUrlIcon{
			background-image: url(images/info.png);

}
.single-post #content{
	width:100%;
	height:100%;
	background-color:black;
	overflow: auto;
}

.single-post article{
	width:800px;
	margin:50px auto 20px auto;
	padding:50px 0px 0px 0px;
	position: relative;
		z-index:1;
			overflow: auto;


}

.single-post article img{
	max-width: 100%;
}
.single-post #nav-below{
	position: relative;
width:800px;
	margin:10px auto 70px auto;
}

.single-post h1, .single-post h1 a{
	font-family:'bg__regularRg';
		color:rgba(242,242,232,.9);
		margin:20px 0px;;
}
.single-post .entry-date{
		font-size:.9em;
	font-family:'bg_bold';
	text-transform: uppercase;
	color:rgb(227,45,34);
	margin:10px 0px;
}

.single-post .entry-content img{
	border: 5px solid rgb(227,45,34);
	max-width: 100%;
	box-sizing: border-box;
}

.single-post .entry-content{
		font-size:1.1em;
	font-family:'bg__regularRg';
		color:rgba(242,242,232,.9);
}

.single-post .entry-content a{
text-decoration: underline;
		color:rgba(242,242,232,.9);
		font-style: italic;

}

.single-post .entry-content a:hover{
		color:rgb(227,45,34);

}
.postTag a{
	font-size:.9em;
	padding:5px;	
	margin: 0 4px;
	display: inline-block;
	float: left;
	background-color:rgba(242,242,232,.9);
	font-family:'bg__regularRg';
	color:rgb(227,45,34);
	-webkit-transition:all .2s ease-in;  
	transition:all .2s ease-in; 
}
.archive header.header{
	background-color: rgba(242,242,232,.8);
	position: fixed;
	top:70px;
	width:100%;
	z-index: 9999999;
	
}
.archive h1.entry-title{
	color:black;
	font-size:1.3em;
	text-transform: uppercase;
	padding:10px 20px 10px 7px;
	float: left;
}
.archive h2.entry-title{
	color:black;
	font-size:1.3em;
	text-transform: uppercase;
	padding:10px 0 10px 25px;
	font-family:'bg__regularRg';
	float: left;
}
.nav-previous, .nav-next{
	margin:40px auto;
	display:inline-block;
	width:intrinsic;
	text-align: center;
}

.nav-previous{
	margin-right:15px;
}
.nav-previous a, .nav-next a{
	font-size:1.2em;
	padding:8px 12px; 	
		color:rgba(242,242,232,.9);
	background-color:rgb(227,45,34);
	
	
	font-family:'bg__regularRg';

	-webkit-transition:all .2s ease-in;  
	transition:all .2s ease-in;  
}


.nav-previous a:hover, .nav-next a:hover, .postTag a:hover {
	background-color:rgba(242,242,232,.9);
	color:rgb(227,45,34);	-webkit-transition:all .2s ease-in;  
	transition:all .2s ease-in;  


}

.nav-previous .meta-nav{
		float:left;

}

.nav-next .meta-nav{
		float:right;

}


.meta-nav{
	background-color:white;
	padding: 12px;
	color:rgb(227,45,34);
		margin-top:-12px;

}



/*-----SINGLE PAGES---------*/

#subMenuHolder .roomsSubMenu,#subMenuHolder div.menu-side-header-container{
	height:50px;
	background-color:rgba(0,0,0,.8);
	display:table;
	width:100%;
	position:fixed;
	top:70px;
	z-index:9999;
}
ul.subMenuList,#subMenuHolder #menu-side-header-2{
	display:table-cell;
	vertical-align: middle;
	text-align:center;
	height:auto;
}
ul.subMenuList li,#subMenuHolder #menu-side-header-2 li{
	display:inline-table;
	padding:0 20px;
}
ul.subMenuList li a,#subMenuHolder #menu-side-header-2 li a{
	color:rgba(242,242,232,.9);
	text-transform: capitalize;
	font-size:1.1em;
	font-family:'bg_light';
}
.subMenuItem.on a,#subMenuHolder #menu-side-header-2 li.current-menu-item a{
	font-family:'bg_light_italic';
	color:rgb(227,45,34);
}
ul.subMenuList li a:hover,#subMenuHolder #menu-side-header-2 li a:hover{
	color:rgb(227,45,34);
}


.blogContent, .tagContent{
	width:100%;
	height:100%;
}

section#content.parent,  section#content.media, section#content.newsletter, #content.tour, .newsletterBackground, .subGallery, .subGalleryContainer{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-color:black;
	overflow:auto;
}

section#content.media{
	position:absolute;
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

.subGalleryContainer{
	
	position:absolute;
	background-size:cover;
	background-position: center center;
	background-color: transparent;
}
.subGalleryContainerBackground{
	position:absolute;
	background-size:cover;
	background-position: center center;
	width:inherit;
	height: inherit;
}

.subGalleryPhotoHolder{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:0;
	background-color: black;
}
.subGalleryPhotoIndividual{
	width:100%;
	height:100%;
	position: fixed;
	top: 175px;
	left:0px;
	display: none;
		background-size:cover;
	background-position: center center;
	background-color: transparent;
}

.arrowDown{
	background-image:url(images/scroll.jpg);
	height:31px;
	width:115px;
	position:relative;
	z-index: 2;
}

.subGallerySubContentHolder{
	width:100%;
	min-height:10%;
	position:fixed;
	bottom:40px;
	padding:2% 0;
	z-index:110;
}

.sc{
	display: none;
}

section#content.blog, .single section#content {
	width:100%;
	height:calc( 100% - 130px );
	margin: 130px auto 5% auto;
		background-color:black;
		overflow: auto;
}

.blog #wrapper {
	overflow: hidden;
}

.tempDiv{
	background-size:cover; 
	background-position: center center;
}
.subGalleryContainer.off{
	position:relative;
}
.subGalleryContainer.on{
	position: relative;
	background-color: transparent;
}
.subGalleryContainer.on .subGalleryContainerBackground{
}
.subGalleryContainer{
	position:relative;
	overflow:hidden;
}
.tempBox{
	width:100%;
	height:100%;
	position:relative;
}
.subContentWrapper{
	width:100%;
	min-height:10%;
	position:absolute;
	bottom:40px;
	padding:2% 0;
	z-index:150;
}
.subContent{
	display:table;
	width:40%;
	max-width:450px;
	left:7%;
	height:auto;
	position:relative;
	background-color:rgba(242,242,232,.9);
}
.randomLine{
	display:table-cell;
	width:25%;
}
.randomLineInner{
	border-top: 2px solid rgba(242,242,232,.9);
	margin-bottom: 1%;
}
.subContentBox{
	display:table-cell;
	width:100%;
	padding:3% 5% 1% 5%;
}
.subContentText{
	color:rgb(0,0,0);
}
.subContentText strong{
	font-weight: bold;
}
.subContentText p a{
	color:rgb(227,45,34);
}
.subContentText ul{
	font-size:1em;
	margin-bottom:10px;
	line-height:1.6em;
	font-family: 'bg__regularRg';
	column-count:2;
	-moz-column-count:2; /* Firefox */
	-webkit-column-count:2; /* Safari and Chrome */
}
.subContentText ul li{
	clear:both;
}
.subContentSubText h5{
	color:rgb(128,117,101);
	text-transform:uppercase;
	font-size:.75em;
	font-family: 'bg__regularRg';
	line-height: 1.6em;
		text-shadow: 1px 1px 1px rgba(0,0,0,.5);

}
.subContentCounter{
	position:fixed;
	width:auto;
	top: 200px;
	left:20px;
	z-index:9999;
}

.gallerySwapImage{
	display:table;
position:absolute;
background-size:cover;
background-position: center center;
width:100%;
height:100%;
margin:0;
padding:0;
background-color:black;
overflow-x: hidden;
z-index:10;

}

.diamondBox{
	width:auto;
	min-width:20px;
	margin:0 auto;
}
.diamondHolder{
	margin:0 auto;
	text-align: center;
}
.diamond{
	background-image:url('images/diamond.png');
	background-repeat:no-repeat;
	background-size:contain;
	width:17px;
	height:17px;
	margin: 10px 0;
	cursor:pointer;
}
.diamond:hover{
	background-image:url('images/diamondon.png');
	background-repeat:no-repeat;
	background-size:contain;
}

.diamonds{
	width:intrinsic;
	margin:0 auto;
}
.diamond.on{
	background-image:url('images/diamondon.png');
	background-repeat:no-repeat;
	background-size:contain;
}


.centerLink{
	display:table-cell;
	height:intrinsic;
	width:auto;
	vertical-align: middle;
	z-index:1;
}
.centerLinkTable{
	display:table;
	position:absolute;
	width:100%;
	height:100%;
}
.centerLink h3{
	width:320px;
	text-align: center;
	width:intrinsic;
	margin:0 auto;
	padding:2% 1%;
	color:rgba(242,242,232,.9);
	text-transform:uppercase;
	border: 2px solid rgba(242,242,232,.9);
	background-color: rgba(0,0,0,.4);
	cursor:pointer;
	z-index:9;
}
.centerLink a{
	color:rgba(242,242,232,.9);
}






/*--------MAP Content--------*/


.mapContentHolder{
	background-color: rgba(255,234,201,.8);
	width:0%;
	height:100%;
	z-index:10;
	float: left;
	-webkit-transition:all .5s ease-in-out;  
   -moz-transition:all .5s ease-in-out;
   position:relative;
   	overflow: hidden;
	
}

#map-canvas{
	z-index:1;
	width:100%;
	height:100%;
		float: right;

	-webkit-transition:all .5s ease-in-out;  
   -moz-transition:all .5s ease-in-out;

}

.mapContentDetail{
margin:200px 20px 100px 20px;
}

.mapContentDetail h1{
	color:rgb(227,45,34);
	font-size:1.3em;
	text-transform: uppercase;
	margin:5px 0px;
}
.mapContentDetail h2{
	color:rgb(227,45,34);
	font-size:1em;
	text-transform: uppercase;
		margin:3px 0px;

}

.mapContentDetail p, .mapContentDetail a{
		font-family: 'bg__regularRg';
	font-size: 1em;
	
}
.mapContentDetail a{
	color:black;
	text-decoration: underline;
}
.mapContentDetailClose{
	position:absolute;height:80px;bottom:40px;width:100%;background-color:rgb(227,45,34);display: table;
	
}
.mapClose{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color:rgba(242,242,232,.9);
	text-transform:uppercase;
	font-family: 'bg__regularRg';
	font-size: 1.5em;
	cursor: pointer;
	

}

.mapClose img{
padding:2px 0px 0px 10px;
}


/*--------BLOG POSTS--------*/

.searchCover{
	width:100%;
	height:100%;
	position:fixed;
	background-color: rgba(0,0,0,.8);
	display: none;
	z-index: 9998;
}
.searchTable{
	display: table;
	width:100%;
	height:100%;
}
.searchCell{
	display: table-cell;
	vertical-align: middle;
	position: relative;
}
.searchInput{
	position: relative;
	margin:0 auto;
	text-align: center;
}
input.blogSearch{
	margin:0 auto;
	border-radius: 0;
	width:40%;
	height:40px;
	background-color: transparent;
	outline: none;
	border:none;
	border-bottom: 2px solid rgba(242,242,232,.9);
	color:rgb(242,242,232);
	font-size: 1.2em;
	font-family: 'bg__regularRg';
}
.searchSub{
	padding:10px 20px;
	display: inline-block;
	color:rgba(242,242,232,.9);
	text-transform:uppercase;
	border: 2px solid rgba(242,242,232,.9);
	background-color: rgba(0,0,0,.3);
	font-family: 'bg__regularRg';
	cursor:pointer;
	margin-left:20px;
	z-index: 9999;
}
.searchErr{
	text-align: center;
	color:rgb(242,242,232);
	font-size: 1.6em;
	font-family: 'bg__regularRg';
	text-transform: uppercase;
	margin-Bottom:45px;
}
.blogPost{
	float:left;
	height:50%;
	background-size: cover;
	position:relative;
	background-position: center center;
	}
.blogPost.small{
	width:50%;
}
.blogPost.large{
	width:100%;
}
.gradientBox{
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.39) 18%, rgba(0,0,0,0.54) 25%, rgba(0,0,0,0.82) 52%, rgba(0,0,0,0.86) 63%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(18%,rgba(0,0,0,0.39)), color-stop(25%,rgba(0,0,0,0.54)), color-stop(52%,rgba(0,0,0,0.82)), color-stop(63%,rgba(0,0,0,0.86)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.39) 18%,rgba(0,0,0,0.54) 25%,rgba(0,0,0,0.82) 52%,rgba(0,0,0,0.86) 63%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.39) 18%,rgba(0,0,0,0.54) 25%,rgba(0,0,0,0.82) 52%,rgba(0,0,0,0.86) 63%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.39) 18%,rgba(0,0,0,0.54) 25%,rgba(0,0,0,0.82) 52%,rgba(0,0,0,0.86) 63%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.39) 18%,rgba(0,0,0,0.54) 25%,rgba(0,0,0,0.82) 52%,rgba(0,0,0,0.86) 63%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */



	position:absolute;
	width:100%;
	height:35%;
	bottom:0;
	opacity:.7;
}
.gradientBoxBlog{
	position:absolute;
	width:100%;
	height:auto;
	padding:10px 0;
	bottom:0;
	background-color:rgba(0,0,0,.8);
}

.postInfoBox{
	position:relative;
	bottom:3%;
	left:10%;
	width:80%;
}
.blogPost.large .postInfoBox{
	left:5%;
}
.postDate h6 {
	text-transform: uppercase;
	color:#fff;
	margin:5px 0;
}
.postTitle h5 {
	color:#fff;
	line-height:1.8em;
}

.post-permalink:hover .postDate h6, .post-permalink:hover .postTitle h5 {
	color: #e32d22;
}

/*-------VIDEO TOUR---------*/

.videoBox{
	width:100%;
	height:100%;
	display:table;
	position:relative;
	z-index:100;
}
.playButton{
	display:table-cell;
	height:intrinsic;
	width:auto;
	vertical-align: middle;
	background-color:rgba(0,0,0,1);

}
.playButton h3{
		width:189px;
			width:intrinsic;

	text-align: center;
	margin:0 auto;
	padding:2% 1%;
	color:rgba(242,242,232,.9);
	text-transform:uppercase;
	border: 2px solid rgba(242,242,232,.9);
	background-color: rgba(0,0,0,.3);
	cursor:pointer;
}
#theVideo{
	width:100%;
		margin:0 auto;
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 0px; 
		height: 0; 
		overflow: hidden;
	}
 
	div#thevideo iframe, div#thevideo object, div#thevideo embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*-------PHOTO TOUR---------*/


.photoTourMain{
	height:75%;
	width:100%;
	position:relative;
	background-position: center center;
}
.photoTourMainTwo{
	height:100%;
	width:100%;
	position:absolute;
	display:none;
	background-size: cover;
	background-position: center center;
}
.photoTourSub{
	height:25%;
	width:100%;
	position:relative;
}
.photoTourSubBox{
	position:absolute;
	height:100%;
}
.photoTourSubItem{
	height:100%;
	width:25%;
	float:left;
	background-position: center center;
	cursor:pointer;
}
.photoTourSub.land{
	height:25%;
	width:50%;
}
.photoTourSub.port{
	height:25%;
	width:25%;
}

/*--------MEDIA BOX---------*/

.mediaBox{
	display:table;	vertical-align: middle;
	position:fixed;
	height:100%;
	z-index:0;
	top:0px;
	left:0px;
}
.scrollVert{
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	width:100%;
}


.mediaBoxInfo{
	width:100%;
		display:table-cell;
	vertical-align: middle;
	position:relative;
	height:100%;
	
}
.mediaBoxInfo.on{
	display:block;
	
}
.mediaQuote h1 p{
	color:rgba(242,242,232,.9);
	line-height:1.3em;
}
.mediaQuote{
	width:60%;
	margin:0 auto;
	text-align: center;
}
.mediaAuthor{
	color:rgb(128,117,101);
	width:60%;
	margin:0 auto 3% auto;
	text-align: center;
}
.mediaIcon{
	height:93px;
	width:157px;
	margin:0 auto;
	text-align: center;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.mediaIcon img{
	width:100%;
	height:auto;
}
.blackBox{
	width:100%;
	height:100%;
	display:table;
	position:fixed;
	overflow: auto;
	background-color:rgba(0,0,0,.7)
}

/*-------- Gallery ----------*/
.gallery{
	width:100%;
	height:100%;
	overflow:hidden;
	position: relative;
}

.galleryImg{
	width:100%;	
	height:100%;
	text-align: center;
	display: none;
	position: absolute;
	top:30px;

}

.galleryImg img{
height:92%;
width:auto;
margin:2% auto;
}

.galleryNav{
	height:80px;
	position:fixed;
	width:100%;
	bottom:40px;
	background-color:black;
		z-index:999999;
		overflow: hidden;
}

.galleryNavImgs{
	float:left;
	height:100% !important;
	cursor: pointer;
	opacity: 0;
		-webkit-transition:all .5s ease-in-out;  
   -moz-transition:all .5s ease-in-out;
}

.galleryNavImgs:hover{
		opacity: .7;
		-webkit-transition:all .5s ease-in-out;  
   -moz-transition:all .5s ease-in-out;
}

.galleryNavImgs img{
	height:100% !important;

}
.galleryNavHolder{
	width: 100%;
	height:100% !important;
	position:absolute;
	left:0px;
bottom:0px;
	-webkit-transition:all .6s cubic-bezier(0.25,0.1,0.25,1); 
   -moz-transition:all .6s cubic-bezier(0.25,0.1,0.25,1);
}

/*--------IN TOUCH----------*/

.intouchInfoBox{
	width:35%;
	min-width:290px;
	height:100%;
	background-color:rgba(255,234,201,.95);
	position:absolute;
	left:0;
	display:table;
}
.intouchInfo{
	display: table-cell;
	vertical-align: middle;
	position:relative;
}
.intouchInfo h5{
	font-size:1.1em;
	color:rgb(227,45,34);
	margin-bottom:10px;
}
.intouchInfo p{
	line-height:1em;
	width:100%;
}
.intouchInfoInner{
	width:287px;
	
	width:intrinsic;
	
	margin: 0 auto;
	
}
.googleMapLink{
	position:absolute;
	width:100%;
	height:70px;
	bottom:40px;
	background-color:rgb(227,45,34);
	display:table;
	z-index:9999;
}
.googleMapTextBox{
	display:table-cell;
	vertical-align: middle;
}
.googleMapText{
width:191px;
	width:intrinsic;
	margin: 0 auto;
}
.googleMapText h5{
	margin-top:5px;
	float:left;
}
.mapIcon{
	width:28px;
	height:26px;
	background-image:url('images/googleMapIcon.png');
	background-repeat: no-repeat;
	float:left;
	margin-left:8px;
}
.googleMapLink a{
	color:rgba(242,242,232,.9);
	text-transform: uppercase;
	width:100%;
	height:100%;
	font-size: .8em;
}


/*-------PACKAGES---------*/

.page-template-packages-php #content{
background-image: url('images/pattern.png');
background-repeat: repeat;
	
}
.packageHolder{
	width:95%;
	max-width:1100px;
	margin:100px auto;
}

.packageBox{
	display: table;
	width:90%;
	height:auto;
	background-color:white;
	margin:30px 0px;

}

.packageCell{
	display: table-cell;
	vertical-align: top;
	padding:30px;
}
.packageCell img{
	max-width: 110px;
	height:auto;
}

.pkgContent{
	vertical-align: middle !important;
}

.pkgContent h2{
	color:rgb(227,45,34);

}

.pkgContent a{
	color:rgb(227,45,34);
text-decoration: underline;
}
.packageLink{
	padding:10px;
	text-transform: uppercase;
	font-size: 1rem;
color:rgb(227,45,34);
display: block;

	font-family:'bg_bold';
margin:10px 0px;
text-align: center;
background-color: rgb(234,169,166);

}

.page-template-packages section#content {
	margin-top: 130px;
}


/*-------NEWSLETTER---------*/

.page-template-newsletter-php .subGalleryContainer, .page-template-blankpages-php .subGalleryContainer, .error404 .subGalleryContainer{
	display:table;
}
.error404 .newsletterBox h3{
	width:50%;
	margin: 0 auto;
	text-align: center;
	color: rgba(242,242,232,.9);
}
.newsletterBox{
	margin:0 auto; 
	display:table-cell; 
	vertical-align:middle;
}
.newsletterBox h3 p{
	width:intrinsic; 
	text-align: center;
	margin:0 auto;
	color:rgba(242,242,232,.9);
	font-size:1.2em;
	margin-bottom:50px;
}
#MailingList179{
	width:intrinsic; 
	width:850px;
	margin:0 auto;
}
.nlField{
	width:46%;
	margin:3px 2%;
	border-bottom: 1px solid rgba(242,242,232,.9);
}
.nlField label{
	color:rgba(242,242,232,.9);
	font-family: 'bg__regularRg';
	float:left;
	bottom:0;
	margin-top:6px;
}
.nlField input{
	background-color: transparent;
	border:0;
	outline:0;
	float:left;
	margin-left:10px;
	color:rgba(242,242,232,.9);
	font-family: 'bg_thin';
	font-size:1em;
	width:275px;
}
.nlField input:focus{
	border:0;
	outline:0;
}
.nlField.formFirstname{
	float:left;
}
.nlField.formLastname{
	float:left;
}
.nlField.formEmail{
	margin:40px auto;
}
.formSubmit input{
	color:rgba(242,242,232,.9);
	text-transform: uppercase;
	padding:10px;
	background-color:rgb(227,45,34);
	border:0;
	margin:0px auto;
	text-align: center;
}

.formSubmit {
	width:73px;
}
/*---------FOOTER-----------*/

footer#footer{
	position:fixed;
	bottom:0;
	background-color:rgba(242,242,232,.9);
	height:40px;
	width:100%;
	z-index: 9999;
}
.footerTable{
	width:80%;
	height:100%;
	display:table;
	min-width:980px;
	margin:0 auto;
	padding:0 5%;
}
.footerTable h6{
	font-size: 1.1em;
	font-family: 'bg__regularRg';
}
.fCell{
	display:table-cell;
	vertical-align:middle;
	height:auto;
	font-size:.8em;
}
.fCell a{
	color:rgb(0,0,0);
}
.fCell a:hover{
	color:rgb(227,45,34);
}
.fCell.address{
	width:24%;
	text-align:left;
}
.fCell.Address h6{
	float:left;
}
.fCell.Address h6.comma{
	padding-right:3px;
}
.fCell.phone{
	width:12%;
	text-align:center;
}
.fCell.email{
	width:21%;
	text-align:center;
}
.fCell.social{
	width:27%;
	text-align:center;
}
.sIcon{
	background-image: url('images/socialSprite.png');
	height:16px;
	float:left;
	-webkit-transition:opacity .1s ease-in;  
   -moz-transition:opacity .1s ease-in;
}
.sIcon:hover{
	opacity: .3;
}
.sIcon.tripadvisor{
	width:38px;
	background-position-x: 0;
}
.sIcon.facebook{
	width:27px;
	background-position: -38px 0;
}
.sIcon.twitter{
	width:34px;
	background-position: -65px 0;
}
.sIcon.youtube{
	width:60px;
	background-position: -99px 0;
}
.sIcon.pinterest{
	width:22px;
	background-position: -159px 0;	
}
.sIcon.instagram{
	width:22px;
background-position: -189px 0;
margin-left: 10px;
}

.tripAdvisorAward{
		/*background-image: url('images/Village-Nights-info-Box-Washington-Sq-Hotel.jpg');*/
position: fixed;
height:164px;
width:265px;
bottom:26px;
/*box-shadow: 0px 0px 5px rgba(0,0,0,.4);*/
right:-85px;
/*display: none;*/
z-index:10000;
}

.home .tripAdvisorAward{
	display: block;
}

.fCell.language{
	width:12%;
	text-align:center;
	position:relative!important;
	background-color:rgba(227,45,34,.2);
}
.fCell.language-header{
	/*width:12%;*/
	text-align:center;
	position:relative!important;
	background-color:rgba(227,45,34,.2);
	margin-left: 15px;
	margin-top: 2px;
}
.fCell.fTitle{
	display:none;
}
.fCell.language h6, .fCell.language-header h6, .fCell.language-mobile h6 {
	color: rgb(227,45,34);
	text-transform: uppercase;
	font-family: 'bg_bold';
	font-size: .9em;
	float:left;
}
.fCell .languageOutside, .fCell.language-header, .fCell.language-mobile {
	color: rgb(227,45,34);
	text-transform: uppercase;
	font-family: 'bg_bold';
	font-size: .9em;
	float:left;
}
@-moz-document url-prefix() {
    .languageBox, .languageBox-header {
        width:120px!important;
    }
}
.languageBox {
	position:absolute;
	width:100%;
	bottom:40px;
	background-color: rgb(227,45,34);
	padding: 10px 0;
	display:none;
	z-index: 99999;
}
.languageBox-header {
	position:absolute;
	width:100%;
	top:20px;
	background-color: rgb(227,45,34);
	padding: 10px 0;
	display:none;
}
.languageOutside, .languageOutside-header, .languageOutside-mobile {
	width:82px;
	width:intrinsic;
	margin:0 auto;
	position:relative;
	cursor:pointer;
}

.languageOutside-mobile {
	margin-top: 15px;
}


.languageBox-mobile {
	position: absolute;
	width: 150px;
	top: -180px;
	left: -50%;
	background-color: rgb(227,45,34);
	padding: 10px 0;
	display: none;
}
.upArrow{
	width:5px;
	height:4px;
	background-image: url('images/arrow.png');
	background-repeat: no-repeat;
	float:left;
	margin-left:5px;
	position:relative;
	top:5px;
}
.languageBox a{
	
}
.languageBox h6, .languageBox-header h6, .languageBox-mobile h6{
	color:rgba(242,242,232,.9)!important;
	padding:5px 0;
	text-transform: uppercase;
	font-size: 1em;
	margin:0 auto;
	width:100%;
}
.languageBox h6:hover, .languageBox-header h6:hover, .languageBox-mobile h6:hover {
	opacity: .6;
}


/*--------Spinner----------*/
.spinner{
	width:50px;
	height:50px;
	background-size: contain;
 margin: auto;
  position: absolute;
  display: none;
  top: 0; left: 0; bottom: 0; right: 0;
  z-index:10000;
  overflow: hidden;

}

.spinnerSmall{
	width:50px;
	height:50px;
	background-size: contain;
 margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  z-index:10000;
  overflow: hidden;

}


/* Animation */
@-webkit-keyframes loading {
  to { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes loading {
	to { -moz-transform: rotate(360deg); }
}
@-ms-keyframes loading {
	to { -ms-transform: rotate(360deg); }
}
@keyframes loading {
	to { transform: rotate(360deg); }
}

/* Loader (*/
.loaders {

	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: transparent;
	
	border-top: 4px solid rgb(227,45,34);
	border-right: 4px solid rgb(227,45,34);
	border-bottom: 4px solid rgba(227,45,34,.5);
	border-left: 4px solid rgba(227,45,34,.5);
	
	-webkit-animation: loading 1.2s infinite linear;
	-moz-animation: loading 1.2s infinite linear;
	-ms-animation: loading 1.2s infinite linear;
	animation: loading 1.2s infinite linear;
	
}



/*--------Rooms----------*/

.single-rooms, .page-template-rooms-php, .single-room, .page-template-rooms-php{
	
}

.single-rooms, .page-template-rooms-php .subMenu, .single-room, .page-template-rooms-php .subMenu {

}
.single-rooms, .page-template-rooms-php ul.subMenuList, .single-room, .page-template-rooms-php ul.subMenuList{

}
.single-rooms ul.subMenuList li, .page-template-rooms-php ul.subMenuList li, .single-room ul.subMenuList li, .page-template-rooms-php ul.subMenuList li{
	padding:0 6px;
	color:rgba(242,242,232,.9);
	text-transform: uppercase;
	font-size:.9em;
	font-family:'bg_light_italic';
}
.single-rooms ul.subMenuList li a, .page-template-rooms-php ul.subMenuList li a, .single-room ul.subMenuList li a {
	 font-family: 'bg_medium';
	 	text-transform: capitalize;
}
.single-rooms .subMenuItem.on a, .page-template-rooms-php .subMenuItem.on a, .single-room .subMenuItem.on a {
	font-family:'bg_MdIt';
	color:rgb(227,45,34);
}
.single-rooms ul.subMenuList li a:hover, .page-template-rooms-php ul.subMenuList li a:hover, .single-room ul.subMenuList li a:hover{
	color:rgb(227,45,34);
}
.mobile{
	display:none;
}
/*----------@Media------------*/

	@media screen and (max-width: 1055px){
		
		.subContentCounter{
			display:none;
		}
		.mobile{
			display:block;
		}    
		
		/*-------- HEADER --------*/
		
		header#header{
			display:none;
		}
		header.sideHeader{
			display:none;
		}
		.mobile.navBox{
			/*background-color:rgba(242,242,232,1);*/
			background-color: #000;
			/*column-count:2;*/
			/*-moz-column-count:2;*/ /* Firefox */
			/*-webkit-column-count:2;*/ /* Safari and Chrome */
			padding:20px 20px 0 20px;
			height:auto;
			display:none;
			position: absolute;
			z-index: 999;
			top: 70px;
			width: 100%;
		}
		.menu-item-78, .menu-item-29, .menu-item-28, .menu-item-105{
			text-align: right;
		}
		.menu-item-29{
			
		}
		.mobile.sideNav{
			margin-top:18px;
			height:auto;
			display:none;
		}
		.mobile.smallHeader{
			display:none;
			
		}
		.navLine{
			margin: 10px 5px 15px 40px;
			border-bottom: 1px solid rgb(227,45,34);
			display:none;
		}
		.reserveAroom{
			position:relative;
			float:right;
			right:50px;
			top:25px;
		}
		.reserveAroom a{
			font-size:.65em;
			color:rgba(255,255,255,1);
			border: 1px solid rgba(242,242,232,.9);
			text-transform:uppercase;
			padding:4px 10px;
			font-family: 'bg__regularRg';
			background-color: rgba(227,45,34,1);
		}
		.menu-side-header-container{
			display: block;
		}
		ul#menu-header-1.menu{
	   		padding:0 5px;
   		}
   		ul#menu-side_nav.menu_1, ul#menu-side_nav.menu_2{
	   		padding:0 5px;
   		}
   		ul#menu-side_nav.menu_2{
	   		margin-top:60px;
   		}
		ul#menu-side_nav.menu_1 li, ul#menu-side_nav.menu_2 li{
			clear:both;
			margin:12px 0;
		}
		ul#menu-side_nav.menu_2 a{
			color:rgb(227,45,34);
			text-transform:uppercase;
			font-size:.8em;
			font-family: 'bg_medium';
		}
		ul#menu-side_nav.menu_1 a{
			color:rgb(227,45,34);
			text-align: right;
			background-color:rgba(242,242,232,.9);
			text-transform:uppercase;
			font-size:.8em;
			font-family: 'bg_medium';
		}
		ul#menu-header-1.menu li{
			clear:both;
			margin:8px 0;
		}
		ul#menu-header-1.menu li a{
			color:rgb(0,0,0);
			text-align: right;
			background-color:rgba(242,242,232,.9);
			text-transform:uppercase;
			font-size:.8em;
			font-family: 'bg_medium';
		}
		.mobile.headerBar{
			background-color: rgb(227,45,34);
			height:70px;
			width:100%;
			position: relative;
		}
		.mobileLogo{
			width:65px;
			height:auto;
			float:left;
			position:relative;
			left:12px;
			top:15px;
		}
		.mobileLogo img{
			width:100%;
			height:auto;
		}
		.searchButton{
			margin: 25px 0 0 0;
			right:35px;
			position: relative;
			display: none;
		}
		input.blogSearch{
			width:80%;
			margin: 0 10%;
		}
		.searchSub{
			margin:20px 0 0 0;
		}
		.mobileMenuIcon{
			width:25px;
			height:auto;
			float:right;
			position:relative;
			right:20px;
			top:25px;
		}
		.mobileMenuIcon img{
			width:100%;
			height:auto;
		}
		.mobile.headerTitle{
			background-color: black;
			padding:25px 0;
			position:relative;
		}
		.mobile.headerTitle h5{
			color:rgba(242,242,232,.9);
			text-transform: uppercase;
			width:100%;
			text-align: center;
			margin:0 auto;
			font-size: 1em;
		}
		.mobileArrow{
			display: none;
		}
		
		/*-------- CONTENT --------*/
		
		.arrowDown{
			display:none !important;
		}
		.subGalleryPhotoHolder{
			top:0px;
			height:200px;
			position: absolute;
		}
		.subGalleryPhotoIndividual{
			top:0px;
			height:200px;
			position: absolute;
		}
		.subGallerySubContentHolder{
			min-height:200px;
			height:200px;
			bottom:auto;
			top: 200px;
			position:absolute;
		}
		section#content.parent{
			height:auto;
			position:relative;
		}
		section#content.media{
			height:auto;
			margin: 0;
			padding: 0;
		}
		section#content.blog, .blogContent{
			margin:0;
			padding:0;
			padding-bottom: 0!important;
		}
		#container, #wrapper{
			height:auto;
		}
		.subGalleryContainer{
			/*display: none;*/
			
		}
		.subGalleryContainerBackground{
			height:250px;
			position: relative;
		}
		.subGallery{
			position:relative;
			min-height:300px;
			overflow: hidden;
			-webkit-overflow-scrolling: touch;
		}
		
		
	.page-template-homepage-php div.subGallery, .page-template-gallery-php div.subGallery{
		height:450px;
	}
		
		.mobile.contentLine{
			display: none;
		}
		.contentLine{
			border-top:1px solid rgba(242,242,232,.9);
			width:30%;
			margin-top:20px;
			padding:12px 0;
		}
		.randomLineInner{
			border-top:1px solid rgba(242,242,232,.9);
			padding-bottom: 20px;
		}
		.subContentWrapper{
			position:relative;
			padding:0;
			bottom:0px;
		}
		.subContent{
			min-width: inherit;
			width:100%;
			max-width:100%;
			left:0;
			display:block;
			background-color:rgb(0,0,0);
			color:rgb(242,242,232);
		}
		.subContentText h2{
			display:none;
		}
		.subContentText{
			color:rgb(242,242,232);
		}
		.randomLine{
			display:block;
			padding:0 3%;
		}
		.subContentBox{
			display: block;
			width:94%;
			padding:4% 2% 2% 4%;
		}
		.subContentCounter{
			top:170px;
			bottom:inherit;
		}
		.diamondBox{
			min-width: inherit;
		}
		.diamondHolder{
			float:none;
			text-align: center;
		}
		
		
		.mobileSubGalleryNavigation{
			position:absolute;
			top:0px;
			width:100%;
			height:230px;
			z-index:110;
			background-image: url(images/mobileGalArrows.png);
			background-position: center bottom;
			background-size: contain;
			background-repeat: no-repeat;
		}
		
		
		/*-------- ROOMS ---------*/
		.page-template-rooms-php .subMenu, .single-rooms .subMenu, .single-room .subMenu{
			display:block;
		}
		
		.single-rooms .subContent, .single-room .subContent{
			margin-top:210px;
		}
		.page-template-rooms-php .subMenuItem, .single-rooms .subMenuItem, .single-room .subMenuItem{
			padding:5px 0 !important;
			clear:none;
		}
		.page-template-rooms-php .subMenuList, .single-rooms .subMenuList, .single-room .subMenuList{
			float:left;
			width:auto;
		}
		.page-template-rooms-php .mobileArrow, .single-rooms .mobileArrow, .single-room .mobileArrow {
			display: block;
		}
		#subMenuHolder .roomsSubMenu{
			width:auto;
			margin:0 auto;
			top:0;
			height:auto;
			position:relative;
		}
		#subMenuHolder div.menu-side-header-container{
			display:block;
			top:0;
			height:auto;
			position:relative;
		}
		ul.subMenuList,#subMenuHolder #menu-side-header-2{
			display:block;
			text-align:center;
			height:auto;
		}
		ul.subMenuList li,#subMenuHolder #menu-side-header-2 li{
			padding:10px 0;
			display:block;
			clear:both;
		}
		.subMenuItem.on a,#subMenuHolder #menu-side-header-2 li.current-menu-item a{
			font-family:'bg_light_italic';
			opacity: .5;
			color:rgba(242,242,232,.9);
		}
		/*.page-template-gallery-php .headerTitle h5{
			font-family:'bg_light_italic';
			font-size: 1.2em;
			text-transform: capitalize;
		}*/
		#subMenuHolder{
			padding:0 0 20px 0;
			display:none;
			background-color:black;
		}
		.mobileArrow{
			background-image:url('images/mobileArrow.png');
			background-size: contain;
			width:15px;
			height:7px;
			position:absolute;
			background-repeat: no-repeat;
			right:30px;
			top:30px;
		}
		.mobileArrow.down{
			transform:rotate(180deg);
			-ms-transform:rotate(180deg); /* IE 9 */
			-webkit-transform:rotate(180deg); /* Opera, Chrome, and Safari */
		}
		
		/*-------- MEDIA ---------*/
		
		section#content.media{
			position: relative;
		}
		.scrollVert{
			display: none;
		}
		.blackBox{
			display:block;
			position:absolute;
			overflow:hidden;
		}
		.mediaBox{
			display:block;
			position:relative;
			
			width:100%!important;
			max-width:600px!important;
			height:200px;
			overflow: auto;
			margin: 20px auto;
		}
		.mediaQuote{
			width:80%;
		}
		.mediaQuote h1{
			font-size: 1.2em;
		}
		.mediaAuthor h4{
			font-size:1em;
		}
		.mediaIcon{
			width:90px;
			height:auto;
		}
		.mediaBoxInfo{
			display:block;
			margin:30px 0;
		}
		.page-template-media-php .subContentCounter{
			display:none;
		}
		
		/*------- GALLERY --------*/
		
		.galleryNav{
			height:70px;
			position:absolute;
			bottom: 0;
		}
		.galleryNavHolder{
			height:100%;
		}
		.galleryImages{
			height:300px;
		}
		.galleryImg{
			top:0;
			height:230px;
		}
		.galleryImg img{
			width:auto;
			height: 100%;
			margin:0;
		}
		.galleryNavImgs{
			height: 70px;
		}
		.galleryNavImgs img{
			height:100%;
			width:auto;
		}
		
		
		/*--------- BLOG ---------*/
		
		.blogPost{
			height:250px;
		}
		.blogPost.small{
			width:100%;
		}
		.single-post article{
			width:90%;
			padding:0 5%;
			margin: 40px 0 0 0;
		}
		.postBackground{
			background-image: none!important;
		}
		.single-post h1{
			font-size: 1.6em;
			padding:10px 0 25px 0;
		}
		.single-post #nav-below{
			width: 100%;
		}
		.blogImage{
			width:100%;
			height:200px;
			background-size: cover;
			background-position: center center;
		}
		
		
		/*-------- PAGES ---------*/
		
		.centerLinkTable{
			position:relative;
		}
		.centerLink{
			display: block;
			background-color: rgb(227,45,34);
			padding:10px 0;
		}
		.centerLink h3{
			font-size:1em;
			border: none;
			background-color: transparent;
		}
		
		/*--------- MAP ----------*/
		
		.mapContentHolder{
			width:100%;
			height:0;
		}
		#map-canvas{
			height:250px;
		}
		.mapContentDetailClose{
			display: none;
		}
		.mapContentHolder{
			background-color: black;
		}
		.mapContentDetail{
			margin:0;
			padding:10%;
		}
		.mapContentDetail p{
			color:rgba(242,242,232,.9);
			margin:10px 0;
		}
		.mapContentDetail h1{
			font-family:'bg_medium';
			font-size: 1.1em;
			padding:10px 0;
		}
		.mapContentDetail h2{
			line-height: 1.3em;
			font-family:'bg_medium';
		}
		
		/*-------- CONTACT -------*/
		
		.page-template-intouch-php .subGalleryContainer{
			height:200px;
		}
		.intouchInfoBox{
			display: none;
		}
		.mobile.googleMapLink{
			position:relative;
			bottom:0;
			height:50px;
			display: table;
		}
		.googleMapText h5{
			margin-top:3px;
			font-size: 1.1em;
		}
		.mapIcon{
			width:20px;
			height:20px;
			background-size: contain;
		}
		.intouchInfo{
			background-color:rgba(242,242,232,1.0);
			padding:20px 0 10px 0;
			text-align: center;
		}
		
		/*------ NEWSLETTER ------*/
		.page-template-newsletter-php #container{
			overflow: hidden;
		}
		.newsletterBox{
			width:100%;
		}
		.newsletterBox h3{
			padding:50px 10% 0 10%;
			line-height: 1.1em;
			font-size: 1.4em;
		}
		#MailingList179{
			width:100%;
			position:relative;
			top:-20px;
		}
		.nlField{
			width:80%;
			margin:10px 10%;
			position:relative;
		}
		.nlField label{
			position:absolute;
			bottom:5px;
		}
		.nlField.formFirstname input, .nlField.formLastname input{
			width:60%;
			position:relative;
			left:25%;
		}
		.nlField.formEmail input{
			width:70%;
			position:relative;
			left:12%;
		}
		.nlField.formEmail{
			margin:10px auto;
		}
		.formSubmit input{
			background-color: rgb(227,45,34);
			border: 0;
			border-radius: 0;
			-webkit-appearance: none;
			margin:20px 0 20px 0;
			padding:15px 20px;
		}
		
		/*-------- VIDEO ---------*/
		
		#content.tour{
			
		}
		.videoPlay{
			position: absolute;
			margin:0 auto;
			top:100px;
			right:0;
			bottom: 0;
			left:0;
		}
		.videoPlay h3{
			color:rgba(242,242,232,.9);
			background-color: rgba(0,0,0,.4);
			padding:15px;
			margin:0 auto;
			font-size: 1em;
			text-align: center;
			width:100px;
			border: 1px solid rgba(242,242,232,.9);
		}
		.videoTour{
			position:relative;
		}
		.videoBox{
			height:300px;
		}
		.videoTourBackground{
			width:100%;
			height:auto;
		}
		.videoTourBackground img{
			width:100%;
			height:auto;
		}
		#tubular-container{
			display:none;
		}
		#tubular-shield{
			display: none;	
		}
		
		
		/*-------- FOOTER --------*/
		
		footer#footer{
			height:auto;
			padding:25px 0 50px 0;
			position:relative;
		}
		.footerTable{
			display:block;
			min-width: 90%;
			width:90%;
			padding: 0 5%;
		}
		.fCell{
			display:block;
			text-align: center;
			padding:4px 0;
		}
			.fCell.line{
				width:20%;
				border-bottom: 1px solid black;
				margin:10px auto;
			}
			.fCell.fTitle{
				display: block;
				font-family: 'bg_medium';
				text-transform: uppercase;
				padding:7px 0;
			}
			.fCell.Address{
				width:100%;
			}
			.fCell.Address h6{
				float:none;
				line-height: 1.3em;
			}
			.fCell.Address h6.comma{
				display:none;
			}
			.fCell.phone{
				width:100%;
			}
			.fCell.email{
				width:100%;
			}
			.fCell.social{
				width:intrinsic;
				margin:10px auto;
			}
			.fCell.language{
				width:100%;
				position:absolute!important;
				right:0;
				bottom:0;
				left:0;
				padding:10px 0;
			}
			.languageBox{
				bottom:30px;
			}
			.languageBox h6{
				padding:12px 0;
			}
			.mobile.headerTitle h6{
				color:rgba(242,242,232,1.0);
				text-transform: uppercase;
				font-size: .5em;
				width:100%;
				text-align: center;
				margin-top:10px;
			}
			.tripAdvisorAward{
				height: auto;
				width: auto;
				bottom: 10px;
				right: -47px;
			}
			
			.tripadvisor-badge {
				width: 60%;
			}

	}
	@media only screen and (min-width:601px) and (max-width: 767px){
		
	}
	@media only screen and (min-width:768px) and (max-width: 1600px){
		
	}
	@media only screen and (min-width:1600px){
   
    }
    @media only screen and (min-width:2000px){
        /* for sumo sized (mac) screens */
    }
    @media only screen and (max-device-width:480px){
       /* styles for mobile browsers smaller than 480px; (iPhone) */
    }
    @media screen and (device-width:768px){
       
    }
    /* different techniques for iPad screening */
    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
          .headerBox{
	min-width:708px;
	width:80%;
	height:70px;
	margin:0 auto;
	display:table;
	padding:0 5%;
}

section#branding{
	width:343px;
	height:40px;
	display:table-cell;
	vertical-align: middle;
}
section#branding img{
	width:100%;
	height:auto;
}

.footerTable{
	width:80%;
	height:100%;
	display:table;
	min-width:730px;
	margin:0 auto;
	padding:0 5%;
}
.footerTable h6{
	font-size: .9em;
	font-family: 'bg__regularRg';
}
		.mediaQuote h1{
			font-size: 1.7em;
		}



    }

    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {

      /* For landscape layouts only */
    }
    
.page-template-blankpages-php .loader{
	display: none;
}
.page-template-blankpages-php header.sideHeader, .page-template-blankpages-php header#header, .page-template-blankpages-php footer#footer{
	display: none;
}

/*** Rooftop Garden ***/
.page-id-18748 .loader {
	z-index: -1 !important;
}

.page-id-18748 .subGallery {
	background-image: url('images/pattern.png');
	background-repeat: repeat;
}

#rooftop_garden.subGalleryContainer {
	overflow: auto;
}

#rooftop_garden h2 {
	color: #e32d22;
	margin-bottom: 20px;
}

#rooftop_garden .subContentWrapper {
	z-index: 100;
	position: relative;
	width: 70%;
	display: block;
	margin: auto;
	margin-top: 230px;
	max-width: 1050px;
}

#rooftop_garden .subContent {
	width: 90%;
	left: 0;
	max-width: 1050px;
	background-color: #fff;
	text-align: center;
	min-width: 950px;
}

#rooftop_garden .subContentText img {
	padding: 30px 0;	
}

#rooftop_garden .cta-button {
	background-color: #e32d22;
	color: #fff;
	padding: 10px 20px;
	display: inline-block;
	font-size: 1.3em;
	margin: 20px 0;
}

@media only screen and (max-width:600px) {
	#rooftop_garden .subGalleryContainerBackground {
		height: 0px;
	}
	
	#rooftop_garden .subContentWrapper {
		margin-top: 30px;
		width: 90%;
	}
	
	#rooftop_garden .subContentText h2 {
		display: inline;
	}
	
	#rooftop_garden .subContentText {
		color: #000;
	}
	
	#rooftop_garden .subContent {
		min-width: 400px;
		width: 100%;
	}
	
	#rooftop_garden .subContentText img {
		width: 90%;
		height: auto;
	}
	
	#rooftop_garden iframe {
		width: 450px;
		height: 255px;
	}
		
}

/***** Redesign by Network9 *****/

#subMenuHolder, header.sideHeader {
	display: none;
}

.row {
	margin-left: 0;
	margin-right: 0;
}

.page-id-20234 #wrapper, .page-id-20234 #container {
	height: auto;
	overflow: visible;
}

.page-id-20234 .full_width {
	margin-top: 125px;
	background-color: #fff;
}

.page-id-20234 p {
	font-size: 1.2em;
}

.page-id-20234 a {
	color: #e22c21;
}
	
.page-id-20234 h2, .page-id-20234 h3 {
	margin: 10px 0 10px;
	display: inline-block;
}

.btn-light, .btn-dark {
	background-color: #e22c21;
	color: #fff !important;
	font-family: 'bg__regularRg';
	border: none;
}

.btn-dark:hover {
	background-color: #000;
	color: #fff;
}

.btn-light:hover {
	background-color: #fff;
	color: #000;
}

#top_bar, footer#footer {
	height: 55px;
	z-index: 155;
	background-color: #000;
	width: 100%;
	color: rgb(227,45,34);
	font-family: 'bg__regularRg';
}

footer#footer {
	position: relative;
}

#top_bar {
	position: fixed;
	top: 0;
}

#top_bar_wrapper, #footer_bar_wrapper {
	width: 80%;
	height: 55px;
	margin: 0 auto;
	display: table;
	padding: 0 5%;
}

#top_bar_left, #footer_bar_left {
	width: 543px;
	height: 48px;
	display: table-cell;
	vertical-align: middle;
	font-size: .9em;
}

#top_bar_right, #footer_bar_right {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	position: relative;
	width: 416px;
}

#top_bar_right div, #footer_bar_right div {
	float: right;
}

#top_bar li, #footer li {
	display: inline-block;
	padding-right: 15px;
}

#top_bar a, footer#footer a, #mobile_menu_header a {
	color: rgb(227,45,34);
}

#top_bar a:hover, #top_bar .sIcon:hover, footer#footer a:hover, #mobile_menu_header a:hover {
    opacity: 1;
	color: #fff;
	text-decoration: none;
}

.fCell.language-header {
	background-color: transparent;
}

header#header {
	top: 55px;
}

#header_container, .navbar-collapse {
	padding-left: 0;
	padding-right: 0;
}

.navbar-collapse.collapse {
	display: block !important;
}

#main_navigation {
	position: fixed;
	top: 125px;
	padding-left: 0;
	padding-right: 0;
	z-index: 150;
	text-align: center;
}

.navbar-default {
	background-color: transparent;
	border: none;
}

#main_menu > .nav {
	float: none;
	background-color: rgba(0,0,0,.8);
}

#main_menu > .nav li {
	display: inline-block;
	float: none;
}

#main_menu > .nav li a, #mobile_menu > .nav li a {
	color: #fff;
	font-family: 'bg__regularRg';
}

#main_menu > .nav li a:hover {
	color: rgb(227,45,34);
	text-decoration: none;
}

.menu-item-has-children > .sub-menu {
	display:none;
}

.menu-item-has-children:hover > .sub-menu {
	display: block;
}

#main_navigation .sub-menu {
	position: absolute;
	min-width: 200px;
	text-align: left;
	background-color: rgba(0,0,0,.8);
	padding: 5px 15px;
}

#main_navigation .sub-menu li {
	display: block;
	padding: 5px 0;
}

#mobile_menu_wrapper, #mobile_menu {
	padding-bottom: 20px;
}

#mobile_menu {
	border-top: none;
	border-bottom: 1px solid rgb(227,45,34);
	box-shadow: none;
}

#mobile_menu .navbar-nav {
	margin: 0 auto;
	width: 250px;
	float: none;	
}

#mobile_menu > .nav li {
	display: block;
	float: none;
}

#mobile_menu .menu-item-has-children:hover > .sub-menu {
	display: none;
}

#mobile_menu .menu-item-has-children > a:after {
   content: '\25bc';
   padding-left: 0.5em;
   font-size: .6em;
}

#mobile_menu .navbar-nav > li > a {
	padding: 5px 0;
}

#mobile_menu .sub-menu li a {
	padding: 5px 15px;
	display: block;
}

#mobile_menu .navbar-nav > li > a:hover, #mobile_menu .sub-menu li a:hover {
	text-decoration: none;
	color: rgb(227,45,34);
	background-color: transparent;
}

#mobile_menu .nav > li > a:focus {
	background-color: transparent;
}

#mobile_menu_header {
	text-align: center;
	color: rgb(227,45,34);
	font-family: 'bg__regularRg';
	padding-bottom: 15px;
	margin-bottom: 20px;
	border-bottom: 1px solid rgb(227,45,34);
}

#mobile_menu_header li {
	padding-bottom: 8px;
}

#mobile_social {
	text-align: center;
}

#mobile_social .sIcon {
	display: inline-block;
	float: none;
}

.video-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

#homepage_video_map p {
	margin-bottom: 0;
}

#homepage_hero.block-image-bar img + .row {
	max-width: 100%;
	width: 100%;
	padding: 30px 0;
}

#homepage_hero .text-overlay {
	width: 100%;
	background-color: rgba(0,0,0,.65);
}

#homepage_hero h2 {
	font-family: 'bg__regularRg';
	font-size: 3.2em;
}

@media (max-width:500px) {
	#homepage_hero h2 {
		font-size: 1.5em;
	}
	
	#homepage_hero h2 #img-bar-copy {
		font-size: .9em;
	}
}


#homepage_room_slider {
	background-color: #000;
	padding: 20px 0 40px;
}

.image-slider-clearfix {
	margin-right: 0;
	margin-left: 0;
}

.image-slider-title {
	text-align: center;
	margin-bottom: 10px;
}

.image-slider-title h3 {
	color: #fff;
}

.grid-caption {
	top: 49%;
	bottom: auto;
	text-align: center;
	font-family: 'bg__regularRg';
	background-color: rgba(0,0,0,.65);
	font-size: 1.2em;
	
}

.grid div a {
	color: #fff;
}

.grid div a:hover {
	color: #e22c21;
}

.recent_posts_content {
	position: relative;
	margin-bottom: 2%;
	margin-right: 5%;
	padding-right: 0;
	margin-left: 5%;
	padding-left: 0;
}

.recent_posts .column_content {
	padding-bottom: 0;
}

@media (max-width:991px) {
	.recent_posts .column_content {
		padding: 0 !important;
		margin: 0 0 30px 0 !important;
	}
}

.recent-posts-title {
	position: absolute;
	bottom: 4px;
	left: 0px;
	padding: 10px;
	width: 100%;
	color: #fff;
	font-family: 'bg__regularRg';
	background-color: rgba(0,0,0,.65);
	font-size: 1.2em;
	line-height: 1.2em;
}

.recent_posts_content img {
	margin-bottom: 0;
}

.recent_posts a:hover .recent-posts-title {
	color: #e22c21;
}

.column_content.recent_posts_content {
	padding-top: 0;
}

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

.column_content ul {
	list-style: disc;
	margin-left: 30px;
	font-size: 1.2em;
	font-family: 'bg__regularRg';
}

.column_content ul li {
	margin-bottom: 10px;
}

.specials-left {
	width: 30%;
	height: auto;
	float: left;
}

.specials-right {
	width: 65%;
	margin-left: 5%;
	float: left;
}

.testimonial:before, .testimonial:after {
	font-family: 'bg__regularRg';
	content: '\201c';
}

.testimonial {
	font-size: 1.5em;
}

.testimonials {
	text-align: center;
}

.testimonials p {
	width: 100%;
	text-align: center;
}

/*** Grid ***/

.grid-half div:nth-of-type(1) {
	padding-left: 0px;
}

.grid-half div:nth-of-type(2) {
	padding-right: 0px;
}

.grid-half div:nth-of-type(1) .grid-caption {
	right: 15px; 
	padding-left: 15px;
}

.grid-half div:nth-of-type(2) .grid-caption {
	left: 15px; 
	padding-left: 15px;
}

.grid-third div:nth-of-type(1) {
	padding-left: 0px; 
	padding-right: 20px;
}

.grid-third div:nth-of-type(2) {
	padding-left: 10px; 
	padding-right: 10px;
}

.grid-third div:nth-of-type(3) {
	padding-left: 20px; 
	padding-right: 0px;
}

.grid-third div:nth-of-type(1) .grid-caption {
	right: 20px;
	padding-left: 15px;
	left: 0px;
}

.grid-third div:nth-of-type(2) .grid-caption {
	right: 10px; 
	left: 10px;
	padding-left: 15px;
}

.grid-third div:nth-of-type(3) .grid-caption {
	left: 20px;
	padding-left: 15px;
}

@media (max-width: 767px) {
	
	.grid {
		padding-bottom: 0px;
	}
	
	.grid div {
		padding-top: 20px;
	}
	
	.grid-half div:nth-of-type(1) {
		padding-right: 0px;
	}
	
	.grid-half div:nth-of-type(2) {
		padding-left: 0px;
	}
	
	.grid-third div:nth-of-type(1) {
		padding-right: 0px;
	}
	
	.grid-third div:nth-of-type(2) {
		padding-left: 0px; 
		padding-right: 0px;
	}
	
	.grid-third div:nth-of-type(3) {
		padding-left: 0px; 
	}
	
	.grid-half div:nth-of-type(1) .grid-caption {
		right: 0px; 
		padding-left: 15px;
	}
	
	.grid-half div:nth-of-type(2) .grid-caption {
		left: 0px; 
		padding-left: 15px;
	}
	
	.grid-third div:nth-of-type(1) .grid-caption {
		right: 0px; 
		padding-left: 15px;
	}
	
	.grid-third div:nth-of-type(2) .grid-caption {
		right: 0px; 
		left: 0px;
		padding-left: 15px;
	}
	
	.grid-third div:nth-of-type(3) .grid-caption {
		left: 0px;
		padding-left: 15px;
	}
	
	.caption-full {
		bottom: 0px;
	}
}

/************/
.grid h2 {
	padding-bottom: 10px;
	display: block;
	width: 100%;
	text-align: center;
}

.grid {
	padding-top: 2%;
	padding-bottom: 2%;
}

#why_stay_and_specials h3 {
	margin-top: 0;
	color: #000;	
}

#homepage_wide_screen_image.block-image-bar img + .row {
	max-width: 100%;
	width: 100%;
	padding: 30px 0;
}

#homepage_wide_screen_image .text-overlay {
	width: 100%;
	font-family: 'bg__regularRg';
	background-color: rgba(0,0,0,.65);
}

@media (max-width:1055px) {
	#top_bar, #main_navigation {
		display: none;
	}
	
	.full_width {
		margin-top: 0 !important;
	}
	
	.reserveAroom a {
		color: #fff !important;
	}
	
	.mobile.sideNav {
		margin-top: 0;
	}
	
	.mobile.sideNav #menu-side_nav li:first-child {
		margin-top: 0;
	}
	
	.mobile.sideNav #menu-side_nav {
		border-top: 1px solid rgb(227,45,34);
		padding: 15px 0;
	}
	
	footer#footer {
		height: auto;
	}
	
	#footer_bar_left {
		width: 100%;
		display: block;
		text-align: center;
		height: auto;
		margin-bottom: 15px;
	}
	
	#footer_bar_right {
		width: 100%;
		display: block;
		text-align: center;
	}
	
	#footer_bar_right div {
		float: none;
	}
	
	footer#footer .sIcon {
		display: inline-block;
	}
	
	footer#footer .language-header {
		margin-bottom: 10px;
	}
	
	footer#footer .languageBox {
		left: calc(50% - 60px);
	}
}

@media (min-width:1056px) {
	.mobile.navBox {
		display: none !important;
	}	
}

/*** Blog Archive ***/

.post-wrapper {
	max-width: 1024px;
	margin: auto;
	margin-top: 220px;
	font-family: 'bg__regularRg';
	font-size: 1.2em;
	background-color: #fff;
	padding: 0 25px;
}

.post-wrapper .featured {
	display: block;
	margin: auto;
	max-width: 100%;
	height: auto;
}

.single-post #container {
	height: auto;
}

.post-date {
	margin: 35px 0 0 0;
}

h1.post-title {
	color: #333;
}

.post-wrapper #nav-below {
	text-align: center;
}

.post-wrapper #nav-below a:hover {
	background-color: #fff;
	color: rgb(227,45,34) !important;
}

.post-wrapper #nav-below .nav-previous a, .post-wrapper #nav-below .nav-next a {
	font-size: 1em;
	color: #fff;
}

@media (max-width:1055px) {
	.post-wrapper {
		margin-top: 50px;
	}	
}