.slcontainer {

  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 {

  background-position: bottom center;

  height:100vh;

  position:relative;

}


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

}



.slick-active .img--holder {

}



.slick-slide .img--holder
{

  background-repeat: no-repeat;

  background-position: 50% 50%;

  background-size: cover;
  position:relative;

}
.slick-slide .img--holder:before
{
	content:" ";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0,0,0,0.3);
}
.slick-slide .img--holder:after
{
	content:" ";
	background:url(../images/shape.svg) bottom center no-repeat;
	background-size:contain;
	position:absolute;
	top:0;
	bottom:-1px;
	left:0;
	right:0;
}

.slick-slide .img--holder img

{

  width:100%;

}



.slick-slide.office-photo .img--holder {

  background-position: bottom center;

}



.hero-slider .slick-arrow {

    font-size: 0;

    line-height: 0;

    position: absolute;

	top:50%;

    display: block;

    padding: 0;

    cursor: pointer;

    border: none;

    z-index: 9999;

	width:100%;

}

.hero-slider .slick-arrow:focus

{

	outline: 0;

}

.hero-slider .slick-arrow:hover

{

	display: block;

	z-index: 99;

}

.hero-slider .slick-next

{  

    right: 50px;

    background: url(../images/right-arrow.svg) center center no-repeat;

    background-size: 50px;

    width: 50px;

    height: 30px;

}

.hero-slider .slick-prev

{
    left: 50px;

    background: url(../images/left-arrow.svg) center center no-repeat;

    background-size: 50px;

    width: 50px;

    height: 30px;

}

.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;

}


.caption

{

    position: absolute;

    width: 80%;

	top:50%;

	left:0;
right:0;
margin:auto;

	-webkit-transform:translateY(-50%);	

	transform:translateY(-50%);

	z-index:999;
	text-align:center;

}

.caption > div

{

    

}


.caption h3
{
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 500;

}
.caption h2

{

    color: #fff;

    font-size: 50px;


    font-weight: 800;

}

.caption a
{
    display: inline-block;
    background: #f3c10a;
    box-shadow: 0px 8px 15px 2px rgb(243,193,10,20%);
    color: #000;
    font-size: 16px;
    padding: 16px 30px;
	font-weight:500;
	position: relative;
	border-radius:30px;
}
.caption a:hover
{
    background: #fff;
}
.caption{opacity:0;cursor:pointer;z-index:9999;

}




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

{
	.slcontainer, .slick-track, .slick-slider

	{

	  height:auto;

	}

	.slick-slide .img--holder

	{

	  height:auto;

	}
	.caption
	{
		width: 100%;
		top: 50px;
		-webkit-transform: translateY(-0%);
		transform: translateY(-0%);
	}
	.caption h2
	{
    	font-size: 30px;
	}
}


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

{

	.slcontainer, .slick-track, .slick-slider

	{

	  height:auto;

	}

	.slick-slide .img--holder

	{

	  height:auto;

	}

	.hero-slider .slick-next

	{  

		left: 36px;

		background: url(../images/right-arrow.svg) center center no-repeat;

		background-size: 25px;

		width: 25px;

		height: 25px;

	}	

	.hero-slider .slick-prev

	{

		left: 20px;

		background: url(../images/left-arrow.svg) center center no-repeat;

		background-size: 25px;

		width: 25px;

		height: 25px;

	}

	.caption

	{

		width: 100%;

	}

	.slick-slide:nth-of-type(odd) .caption{right:0;left:0;}

	.slick-slide:nth-of-type(even) .caption{left:0;right:0;}

	.caption h2

	{

		font-size:22px;

	}

	.caption h3

	{

		font-size: 16px;

	}
	.caption a
	{
		font-size: 13px;
		padding: 6px 10px;
	}

}

/* 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);
}