/* ------------------------------------------------------------------------------- */
/*  Load
/* ------------------------------------------------------------------------------- */

.slick-slider {
	opacity: 0;
	-webkit-transition: opacity .3s ease-out;
			transition: opacity .3s ease-out;
}

.slick-slider.slick-initialized {
	opacity: 1;
}

/* ------------------------------------------------------------------------------- */
/*  Arrows
/* ------------------------------------------------------------------------------- */

.slick-prev,
.slick-next {
	width: 15px;
	height: 32px;
	font-size: 0;
	line-height: 0;
	color: #2E5978;
	position: absolute;
	top: 50%;
	display: block;
	border: none;
	outline: none;
	cursor: pointer;
	background: transparent;
	padding: 0;
	-webkit-transform: translate(0, -50%);
			transform: translate(0, -50%);
}

.slick-prev::before,
.slick-next::before {
	font-family: 'fontello';
	font-size: 32px;
	line-height: 1;
	-webkit-transition: opacity .3s ease-out;
			transition: opacity .3s ease-out;
}

.slick-prev {
	left: -15px;
}

.slick-prev::before {
	content: '\e835';
}

.slick-next {
	right: -15px;
}

.slick-next::before {
	content: '\e836';
}

.slick-prev.slick-disabled::before,
.slick-next.slick-disabled::before {
	opacity: .25;
}

/* ------------------------------------------------------------------------------- */
/*  Dots
/* ------------------------------------------------------------------------------- */

.slick-dots {
	width: 100%;
	display: block;
	list-style: none;
	text-align: center;
	position: absolute;
	bottom: -60px;
}

.slick-dots li {
	position: relative;
	display: inline-block;
}

.slick-dots li button {
    width: 12px;
    height: 12px;
    background: #D9DBE0;
    cursor: pointer;
    border: 0;
	outline: 0;
    border-radius: 50%;
    text-indent: -9999px;
    margin: 5px;
}

.slick-dots li.slick-active button {
	background: #4983BB;
}

/* ------------------------------------------------------------------------------- */
/* Extra small devices (phones, less than 768px) - col-xs-*
/* ------------------------------------------------------------------------------- */

@media (max-width: 767px) {

	.slick-dots {
		bottom: -35px;
	}

}