/* 1. Hero

========================================*/

.hero {

	position: relative;

	margin: 0 auto;

	width: 100%;

	height: auto;

	max-height: 600px;

	text-align: center;

	text-shadow: 1px 1px #000000;

	background: #666;

	overflow: hidden;

}

.hero.home { max-height: 800px; }

.hero .content {

	position: relative;

	text-align: center;

	padding-top: 0;

	z-index: 2;

}

.hero h1 {

	color: #ffffff;

	font-size: 80px;

	font-size: 8rem;

	font-weight: 300;

	font-style: normal;

	line-height: 1;

	text-decoration: none;

	text-transform: uppercase;

	z-index: 10;

}
.hero .no-image h1 {

	color: #000;

	font-size: 80px;

	font-size: 8rem;

	font-weight: 300;

	font-style: normal;

	line-height: 1;

	text-decoration: none;

	text-transform: uppercase;

	z-index: 10;

}

.hero h2.subtitle {

	color: #4cbd99;

	font-size: 40px;

	font-size: 4rem;

	font-weight: 700;

	line-height: 1;

	text-align: center;

	text-decoration: none;

	text-transform: uppercase;

	z-index: 10;

}
.hero.no-image h2.subtitle {

	color: #4cbd99;

	font-size: 40px;

	font-size: 4rem;

	font-weight: 700;

	line-height: 1;

	text-align: center;

	text-decoration: none;

	text-transform: uppercase;

	z-index: 10;

}



.hero .hero-video {

	position: absolute;

	margin: 0 0 0 -1500px;

	top: 0;

	left: 50%;

	width: 3000px;

	height: 600px;

	z-index: 1;

	display: none;



}

.hero .hero-video.desktop { display: inline; }

.hero .hero-video.mobile { display: none; }

.hero .hero-video .hero-media {

	position: relative;

	width: 100%!important;

	height: 0!important;

	top: -261px;

	padding-bottom: 38.25%;

	padding-top: 0;

	overflow: hidden;

}

.hero .hero-video iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%!important;

	height: 100%!important;

}

.hero .hero-video .hero-video-overlay {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 999;

}







.hero .hero-static,

.hero .hero-slider {

	position: absolute;

	margin: 0;

	top: 0;

	left: 0;

	width: 100%;

	height: 600px;

	z-index: 1;



}


.hero.home .hero-static,

.hero.home .hero-slider { height: 800px; }

.hero .hero-static .hero-media,

.hero .hero-slider .hero-media {

	position: relative;

	width: 100%;

	height: 0!important;

	padding-bottom: 600px;

	padding-top: 0;

	overflow: hidden;

	background-repeat: no-repeat;

	background-position: center center;

	background-size: cover;

}




.hero.home .hero-static .hero-media,

.hero.home .hero-slider .hero-media { padding-bottom: 800px; }

.hero .hero-slider .hero_slider li {

	background-size: cover;

	background-position: center center;

}



.hero.no-image { height: 130px!important;}



.hero.home .page-title {

	margin: 0 auto;

	font-size: 30px;

	font-size: 3rem;

	color: #fff;

	font-weight: 700;

	max-width: 900px;

	text-align: center;

}

#home-slides-text .slides li { padding-bottom: 20px; margin-bottom: 20px; }

#home-slides-text .flex-control-nav.flex-control-paging {

	position: relative;
	 
	display: block;

	margin-bottom: 0;

	bottom: auto;

}

#home-slides-text .flex-control-paging li a {

	background: #fff;

}

#home-slides-text .flex-control-paging li a:hover {

	background: #e9e9e9;

}

#home-slides-text .flex-control-paging li a.flex-active,

#home-slides-text .flex-control-paging li a.flex-active:hover {

	background: #4cbd99;

}



@media only screen and (max-width: 600px) {

	.hero h1.subtitle { font-weight: 500; }

	.hero h2.subtitle { font-weight: 600; }

	.hero.home .page-title { font-size: 26px; } 

}