/*
Theme Name: encore
Theme URI: http://tivlabs.com/
Author: TivLabs
Author URI: http://tivlabs.com/
Description: encore
Version: 1.1 
*/
 
 
@font-face {
	font-family:'HelveticaNeue';
	src: url('HelveticaNeue_gdi.eot');
	src: url('fonts/HelveticaNeue_gdi.eot?#iefix') format('embedded-opentype'),
		url('fonts/HelveticaNeue_gdi.woff') format('woff'),
		url('fonts/HelveticaNeue_gdi.ttf') format('truetype'),
		url('fonts/HelveticaNeue_gdi.svg#HelveticaNeue-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0-10FFFF;
}
 
@font-face {
	font-family:'HurmeGeometricSans4-Light';
	src: url('fonts/HurmeGeometricSans4-Light_gdi.eot');
	src: url('fonts/HurmeGeometricSans4-Light_gdi.eot?#iefix') format('embedded-opentype'),
		url('fonts/HurmeGeometricSans4-Light_gdi.woff') format('woff'),
		url('fonts/HurmeGeometricSans4-Light_gdi.ttf') format('truetype'),
		url('fonts/HurmeGeometricSans4-Light_gdi.svg#HurmeGeometricSans4-Light') format('svg');
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}
 
.fleft{float:left;}
.fright{float:right;}
.ValignM{vertical-align:middle; display:table-cell; text-align:center;}
.ValignB{vertical-align:bottom; display:table-cell;}
 
html{background:#000000; color:#FFF;}
body{font-family:'HelveticaNeue', Helvetica, Arial, sans-serif ;}


body {
	overflow: hidden;
}

/* Preloader */
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should have another color then white */
	z-index:101; /* makes sure it stays on top */
}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(images/status.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}


/*BOTH CURTAIN IMAGES CLASS*/
img.curtain{height:100%; z-index:99; width:50%;}
img.curtainLeft{position:absolute; left:0px;}
img.curtainRight{position:absolute; right:0px;}
.curtain_wrapper{
			width:100%; /* same as width of both the images summed */
			height:100%; /* same as height of the images*/
			position:absolute; /*relative position so we can absolutely position the child elements*/
			overflow:hidden; /*hide everything out of boundaries (in this case for the description div)*/
			color:white; /* just styling*/
			background:black; /* just styling*/
}
		
		/*THE TEXT DIV CLASS (BEHIND THE CURTAINS)*/
		/*body.home .container-fluid{
			display:none; 
		}*/

.curtainLogo, .description{	position:absolute;  width:40%; z-index:100;}



.curtainLogo{text-align:right; background:url(images/curtainLogo.png) right center no-repeat; top:0; height:100%;}
.curtainLogo img{background:#231f20; padding:50px;}

.description{right:0; top:45%;}
.description span{
	cursor:pointer;
	padding:20px 70px; 
	text-align:center;
	font-size:18px;
	background:#231f20;
	color:#fff; font-weight:300;
	text-transform:uppercase; letter-spacing:3px; display:inline-block;}






.container-fluid{background:#b07065;}
.sidebar{background:#b07065; position:relative;}
.sidebar_content{padding:24px 15px;}
.sidebar.stay .sticky{position:fixed; top:0; background:#b07065; left:0; width:16.66666667%;}
.sidebar.stay .sticky .sidebar_content{padding:15px 30px;}
.mobileNav{display:none;}

ul.skNav{padding:65px 0 10px 0;}
ul.skNav li a{color:#000000; padding:5px 0;}
ul.skNav li a:hover, ul.skNav li.current-menu-item a{background:none; color:#1f1f1f;}

ul.skNav.stay{position:fixed;}

.sidebar .btn{font-family: 'HurmeGeometricSans4-Light', sans-serif; font-weight:300; font-size:14px; line-height:18px; padding:15px 0; letter-spacing:2px; color:rgba(255, 255, 255, 0.50);}
.btn.more{color:#000000; font-size:11px; text-transform:uppercase; background-image:url(images/2radiusbox.png); background-repeat:no-repeat; padding:15px 0; margin-top:75px; cursor:inherit;}
 
ul.homeBox{margin:0; padding:0;}
ul.homeBox:after{display:block; content:''; clear:both; height:0;}
ul.homeBox li{min-height:120px; background-repeat:no-repeat; background-size:cover; list-style:none; float:left; width:33.33333%; display:inline-block; overflow:hidden;}
ul.homeBox li:nth-child(1){background-image:url(images/residence.jpg);}
ul.homeBox li:nth-child(2){background-image:url(images/Hbox2.jpg);}
ul.homeBox li:nth-child(3){background-image:url(images/the-team.jpg);}
ul.homeBox li:nth-child(4){background-image:url(images/Hbox4.jpg);}
ul.homeBox li:nth-child(5){background-image:url(images/location.png);}
ul.homeBox li:nth-child(6){background-image:url(images/stargate-home.jpg); height:181px;}
ul.homeBox li:nth-child(7){background-image:url(images/mhn-home.jpg); height:181px;}

.dTable{display:table; width:100%; height:100%;}
a.dTable:hover{text-decoration:none;}
 
.HBbtn{text-transform:uppercase; background:url(images/Bradius.png) 94% center no-repeat; background-color:rgba(176, 112, 101, 0.8); display:block; padding:5px 25px; color:#FFFFFF; letter-spacing:4px; line-height:30px; font-size:16px; margin-bottom:-1px;}
.HBbtn:focus, .HBbtn:hover{text-decoration:none; color:#CCCCCC;}

.page_content{background:#010101; min-height:750px; color:#FFF;}
.header img{width:100%;}
.content{padding:40px 0;}
.content h1{text-transform:uppercase; letter-spacing:4px; font-family: 'HurmeGeometricSans4-Light', sans-serif; padding-bottom:13px;}
.content p{line-height:20px; padding:6px 0; color:rgba(255,255,255,.8); letter-spacing:.75px;}

.content h4{margin-bottom:0; font-weight:bold;}
.content img{max-width:100%; height:auto;}



.teamList{padding:0; margin:0; padding-top:20px;}
.teamList li{list-style-type:none; margin-bottom:50px;}
.teamList li:after{display:block; content:''; clear:both; height:0;}
.teamList li img{float:right; padding-left:120px; max-width:500px;}



/*Slider*/
.slider{height:750px; width:100%; padding: 0; position:relative;}
.slider ul.slides { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin:0; padding:0; height:750px; overflow:hidden;}
.slider ul.slides li { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #101010; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.slider ul.slides li.active { display: block; }

.slider .nav { position: absolute; width: 38px; height:72px; top:46%; left:34px; z-index:5; outline:none; background-repeat:no-repeat; background-position:center center; }
.slider .nav.prev {background-image:url(images/prev.png);}
.slider .nav.next { left: auto; right:34px; background-image:url(images/next.png);}
.slider .nav:hover{}




/* ---- grid ---- */
.grid {max-width: 1200px;}
.grid:after {content: ''; display: block; clear: both; height:0;}
.grid-item {float: left; width: 100%; padding:5px;}
.grid-item a{display:block;}
.grid-item img{width:100%;}
.grid-item.half { width: 50%; }


body.page-template-residence .content .grid{margin-left:-10%; margin-right:-10%; max-width:inherit;} 
body.page-template-residence .content .grid .grid-item{padding:5px 0;}

.formRow{padding:10px 0;}
.formRow:after{display:block; content:''; clear:both; height:0;}
.contactForm input, .contactForm select{background:none; border:none; border-bottom:#FFF 1px solid; width:100%; padding:3px 0; outline:none;}
.contactForm select{background:url(images/SelectBtn.png) right 0 no-repeat; appearance:none; -webkit-appearance:none; -moz-appearance:none;}
.contactForm select option{color:#333;}
.contactForm input[type="submit"], .contactForm input[type="reset"]{width:auto; border-bottom:none; text-transform:uppercase; font-weight:bold; font-size:12px; float:left; padding-top:10px;}
.contactForm input[type="submit"]:hover, .contactForm input[type="reset"]:hover{color:#b07065;}
.formRow img{float:left;}
.formRow .wpcf7-captchar{float:left; width:60px; border:#FFF 1px solid; margin-left:10px; padding:2px;}

::-webkit-input-placeholder {color: #fff;}
:-moz-placeholder {color: #fff;}
::-moz-placeholder {color: #fff;}
:-ms-input-placeholder {color: #fff;}

/*Footer*/
footer{color:#b07065; padding-top:20px;}
footer a{color:inherit;}
footer a:hover, a:focus{color:inherit;}
footer h6{}


