﻿.slick-slider {
	position: static;
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}

.slick-list.draggable {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.slider-nav .slick-prev {
	display: none !important;
}

.slider-nav .slick-arrow, .arrow-button {
	position: absolute;
	bottom: 0;
	right: 0;
	border: 0;
	width: 2.5rem;
	height: 2.5rem;
	padding: 0;
	line-height: 0;
	font-size: 0;
	background-color: #fff;
	color: #000;
	text-align: center;
	outline: 0;
}

	.slider-nav .slick-arrow:after, .arrow-button:after {
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-size: 1.2rem;
		padding: .1rem 0 0;
		line-height: 1;
		content: "\f054";
		top: 50%;
		left: 50%;
		position: absolute;
		transform: translate(-50%, -50%);
	}

.slider-nav .slick-dots {
	background-color: #1d518c;
	position: absolute;
	bottom: 0;
	list-style: none;
	right: 2.5rem;
	height: 2.5rem;
	padding: 0 .5rem;
	margin: 0;
}

	.slider-nav .slick-dots li {
		display: inline-block;
		height: 100%;
		width: 1rem;
		position: relative;
	}

	.slider-nav .slick-dots button {
		border: 0;
		background-color: transparent;
		line-height: 0;
		font-size: 0;
		height: 100%;
		width: 100%;
		position: relative;
		outline: 0;
	}

		.slider-nav .slick-dots button:after {
			content: '';
			width: .333rem;
			height: .333rem;
			display: block;
			background-color: rgba(255, 255, 255, .5);
			position: absolute;
			top: 50%;
			left: 50%;
			border-radius: 50%;
			transform: translate(-50%, -50%);
			transition: all .15s;
		}

		.slider-nav .slick-dots button:hover:after {
			background-color: rgba(255, 255, 255, .75);
		}

	.slider-nav .slick-dots .slick-active button:after {
		background-color: rgba(255, 255, 255, 1);
	}

.slider-nav-red .slick-dots {
	background-color: #d13138;
}

.slider-nav-dark2 .slick-dots {
    background-color: #222222;
}

.slider-nav-dark .slick-arrow, .arrow-button-dark {
	background-color: #222;
	color: #fff;
}

.slider-nav-dark2 .slick-arrow, .arrow-button-dark {
    background-color: #d13138;
    color: #fff;
}

.slider-arrows {
	position: relative;
}

	.slider-arrows .slick-arrow {
		z-index: 100;
		color: #e5e5e5;
		font-size: 60px;
		text-decoration: none;
		font-size: 0;
		line-height: 0;
		position: absolute;
		top: 50%;
		display: block;
		width: 60px;
		height: 60px;
		padding: 0;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-o-transform: translate(0, -50%);
		transform: translate(0, -50%);
		cursor: pointer;
		color: transparent;
		border: none;
		outline: none;
		background: transparent;
		opacity: .35;
		transition: all .15s;
	}

		.slider-arrows .slick-arrow:hover {
			opacity: 1;
			text-decoration: none;
		}

		.slider-arrows .slick-arrow:after {
			content: '';
			width: 25px;
			height: 25px;
			position: absolute;
			top: 50%;
			left: 50%;
			display: block;
			border-left: 4px solid #444455;
			border-top: 4px solid #444455;
			-moz-transform-origin: 50% 50%;
			-ms-transform-origin: 50% 50%;
			-o-transform-origin: 50% 50%;
			-webkit-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
		}

	.slider-arrows .slick-prev {
		left: 0;
	}

		.slider-arrows .slick-prev:after {
			-moz-transform: translate(-50%, -50%) rotate(-45deg);
			-ms-transform: translate(-50%, -50%) rotate(-45deg);
			-o-transform: translate(-50%, -50%) rotate(-45deg);
			-webkit-transform: translate(-50%, -50%) rotate(-45deg);
			transform: translate(-50%, -50%) rotate(-45deg);
		}

	.slider-arrows .slick-next {
		right: 0;
	}

		.slider-arrows .slick-next:after {
			-moz-transform: translate(-50%, -50%) rotate(135deg);
			-ms-transform: translate(-50%, -50%) rotate(135deg);
			-o-transform: translate(-50%, -50%) rotate(135deg);
			-webkit-transform: translate(-50%, -50%) rotate(135deg);
			transform: translate(-50%, -50%) rotate(135deg);
		}

@media(max-width: 991px) {
	.slider-arrows .slick-arrow {
		width: 60px;
		height: 60px;
	}

		.slider-arrows .slick-arrow:after {
			height: 40px;
			width: 40px;
		}
}
