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

html{
	overflow-y: scroll;
}	
body, html{
	width: 100%;  /* IMPORTANT */
	height: 100%; /* IMPORTANT */
	padding: 0;
	margin: 0;
	border: 0;
}
.body {
	margin: 0 auto; 
	width: 100%;
	font-family: "Muli";
	font-weight: 300;
}
h1{ /* MAIN HEADINGS */
	font-family: "Muli";
	margin: 0;
	padding: 0 0 2% 0;
	text-transform: uppercase;
	font-size: 300%;
	font-weight: 400;
	color: #111;
}
h1 strong{ /* MAIN HEADINGS */
	color: #63666A;
}
h2{ /* NEWS HEADINGS */
	font-family: "Noto Sans";
	font-weight: 400;
	text-align: left;
	margin: 0;
	padding: 0;
	font-size: 175%;
	line-height: 120%;
	color: #111;
}
h3{ /* NEWS DATE */
	font-family: "Noto Sans";
	font-weight: 300;
	text-align: left;
	margin: 0;
	padding-bottom: 1.5%;
	font-size: 80%;
	color: #63666A;
	text-transform: uppercase;
}
p{
	text-align: left;
	margin: 0;
	padding-bottom: 2%;
	font-size: 100%;
	line-height: 140%;
	color: #111;
}
	p strong{
		font-weight: 400;
	}
a{
	color: #63666A;
	outline: 0;
	text-decoration: none;
}
a:hover{
	outline: 0;
	text-decoration: none;
}

/******************************
HEADER
*******************************/
.mainnav{
	width: 100%;
	height: 100px;
}
.mainnav_fixed{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 999;
}
.mainnav_logo{
	float: left;
	width: 16%;
	height: 100px;
	background: #FFF;
}
	.mainnav_logo img{
		margin: 0 auto;
		width: auto;
		height: 100%;
		border: 0;
		display: block;
	}
.mainnav_nav{
	float: left;
	width: 74%;
	height: 100px;
	background: #111;
  list-style-type: none;
  padding: 0;
  margin: 0;
	line-height: 100px;
	z-index: 999;
}
.mainnav_social{
	display: table;
	float: left;
	width: 10%;
	height: 100px;
	background: #111;
}
	.mainnav_social_container{
		display: table-cell;
		vertical-align: middle;
	}
	.mainnav_social_container_link{
		margin: 0;
		padding: 0;
	}
	
.seperator{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 195px;
	background: #63666A;
	display: table;
}
	.seperator_wrapper{
		display: table-cell;
		vertical-align: middle;
	}
		.seperator_container{
			padding: 0;
			margin: 0 auto;
			width: 68%;
			height: auto;
		}
		.seperator_container h1{
			margin: 0;
			padding-bottom: 1%;
			color: #FFF;
			font-size: 190%;
		}
		.seperator_container h1 a{
			color: #FFF;
		}
		.seperator_container p{
			margin: 0;
			padding: 0;
			color: #FFF;
		}
		.seperator_container p a{
			color: #FFF;
		}
		.seperator_container p a:hover{
			color: #111;
		}
	
/******************************
HEADER IMAGE
*******************************/
.bcg_image{
	margin-top: 100px;
	padding: 0;
	width: 100%;
	height: 475px;
	overflow: hidden;
}

#home {
  /*background: url(../images/skyline3_small.jpg) 50% 0 repeat fixed; min-height: 1000px;*/
  height: 1000px;
  margin: 0 auto;
  width: 100%;
  max-width: 1920px;
  position: relative;
}
	.home_table {
		margin: 0;
		padding: 0;
		width: 100%;
		height: 48%; /* ADJUST HEIGHT OF MIDDLE TEXT */
		display: table;
	}
	.home_wrapper{
		display: table-cell;
		vertical-align: middle;
	}
		.home_container{
			padding: 0;
			margin: 0 auto;
			width: 20%;
			height: auto;
		}
		.home_container p{
			font-style: italic;
			margin: 0;
			padding: 5%;
			color: #FFF;
			background: rgba(0,0,0,0.4);
			text-align: center;
			text-transform: lowercase;
		}
		.home_container h1{
			text-transform: none;
			font-size: 900%;
			font-weight: 300;
			margin: 0;
			padding: 0;
			color: #FFF;
			text-align: left;
			line-height: 100%;
		}

/******************
ANNIMATION
******************/
.dots_animate {
	font-size: 150%;
	margin: 0;
	padding: 0;
	color: #FFF;
	text-align: center;
	
	-webkit-animation: enter 5s infinite /*forwards*/;
	-moz-animation: enter 5s infinite /*forwards*/;
	-o-animation: enter 5s infinite /*forwards*/;
	animation: enter 5s infinite /*forwards*/;
}	
	@keyframes enter {
		0%   { opacity:0; }
		50%  { opacity:1; color:#FFF }
		100%  { opacity:0; }
	}
	@-o-keyframes enter{
		0%   { opacity:0; }
		50%  { opacity:1; color:#FFF }
		100%  { opacity:0; }
	}
	@-moz-keyframes enter{
		0%   { opacity:0; }
		50%  { opacity:1; color:#FFF }
		100%  { opacity:0; }
	}
	@-webkit-keyframes enter{
		0%   { opacity:0; }
		50%  { opacity:1; color:#FFF }
		100%  { opacity:0; }
	}

/******************
CONTENT
******************/
.content{
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}
.content_body{
	text-align: left;
	display: block;
	overflow: hidden;
	zoom: 1;
}
.content_body img{
	width: 30%;
	height: auto;
	margin: 0;
	padding: 0.5% 4% 1% 0;
	float: left;
}
 .content ul{
	 margin: 0 auto;
	 padding: 0%;
	 width: 75%;
	 height: auto;
	 list-style-type: none;
 }
 .content ul li{
	margin: 0;
	padding: 5% 5% 6.25% 5%;
	border-bottom: 1px solid #D8D8D8;
 }
 .content ul li:last-child{border-bottom: none;}
 .content ul li p:last-child{padding-bottom: 0;}
 
	.content li h3 a{
		color: #FFF;
	}

/******************
TEXT SLIDER
******************/
.slider{
	display: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: auto;
	height: auto;
	text-align: left;
}
	.toggler{
		display: block;
		cursor: pointer;
	}
	.collapseSlider{
		display: none;
	}
	.sliderExpanded .collapseSlider{
		display: block;
		cursor: pointer;
	}
	.sliderExpanded .expandSlider{
		display: none;
	}
		
/******************************
INFO
*******************************/
.container{
	display: block;
	zoom: 1;
	overflow: hidden;
	padding: 0;
	margin: 0;
	width: auto;
	height: auto;
}
.info_details{
	display: block;
	zoom: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
	width: auto;
	height: auto;
	text-align: left;
}
.info_image{
	float: left;
	margin: 0 4% 0 0;
	padding: 0;
	width: 30%;
	height: auto;
}
	.info_image img{
		width: 100%;
		height: auto;
	}
.info_description{
	margin-top: 1.5%;
	border: 0;
	width: auto;
	text-align: left;
}

/******************************
MAP
*******************************/
.map{
	width: 100%;
	height: 400px;
	display: block;
	overflow: hidden;
	zoom: 1;
}
	.map img{
		width: 100%;
		height: auto;
	}

/******************************
BUTTONS
*******************************/
.btn {
	float: left;
	margin: 0 0 0 4%;
	color: #FFF;
	font-weight: 400;
	font-size: 85%;
	line-height: 22px;
	padding: 2px 10px 6px 10px;
	text-decoration: none;
	background: #63666A no-repeat;
	border: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn:hover {
	text-decoration: none;
	background: #222 no-repeat;
	color: #FFF;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {.btn {line-height: 24px;}}

.btn_scroll {
	margin: 0 auto;
	color: #FFF;
	font-weight: 400;
	font-size: 90%;
	line-height: 22px;
	padding: 6px 108px 6px 108px;
	text-decoration: none;
	text-transform: uppercase;
	background: #63666A no-repeat;
	border: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	text-align: center;
}
.btn_scroll:hover {
	text-decoration: none;
	background: #222 no-repeat;
	color: #FFF;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {.btn_scroll {padding: 6px 123px 6px 123px;}}

.btn_more {
	color: #FFF;
	font-size: 70%;
	line-height: 20px;
	margin: 0;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	text-transform: uppercase;
	background: #63666A no-repeat;
	border: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn_more:hover {
	text-decoration: none;
	background: #222 no-repeat;
}
.btn_less {
	color: #FFF;
	font-size: 70%;
	line-height: 20px;
	margin: 0;
	padding: 5px 15px 5px 10px;
	text-decoration: none;
	text-transform: uppercase;
	background: #63666A no-repeat;
	border: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn_less:hover {
	text-decoration: none;
	background: #222 no-repeat;
}
.btn_social_small {
	margin: 0;
	display: inline-block;
	width: 35px;
	height: 33px;
	border: none; 
	color: #FFF;
	text-align: center;
	text-decoration: none;
	background: #63666A;
	font-size: 100%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn_social_small last:child {margin-right: 0 !important;}	
.btn_social_small:hover {
	text-decoration: none;
	background: #222;
	cursor: pointer;
	color: #FFF;
}

/******************************
INPUTS
*******************************/
.form-dis{
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
	zoom: 1;
	overflow: hidden;
}
.subscribe {
	width: 77%;
	float: left;
	margin: 0;
	padding: 0;
}
.subscribe-input {
	margin: 0;
	color: #FFF;
	font-family: Arial;
	font-weight: normal;
	font-size: 70%;
	border-radius: 0;
	line-height: 22px;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.2);
	padding: 5px 10px 5px 10px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {.subscribe-input {padding: 17px 10px 0px 10px; line-height:15px;}}

/******************************
FOOTER
*******************************/
.footer{
	clear: both;
	margin: 2% auto 0 auto;
	width: 100%;
	height: auto;
	display: block;
	overflow: hidden;
	zoom: 1;
	background: #111;
}
.footer_container{
	width: 75%;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	zoom: 1;
}
	ul.block{
		margin: 4% auto;
		padding: 5%;
		width: 22.5%;
		float: left;
		list-style: none;
	}
		ul.list{
			margin: 0;
			padding: 0;
			width: auto;
			display: block;
			list-style-type: none;
		}
		ul.list li{
			margin: 0;
			padding: 0;
		}
		ul.list li h1{
			margin: 0;
			padding-bottom: 10%;
			text-transform: uppercase;
			font-size: 150%;
			color: #63666A;
			font-weight: 300;
		}
		ul.list li.follow h1{padding:10% 0 5% 0;}
		
		ul.list li p{
			font-size: 80%;
			font-weight: 400;
			line-height: 185%;
			color: #FFF;
		}
		ul.list li p a{
			color: #FFF;
		}
		ul.list li p a:hover{
			color: #63666A;
		}

/******************************
COPYRIGHT
*******************************/
.copyright{
	margin: 0 auto;
	padding: 0;
	width: 100%;
	background: #63666A;
}
	.copyright p{
		font-family: Arial;
		width: 70%;
		margin: 0 auto;
		padding: 2% 0;
		color: #FFF;
		font-size: 70%;
	}
	.copyright p a{
		color: #FFF;
	}
	.copyright p a:hover{
		color: #111;
	}
	
/******************************
GALLERY
*******************************/
.gallery{
	width: 100%;
	margin: 0;
	padding: 5% 0 0 0;
	display: block;
	overflow: hidden;
	zoom: 1;
}
	.gallery_widget{
		width: 30%;
		margin: 0 5% 2% 0;
		padding: 0;
		float: left;
	}
	.gallery_widget:nth-child(3){margin-right: 0;}
	.gallery_widget:nth-child(6){margin: 0;}
	
	.gallery_widget img{
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		border: 0;
	}

.hidden { 
	display:none; 
}