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

  background-position: bottom center;

  height:100vh;

  position:relative;

}
.hero-slider .img--holder:before
{
	content:" ";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
    width: 50%;
    background: linear-gradient(90deg, black, transparent);
    z-index: 999;
}
.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;

}

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

	bottom:50px;

    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: 100px;

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

    background-size: 50px;

    width: 50px;

    height: 30px;

}

.hero-slider .slick-prev

{

    right: 175px;

    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;

}

.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: 50%;
	top:40%;
	left:100px;
	-webkit-transform:translateY(-50%);	
	transform:translateY(-50%);
	z-index:999;
	text-align:left;
}
.caption:before
{
    content:" ";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	border:solid 15px #006aaf;
	width:50%;
	margin:-50px;
	z-index:-8;
}
.caption > div

{

    

}
.caption h2
{
    color: #fff;
    font-size: 56px;
    font-weight: 700;
}
.caption p
{
    color: #fff;
    font-size: 30px;
	line-height:38px;
    font-weight: 700;
}
.caption a
{
    display: inline-block;
    background: #006aaf;
    color: #fff;
    font-size: 17px;
    padding: 16px 26px;
    font-weight: 600;
    margin: 15px 0;
	position:relative;
}
.caption a:after
{
    content:" ";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	border:dotted 1px #fff;
}
.caption a:hover:after
{
	margin:3px;
}
.caption a:hover
{
	
}
.caption{opacity:0;cursor:pointer;z-index:9999;

}
@media only screen and (max-width:960px)
{
	.container, .slick-track, .slick-slider
	{
	  height:350px;
	}
	.slick-slide .img--holder
	{
	  height:350px;
	}
	.hero-slider .slick-next
	{  
		right: 20px;

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

		background-size: 25px;

		width: 25px;

		height: 25px;
	}	
	.hero-slider .slick-prev
	{
		right: 60px;

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

		background-size: 25px;

		width: 25px;

		height: 25px;
	}
	.caption 
	{
		width:75%;
		top:20%;
		left:20px;
	}
	.caption:before
	{
		border: solid 10px #006aaf;
		margin: -20px;
	}
	.caption h2
	{
		font-size:26px;
	}
	.caption p
	{
		font-size:22px;
		line-height:24px;
	}
}
@media only screen and (max-width:768px)
{
	.container, .slick-track, .slick-slider
	{
	  height:300px;
	}
	.slick-slide .img--holder
	{
	  height:300px;
	}
	.caption 
	{
		width:86%;
		top:10%;
	}
	.caption h2
	{
		font-size:22px;
	}
	.caption p
	{
		font-size:18px;
		line-height:20px;
	}
}
@media only screen and (max-width:480px)
{
	.container, .slick-track, .slick-slider
	{
	  height:250px;
	}
	.slick-slide .img--holder
	{
	  height:250px;
	}

}

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