html, body{
    padding: 0;
    margin: 0;
}
.carousel-outer {
	position: relative;
	width: 100%;
	left:auto;
	right:auto;
    padding: 0;
    margin: 0;
	overflow: hidden;
}
.carousel-inner{
	position: relative;
	min-height: 20px;
	overflow: visible;
	z-index: 25;
}
.carousel-wrapper{
	position: absolute;
}
.carousel-wrapper ul {
    display: block;
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
.carousel-wrapper ul li {
	position:relative;
}
.carousel-item{
    display: block;
	float: left;
}
.carousel-item img{
    display: inline-block;
    width: auto;
    height: auto;
	float: left;
}



.left-transparent, .right-transparent, .carousel-inner{
	float: left;
}
.left-transparent, .right-transparent{
	position: absolute;
	z-index: 50;
	opacity: 0.4;
	background-color: black;
}

.left-transparent{
	left: 0px;
}
.right-transparent{
	right: 0px;
}
.left-link{
    position: absolute;
	left: 0px;
	margin-left:20px;
	z-index: 9000;
}
.right-link{
    position: absolute;
	right:0;
	margin-right:20px;
	z-index: 9000;
}
.slick-slide  .carousel-head{
	 display:none 
}
.slick-current.slick-active .carousel-head{
	 display:block; 
	position:absolute;
	max-width:573px;
	max-height:190px;
	z-index:1000;
	overflow:hidden;
	background:#002868;
	opacity:0.8;
	margin-top: 70px;
}
.carousel-head-wrapper{
	color:#FFFFFF;
	padding:25px;
}
.carousel-head h3{
	font-size:30px;
	font-weight:700;
	padding:0;
	margin:0;
}
.carousel-head p{
	font-size:14px;
	font-weight:400;
	padding:0;
	margin:0;
	line-height:16px;
	margin-top:6px;
}

@media (max-width: 768px) {
	.carousel-head{
		max-width:473px;
		display:none;
	}
	.carousel-head-wrapper{
		padding:20px;
	}
	.carousel-head h3{
		font-size:45px;
	}
	.carousel-head p{
		font-size:13px;
	}
}
@media (max-width: 625px) {
	.carousel-head{
		max-width:373px;

	}
	.carousel-head h3{
		font-size:33px;
	}
	.carousel-head p{
		font-size:12px;
	}
}

@media (max-width: 500px) {
	.carousel-head{
		max-width:273px;
	}
	.carousel-head h3{
		font-size:22px;
	}
	.carousel-head p{
		font-size:10px;
	}
}

.scroll-buttons
{
	z-index: 210;
	position: absolute;
	bottom: 0px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-bottom:30px;
	right:27px;
	display:none;
}
@media (min-width: 768px) {
	.scroll-buttons
	{
			display:block;
	}
}
.scroll-buttons li
{
	width: 12px;
	height: 12px;
	border: 2px solid #002868;
	text-align: center;
	margin: 0px 3px;
	float: left;
}
.scroll-buttons li:hover
{
	cursor: pointer;
	background-color: #002868;
	color: #000000;
}
.activeLink
{
	background-color: #002868;
}