

.slider {
    background-color: transparent;
    height: auto;
    margin: 0px;
    touch-action: auto;
	-ms-touch-action: auto;
}

.slick-slider,
.slick-slider a,
.slick-slider a:focus{
	outline: none !important;
}

.slick-slide:focus { outline: none; }


.slider-item {
	float: left;
}

.slider-item-image {
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 75%
}



.landing-slider-image-text .append-arrows {
	position: absolute;
	width: 100%;
	top: 45px;
	margin: 0px auto 0px auto;
	z-index: 10000;
}

.landing-slider-image-text .append-dots {
	position: absolute;
	width: 100%;
	top: 80px;
	margin: 0px auto 0px auto;
	z-index: 10000;
}

.fs-slider .fs-append-arrows {
	width: 100%;
	max-width: 550px;
	position: absolute;
	bottom: 20px;
	left: 0px;
}

.slick-prev {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10000;
}

.fs-slider .fs-append-arrows .slick-prev {
	left: 50px;
}

.append-arrows {
	position: relative;
}

.slick-next {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 10000;
}

.fs-slider .fs-append-arrows .slick-next {
	right: 50px;
}

.slick-prev:before, .slick-next:before { 
	display: block;
	cursor: pointer; 
	height: 18px;
	width: 8px;
}   



.slick-prev:before,
[dir="rtl"] .slick-prev:before { 
	background-image: url("../images/portfolio-left-arrow.png");
    background-size: 6px 12px;
    display: inline-block;
    width: 6px; 
    height: 12px;
    content:"";
}

[dir="rtl"] .slick-next { left: -10px; top: 70px; right: auto; }


.slick-next:before, 
[dir="rtl"] .slick-next:before { 
	background-image: url("../images/portfolio-right-arrow.png");
    background-size: 6px 12px;
    display: inline-block;
    width: 6px; 
    height: 12px;
    content:"";
}


.slick-dots {
	list-style: none;
	display: flex;
	text-align: center;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	margin: 20px 0px 0px 0px;
}


.fs-slider .slick-dots {
	width: 100%;
	max-width: 550px;
	margin-top: 40px;
}

.slick-dots li {
	padding: 0px 5px;
}

.slick-dots li button {
	border-top: 1px rgba(0,0,0,.25) solid;
	color: transparent;
	width: 18px;
}

.slick-dots li.slick-active button {
	border-top: 1px rgba(0,0,0,1) solid;
}

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

	.landing-slider-image-text .append-arrows {
		top: 50px;
		margin: 0px auto 0px auto;
	}
	
	.landing-slider-image-text .append-dots {
		top: 100px;
		margin: 0px auto 0px auto;
	}

}
