﻿.slick-controls {
	vertical-align: middle;
	text-align: center;
}

.slick-controls a {
	color: #969aa5;
	font-size: 1.2em;
	text-decoration: none;
	vertical-align: middle;
}

.slick-controls .slick-dots li, .slick-controls a[data-direction="First"], .slick-controls a[data-direction="Prev"], .slick-controls a[data-direction="Next"], .slick-controls a[data-direction="Last"] {
	margin-left: 0.75em;
	margin-right: 0.75em;
}

@media (min-width: 400px) and (max-width: 600px) {
	#tjanster .slick-dots li, #tjanster a[data-direction="First"], #tjanster a[data-direction="Prev"], #tjanster a[data-direction="Next"], #tjanster a[data-direction="Last"] {
		margin-left: 0.4em;
		margin-right: 0.4em;
	}
}

@media screen and (max-width: 400px) {
	#tjanster .slick-dots li, #tjanster a[data-direction="First"], #tjanster a[data-direction="Prev"], #tjanster a[data-direction="Next"], #tjanster a[data-direction="Last"] {
		margin-left: 0.2em;
		margin-right: 0.2em;
	}
}

.slick-controls a[data-direction="First"], .slick-controls a[data-direction="Last"] {
	font-size: 0.8em;
	opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}

.slick-dots {
	display: inline-block !important;
	padding: 0;
	margin: 0;
	list-style: none;
	height: 100%;
}

.slick-dots li {
	display: inline-block !important;
	vertical-align: middle;
	font-size: 1.2em;
	color: #c4c6cb;
}

.slick-dots li span {
	cursor: pointer;
}

.slick-dots li:first-child {
	color: #AEE2C1;
}

.slick-dots .slick-active {
	color: #505669;
}

.slick-dots li.slick-active:first-child {
	color: #5ec683;
}

.slick-dots .slick-active span:before {
	content: "\e602";
}

.slick-slider {
	-moz-user-select: text !important;
	-ms-user-select: text !important;
	-webkit-user-select: text !important;
	user-select: text !important;
}

.slick-list.draggable {
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	-webkit-user-select: none !important;
	user-select: none !important;
}

@media (max-width: 375px) {
	.slick-controls {
		font-size: 0.85em;
	}
}

.abbe {
	margin-left: 350px;
	margin-top: -84px;
	width: 20%;
	height: 20% !important;
}

@media (min-width: 992px) and (max-width: 1200px) {
	.abbe {
		margin-top: -107px;
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    .abbe {
		margin-top: -76px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    .abbe {
		margin-top: -98px;
    }
}


