*, *:before, *:after
{
    box-sizing: border-box;
}

.hero-slider
{
    position: relative;
	z-index: 990;
}

.hero-slider .slides
{
    list-style: none;
    padding: 0;
    margin: 0;
    *zoom: 1;
}

.hero-slider .slides:after
{
    content: " ";
    clear: both;
    display: block;
    overflow: hidden;
    height: 0;
}

.hero-slider .slides li
{
	background-position: no-repaet center center fixed;
	-webkit-background-size: cover;
 	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 640px;
    width: 100%;
}

.overlay
{
	width: 100%;
	height: 100%;
	display: block;
	float: left;
	z-index: 50;
	top: 0px;
	background-color: rgba(0, 0, 0, 0.4);
	position: absolute;
}

.sliderbox
{
    position: absolute;
    font-family: 'Open Sans', sans-serif;
	z-index: 999;
	width: 100%;
	max-width: 1140px;
	top: 175px;
	left:0;
    right:0;
    margin-left:auto;
	margin-right:auto;
}

.sliderbox p {
    text-transform: uppercase;
    color: #ffffff;
    font-size: 25px;
    margin: 0px;
}

.sliderbox h1 {
    color: #ffffff;
    font-weight: 700;
    font-size: 55px;
    line-height: 55px;
    margin-top: 5px;
}

.sliderbox .learn
{
	display: inline-block;
	background: #ead638;
	color: #ffffff;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 600;	
	padding-right: 25px;
	padding-left: 25px;
	padding-top: 12px;
	padding-bottom: 12px;
	margin-top: 15px;
	moz-border-radius: 30px 30px 30px 30px;
	-webkit-border-radius: 30px 30px 30px 30px;
	border-radius: 30px 30px 30px 30px;
	-khtml-border-radius: 30px 30px 30px 30px;	
	-moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s  ease-in-out;
    -o-transition: all 0.4s  ease-in-out;
    transition: all 0.4s  ease-in-out;
}

.sliderbox .learn:hover
{
	background: #ffffff;
	color: #505050;	
	text-decoration: none;
}

.sliderbox .contact
{
	display: inline-block;
	background: #ffffff;
	color: #505050;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 600;	
	padding-right: 25px;
	padding-left: 25px;
	padding-top: 12px;
	padding-bottom: 12px;
	margin-left: 20px;
	moz-border-radius: 30px 30px 30px 30px;
	-webkit-border-radius: 30px 30px 30px 30px;
	border-radius: 30px 30px 30px 30px;
	-khtml-border-radius: 30px 30px 30px 30px;
	-moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s  ease-in-out;
    -o-transition: all 0.4s  ease-in-out;
    transition: all 0.4s  ease-in-out;	
}

.sliderbox .contact:hover
{
	background: #ead638;
	color: #ffffff;
	text-decoration: none;	
}


.hero-slider .flex-control-paging
{
    display: none;
}

@media screen and (max-width: 990px){
	.flex-next {display: none;}
	.flex-prev {display: none;}
    .sliderbox {top: 150px; text-align: center !important; padding-left: 20px; padding-right: 20px;}
    .sliderbox h1 {font-size: 32px; line-height: 30px;}
    .hero-slider .flex-control-paging li {margin: 0px;}
	.hero-slider .slides li {height: 500px;}
	#footer {text-align: center; padding-bottom: 75px;}
    #footer .top {float: none; text-align: center; display: inline-block; margin-top: 15px !important;}
}