/*
* Main CSS file for:
* oti2018
* author: Trevor Main Designs 2018
* http://tmaindesigns.com
* 4/2/2018
*/


/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc */


/* #Basic Styles
================================================== */
	html { overflow-y: scroll; height: 100%;}/* always force a scrollbar in non-IE */ 
	body{
		background: #f7f6f3;
		font: 17px/26px 'PT Serif', Georgia, Times,  serif;
		color: #323e48;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
		height: 100%;
 	}
	::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
	::selection { background:#FF5E99; color:#fff; text-shadow: none; } 
	/* webkit-tap-highlight-color */
	a:link { -webkit-tap-highlight-color: #FF5E99; } 
	/* make buttons play nice in IE */
	button {width: auto; overflow: visible;}
	/* bicubic resizing for non-native sized IMG */
	.ie7 img {-ms-interpolation-mode: bicubic;}



/* #Typography
================================================== */
h1{ font-size: 60px; font-weight: 400; letter-spacing: 7px; line-height: 1.25em; font-family: 'Playfair Display'; text-transform: uppercase;}
h2{ font-size: 45px; font-weight: 400; letter-spacing: 1px; line-height: 1.25em; font-family: 'Playfair Display';}
h3{ font-size: 28px; font-weight: 400; letter-spacing: 3px; line-height: 1.25em; font-family: 'Playfair Display';}
h4{ font-size: 23px; font-weight: 400; text-transform: uppercase; letter-spacing: .5px; line-height: 1.5em; color: #d9c79e;}
h5{ font-size: 21px; font-weight: 400; line-height: 1.5em; color: #323e48; text-transform: uppercase;}
h6{ font-size: 19px; font-weight: 700;  letter-spacing: 1.5px; line-height: 1.5em; font-family: 'Playfair Display';}
p{ font-size: 17px; font-weight: 400; line-height: 28px;}
a{color: #d9c79e; font-weight: 600; font-size: 20;}
a:active{color: #323e48;}
a:visited{color: #d9c79e;}
a:hover{color: #9cafad; text-decoration: none;}
hr{ border-color: #d9c79e;}
li{font-size: 18px; line-height: 28px;}
.btn{
	background: #323e48;
	font-family: 'Montserrat';
	border: none;
	color: #fff;
	padding: 10px 40px;
	font-size: 13px;
	letter-spacing: .75px;
	text-transform: uppercase;
	box-shadow: none;
	border-radius: 0px;
	text-shadow: none;
}
.btn:visited{
	color: #fff
}
.btn:hover{
	background: #d9c79e;
	color: #fff;
	border: none;
	text-decoration: none;
	box-shadow: none;
	text-shadow: none;
}
.tan{
	background: #d9c79e;
}
.btn.tan:visited{
	color: #fff;
}
.tan:hover{
	background: #323e48;
	text-shadow: none;
}
.btn-default:hover{
	text-shadow: none;
}
.fullBtn{
	width: 100%;
	font-size: 18px;
	text-transform: none;
}
label{
	font-weight: 400;
}
input, textarea, select{
	font-family: 'PT Serif', Helvetica, Arial, sans-serif;
	display: block;
	font-size: 15px;
	font-weight: 400px;
	padding: 15px 20px;
	color: #323e48;
	width: 100%;
	margin:0px 0 20px 0;
	border: none;
	background: #dfdfdf;
	border-radius: 0px;
}
input:focus,
textarea:focus,
select:focus{
	background: #d9c79e;
	color: #323e48;
	border: none;
}
select:focus option{
	padding: 5px 0px 5px 20px;
}
select:focus{
	padding: 5px 20px;
}
input[type="submit"],
input[type="button"]{
	font-family: 'PT Serif', Helvetica, Arial, sans-serif;
	background: #323e48;
	color: #fff;
	border: none;
	width: 33%;
	text-transform: uppercase;
	border-radius: 15px;
}
input[type="submit"]:hover,
input[type="button"]:hover{
	background: #d9c79e;
	color: #fff;
}
blockquote{
	border-left: 5px solid #d9c79e;
}
#gform_1 input{
	padding: 15px 20px;
	width: 100%;
}
#gform_1 #gform_submit_button_1{
	width: 50%;
	border: none;
	background: #323e48;
	color: #fff;
	border-radius: 0px;
}
#gform_1 #gform_submit_button_1:hover{
	background: #d9c79e;
	color: #efff;
}
.gform_wrapper #gform_1 .gform_footer{
	text-align: center;
}
.video-container{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed,
.video-container video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*--- Footer Newsletter ---*/
#gform_2 .gfield_label,
#gform_2 label{
	display: none;
}
#gform_2 .gform_body{
	width: 70%;
	float: left;
}
#gform_2 #input_2_1{
	padding: 15px 20px;
}
#gform_2 .gform_footer.top_label{
	float: left;
	width: 27%;
	margin: 15px 0 0 3%;
	padding: 0;
	clear: none;
}
#gform_2 #gform_submit_button_2{
	border: 1px solid #fff;
	background: #363a23;
	color: #fff;
}
#gform_2 #gform_submit_button_2:hover{
	border: 1px solid #fff;
	background: #fff;
	color: #9cafad;
}

/*
 *
 * Begin Specific Theme Styles for Corner -- Page Structure *
 *
 */

#page {
	display: block;
	position: relative;
	background-color: #fff;
	margin: 0px;
}
.linesSep{
	border-bottom: 2px solid #cecece;
	height:4px;
	margin: 10px 0 10px 0;
	display: block;
}
.linesSepLight{
	border-top: 4px double #a0a0a0;
	height:4px;
	margin: 10px 0 0 0;
	display: block;
}
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.margin10{
	margin: 15px 0;
}
#main{
	overflow: hidden;
	width: 100%;
	margin:0;
}
.marginMaker{
	display: block;
	overflow: hidden;
}
.fullWidthContainer{
	width: 100%;
	overflow: hidden;
	background-size: cover;
	background-position: top center;
}
#colophon {
	clear: both;
	display: block;
	width: 100%;
}


/*
 *
 * Header
 *
 */
 /*--- Pre Nav ---*/
 .topInfo{
 	width: 100%;
 	color: #fff;
 	font-weight: 400;
 	margin: 20px 0 15px 0;
 	overflow: hidden;
 }
 .topInfo .socialLogos{
	float: right;
	margin: 0;
 }
 .topInfo .socialLogos a{
 	margin: 0 15px 0 0;
 	float: right;
 }
 .topInfo .socialLogos .phone{
 	margin-top: 1px;
 	font-size: 13px;
 	color: #fff;
 	font-style: italic;
 }
 .topInfo .socialLogos .phone:hover{
 	color: #d9c79e;
 }
.socialLogos i{
	font-size: 18px;
	color: #fff;
	padding: 6px 10px;
}
.socialLogos i:hover{
	color: #323e48;
	background: #fff;
	border-radius: 25px;
}
/*--- Header & Logo ---*/
.holder{
	position: relative;
}

	/*--- All Page Header ---*/
	header.header{
		background: #323e48;
	 	width: 100%;
	 	/*position: fixed;
	 	top: 0px;
	 	left: 0px;
	 	z-index: 999;*/
	}
	header .navbar{
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 1030;
	}
	header .container .row{position: relative;}
	header.header .navbar.navbar-default{
		background: #323e48;
		border: none;
		padding: 0;
		margin: 0;
		border-radius: none;
		box-shadow: none;
	}
	header .navbar-default .navbar-toggle .icon-bar{
		background-color: #fff;
	}
	header .navbar-header .navbar-brand{
		padding: 20px 0 ;
		margin: 0 0 0 0;
		margin-left: 0 !important;
		height: auto !important;
	}
	header .navbar-header .navbar-brand img{
		max-width: 100%;
		height: auto;
	}
	.navbar-toggle i{
		font-size: 16px;
		color: #fff;
		width: 22px;
	}

/*
 *
 * Menu
 *
 */
#menu-primary-nav{
 	border-left: 2px solid #fff;
 }
header.header .nav {
	list-style: none;
	margin: 0px 0 0 0;
	float:right;
	margin: 15px 0 0 0;
	padding: 0;
	position: relative;

}
header.header nav{
	padding-right: 0px;
}
header.header .nav li {
	display: inline;
	position: relative;
	padding: 0px 0px 0px 20px;
}
header.header .nav a {
	font-family: 'Montserrat';
	color: #d9c79e;
	font-size:14px;
	text-transform: uppercase;
	text-decoration: none;	
	padding:15px 0 15px 15px;
	text-shadow: none;
	font-weight: 400;
	letter-spacing: 3px;

}
#menu-item-5571{
	background: #d9c79e;
	border-radius: 0px;
	padding: 0px 20px;
	margin: 5px 0 0 30px;
}
#menu-item-5571.current_page_item a{
	color: #9cafad;
}
#menu-item-5571:hover{
	background: #fff;
}
#menu-item-5571:hover a{
	color: #323e48;
}
#menu-item-5571 a{
	color: #fff;
	padding: 10px;
	margin: 0;
}

header.header .nav a:hover{
	color: #fff;
	background: none;
}
header.header .nav li:hover{

}
header.header .nav li.current-menu-item {
	color: #fff;
}
header.header .nav li.current-menu-item a{
	color: #9cafad;
}
/*Keep Border under hovered menu item when in sub-menu*/
header.header .nav li:hover > a, header.header .nav ul ul *:hover > a{
	/*color: #fff;*/
}
header.header .nav li.current-menu-item ul li a{
	color: #d9c79e;
}
header.header .nav li.current-menu-item ul li:hover a{
	color: #fff;
}
.home header.header ul.nav ul,
.home header.header ul.nav ul ul {
	background: #323e48;
}
header.header ul.nav ul,
header.header ul.nav ul ul {
	display: none;
	position: absolute;
	top: 50px;
	right: -25px;
	z-index: 99999;
	background: #323e48;
	width: 270px;
}
header.header ul.nav ul li,
header.header ul.nav ul ul li{
	width:100%;
	margin: 10px 0;
	text-align:right;
	float: right;
}
header.header ul.nav ul li:hover a,
header.header ul.nav ul ul li:hover a{
	color: #fff;
}
.home header.header ul.nav ul ul {
	background: #323e48;
}
header.header ul.nav ul ul {
	top: -5px;
	left: 199px;
	background: #323e48;
}
header.header ul.nav ul a,
header.header ul.nav ul ul a {
	font-size:11px;
	padding:10px 20px 10px 0;
	margin:0;
	color: #d9c79e;
}
header.header ul.nav ul li:nth-last-child(1) a,
header.header ul.nav ul ul li:nth-last-child(1){
	border-bottom: none;
}
header.header ul.nav ul ul a{
	width: 200px;
}
header.header ul.nav ul :hover > a {
	color: #d9c79e;
}
header.header ul.nav ul a:hover {
	color: #fff;
}
header.header ul.nav ul ul a:hover{ }
header.header ul.nav li:hover > ul {
	display: block;
}
header.header ul.nav ul li:hover > ul{
	display: block;
}
header.header ul.nav .sub-menu {
	margin:0; padding:0 0 0 0px;
}

/*Get rid of border over sub-menu current items */
header.header ul.nav li:hover ul li.current-menu-item a{
	
}
/*---- Under Header ----*/
.home .underMenu{
	position: relative;
	margin-top: 70px;
	width: 100%;
	height: auto;
	background: #6dcff6;
	z-index: 0;
}

/*
 *
 * Homepage 
 *
 */
.rooms{
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	overflow: hidden;
	margin: 0;
	color: #d9c79e;
	padding: 50px 0;
}
.indvRoom{
	text-align: center;
}
.indvRoom img{
	width: 100%;
	height: auto;
}
.roomDetail{
	background: #323e48;
	padding: 1px 20px 20px 20px;
}
.indvRoom:hover .roomDetail{
	background: #d9c79e;
}
.roomDetail:hover{

}
.roomTitle{
	color: #d9c79e;
	font-size: 35px;
}
.indvRoom:hover .roomTitle a{
	color: #323e48;
}
.indvRoom:hover .roomTitle a:hover{
	color: #fff;
}
.roomTitle:hover{
	color: #323e48;
}
.roomDesc{
	color: #d9c79e;
	font-size: 14px;
	margin-bottom: 15px;
}
.indvRoom:hover .roomDesc{
	color: #323e48;
}
.indvRoom:hover .roomLink{
	background: #323e48;
}
.indvRoom:hover .roomLink:hover{
	color: #9cafad;
}
.amenities{

}
.amenities h3{
	font-size: 38px;
	font-weight: 700;
	font-style: italic;
	letter-spacing: .5px;
}
.amenities h3 i{
	margin: -8px 10px 0 0 ;
	vertical-align: middle;
}
.difference{
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	overflow: hidden;
	margin: 0;
	color: #d9c79e;
	padding: 50px 0;
}
.indvDiff{
	text-align: center;
}
.indvDiff img{
	width: 100%;
	height: auto;
}
.diffDetail{
	background: #323e48;
	padding: 1px 20px 20px 20px;
}
.indvDiff:hover .diffDetail{
	background: #d9c79e;
}
.diffDetail:hover{

}
.diffTitle{
	color: #d9c79e;
	font-size: 28px;
	font-style: italic;
	margin-bottom: 20px;
}
.indvDiff:hover .diffTitle{
	color: #323e48;
}
.diffTitle:hover{
	color: #323e48;
}
.diffDesc{
	color: #d9c79e;
	font-size: 14px;
	margin-bottom: 15px;
}
.indvDiff:hover .diffDesc{
	color: #323e48;
}
 

/*
 *
 * Content
 *
 */
 	/* --- Page --- */
 	.page .content-area{
		padding: 0 0 50px 0;
		background-size: 100% auto;
	}
	.page .content-area p,
	.single .content-area p{
		margin-bottom: 20px;
	}
	.page .entry-content input,
	.page .entry-content textarea,
	.page .entry-content select{
		border: 1px solid #dfdfdf;
	}
	.page .entry-content input:focus,
	.page .entry-content textarea:focus,
	.page .entry-content select:focus{
		background: #fff;
		color: #9cafad;
		border: 1px solid #dfdfdf;
	}
		/*--- Title Area ---*/
		.admin-bar .titleArea{
			margin-top: 121px;
		}
		
		.titleArea{
			margin: 153px 0 50px 0;
			padding: 100px 0 60px 0;
			width: 100%;
			background-color: #dcd8ce;
			background: url(../img/titleAreaBg.jpg) top center no-repeat;
			background-size: cover;
			position: relative;
			overflow: hidden;
			text-align: center;
		}
		.titleArea h1{
			color: #323e48;
			font-size: 45px;
			font-weight: 700;
			letter-spacing: 2px;
			font-style: normal;
			margin: 0;
			padding: 0;
		}
.content-area .page-content > :first-child{
	margin-top: 0px;
}
.content-area h2{
	margin-top: 40px;
	margin-bottom: 25px;
}
.content-area h3{
	margin-top: 30px;
	margin-bottom: 20px;
}
.content-area h4{
	margin-top: 30px;
	margin-bottom: 15px;
}
.content-area .panel-body p{
	color: #323e48;
}
.content-area .list-group{
	clear: both;
}


	/* --- Contact --- */

	div.wpcf7-mail-sent-ok{border:none;}
	div.wpcf7-response-output{
		float: right;
		overflow: hidden;
		clear:both;
		background: #fff;
	}


/*
 *
 * Images
 *
 */
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
.next-image{
	float: right;
	margin-bottom:10px;
}
.previous-image{
	float:left;
	margin-bottom: 10px;
}
img.scale-with-grid,
.scale-with-grid img,
.content-area img{
	max-width: 100%;
	height: auto;
}
.entry-header{
	border-bottom: none;
}
#image-navigation{
	display: none;
}
.content-area img{
	max-width:100%;
	height: auto;
}
img.aligncenter{
	display: block;
	margin: 0 auto 20px auto;
	max-width: 100%;
	height: auto;
}
.content-area img.alignright{
	float: right;
	margin: 0 0 20px 20px;
}
.content-area img.alignleft{
	float: left;
	margin: 0 20px 20px 0px;
}
.attachment .content-area{
	margin-bottom: 50px;
	text-align: center;
}
/*Images with Captions*/
.entry-content .aligncenter{
	display: block;
	margin: 0 auto 20px auto;
}
.content-area .alignleft{
	float: left;
	margin: 0 20px 20px 0;
}
.content-area .alignright{
	float: right;
	margin: 0 0 20px 20px;
}


/*
 *
 * Sidebar
 *
 */
 .sidebar{
 	padding-left: 15px;
 }
 .page .sidebar{
 	
 }
 .content-area .sidebar h2{
	font-size: 30px;
	padding: 0;
	color: #323e48;
	font-weight: 400;
	font-style: italic;
	text-transform: none;
	letter-spacing: 1px;
	text-align: center;
	margin: 0;
}
 
 .content-area .sidebar aside{
 	margin-bottom: 50px;
 }
 .sidebar .widget_nav_menu ul{
 	list-style: none;
 	padding-left: 10px;
 	margin-top: 10px;
 }
 .sidebar .widget_nav_menu ul .sub-menu{
 	margin-top: 15px;
 	padding-left: 20px;
 }
 .sidebar .widget_nav_menu ul li{
 	padding: 3px 0px 0px 0;
 	margin: 0 0 5px 0;
 }
 .sidebar .widget_nav_menu ul li a{
 	color: #323e48;
 	padding: 3px 0px 0px 15px;
 	border-left: 5px solid #323e48;
 	font-size: 18px;
 	letter-spacing: 2px;
 	font-family: 'Montserrat';
 	font-weight: 400;
 	display: block;
 	background: none;
 	text-transform: uppercase;
 }
 .sidebar .widget_nav_menu ul li a:hover{
 	color: #9cafad;
 	border-left: 5px solid #9cafad;
 }

/*
 *
 * Footer
 *
 */

 /*-- Footer Utility--*/
 .footerUtility{
 	background: #232b32;
 	width: 100%;
 	padding: 50px 0 20px 0;
 	text-align: center;
 }
 .footerUtility h2{
 	color: #fff;
 	font-size: 24px;
 	font-weight: 400;
 	line-height: 1.25em;
 	padding: 0 0 0px 0;
 	margin: 0 0 0px 0;
 	letter-spacing: 1px;
 }
 .footerUtility img{
 	margin: 0 auto 20px auto;
 }
 .footerUtility p{
 	color: #d9c79e;
 	font-size: 16px;
 	font-weight: 400;
 	line-height: 24px;
 	margin-bottom: 20px;
 }
 .footerUtility strong{
 	font-size: 19px;
 	margin-right: 15px;
 	font-weight: 600;
 }
 .footerUtility em{
 	font-size: 17px;
 	font-style: italic;
 }
 .footerUtility i{
 	font-size: 30px;
 	color: #fff;
 	padding: 15px;
 	border-radius: 70px;
 	margin-right: 15px;
 	width: 60px;
 	height: 60px;
 	text-align: center;
 }
 .footerUtility .icon {
 	display: inline-block;
 }
 .footerUtility i:hover{
 	background: #fff;
 	color: #d9c79e;
 }
 .footerUtility .badges {
 	display: inline-block;
 	text-align: center;
 	margin-right: 15px;
 }
 .footerUtility .margin{
 	margin-bottom: 30px;
 	display: block;
 }
 


 /*-- Colophon --*/
.siteInfo{
	padding:15px 0 5px 0;
	background: #1a1f24;
}
.siteInfo p, .siteInfo a{
	color: #e5e5e5;
	font-size: 13px;
	font-weight: 400;
	line-height: 1em;
	height: auto;
}
.tmd{float: right;}
.tmd:hover{color:#448cf8;}

/*
 *
 * Shortcode CSS
 *
 */
.center{
	text-align: center;
	width: 100%;
	clear: both;
}
.linesRight{
	float: left;
	display: inline-block;
	height:20px;
}
.titleBar{
	display: block;
	text-align: center;
	margin: 15px auto 30px auto;
	background: url('../img/treeSep.png') top center no-repeat;
	width: 100%;
	height: 17px;
}
.treesep{
	display: block;
	text-align: center;
	margin: 15px auto 30px auto;
	background: url('../img/treeSep.png') top center no-repeat;
	width: 100%;
	height: 17px;
}
.treeseplight{
	display: block;
	text-align: center;
	margin: 15px auto 30px auto;
	background: url('../img/treeSepLight.png') top center no-repeat;
	width: 100%;
	height: 17px;
}

.imageHolder{
	position: relative;
	background: #9cafad;
	overflow: hidden;
	width: 100%;
	height: 240px;
	margin-bottom: 20px;
}
.imageHolder:hover img{
	opacity: 0.5;
}
.alignCenter{
	text-align: center;
	overflow: hidden;
}
.moreLink{
	font-size: 15px;
	color: #323e48;
	font-style: italic;
	font-weight: 700;
	border-bottom: 2px solid #323e48;
	display: inline-block;
}
.moreLink:visited{
	color: #323e48;
}
.moreLink:hover{
	color: #9cafad;
	border-bottom: 2px solid #eb193c
}
.centerTxt{
	text-align: center !important;
	letter-spacing: 3px;
}





/** FIX for Bootstrap and Google Maps Info window styes problem **/
img[src*="gstatic.com/"], img[src*="googleapis.com/"] {
max-width: none;
} 

/*
 *
 * Media Queries
 *
 */

 /* Large devices (large desktops, 1200px and up) */
@media (min-width: 1600px) {	
	
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 991px) and (max-width: 1199px) {
	header .navbar-header .navbar-brand{ padding-top: 15px;}
	header.header .nav a{font-size: 11px; padding: 10px 0 10px 10px;}
	header.header ul.nav ul, header.header ul.nav ul ul{top: 40px;}
	.topInfo{margin:12px 0 10px 0;}
	#menu-item-5571{padding: 0 15px; margin: 0 0 0 20px;}
	/*-- Homepage --*/
	/*-- Page --*/
	.titleArea{ margin-top: 130px;}
	.admin-bar .titleArea{margin-top: 100px;}
	/*-- Footer --*/
	.footerUtility i{margin-bottom: 15px;}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 767px) and (max-width: 991px) {
	.topInfo{ display: none;}
	.topInfo .socialLogos{text-align: center; float: none;}
	.topInfo .socialLogos a{float: none;}
	header.header .navbar-collapse{border: none;}
	header .navbar{	position: relative;}
	header .navbar-header .navbar-brand{margin-top: 0px; padding: 8px 0 7px 0;}
	header .navbar-header .navbar-brand img{width: 50%;}
	.navbar-default .navbar-toggle{margin-top: 20px;}
	header.header .nav a{padding-left: 3px; font-size: 12px;}
	header.header .nav a{ padding: 0px 20px 10px 0;}
	header.header ul.nav ul, header.header ul.nav ul ul{display: block; position: relative; top: 0px; left: 0px; padding-bottom: 0px;}
	#menu-primary-nav{border: none;}
	#menu-item-5571{background: none; padding: 0; margin: 0;}
	#menu-item-5571:hover a{color: #9cafad;}
	#menu-item-5571 a{display: inline-block;}
	#menu-item-5571:hover{background: none;}
	/*-- Homepage --*/
	.home .underMenu{margin-top: 0px;}
	.indvDiff{margin-bottom: 28px;}
	/*-- Page --*/
	.titleArea{ margin-top: 0px; padding: 50px 0 20px 0;}
	.admin-bar .titleArea{margin-top: 0px;}
	/* -- Sidebar --*/
	/* --- Footer ---*/
	.footerUtility i{margin: 0 10px 10px 0;}
	.footerUtility .margin{margin-bottom: 0px;}
	.footerUtility .badges{margin: 0 10px 10px 0;}
}

/* Extra small devices (phones, up to 480px) */
@media (min-width: 10px) and (max-width: 767px) {
	/*-- Header --*/
	.topInfo{ display: none;}
	.topInfo .socialLogos{text-align: center; float: none;}
	.topInfo .socialLogos a{float: none;}
	header.header .navbar-collapse{border: none;}
	header .navbar{	position: relative;}
	header .navbar-header .navbar-brand{margin-top: 0px; padding: 8px 0 7px 0;}
	header .navbar-header .navbar-brand img{width: 50%;}
	.navbar-default .navbar-toggle{margin-top: 20px;}
	#menu-primary-nav{border: none;}
	header.header .nav a{ padding: 0px 20px 10px 0;}
	header.header ul.nav ul, header.header ul.nav ul ul{display: block; position: relative; top: 0px; left: 0px; padding-bottom: 0px;}
	#menu-item-5571{background: none; padding: 0; margin: 0;}
	#menu-item-5571:hover a{color: #9cafad;}
	#menu-item-5571 a{display: inline-block;}
	#menu-item-5571:hover{background: none;}
	h1{font-size: 30px;}
	h2{font-size: 23px;}
	h3{font-size: 21px;}
	h4{font-size: 19px;}
	h5{font-size: 17px;}
	a.next, a.prev {float: none; display: block; margin: 30px 10px;}
	input[type="submit"], input[type="button"]{ width: 95%;}
	/*--- Homepage ---*/
	.home .underMenu{margin-top: 0px;}
	.indvRoom{margin-bottom: 28px;}
	.indvDiff{margin-bottom: 28px;}
 	/*-- Page --*/
	.titleArea{ margin-top: 0px; padding: 40px 0 10px 0;}
	.admin-bar .titleArea{margin-top: 0px;}
	/* --- Footer ---*/
 	.footerUtility i{margin: 0 10px 10px 0;}
 	.footerUtility .margin{margin-bottom: 0px;}
	.footerUtility .badges{margin: 0 10px 10px 0;}
	.siteInfo{ text-align: center;}
	.tmd{ float: none;}
}

@media (min-width: 500px) and (max-width: 749px) {
	.topInfo{ display: none;}

}
 	
/*
 *
 * Chrome & Safari Fixes
 *
 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
   /*#access a, #access ul ul a, #access ul ul ul a{ font-family: 'PT Serif'; font-size:13px; font-weight: 700; -webkit-font-smoothing: antialiased;}
   #access a{padding: 63px 20px 39px 20px;}
   h1, h2, h3, h4, h5, h6{font-weight: 700; -webkit-font-smoothing: antialiased;}*/

}

*{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}