.slider-container {

  position: relative;

  height:100vh;

    width: 100%;

}



.slick-dots {

  display: none !important;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  padding: 0 3px;

}

.slick-dots li {

  cursor: pointer;

  float: left;

  width: 33.3%;

  background: #000;

  padding: 0;

  border-right: 1px solid #fff;

}

.slick-dots li:last-child {

  border: none;

}

.slick-dots li, .slick-dots li button {

  outline: none;

}

.slick-dots li button {

  background: #99B386;

  border: none;

  width: 0px;

  height: 10px;

  padding: 0;

  cursor: pointer;

  display: block;

}



.hero-slider .img--holder {


  height:100vh;

  position:relative;

}
.hero-slider .slide-init .img--holder {

}



.slick-active .img--holder {

}



.slick-slide .img--holder {


  background-position: center center;

  background-size: cover;
  position:relative;

}
.slick-slide .img--holder:after
{
	content:" ";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0,0,0,0.2);
}

.slick-slide .img--holder img

{

  width:100%;

}

.hero-slider .slick-arrow {

    font-size: 0;

    line-height: 0;

    position: absolute;

    display: block;

    padding: 0;

    cursor: pointer;

    border: none;

    z-index: 9999;

}

.hero-slider .slick-arrow:focus

{

	outline: 0;

}

.hero-slider .slick-arrow:hover

{

	display: block;

	z-index: 99;

}

.hero-slider .slick-next
{  
    background:#fff url(../images/right-arrow.svg) center center no-repeat;
    background-size: 20px;
    width: 50px;
    height: 50px;
	bottom:51px;
	right:0px;
}

.hero-slider .slick-prev

{

    background:#fff url(../images/left-arrow.svg) center center no-repeat;
    background-size: 20px;
    width: 50px;
    height: 50px;
	bottom:0px;
	right:0px;

}

.hero-slider .slick-next:before

{

	content: '\f105';

}

.hero-slider .slick-prev:before

{

	content: '\f104';

}

.hero-slider .text--holder

{

	position: absolute;

	display: inline-block;

	width: 100%;

	bottom: 0;

	left: 0;

	z-index: 99;

	padding: 0 0 50px 0;

	font-family: garamond, georgia;

	font-size: 38px;

	color: #fff;

	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);

	text-align: center;

}

.slick-slide

{

	z-index:9;

}

.slick-slide:before

{

    content: " ";

    position: absolute;

    top: -150%;

    left: -150%;

    width: 300%;

    height: 300%;

    background: url(../images/round-color.svg) center bottom / contain no-repeat;

    -webkit-animation: slick-slide-rotate 5s ease-in infinite;

    -moz-animation: slick-slide-rotate 5s ease-in infinite;

    -ms-animation: slick-slide-rotate 5s ease-in infinite;

    -o-animation: slick-slide-rotate 5s ease-in infinite;

    animation: slick-slide-rotate 5s ease-in infinite;

    -webkit-transition: all 1s ease-in-out;

    -moz-transition: all 1s ease-in-out;

    -ms-transition: all 1s ease-in-out;

    -o-transition: all 1s ease-in-out;

    transition: all 1s ease-in-out;

    transform-box: fill-box;

    transform-origin: center;

	z-index:8;

	opacity:0.2;

	display:none;

}

@keyframes slick-slide-rotate

{

	from

	{

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

	}

	to

	{

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

	}

}

@-webkit-keyframes slick-slide-rotate

{

	from

	{

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

	}

	to

	{

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

	}

}

.caption
{
    position: absolute;
    width: 80%;
    top: 50%;
    left: 0px;
	right:0;
	margin:auto;
    z-index: 999;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	text-align:center;
}
.caption > div
{

}
.caption h3
{
    color: #fff;
    font-size: 16px;
	text-transform:uppercase;
}
.caption h2
{
    color: #FFF;
    font-size: 66px;
    font-weight: 800;
	line-height:64px;
}
.caption p
{
    color: #fff;
    font-size: 26px;
    font-weight: 600;
}
.caption a
{
    display: inline-block;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    padding: 22px 30px;
    position: relative;
    margin: 15px 0;
    z-index: 9;
}
.caption a:hover
{
	
}
.caption a:before
{
    content: " ";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:#00c885;
	z-index:-8;
	margin:6px;
}
.caption a:hover:before
{
	background:#012741;
}
.caption a:after
{
    content: " ";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	border:dashed 1px #00c885;
	z-index:-8;
}
.caption a:hover:after
{
	margin:6px;
	border:dashed 1px #00c885;
}
.caption a:hover:before
{
	margin:0;
}
@media only screen and (max-width:768px)
{
	.slider-container, .slick-slider, .slick-track, .slick-active .img--holder
	{
		height:300px;
	}
	.caption
	{
    left: 0px;
	}
	.caption a
	{
		font-size: 16px;
		padding: 10px 50px 10px 10px;
		margin: 5px 0;
	}
	.caption h2
	{
		font-size:22px;
		line-height: 22px;
	}
	.caption p
	{
		font-size:18px;
		margin:0;
	}
	.hero-slider .slick-next	{  

		background: url(../images/right-arrow.svg) center center no-repeat;
		background-size: 8px;
		width: 15px;
		height: 15px;

	}
	.hero-slider .slick-prev
	{
		background: url(../images/left-arrow.svg) center center no-repeat;
		background-size:8px;
		width: 15px;
		height: 15px;
	}
}
@media only screen and (max-width:480px)
{

	
}


/* Transitions */
.activate {
	-moz-opacity: 1;
	-khtml-opacity: 1;
	-webkit-opacity: 1;
	opacity: 1;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100);
	filter: alpha(opacity=1 * 100);
}
.animated {
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-webkit-opacity: 0;
	opacity: 0;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100);
	filter: alpha(opacity=0 * 100);
}