@font-face {
	font-family: 'opensans';
	src: url('fonts/opensans-extrabold-webfont.woff2') format('woff2'),
		 url('fonts/opensans-extrabold-webfont.woff') format('woff');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'opensans';
	src: url('fonts/opensans-extrabolditalic-webfont.woff2') format('woff2'),
		 url('fonts/opensans-extrabolditalic-webfont.woff') format('woff');
	font-weight: 800;
	font-style: italic;
}

@font-face {
	font-family: 'opensans';
	src: url('fonts/opensans-bold-webfont.woff2') format('woff2'),
		 url('fonts/opensans-bold-webfont.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'opensans';
	src: url('fonts/opensans-bolditalic-webfont.woff2') format('woff2'),
		 url('fonts/opensans-bolditalic-webfont.woff') format('woff');
	font-weight: 700;
	font-style: italic;

}

@font-face {
	font-family: 'opensans';
	src: url('fonts/opensans-semibold-webfont.woff2') format('woff2'),
		 url('fonts/opensans-semibold-webfont.woff') format('woff');
	font-weight: 500;
	font-style: normal;

}

@font-face {
	font-family: 'opensans';
	src: url('fonts/opensans-semibolditalic-webfont.woff2') format('woff2'),
		 url('fonts/opensans-semibolditalic-webfont.woff') format('woff');
	font-weight: 500;
	font-style: italic;

}

@font-face {
	font-family: 'opensans';
	src: url('fonts/opensans-regular-webfont.woff2') format('woff2'),
		 url('fonts/opensans-regular-webfont.woff') format('woff');
	font-weight: 400;
	font-style: normal;

}

@font-face {
	font-family: 'opensans';
	src: url('fonts/opensans-italic-webfont.woff2') format('woff2'),
		 url('fonts/opensans-italic-webfont.woff') format('woff');
	font-weight: 400;
	font-style: italic;

}

@font-face {
	font-family: 'opensans';
	src: url('fonts/opensans-light-webfont.woff2') format('woff2'),
		 url('fonts/opensans-light-webfont.woff') format('woff');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'opensans';
	src: url('fonts/opensans-lightitalic-webfont.woff2') format('woff2'),
		 url('fonts/opensans-lightitalic-webfont.woff') format('woff');
	font-weight: 200;
	font-style: italic;
}






*{font-family:Open Sans, Arial;}
h1{font-size:2em;}
p.big{font-size:1.4em;}
p{line-height:1.7em;} 
li{line-height:1.5em;}
h2{line-height:1.3em;}
h1{line-height:1.1em;}
p{margin:1.2em 0;} 
h1,h2,h3,h4,h5{margin:1em 0;}


body,html{
	margin:0;
	padding:0;
	
}

html{
	background-color:black;
	background-image:url(i/169975621.edit2.jpg);
	background-size:100%;
	background-repeat:repeat-y;		
}


body{
	color:white;

}

.bg{

}

.bg-adj{
	background-color:rgba(40,42,48,.3);
	
}

footer{
	clear:both;
	padding-top:4em;
	padding-bottom:10em;
}


a.button{
	text-decoration:none;
}	

img{
	width:100%;
	display:block;
}


ul.index, ul.grid, ul.grid li, ul.index li{
	margin-left:0;
	padding-left:0;
	margin-right:0;
	padding-right:0;
	list-style:none;
	
}

ul.index{
	clear:both;
	margin-top:0;
	margin-bottom:0;
}	

ul.index li{
	margin-top:0;
	margin-bottom:0;
}

.major{
	
}

.clear{
	display:block;
	clear:both;
}


/************* type **************/



h1,h2,h3{
	text-transform:uppercase;
	font-weight:500;
}


main{font-size:.75em;}
@media screen and (min-width:400px){main{font-size:.85em;}}
@media screen and (min-width:600px){main{font-size:.95em;}}
@media screen and (min-width:800px){main{font-size:1.1em;}}
@media screen and (min-width:1000px){main{font-size:1.2em;}}
@media screen and (min-width:1200px){main{font-size:1.25em;}}
@media screen and (min-width:1600px){main{font-size:1.4em;}}
@media screen and (min-width:1800px){main{font-size:1.6em;}}
@media screen and (min-width:2000px){main{font-size:1.8em;}}
@media screen and (min-width:2400px){main{font-size:2.2em;}}
@media screen and (min-width:2800px){main{font-size:2.4em;}}
@media screen and (min-width:2800px){main{font-size:2.6em;}}
@media screen and (min-width:3200px){main{font-size:2.8em;}}
@media screen and (min-width:3600px){main{font-size:3em;}}
@media screen and (min-width:4000px){main{font-size:3.2em;}}
@media screen and (min-width:4400px){main{font-size:3.6em;}}
@media screen and (min-width:4800px){main{font-size:4em;}}




/************* header **************/


header ul, header li{
	margin:0;
	padding:0;
	list-style:none;
}

header{	
	text-transform:uppercase;
	background-size:cover;
	margin-bottom:.3em;
}

header .adj,
footer .adj{
	background-color:rgba(0,0,0,.3);

}

header a{
	color:white;
}

header .c{
	padding-top:3em;
	padding-bottom:2em;
	margin:auto;	
}

footer .c{
	padding-top:5em;
	padding-bottom:12em;
	margin:auto;			
}

header .logo img{
	width:90%;
}

header .text{
	text-align:right;
}

header .city, header .phone{
	padding-right:20%;	
}

header .phone{
	font-size:1.7em;
	font-weight:500;
	letter-spacing:-.05em;
}

header .city{
	text-transform:uppercase;
	font-size:1.4em;
}

header ul.subsec{
	font-size:.75em;
	text-transform:none;
}

@media screen and (max-width:1000px){
	
	header .c{
		padding-top:1em;
		padding-bottom:1em;
	}
	
	nav .subsec{
		display:none;
	}
	
	.logo{
		width:60%;
		float:left;
	}
	
	header .text{
		padding-top:3%;
		text-align:left;
		float:right;
		width:40%;
		padding-bottom:.4em;
	}
	
	header .text a{
		text-decoration:none;
	}
	
	header .city, header .phone{
		padding-right:0;	
		display:inline;
	}
		
	header .phone{
		font-size:1em;
		font-weight:500;
		letter-spacing:-.05em;
	}

	header .city{
		font-size:1em;
		font-weight:500;
	}
	
	nav{
		font-size:.9em;
	}
	
	nav li {
		float:left;
		
	}
	
	nav a{
		padding-right:1em;
		font-size:1em;
	}
	
}

@media screen and (max-width:750px){
	
	nav,.text{
		font-size:.8em;
	}
}


@media screen and (max-width:600px){
	
	.logo{
		width:55%;
	}
	
	header .text{
		width:45%;
	}
	
	nav,.text{
		font-size:.7em;
	}
}

@media screen and (max-width:500px){
	
	header .text{
		font-size:1em;
	}
	
	header .phone,header .city{
		display:block;
		clear:both;
	}
	
	nav{
		overflow:auto;
		clear:both;
		padding-top:1em;
	}
	
}

@media screen and (max-width:400px){
	header .text{font-size:.85em;}
	nav{font-size:.65em;}
}

@media screen and (max-width:350px){
	header .text{font-size:.75em;}
	nav{font-size:.8em;}
}


@media screen and (min-width:1000px){
	
	header .sec{
		float:left;
	}

	header .sec.text{width:27%}
	header .sec.logo{width:25%;}
	nav .sec1{width:14.66%;}
	nav .sec2{width:17.66%; padding-right:3%;}
	nav .sec3{width:12.66%;}
	
}

nav a.major{
	padding-bottom:.2em;
	border-bottom:1px white solid;
	margin-bottom:.3em;
}

nav .sec2 li{
	float:left;

}

nav .sec1 li, nav .sec2 li{

	padding:.3em .9em 0 0;
}


nav a{
	text-decoration:none;
	display:block;
}





/*************/


/*


	subtle transitions on hover for ul.index a


*/





.c{
	max-width:2400px;
	padding-right:6%;
	padding-left:6%;
	margin:auto;
	
}




/* main content area */



/************************** 

fix later

**************************/




main{
	background-color:rgba(10,11,13,.65);
	overflow:auto;
	padding-top:2em;
	padding-bottom:10em;
}

	.home main{
		padding-top:0;
	}


main a{
	color:#cef;
}


.images.full{
	clear:both;
}

.images.full p.caption{
	padding:2em 5%;
	border-bottom:1px white solid;
	margin-bottom:3em;
}


h2{
	margin-top:2.3em;
	padding-top:1.5em;
	border-top:.2em rgba(200,200,200,.5) solid;
	
}

	.home .feat h2{
		margin-top:.9em;
		padding-top:0;
		border-top:0;
	}

/*
	.parallel h2{
		border-top:0;
		padding-top:0;
		
	}
	
	.parallel h2 span{
		border-top:.2em rgba(200,200,200,.5) solid;
		padding-top:1.5em;
	}
*/

h1{

	padding-bottom:1em;
	border-bottom:1px white solid;
	
}

/*
	.parallel h1{
		border-bottom:0;
		padding-bottom:0;
		
	}
	
	.parallel h1 span{
		border-bottom:1px white solid;
		padding-bottom:1.5em;
	}
*/






@media screen and (min-width:400px){
	
	.land-prt {
		clear:both;
		overflow:auto;
	}
	
	.land-prt .land{
		width:66.32%;
		float:left;
		margin-right:1%;
	}
	
	.land-prt .prt{
		width:32.66%;
		float:left;
		margin-right:0;
	}
	
}




/* index layout - master */

ul.index{
	overflow:auto;
}

.index a{
	position:relative;
	display:block;
	text-decoration:none;
	font-size:1.1em;
}

	.index a span{
		display:block;
	}

	.index .label{
		position:absolute;
		right:0;
		left:0;
		top:9%;
	}	

		.label .desc{
			padding:.7em 1.4em;
			background-color:rgba(90,90,90,.8);
			color:white;
			text-transform:uppercase;
			font-weight:500;		
		}

			.index a:hover .desc,
			.index a:focus .desc{
				background-color:rgba(30,30,30,.7);
			}
			


/* home side */

	.side .index li{
		margin-bottom:1px;
	}
	
		.side .index li:last-of-type{
			margin-bottom:0;
		}

	.side .index .label{
		top:auto;
		bottom:0;
	}
		.side .index .desc-c{
			float:left;
			width:66%;
		}	
		
		.side .index .desc{
			color:#0E2435;
			background-color:transparent;
			background-image:
				linear-gradient(
					to right, 
					rgba(255,255,255,.75) 20%, 
					rgba(255,255,255,.3)
				);
			text-transform:none;
		}
		
			.side .index a:hover .desc, 
			.side .index a:focus .desc{
				color:#091e2b;
				background-color:transparent;
					background-image:
						linear-gradient(
							to right, 
							rgba(255,255,255,.88) 20%, 
							rgba(255,255,255,.4)
						);
			}	
			
		.side .index .more-c{
			float:right;
			width:34%;
		}
		
		.side .index .more, a.button{
			padding:.7em 1.2em;
			background-color:rgba(26,38,61,.8);
			color:white;	
		}
	
			.side .index a:hover .more, a.button:hover, 
			.side .index a:focus .more, a.button:focus{
				background-color:rgba(18,30,48,.8);
				color:white;
			}








@media screen and (min-width:600px){
	
	ul.grid{

		
	}
	
	ul.grid  li{
		margin-top:1%;
		float:left;
		width:32.66%;
		margin-right:1%;
	}

		ul.grid  li:last-of-type{
			margin-right:0;
		}		
		
		
		ul.grid  li:nth-child(3n){
			margin-right:0;
		}
		
		ul.grid  li:nth-child(3n+1){
			clear:left;
		}
				

		ul.grid  li:nth-child(3n-1){
		}
		
}


.parallel .photos{
	
	float:right;
	width:30%;
	margin:0 0 3em 10%;
}







/******* home main feat *************/


.home .feat .main{
	position:relative;
	background-size:cover;
	background-color:#777;
	color:black;
}

.home .feat .main ul,
.home .feat .main li{
	padding:0;
	margin:0;
	list-style:none;
}

.home .feat .main li{
	margin-bottom:.3em;
}

.home .feat .top li a{
	
	text-decoration:none;
	display:block;
	overflow:auto;

	background-image:
	linear-gradient(
	 to right, 
	 rgba(255,255,255,.7) 20%, 
	 rgba(255,255,255,.3)
	);
	
	padding-top:2em;
	padding-bottom:1em;
	

}

	.home .feat .top li a:hover, 
	.home .feat .top li a:focus{
		
		background-image:
			linear-gradient(
				to right, 
				rgba(255,255,255,.88) 20%, 
				rgba(255,255,255,.4)
			);
			
	}


.home .feat .top li a .c{
	padding-left:10%;
	display:block;
}

.home .feat .top li a .c2{
	display:block;
	border-bottom:1px #666 solid;

}


@media screen and (min-width:500px){
	
	.home .feat .top a .h{
		width:34%;
		float:left;
	}	

	.home .feat .top a .desc{

		width:60%;
		float:left;
		border-left:1px #091e2b solid; 
		padding-left:4%;
	}	

}


.home .feat .top a .h{
	display:block;
	font-size:1.5em;
	font-weight:700;
	text-transform:uppercase;
	color:#091e2b;

}	

.home .feat .top a .desc{
	display:block;
	color:#444;
	font-weight:500;

	padding-bottom:.7em;
}	




.home .feat .sec2{
	overflow:auto;
	margin-top:24%;
	padding-bottom:5em;
}
	
	.home .feat .sec2 .text{
		background-image:
		linear-gradient(
		 to right, 
		 rgba(255,255,255,.7) 20%, 
		 rgba(255,255,255,.5)
		);
		
	}
		.home .feat .sec2 .text .c{
			padding-left:16%;
			padding-bottom:1em;
		}
		
			.home .sec2 .text h2{
				text-transform:none;
				margin-bottom:.4em;
			}
			
			.home .sec2 .text h2 strong{
				font-size:1.3em;
				display:block;
			}
			
			.home .sec2 .text h2 span{
				display:block;
				font-size:.9em;
			}			

			.home .sec2 .text a.button{
				font-size:1em;
				margin-bottom:.5em;
			
			}
			

	@media screen and (min-width:600px){		
			
		.home .feat .sec2 .text{
			float:left;
			width:57%;
		}
			
		.home .feat .sec2 .menu{
			float:right;
			width:43%;
		}
	
	}
	
	
	

	.home .feat .sec2 .menu .label{
			position:static;
			background-image:none;
			background-color:transparent;

			padding:0;
		}	

	.home .feat .sec2 .menu .desc{
			margin:0;
		}	
		
		
.home .feat .main .last{
	position:absolute;
	bottom:0;
	left:0;
	right:0;

	background-image:
	linear-gradient(
	 to right, 
	 rgba(255,255,255,.7) 20%, 
	 rgba(255,255,255,.3)
	);
	
}





.home .feat2{
	
	background-size:cover;	
	color:black;
}

	.home .feat2 .bg-adjust{

			background-image:
			linear-gradient(
			 to right, 
			 rgba(255,255,255,.7) 20%, 
			 rgba(255,255,255,.4)
			);

	}
	
	.home .feat2 .form{
		
		width:50%;
	}







@media screen and (min-width:1000px){
	
	.home .feat .main{
		width:70.32%;
		float:left;
		margin-right:.1%;
	}
	
		.home .feat .main .c{
			padding-left:10%;
			
		}
	
	.home .feat .side{
		width:29.56%;
		float:left;
		margin-right:0;
	}
	
}



/******* contact *************/


.contact{
	font-size:1.3em;
	overflow:auto;
	line-height:3em;
	width:100%;
	margin-bottom:2em;
}

.contact dt{
	font-weight:bold;
	width:20%;
	min-width:4em;
	border-bottom:1px #bbb solid;
	float:left;
	clear:left;
}


.contact dd{
	width:80%;
	min-width:7.5em;
	float:left;
	margin-left:0;
	padding-left:0;
	border-bottom:1px #bbb solid;
	
}







/******* forms *************/


form div{
	clear:both;
	width:100%;
	margin-bottom:1.5em;
	overflow:auto;
}

form input[type='text'],
form label,
form textarea{
	width:95%;
}

form label{
	font-weight:500;
}

form .checkboxes label{
	font-weight:normal;
}

div.pair label,
div.pair input[type='text'],
div.submit input,
div.pair textarea{
	display:block;
}

div.pair label,
div.file label{
	padding-bottom:.3em;
}

div.pair input,
div.pair textarea{
	padding:.3em;
}

textarea{
	height:7em;
}

.submit input{
	font-size:1.2em;
	font-weight:bold;
	padding:.5em 2em;
}

.alert{
	padding:2em;
	background-color:#ffffdd;
}