.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:-15vh;

	bottom:0;

	left:0;

	width:50%;

	height:160vh;

    background-color: #131da4;

    border-radius: 0 50% 50% 0;

    background-blend-mode: multiply;

    mix-blend-mode: multiply;

}



.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

{  

    left: 175px;

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

    background-size: 50px;

    width: 50px;

    height: 30px;

}

.hero-slider .slick-prev

{

    left: 100px;

    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:0;

	padding-left:100px;

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

	transform:translateY(-40%);

	z-index:999;

}

.caption > div

{

    

}

.caption h3

{

    color: #0079c3;

    font-weight: 600;

    font-size: 20px;

    position: relative;

}

.caption h3:before

{

    content: " ";

    position: absolute;

    top: 9px;

    left: -110px;

    width: 100px;

    height: 2px;

    background: linear-gradient(90deg, #039ee2, #131da4);

}

.caption h2

{

    color: #fff;

    font-size: 56px;

    text-transform: uppercase;

    font-weight: 700;

}

.caption a

{

    margin: 15px 0;

    display: inline-block;

    border-top: solid 2px #fff;

    border-right: solid 2px #fff;

    border-bottom: solid 2px #fff;

    text-transform: uppercase;

    font-size: 14px;

    font-weight: 600;

    color: #fff;

    padding: 15px 26px;

	position: relative;

	z-index:9;

}

.caption a:hover

{

    color: #000;

}

.caption a:before

{

    content:" ";

	position:absolute;

	top:50%;

	left:-28px;

	width:50px;

	height:2px;

	background:#fff;

    transform-origin: center right;

    transition-timing-function: cubic-bezier(0.1, 0.1, 0.6, 0.1);

    -webkit-transition: 0.3s;

    -moz-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

}

.caption a:hover:before

{

	left:105px;

	width:20px;

	background:#0079c3;

    transition-timing-function: cubic-bezier(0.1, 0.1, 0.6, 0.1);

}

.caption a:after

{

    content:" ";

	position:absolute;

	top:0;

	bottom:0;

	left:auto;

	right:0;

	width:0;

	background:#fff;

    transform-origin: center right;

    transition-timing-function: cubic-bezier(0.1, 0.1, 0.6, 0.1);

    -webkit-transition: 0.3s;

    -moz-transition: 0.3s;

    -o-transition: 0.3s;

    transition: 0.3s;

	z-index:-8;

}

.caption a:hover:after

{

	left:0;

	right:auto;

	width:100%;

  	transition-timing-function: cubic-bezier(0.1, 0.1, 0.6, 0.1);

}

.caption{opacity:0;cursor:pointer;z-index:9999;

}





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

{

	.container, .slick-track, .slick-slider

	{

	  height:auto;

	  margin-top:34px;

	}

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

		display:none;

	}

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

	}

}

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