.slcontainer
{
	position: relative;
	height:80vh;
    width: 100%;
}

.slick-dots {


  position: absolute;

  bottom: 30px;

  left: 0;
	right: 0;

  width: 100%;
	text-align: center;

}

.slick-dots li
{
  cursor: pointer;
	display: inline-block;
  padding: 0;
	margin: 0 5px;

}

.slick-dots li:last-child {

  border: none;

}

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

  outline: none;

}

.slick-dots li button {

  background:none;

  border:  solid 1px #fff;

  width: 12px !important;

  height: 12px;


  cursor: pointer;

  display: block;
	border-radius: 50%;

}
.slick-dots li.slick-active button {
  background: #0f5682;
}



.hero-slider .img--holder {


  height:80vh;

  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:" ";
	background: rgba(0,0,0,0.2);
	background-size: contain;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}

.slick-slide .img--holder img

{

  width:100%;

}

.hero-slider .slick-arrow {

    font-size: 0;

    line-height: 0;

    position: absolute;

	bottom:50px;
	right:100px;
    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
{  
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    right: 20px;
    background: rgba(0, 0, 0, 0.5);
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.hero-slider .slick-prev

{
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
    width: 40px;
    height: 40px;
	border-radius: 50%;
	left: 20px;
    background: rgba(0,0,0,0.5);
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.hero-slider .slick-next:before
{
    content: "\e5c8";
    font-family: 'Material Symbols Outlined';
    color: #fff;
    font-size: 26px;
    font-weight: 200;
}
.hero-slider .slick-prev:before
{
    content: "\e5c4";
    font-family: 'Material Symbols Outlined';
    color: #fff;
    font-size: 26px;
    font-weight: 200;
}
.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: 100%;
    top: 50%;
    left: 0px;
	right:0;
	margin:auto;
    z-index: 999;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	text-align:center;
	padding:0 20px;
}
.caption > div
{

}
.caption h2
{
    color: #fff;
    font-weight: 600;
    font-size: 50px;
    text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
}
.caption h3
{
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    display: block;
    margin: 0;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
	line-height: 30px;
}
.caption h3 span
{
	display: block;
}
.caption h3 span strong
{
	display: inline-block;
    background: rgba(146, 191, 62, 0.5);
    border-radius: 30px;
    padding: 0px 10px;
}
.caption p
{
    color: #fff;
    font-size: 26px;
    font-weight: 600;
}
.caption a
{
    display: inline-block;
    font-size: 15px;
    background: #831238;
    color: #fff;
    font-weight: 500;
    padding: 10px 66px;
    border-radius: 30px;
    position: relative;
    text-transform: uppercase;
    margin: 15px 0;
    z-index: 9;
}
.caption a:hover
{
    background: #353031;
}
@media only screen and (max-width:768px)
{
	.slcontainer, .slick-slider, .slick-track, .slick-active .img--holder
	{
		height:400px;
	}
	.slcontainer:after
	{
		font-size: 23px;
	  width: 334px;
	  height: 22px;
	}
	.hero-slider .slick-arrow
	{
		bottom:20px;
	}
	.hero-slider .slick-next	{  

		background: url("../images/next.svg") center center no-repeat;
		background-size: 10px;
		width: 30px;
		height: 30px;
    right:30px;

	}
	.hero-slider .slick-prev
	{
    right: 50px;
		background: url(../images/prev.svg) center center no-repeat;
		background-size:10px;
		width: 30px;
		height:30px;
	}
	.caption h2
	{
		font-size: 28px;
	}
	.caption h3
	{
		font-size: 15px;
	}
}
@media only screen and (max-width:580px)
{
	.slcontainer, .slick-slider, .slick-track, .slick-active .img--holder
	{
		height:400px;
	}
}


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