@charset "utf-8";
/* CSS Document */

#cookie-bar{
	background:#999999;
	color:#FFF;
	font-size:0.8em;
	display:none;
}
#cookie-bar-inner{
	width:100%;
	max-width:1200px;
    margin:0 auto;
	padding:2px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#cookie-bar a{	
	width:15%;
	padding:5px;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:#CCC thin solid;
	text-decoration:none;
	color:#ace5ee;
	margin-right:7px;
	
}
#cookie-bar a:hover{
	background:#00acd7;

}


#header-01{
	background: #333333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index: 11;
}
#header-spacer{
	width:100%;
	margin-top: 205px;
}


#header-02{
	padding:1em 0 0 0;
	top:15px;
	width:100%;
	max-width:1200px;
    margin:0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
}

#header-03{
	position:relative;
	z-index:2;
	float:left;
	top:5%;
	width:100%;
	max-width:1200px;
	height:auto;
	margin-bottom:15px;
	transition: 0.2s; /* Add a transition effect (when scrolling - and font size is decreased) */
}
#headerCabLogo{
	float: left;
	width:100%;
	max-width:142px;
	height:auto;
}
#headerCabLogo img{
	width:100%;
	max-width:142px;
	height:auto;
}
#headerFrom{
	float:left;
	width:100%;
	max-width:150px;
	color:#FFFFFF;
	text-align: center;
}
#headerFrom p{
	padding-top:1em;
	margin:0;
	color:#FFFFFF;
}
#headerVenLogo{
	float: left;
	width:100%;
	height:auto;
	max-width:192px;
}
#headerVenLogo img{
	width:100%;
	height:auto;
	max-width:192px;
}


#headerContact{
	float: left;
	width:100%;
	max-width:716px;
	text-align: right;
	color:#FFFFFF;
	font-weight: bold;	
	margin:0;
	padding:0;
}
#headerContact a{
	text-decoration: none;
	color:#FFFFFF;
}

#header-logo1{
	float:left;
	width:100%;
	max-width: 142px;
	height:auto;
	transition: 0.2s; /* Add a transition effect (when scrolling - and font size is decreased) */
}
#header-logo2{
	float:left;
	width:100%;
	max-width: 192px;
	height:auto;
	transition: 0.2s; /* Add a transition effect (when scrolling - and font size is decreased) */
}


#nav-container{
	position:relative;
	width:100%;
	max-width:1200px;
	z-index:2;
	border-top: solid #FFFFFF thin;
}

#nav-container ul{
	float:left;
	width:100%;
	max-width:1200px;
	margin:0;
	padding:0;
	list-style:none;
}
#nav-container li{
	height:auto;
	float:left;
	width:12%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
}
#nav-container a{
	width:100%;
	float:left;
	text-decoration:none;
	text-align:center;
	height:auto;
	color:#FFF;
	line-height:40px;
}
#nav-container a:hover{
  background:#999999;
}

#nav-container #secondary-nav{
	border:none;
	width:50%;
}

#secondary-nav ul{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	line-height:30px;
}
#secondary-nav li{
	line-height:30px;
	float:left;
	width:25%;
}

#secondary-nav li a{
	width:100%;
	float:left;
	text-decoration:none;
	text-align:center;
	height:auto;
	line-height:40px;
}
#secondary-nav li a:hover{
  background:#666666;
}

.dropdown{
	position: absolute;
	z-index: 10;
	top:40px;
	display:none;
}
#nav-container ul li:hover ul.dropdown{
    display:block;	/* Display the dropdown */
	max-width: 250px;
}
.dropdown li{
	display:block;
	width:100%!important;
}
.dropdown a{
	display:block;
	width:100%!important;
	background:#666666!important;
	border-bottom: 1px solid #999999;
	border-left:none;
}
.dropdown a:hover{
	background:#C8C8C8!important;
}
	



@media screen and (max-width: 1024px) {
	
	#cookie-bar a{	
		border:0;
		text-decoration:underline;
	}
	#cookie-bar a:hover{
		background:none;
		color:#ECE4DD;
	}
	#cookie-bar-inner{
		text-align:center;
	}
	#header-01-sml{
		overflow:visible;
	}
	#header-03{
		padding:0.2em;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#headerCabLogo, #headerVenLogo, #headerFrom {
		width:33%;
		max-width: none;
		text-align: center;
	}
	#headerContact {
		width:100%;
		max-width: none;
		text-align: center!important;
	}
	
	#header-spacer{
		width:100%;
		margin-top: 225px;
	}
	
	#nav-container li{
		width:33%;
	}
	#nav-container a{
		font-size: 2em;
		line-height: 60px;
	}
	
	#nav-container #secondary-nav{
		width:33%;
	}
	
	#secondary-nav ul{
		left:0;
		visibility:hidden;
		position:absolute;
		width:100%;
		margin-top:60px;
		z-index:3;
    -webkit-transition:height 200ms ease-in;
    -moz-transition:height 200ms ease-in;
    -o-transition:height 200ms ease-in;
    transition:height 200ms ease-in;

	}
	#secondary-nav li{
		width:100%;
		display:list-item;
	}
	#secondary-nav li a{
		width:100%;
		background:#666666;
		border-bottom:thin #999999 solid;
		line-height: 60px;
	}
	#secondary-nav li a:hover{
		background:#999999;
	}
	
	#secondary-nav #more{
		background:#000000!important;
		color:#fff;
	}
	.dropdown{
		top:60px;
	}
	#nav-container ul li:hover ul.dropdown{
		max-width: 100%;
		position:absolute;
		left:0;
	}
	#headerCabLogo #headerFrom #headerVenLogo{
		width:33%;
	}
	#header-contact{
		width:100%;
		text-align: center;
	}
}

@media screen and (max-width: 480px) {
	
	#header-01{
		height:auto;
	}
	
	#header-02{
		left:0;
		right:0;
		margin:0;
	}
   	header, footer {
    	display: none;
   	}
	#nav-container{
		font-size:0.8em;
	}
	.hide-text{
		display:none;
	}
	.icon-large{
		font-size:1.5em;
		padding-top:5px;
	}
}

@media (min-width: 1025px) {
	#more{
		display:none;
	}
	#nav-container #secondary-nav{
		display:block!important;
	}	
}