*, *:before, *:after 
{
    box-sizing: border-box;
}
 
.hero-slider
{
    position: relative;
}
 
.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: center center;
    height: 600px;
    width: 100%;
}

.sliderbox
{
    position: absolute;
    top: 35%;
    z-index: 999;
    text-align: center;
    width: 100%;
    max-width: 980px;
    left:0;
    right:0;
    line-height: 22px;
    margin-left:auto;
    margin-right:auto;
}

.sliderbox h2
{
	font-size: 50px;
	font-weight: 600;
	color: #1c2c57;	
	text-transform: uppercase;
}

.sliderbox p
{
    font-size: 15px;
    color: #f2f2f2;
    padding: 15px;
    font-weight: 400;
	font-family: 'Open Sans', sans-serif;
}
  
.sliderbox .scroll-down
{
    position: relative;
    top: 270px; 
}
 
.sliderbox .scroll-down .fa-angle-down:hover 
{
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.5);
  outline: none;
}

.hr
{
	max-width: 280px;
	width: 100%;
	height: 4px;
	border-top: 1px solid #da2625;
	border-bottom: 1px solid #da2625;	
	display: block;
	margin: 0px auto; 
	text-align: center;
}

.hero-slider .flex-control-paging
{
    list-style: none;
    padding-left: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    bottom: 14%;
    width: 100%;
    left: 0;
    z-index: 5;
}

.s-btn
{
	padding: 12px 30px 12px 30px;
	border: 0px;
	background: transparent;
	border: 3px solid #1c2c57;
	font-weight: 600;
	color: #1c2c57;	
	z-index: 999; 
	position: relative; 
	top: 40px;
	text-transform: uppercase;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.s-btn:hover
{
	background: #1c2c57;
	border: 3px solid #1c2c57;
	color: #ffffff;	
	text-decoration: none;
}
 
.hero-slider .flex-control-paging li
{
    display: inline-block;
    margin: 0 8px;
}
 
.hero-slider .flex-control-paging li a
{
    display: block;
    width: 70px;
    height: 3px;
    background: #ffffff;
    overflow: hidden;
    text-indent: -9999px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
 
.hero-slider .flex-control-paging li a.flex-active 
{
    background: #f31b1b;
}

.flex-prev
{
    position: absolute;
    left: 00px;
    z-index: 99999;
    top: 50%;
    width: 50px;
    height: 50px;
    overflow: hidden;
	font-size: 0px;
    background: url('../images/pager-left.png');
    -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;
}

.flex-direction-nav {list-style: none;}


.flex-next
{
	position: absolute;
	right: 0px;
	z-index: 99999;
	top: 50%;
	width: 50px;
	height: 50px;
	overflow: hidden;
	font-size: 0px;
	background: url('../images/pager-right.png') top right no-repeat;
	-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;
}

.flex-prev:hover
{
	opacity: 0.5;
}

.flex-next:hover
{
	opacity: 0.5;
}

@media screen and (min-width: 1020px) and (max-width: 1200px)
{
	.flex-prev, .flex-next {display: none;}	
	ul.flex-direction-nav {list-style: none;}
}

@media screen and (max-width: 1020px)
{
    
	.hero-slider {margin-top: 0px;}
	.hero-slider .slides li {height: 500px;}
	.scroll {top: 73%; left: 0px; right: 0px; bottom: 0px;}
	.sliderbox {top: 30%;}
	.sliderbox h2 {font-size: 45px;}
    .sliderbox p {width: 90%; margin: 0px auto; font-size: 16px;}
	.sliderbox p span {line-height: 30px;}
    .hero-slider .flex-control-paging li {display: none;}
	.flex-prev, .flex-next {display: none;}
	ul .flex-direction-nav {list-style: none;}
}