/*
Theme Name: Starter Theme
Theme URI: http://www.totalmarketexposure.com
Description: Starter Theme by Total Market Exposure.
Version: 1.0
Author: Phe Le
Author URI: http://www.totalmarketexposure.com
Tags: white, blue, black, wide, custom header, fixed width, two columns, widgets
*/

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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	font-size: 16px;
	font-family: 'Titillium Web', sans-serif;
	color: #333;
	line-height: 24px;
}

h1, h2, h3 {
	font-family: 'Titillium Web', sans-serif;
	text-transform:uppercase;
}

h1 {
	font-size: 26px;
	padding: 10px 0;
}

h2 {
	font-size: 23px;
	padding: 10px 0;
}

h3 {
	font-size: 20px;
	padding: 0;
	padding: 10px 0;
}

p {
	padding: 10px 0;
}

strong {
	color:#2C2C2C;
}

h1, h1 a:link, h1 a:hover, h1 a:visited {
	text-decoration: none;
	color: #e36f1e;
}

h2, h2 a:link, h2 a:visited {
	color: #e36f1e;
	padding: 0px;
	text-decoration: none;
}

h2 a:hover {
	color: #e36f1e;
	text-decoration: none;
}

h3 {
	color: #e36f1e;
}

h3 a:link, h3 a:visited {
	color: #e36f1e;
	text-decoration: none;
}

h3 a:hover {
	color: #e36f1e;
	text-decoration: none;
}

a:link, a:visited {
	color: #585552;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #e36f1e;
	text-decoration: none;
}

ul{list-style:none;}

#wrapper {
	width:100%;
	margin: auto;
	position: relative; 
}

#header {
	background-color:#000;
	position:fixed;
	min-height:90px!important;
	z-index:9999;
	width:100%!important;
}

	#header h1 { font-size: 40px; }
	.logo { float: left; margin-left: 25px; }
	.logo img { padding: 2px 0; }

#navigation {
	/*padding: 0 25px;*/
	float: none !important;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	overflow:hidden;
}

#navigation ul {
	margin: 0;
}

/* Navigation */
#nav { float: left; margin: 12px 0 0 75px; }
#nav strong{color: #A7A3A3;}
.phone-number{text-align:center; font-weight:bold; border-bottom: 1px solid #e36f1e; color:#e36f1e; padding-bottom: 8px; font-size: 24px; letter-spacing: 3px; }

#nav2 { float: right; font-weight: normal; margin-top: 12px; margin-right: 25px; }

#nav2 li { float: left; list-style: none; }

#nav2 li a:link, #nav2 li a:visited, #nav li a:link, #nav li a:visited {
	display: block;
	color: #8F8B8B;
	padding: 10px 10px;
	font-size: 13px;
	line-height: 18px;
	text-decoration: none;
}

#nav2 li a:hover, #nav li.current_page_item a , #nav li.current_page_parent a, #nav li.current_page_ancestor a {
	color: #e36f1e;
	padding: 10px 10px;
}
	
#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
	
#nav li {
	float: left;
	list-style: none;
}
	
#nav li a:link, #nav li a:visited {
	display: block;
	color: #8F8B8B;
	padding: 15px 10px;
	width: 92px;
	text-align: center;
	font-size: 13px;
	line-height: 18px;
	text-decoration: none;
}

#nav li a:hover, #nav li.current_page_item a , #nav li.current_page_parent a, #nav li.current_page_ancestor a {
	color: #e36f1e;
	padding: 15px 10px;
}

/* dropdown links */

#nav li li a:link, #nav li li a:visited, #nav li.current_page_item li a,
#nav li.current_page_parent li a, #nav li li.current_page_parent li a  {
	width: 210px;
	color: #e36f1e;
	padding: 15px 10px;
	text-transform: capitalize;
	font-size: 18px;
	border-bottom: 1px solid #1c3c8e;
}

/* dropdown hover, current */

#nav li li a:hover, #nav li.current_page_item li a:hover, #nav .current_page_parent li a:hover, #nav li li.current_page_item a, #nav li li.current_page_parent a, #nav li li li.current_page_item a {
	color: #e36f1e;
	border-bottom: 1px solid #0c73c0;
}

#nav li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 175px;
	margin: 0px;
	padding: 0px;
	border-left: 0;
	border-right: 0;
}

/* dropdown list */

#nav li li {
	text-align: left;
	font-size: 0.9em;
}

#nav li ul a:hover, #nav li ul a:active {
}

#nav li ul ul {
	margin: -38px 0 0 225px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover { 
	position: static;
}
/* End Navigation */

.column { min-height: 200px; }
.custom-menu { display: none; top: 91px; padding-bottom: 15px; background-color: rgba(248, 248, 248, 0.9); position: absolute; z-index: 999; width: 100%; }
.custom-menu .column { float: left; width: 15%; margin-left: 25px; margin-top: 25px; border-right: 1px solid #CFCECE;}
.custom-menu .column:last-child{border-right:none!important;}
ul .sub-menu.sub-menu li a:link, ul .sub-menu.sub-menu li a:visited {color:#8F8B8B;text-decoration:none; font-size: 15px;}
.column h2, h2 a:link, h2 a:visited{font-size: 16px;}

#homeimage { position: relative; z-index: 0; line-height: 1; }
#mobile-home { display: none; }
#page { width: 980px; background-color: #fff; margin: auto; padding: 125px 0 50px 0; }
.page-template-photos-php #page { display: none; }
#fullwidth { padding-top: 99px; }

.fullcolumn {
	padding: 0 0 25px 0;
}

.narrowcolumn {
	float: left;
	padding: 0 0 15px 0;
	width: 630px;
}

.narrowcolumn ul {	
	margin: 0 0 10px 35px;
}
	
	.post {
		padding: 0 0 35px 0;
		text-align: left;
	}
	
		.post hr {
			display: block;
			margin: 20px 0;
		}
	
	.post-thumbnail {
		float: left;
		width: 150px;
		margin: 5px 15px 0 0;
	}
	
	.post-content {
		float: left;
		width: 465px;
	}

	.post-title {
		margin-top: 5px;
	}
	
	.postmetadata {
		font-style: italic;
	}
	
		.postmetadata a:link, .postmetadata a:visited {
			color: #0d2972;
			text-decoration: none;
		}
		
		.postmetadata a:hover {
			text-decoration: underline;
		}
	
	.entry {
		line-height: 1.5em;
	}
	
		.entry p a:link, .entry p a:visited {
			color: #0d2972;
			text-decoration: underline;
		}

		.entry p a:hover {
			color: #0d2972;
			text-decoration: none;
		}

.box-3 {
	float: left;
	width: 280px;
	min-height: 200px;
	padding: 15px;
	margin: 0 25px 25px 0;
	background-color: #f1f1f1;
	border-radius: 10px;
	-moz-border-radius: 10px;
}

	.box-3 ul {
		list-style: none;
	}
		
.bold {
	color: #0d2972;
	font-weight: bold;
}
		
.thread-alt {
	background-color: #fff;
}
.thread-even {
	background-color: #f1f1f1;
}
.depth-1 {
	border: 1px solid #e5e5e5;
}

#sidebar {
	float: right;
	margin: 0 0 0 50px;
	width: 300px;
}

	#sidebar h2 {
		margin: 0;
		padding: 0 0 10px 0;
		color: #e36f1e;
		font-size: 1.5em;
	}
	
	#sidebar h3 {
		margin: 0;
		color: #fff;
	}
	
	#sidebar form {
		margin: 0;
	}
	
	#searchsubmit { color: #fff; }
	
	#sidebar ul, #sidebar ul ol {
		margin: 0;
		padding: 0;
	}

	#sidebar ul li {
		list-style-type: none;
		list-style-image: none;
		margin-bottom: 25px;
		padding: 15px;
		background-color: #f6f6f6;
		border: 1px solid #f1f1f1;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;

	}
	
		#sidebar ul li a:link, #sidebar ul li a:visited {
			color: #0d2972;
			text-decoration: none;
		}
		
		#sidebar ul li a:hover {
			color: #0d2972;
			text-decoration: underline;
		}
	
	#sidebar ul ul, #sidebar ul ol {
		margin: 0 0 15px 35px;
		font-size: 15px;
	}				
	
	#sidebar ul div {		
		padding: 0 0 15px 0;	
	}
	
	#sidebar ul div div {
		padding: 0;
	}
	
	#sidebar ul ul li {
		border: none;
		list-style-type: square;
	}

	#sidebar ul p, #sidebar ul select {
		padding: 5px 0 8px;
	}

	#sidebar ul ul ul, #sidebar ul ol {
		margin: 0;
	}

	#sidebar ul ol li {
		list-style: decimal outside;
	}

	#sidebar ul ul li, #sidebar ul ol li {
		margin: 3px 0 0;
		padding: 0;
	}
	
	ul#menu-sidebar-navigation li a {
		color: #0d2972;
		font-weight: bold;
	}
	
	#sidebar #search {
		padding: 9px 5px;
	}
	
#footer {
	background-color:#000;
	font-size: 13px;
	position:fixed;
	left:0;
	bottom:0;
	z-index: 9;
	min-height:42px;
	width:100%;
}

#footercontent { padding: 8px 0 8px 0; color: #fff; text-transform: capitalize!important; }
	
	.footerwidget {
		float: left;
		width: 300px;
		padding: 0 0 0 10px;
		margin-right: 25px;
	}
	
		.footerwidget h2 {
			color: #fff;
			padding: 10px 0;
			font-size: 1.5em;
		}
	
		.footerwidget ul li {
			list-style: none;
			margin: 0 0 10px 0;
		}
		
		.footerwidget ul li li {
			margin: 0;
		}
		
		.footerwidget input[type=text] {
			padding: 9px 5px;
			width: 160px;
		}
	
	.footerinfo {

		
	}
	
	.footermenu { float:left; margin-left: 25px; }
	
		.footermenu ul li {
			list-style: none;
			display: inline-block;
			padding-right:15px;
		}
	
#footer a:link, #footer a:visited {
	color: #eee;
	text-decoration: none;	
}

#footer a:hover {
	text-decoration: none;
	color: #e36f1e;
}

small {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.4em;
}

.sticky {
	background: #f7f7f7;
	padding: 0 10px 10px;
}

.sticky h2 {
	padding-top: 10px;
}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em Verdana, Arial, Sans-Serif;
}

.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}

.commentlist p {
	font-weight: normal;
	line-height: 1.4em;
	text-transform: none;
}

#commentform p {
	font-family: Verdana, Arial, Sans-Serif;
}

.commentmetadata {
	font-weight: normal;
}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #666;
}
	
acronym, abbr, span.caps {
	cursor: help;
}

acronym, abbr {
	border-bottom: 1px dashed #999;
	font-size: 0.9em;
	letter-spacing: .07em;
}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 1px solid #ddd;
	font-style: italic;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
}

code {
	font: 1.1em Verdana, Arial, Sans-Serif;
}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
}

#wp-calendar a {
	text-decoration: none;
}

#wp-calendar caption {
	font: bold 1.3em Verdana, Arial, Sans-Serif;
	text-align: center;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}

p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 10px 25px;
	list-style: disc;
	}

html>body .entry li {
	margin: 7px 0 0 20px;
	line-height: 18px;
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
/* End Entry Lists */

/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
}

#sidebar #searchform #s {
	width: 80px;
	padding: 3px 2px;
}

#sidebar #searchsubmit {
}

select {
	width: 270px;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}

#commentform {
	margin: 5px 10px 0 0;
}
#commentform textarea {
	width: 100%;
	padding: 2px;
}
	
#respond {
}

#respond:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
}


h3.comments {}

.commentlist {
	padding: 0;
	text-align: left;
}

.commentlist li {
	margin: 15px 0 10px;
	padding: 15px 15px 10px 20px;
	list-style: none;
}

.commentlist blockquote {
	color: #444;
	border-left: 1px solid #e5e5e5;
}

.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}

.children {
	padding: 0;
}

#commentform p {
	margin: 5px 0;
}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

.commentmetadata {
	margin: 0;
	display: block;
}

#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
}

#wp-calendar caption {
	text-align: center;
	width: 100%;
}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
}

#wp-calendar td.pad:hover {
	background-color: #fff;
}

.center {
	text-align: center;
}

.hidden {
	display: none;
}
	
.screen-reader-text {
    position: absolute;
    left: -1000em;
}

hr {
	display: none;
}

a img {
	border: none;
}

.navigation {
	margin-top: 25px;
	margin-bottom: 25px;
	color: #0d2972;
	text-align: center;
}

.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 1.4em;
	padding: 0 4px 5px;
	margin: 0;
}

#sidebar .wpcf7 textarea {
	width: 175px;
	height: 100px;
}

#crumbs {
	border-top: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	padding: 8px;
	margin-bottom: 15px;
	background-color: #fcfcfc;
	font-size: 13px;
}

#crumbs a {
	text-decoration: none;
}

.small {
	font-size: 10px;
}

span.wpcf7-not-valid-tip, div.wpcf7-validation-errors {
	color: #ff0000;
	font-weight: normal;
}

.clear {
	clear: both;
}

.last {
	margin-right: 0;
}

.contactform {
	background-color: #f6f6f6;
	border: 1px solid #f1f1f1;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	text-align: center;
	padding: 25px 0;
}

.contactform .wpcf7-submit {
	margin: 0 0 0 18px;
}

.res-request{
position: absolute;
z-index: 1;
height: 171px;
width: 195px;
padding: 3px 15px;
color:#eee;
font-size:13px;
border: 1px solid #fff;
top: 120px;
background-color:rgba(0,0,0,0.7);
right: 25px;
}

.res-request input[type=submit] { border: none; }
.res-request input.datepicker { width: 98%; }

button, a.btn, a.btn:visited, a.button, a.button:visited, input[type="submit"], input[type="reset"], input[type="button"]{padding: 6px 15px!important;}

input{padding:1px 0px!important;}

#fullPage-nav{position: fixed;
z-index: 100;
margin-top: -32px;
top: 50%;
opacity: 1;}

#fullPage-nav.left{left: 15px;}

#fullPage-nav li, .fullPage-slidesNav li{display: block;
width: 14px;
height: 22px!important;
margin: 7px;
position: relative;
}

#fullPage-nav span, .fullPage-slidesNav span{top: 2px;
left: 2px;
width: 13px!important;
height: 13px!important;
border: 2px solid #fff!important;
background: rgba(0, 0, 0, 0);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: absolute;
z-index: 1;}

#fullPage-nav li a, .fullPage-slidesNav li a{
display: block;
position: relative;
z-index: 1;
width: 100%;
height: 100%;
cursor: pointer;
text-decoration: none;
}

#fullPage-nav li .active span, .fullPage-slidesNav .active span {background: #e36f1e!important;}
#fullPage-nav span, .fullPage-slidesNav span{border-color: #fff!important;}

.form { float: left; width: 64px; margin-bottom: 10px; }
.menu-footer-menu-container{float:left; width:150px;}

.facebook{
display: block;
float: left;
width:27px; /* adjust this depending on your image */
height: 26px; /* adjust this depending on your individual images */
background: url('http://www.luxurylodgingsunvalley.com/wp-content/uploads/2014/04/fb.png') bottom;
text-indent: -99999px;
margin-right: 5px; /* adjust for spacing between icons */
}

.googleplus{
display: block;
float: left;
width:27px; /* adjust this depending on your image */
height: 26px; /* adjust this depending on your individual images */
background: url('http://www.luxurylodgingsunvalley.com/wp-content/uploads/2014/04/gplus.png') bottom;
text-indent: -99999px;
margin-right: 5px; /* adjust for spacing between icons */
}

.twitter{
display: block;
float: left;
width:27px; /* adjust this depending on your image */
height: 26px; /* adjust this depending on your individual images */
background: url('http://www.luxurylodgingsunvalley.com/wp-content/uploads/2014/04/twitter.png') bottom;
text-indent: -99999px;
margin-right: 5px; /* adjust for spacing between icons */
}

.insta{
display: block;
float: left;
width:27px; /* adjust this depending on your image */
height: 26px; /* adjust this depending on your individual images */
background: url('http://www.luxurylodgingsunvalley.com/wp-content/uploads/2014/04/insta.png') bottom;
text-indent: -99999px;
margin-right: 5px; /* adjust for spacing between icons */
}

.trip{
display: block;
float: left;
width:27px; /* adjust this depending on your image */
height: 26px; /* adjust this depending on your individual images */
background: url('http://www.luxurylodgingsunvalley.com/wp-content/uploads/2014/04/trip.png') bottom;
text-indent: -99999px;
margin-right: 5px; /* adjust for spacing between icons */
}

.facebook:hover{
background-position: 0 0;
}
.googleplus:hover{
background-position: 0 0;
}
.twitter:hover{
background-position: 0 0;
}
.insta:hover{
background-position: 0 0;
}
.trip:hover{
background-position: 0 0;
}


.socialmedia{ float: left; width: 172px; margin-left: 25px; }
.copyright { float: left; }
.copyright-symbol { font-family: 'Open Sans', sans-serif; }
.footer-logo{ float: right; width: 133px; margin-right: 25px; }

ul.slidesjs-pagination {
position: absolute;
z-index: 2;
top: 45%;
width: 100%;
list-style: none !important;
margin: auto !important;
padding: 0 !important;
}

ul.slidesjs-pagination li {
display:block;
padding:5px 10px;
margin: 0 !important;
}

.slidesjs-pagination a{
background-color: #fff;
text-indent: -200px;
overflow: hidden;
display: inline-block;
line-height: 0;
padding: 5px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.slidesjs-container {z-index: 1;}
.slidesjs-pagination a.active {background-color: #e36f1e;}
.bx-viewport{z-index: 1;border-width: 2px!important;position: absolute;height:450px!important; background-color:#fff!important;}
.bx-wrapper{position: absolute!important;  padding: 0;  width:540px; height:400px; background-color: #fff; top:120px; left:100px;}
.bx-wrapper .bx-caption{position: absolute;bottom: 0;top: 206px;left: 0;height: 400px!important;background-color:#fff!important;width: 100%;}
.bx-wrapper .bx-caption span{color:#000!important;padding: 17px 24px!important;font-family: 'Titillium Web', sans-serif!important; line-height: 24px!important; font-size:14px;}
.bx-wrapper .bx-pager{z-index:1;}
.bx-controls-direction{display:none;}

.contact{ position: absolute!important; padding: 20px; width: 540px; background-color: #fff; opacity: .9!important; top: 120px; left: 100px; line-height: 20px; }
.contact h2 { margin-bottom: 10px; }
.contact input[type=submit] { border: none; }
div.wpcf7-response-output { margin: 0 !important; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{ background: #e36f1e!important; }



#progress-back{bottom: 81px!important;}
#controls-wrapper{bottom: 40px!important;}
#thumb-tray{margin-bottom: 80px!important; height:109px!important;}

#controls { float: left; width: 80%; }
#gallery-nav { float: right; position: absolute; right: 0; bottom: 0; z-index: 99999; width: 20%; text-align: center; }
#gallery-nav ul { padding-left: 0; }
#gallery-nav ul li { float: left; position: relative; width: 100%; margin-bottom: 0; list-style-type: none; }
#gallery-nav ul li ul { display: none; position: absolute; bottom: 100%; z-index: 99999; width: 100%; }
#gallery-nav ul li ul li { z-index: 1; border-bottom: solid 1px #7A7A7A; }
#gallery-nav ul li ul li a {  background-color: #37333a; color: #fff; padding: 9px 0; }
#gallery-nav ul li ul li a:hover {  background-color: #262324; padding-left: 9px; text-decoration: none; }
#gallery-nav ul li ul li a.current-gallery { background-color: #262324; }
#gallery-nav a { display: block; font-size: 14px; font-weight: 500; text-align: center; text-transform: uppercase; letter-spacing: 1px; }
#gallery-nav #btn-view { background-color: #999; color: #000; padding: 8px 0; cursor: pointer; }
#gallery-nav #btn-view:hover {  background-color: #e36f1e; text-decoration: none; }
#progress-back { width: 80% !important; }


/* START SLIDER================*/
.flexslider .slides img{width:auto!important;}
.flex-direction-nav a{left:40px; top: 560px!important; margin-left:115px!important; margin:0;}
.metaslider .caption-wrap{top: 123px; width:563px!important; left:100px!important; height:430px; padding:15px!important; background-color:#fff!important; color:#000!important; opacity: .9!important; box-shadow: 3px 3px 5px #3e3c3c;}
.caption-wrap{text-align:center!important;}
.caption h4 { font-family: 'Titillium Web', sans-serif!important; font-weight:normal;  background-color: #FFFFFF; padding-right:5px; padding-left:5px; width:auto; position:relative; z-index:3; display: inline;}
.caption h2 { font-family: 'Titillium Web', sans-serif!important; font-weight:normal; padding-bottom:19px; margin-top:10px; color:#000; font-size:30px;}
.slider-line{border-bottom:1px solid black; width:100%; top: -10px; position: relative;}

span.wpcf7-not-valid-tip{ color: #FCA957! important; font-size: 14px; }
div.wpcf7-response-output { padding: 5px !important; }
.ss_wrapper { margin-top: 20px; }
.form-404 { margin: 20px 0 40px 0; }
.form-404 input[type=text] { display: block; width: 40%; margin-bottom: 5px; padding: 5px 2px !important; }
.form-404 input[type=submit] { display: block; width: 41%; background: none !important; background-color: #e36f1e !important; padding: 10px 0 !important; border: none !important; }
.page_item_list li { float: left; width: 47.5%; margin-right: 5%; }
.page_item_list li:nth-child(odd) { margin-right: 0; }
.ui-datepicker { font-size: 12px !important; }

/* START RESPONSIVE MENU================*/
#dl-menu{display:none;}
.dl-menu.dl-animate-out-1 {
    animation: MenuAnimOut1 0.4s linear forwards;
}
 
@keyframes MenuAnimOut1 {
    50% {
        transform: translateZ(-250px) rotateY(30deg);
    }
    75% {
        transform: translateZ(-372.5px) rotateY(15deg);
        opacity: .5;
    }
    100% {
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
}
 
.dl-menu.dl-animate-in-1 {
    animation: MenuAnimIn1 0.3s linear forwards;
}
 
@keyframes MenuAnimIn1 {
    0% {
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
    20% {
        transform: translateZ(-250px) rotateY(30deg);
        opacity: 0.5;
    }
    100% {
        transform: translateZ(0px) rotateY(0deg);
        opacity: 1;
    }
}


/* START RESPONSIVE================*/
@media only screen and (max-width: 1069px) {
	#nav { margin-left: 50px; }
	.footer-logo { float: none; margin: 0 0 0 25px; }
	#controls-wrapper { bottom: 77px !important; }
	#thumb-tray { bottom: 118px !important; margin-bottom: 0 !important; }
	#supersized { z-index: 0 !important; }
	#tray-button { display: none; }
	#page { width: auto; margin: 0 25px; padding-bottom: 85px; }
	.narrowcolumn { width: 607px; }
	.post-content { width: 442px; }
	.custom-menu { background-color: rgba(248, 248, 248, 1); }
	.custom-menu .column { width: 30%; min-height: 175px; }
	.custom-menu .column:nth-child(3) { border-right: none; }
}

@media only screen and (max-width: 1023px) {
	#nav { margin-left: 25px; }
	.narrowcolumn { width: 543px; }
	.post-content { width: 378px; }
	#page { padding-bottom: 115px; }
	.page_item_list li { width: 40%; }
}

@media only screen and (max-width: 959px) {
	#header { min-height: 0; }
	.logo { display: inline-block; }
	.logo img { width: 90%; height: auto; padding: 5px 0 0 0; }
	#dl-menu { display: inline-block; margin-top: 23px; right: 25px; z-index: 9999; }
	.metaslider .caption-wrap { left: 85px !important; }
	.flex-direction-nav a { margin-left: 110px !important; }
	.contact { left: 85px; }
	#nav{display:none;}
	#nav2{display:none;}
	#footer {}
	.footermenu { float: left; }
	.socialmedia { width: auto; }
	.footer-logo { float: left; margin-left: 30px; padding-top: 3px; }
	.copyright { float: left; margin-left: 25px; }
	.wpcf7-form p { padding: 0 0 10px 0; }
	.narrowcolumn { float: none; width: auto; }
	.post-content { width: 536px; }
	#sidebar { float: none; width: auto; margin: 0; }
	#controls-wrapper { bottom: 72px !important; }
	#thumb-tray { bottom: 114px !important; }
} 

@media only screen and (max-width: 767px) {
	body { overflow: auto !important; }
	#header { position: static; min-height: 0 !important; }
	.logo { float: left; width: 70%; margin-left: 25px; }
	#dl-menu { margin-top: 10px; }
	.metaslider .caption-wrap { top: 95px; }
	#fullpage, #fullPage-nav.left { display: none !important; }
	#mobile-home { display: block; }
	.request-section { background: url('http://www.luxurylodgingsunvalley.com/wp-content/uploads/2014/06/slide4.jpg') no-repeat; background-size: cover; padding: 50px 25px; }
	.res-request{ position: static; height: auto; margin: auto; padding: 20px; }
	.slide-section {}
	.slide-section .metaslider img { display: none !important; }
	.slide-section .metaslider .caption-wrap { position: static !important; width: auto !important; height: auto; }
	.slide-section .metaslider .caption-wrap img { display: block !important; }
	.flex-direction-nav { position: relative; z-index: 9999; }
	.flex-direction-nav li { display: inline-block !important; }
	.flex-direction-nav a { top: 0 !important; }
	.flex-direction-nav a.flex-prev { margin-left: 25px !important; }
	.flex-direction-nav a.flex-next { margin-left: 25px !important; }
	.caption h2 { font-size: 22px; color: #e36f1e; padding-bottom: 10px; }
	.contact-section { background: url('http://www.luxurylodgingsunvalley.com/wp-content/uploads/2014/05/slide1.jpg') no-repeat; background-size: cover; padding: 50px 25px; }
	.contact { position: static !important; width: auto; padding: 20px; }
	.contact h2 { font-size: 16px; }
	.contact span.wpcf7-list-item { display: block; }
	#page { padding: 25px 0; }
	.narrowcolumn { padding-bottom: 0; }
	.post-content { float: none; width: auto; }
	.post-content h2, #sidebar h2 { font-size: 22px; }
	.search #sidebar { display: none; }
	h1.post-title, h1.gallery-title  { font-size: 24px; margin: 0; }
	.page_item_list li { float: none; width: auto; }
	.form-404 input[type=text] { width: 98%; }
	.form-404 input[type=submit] { width: 100%; }
	#supersized, #controls-wrapper, #progress-back, #thumb-tray, #nextthumb, #prevthumb { display: none !important; }
	body.page-template-photos-php { background-color: #fff; }
	.page-template-photos-php #page { display: block; }
	#footer { position: static; }
	.footermenu, .socialmedia, .copyright, .footer-logo { float: none; width: auto; margin-left: 0; text-align: center; }
	.menu-footer-menu-container { float: none; width: auto; display: inline-block; }
	.socialmedia a { float: none; display: inline-block; }
	.footer-logo { text-align: center; }
}

@media only screen and (max-width: 479px) {
	#dl-menu { margin-top: 6px; }
	.dl-menuwrapper .dl-menu { margin-top: 40px !important; }
	.dl-menuwrapper button { width: 40px !important; height: 40px !important; }
	.dl-menuwrapper button:after { top: 8px !important; }
	.metaslider .caption-wrap { box-shadow: none; }
	.caption h2 { font-size: 18px; margin: 0; padding: 5px 0; }
	.caption h4 { font-size: 14px; }
	.contact-section { padding-left: 0; padding-right: 0; }
	h1.post-title, h1.gallery-title { font-size: 20px; }
}

@media only screen and (max-width: 379px) {
	.dl-menuwrapper button{width: 37px!important; height: 34px!important;}
	.dl-menuwrapper button:after{height: 3px!important; width: 68%!important; top: 6px!important;}
	.caption h2 { font-size: 16px; }
	.menu-footer-menu-container { width: 100%; }
	.links-separator { display: none; }
	.cr-locations, .cr-phone, .cr-name { display: block; }
	.post-thumbnail { float: none; margin-bottom: 10px; }
	h1.post-title, h1.gallery-title { font-size: 18px; }
	h2, .post-content h2, #sidebar h2 { font-size: 18px; }
	h3 { font-size: 14px; }
}

@media only screen and (max-width: 319px) {
	
}