@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,300italic,800,800italic);

	* { padding: 0; margin: 0; text-decoration: none; list-style: none; border: none;}
  	html, body	{  	width: 100%; height: 100%; background-color: #000;}	
/*  	html, body	{  	width: 100%; height: 100%; background-color: #aeaeae;}*/
	
	*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
			
	h1 	{ 	font-size: 60px; line-height: 50px; font-weight: 800; color:#fff; font-family: 'Open Sans', Helvetica, Arial, sans-serif; padding: 30px 0 0 0; margin: 0; } 
 	h2 	{ 	font-size: 30px; line-height: 50px; font-weight: 800; color:#fff; font-family: 'Open Sans', Helvetica, Arial, sans-serif; padding: 20px; margin: 0; } 
 	h3 	{ 	font-size: 20px; line-height: 50px; font-weight: 800; color:#fff; font-family: 'Open Sans', Helvetica, Arial, sans-serif; padding: 0px; margin: 0; } 
 	h4 	{ 	font-size: 20px; line-height: 50px; font-weight: 800; color:#3c3c3c; font-family: 'Open Sans', Helvetica, Arial, sans-serif; padding: 0px; margin: 0; } 
 	h5 	{ 	font-size: 30px; line-height: 50px; font-weight: 300; color:#fff; font-family: 'Open Sans', Helvetica, Arial, sans-serif; padding: 0 0 30px 0; margin: 0; } 
 	h6 	{ 	font-size: 25px; line-height: 50px; font-weight: 300; color:#3c3c3c; font-family: 'Open Sans', Helvetica, Arial, sans-serif; /*font-style: italic;*/ padding: 0px; margin: 0;} 
 	
 	
 	p 	{ 	font-size: 18px; line-height: 30px; color:#3c3c3c; font-weight: 800; font-family: 'Open Sans', Helvetica, Arial, sans-serif; padding: 0px; margin: 0;} 
 	 	
 	span{ 	font-size: 20px; line-height: 30px; color:#3c3c3c; font-weight: 800; font-family: 'Open Sans', Helvetica, Arial, sans-serif; padding: 0px; margin: 0; } 

 	a	{ 	font-size: 18px; line-height: 30px; font-weight: 800; color:#6d6d6d; font-family: 'Open Sans', Helvetica, Arial, sans-serif; padding: 0px; margin: 0;} 
	
	a:hover/*, a:focus*/ { color: #F52E1D; /*background: rgba(0,0,0,0.0);*/ }
	a:active	{ background: rgba(0,0,0,0.0); }
			
	a		{ 	-moz-transition-duration:0.5s,0.5s;
				-moz-transition-property:color,background-color;
				-webkit-transition-property:color,background-color;
				-webkit-transition-duration:0.5s,0.5s;
			}	
		
			
	.fz-container {
		margin: 0 auto 0 auto;
		width: 100%; 
		max-width: 1680px;
		overflow: hidden;
		}	
			
	.flexslider {
		width: 100%; 
		}	
				

	.fz-fullwidth {
		width: 100%;
		background: #000;
		overflow: hidden;
		position: relative;
		text-align: center;
		}

	.fz-header {
		position: absolute;
		width: 100%;
		color: #fff;
		z-index: 10000;
		padding: 0;
		text-align: center;
		}

	.fz-header h1 {
		color: #fff;
		font-size: 120px;
		padding-top: 5%;
		}
		
	.fz-header h5 {
		color: #fff;
		font-size: 64px;
		padding-top: 3%;
		}
				
	.fz-linecol1 {
		width: 100%;
		overflow: hidden;
		background-color: #424242;
		height: 5%;
		}
		
	.fz-linecol2 {
		width: 100%;
		overflow: hidden;
		background-color: #fff;
		height: 5%;
		}

	section {
		padding: 0;
		text-align: center;
		}


	.fz-main {
		width: 90%;
		margin: 0 auto;
		padding: 3% 0 3% 0;
		text-align: center;
		background-color: #fff;
		overflow: hidden;
		}
		
	.fz-main img {
		width: 100%;
		max-width:900px;
		margin: 0 auto;
		overflow: hidden;
		}
	.fz-sub {
		width: 65%;
		margin: 0 auto;
		padding: 3% 0 3% 0;
		text-align: center;		
		}
		
	.fz-flash {
		width: 100%;
		height:100%;
		margin: 0 auto;
		padding: 0;
		text-align: center;	
		overflow: hidden;	
		}
		
	


	.grid_wrapper {
    	width: 100%;
		}
		
	.grid {
    	list-style: none outside none;
    	margin: 0;
    	padding: 0;
		}
	
	.grid li {
	    background: none repeat scroll 0 0 #000000;
    	display: block;
    	width:25%;
   	 	height:250px;
   	 	float: left;
   	 	margin: 0;
   	 	overflow: hidden;
   	 	padding: 0;
    	position: relative;
    	text-transform: uppercase;
    	transition: opacity 0.4s ease-out 0s;
		}
		
	.grid li a {
   	 	height: 100%;
    	left: 0;
    	position: absolute;
    	top: 20%;
    	width: 100%;
    	z-index: 30;
   		padding: 0 0 0 3%;
		text-align: left;
		background: rgba(0,0,0,0.6);
		}
		
	.grid li a:hover, a:focus {
		background: rgba(0,0,0,0.4);
		}
		
	.grid li h2 {
   	 	color:#fff;
    	height: 100%;
    	left: 0;
    	position: absolute;
    	top: 0;
    	width: 100%;
    	z-index: 30;
    	text-align: left;
    	padding: 0 0 0 3%;
		}
		
		
	.flexslider a, a:active, a:hover, a:focus { 
		background: rgba(0,0,0,0.0); 
		}




/* responsive */


@media screen and (max-width: 1100px) {
		
	.grid li {
    	width:50%;
		}
		
}

@media screen and (max-width: 800px) {
	
	h1 { font-size: 40px; line-height: 1.25em; }
	h5 { font-size: 20px; }
	
	
	.fz-header h1 {
		font-size: 50px;
		padding-top: 5%;
		}
		
	.fz-header h5 {
		font-size: 25px;
		padding-top: 3%;
		}
			
	
	.grid li {
    	width:50%;
		}
		
}

		
@media screen and (max-width: 600px) {
	
	h1 { font-size: 40px; }
	h5 { font-size: 20px; }
		
	.fz-header h1 {
		font-size: 30px;
		padding-top: 4%;
		line-height: 1.25em; 
		}
		
	.fz-header h5 {
		font-size: 18px;
		padding-top: 2%;
		line-height: 1.25em; 
		}
	
	.grid li {
    	width:100%;
		}
		
}