/* LayerSlider Agriculture Skin */

.ls-agriculture {
	background:#ffffff;
	text-align:center;
    position:relative;
}
 
.ls-agriculture:before {content:none;}

.ls-inner {text-align:left;}

.ls-agriculture .ls-bottom-nav-wrapper {
	display:inline-block;
	width:auto;
	height:auto;
	overflow:hidden;
	position:relative;
	top:-60px;
}

.ls-agriculture .ls-bottom-slidebuttons,
.ls-agriculture .ls-nav-start,
.ls-agriculture .ls-nav-stop,
.ls-agriculture .ls-nav-sides {
	display:inline-block;
	height:14px;
}

.ls-agriculture .ls-nav-start,
.ls-agriculture .ls-nav-stop {
	background:url(skin.png) no-repeat 0 0;
	display:block;
	width:8px;
	float:left;
	margin:0 5px;
	opacity:.7;
	-webkit-transition:opacity .3s ease-in-out !important;
	-moz-transition:opacity .3s ease-in-out !important;
	-ms-transition:opacity .3s ease-in-out !important;
	-o-transition:opacity .3s ease-in-out !important;
	transition:opacity .3s ease-in-out !important;
}

.ls-agriculture .ls-nav-stop {background-position:100% 0;}

.ls-agriculture .ls-nav-start:hover,
.ls-agriculture .ls-nav-start-active,
.ls-agriculture .ls-nav-stop:hover,
.ls-agriculture .ls-nav-stop-active {opacity:1;}

.ls-agriculture .ls-bottom-slidebuttons a {
	border:2px solid #ffffff !important;
	background-color:transparent;
	display:inline-block;
	width:10px;
	height:10px;
	margin:0 5px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	-webkit-transition:background .3s ease-in-out !important;
	-moz-transition:background .3s ease-in-out !important;
	-ms-transition:background .3s ease-in-out !important;
	-o-transition:background .3s ease-in-out !important;
	transition:background .3s ease-in-out !important;
}

.ls-agriculture .ls-bottom-slidebuttons a.ls-nav-active,
.ls-agriculture .ls-bottom-slidebuttons a:hover {background-color:#ffffff;}

.ls-agriculture .ls-nav-prev,
.ls-agriculture .ls-nav-next {
	background-color:rgba(0, 0, 0, .25);
	width:45px;
	height:79px;
	margin-top:-79px;	
	position:absolute;
	top:50%;
	left:0;
	z-index:10000;
	-webkit-transition:background-color .3s ease-in-out !important;
	-moz-transition:background-color .3s ease-in-out !important;
	-ms-transition:background-color .3s ease-in-out !important;
	-o-transition:background-color .3s ease-in-out !important;
	transition:background-color .3s ease-in-out !important;
}

.ls-agriculture .ls-nav-next {
	left:auto;
	right:0;
}

.ls-agriculture .ls-nav-prev:hover,
.ls-agriculture .ls-nav-next:hover {background-color:#000000;}

.ls-agriculture .ls-nav-prev:before, 
.ls-agriculture .ls-nav-next:before {
	content:'';
	background:url(lay_slider_arrow.png) no-repeat 0 0;
	display:block;
	width:16px;
	height:29px;
	position:absolute;
	left:13px;
	top:25px;
}

.ls-agriculture .ls-nav-next:before {
	background-position:0 100%;
	left:auto;
	right:13px;
}

.ls-agriculture .ls-nav-sides {width:6px;}

.ls-agriculture .ls-thumbnail-hover {
	bottom: 55px;
	padding: 4px;
	margin-left: 1px;
}

.ls-agriculture .ls-thumbnail-hover-bg {
	background: white;
	box-shadow: 0px 2px 12px -4px black;
	border-radius: 4px;
}

.ls-agriculture .ls-thumbnail-hover span {
	border: 5px solid white;
	margin-left: -5px;
}

.ls-agriculture .ls-thumbnail {
	top: -20px;
}

.ls-agriculture .ls-thumbnail-inner {
	padding: 5px;
	margin-left: -5px;
	background: white;
	box-shadow: 0px 3px 35px -10px black;
	border-radius: 4px;
}

.ls-agriculture .ls-thumbnail-slide a {
	margin-right: 5px;
}

.ls-agriculture .ls-nothumb {
	background: #eee;
}

.ls-agriculture .ls-above-thumbnails {
	display: none;
}

.ls-agriculture .ls-below-thumbnails {
	display: block;
	margin-top: -20px;
}

.ls-agriculture .ls-loading-container {
	width: 40px;
	height: 40px;
	margin-left: -20px;
	margin-top: -20px;
	background-position: -450px -150px;	
}

.ls-agriculture .ls-loading-indicator {
	width: 22px;
	height: 22px;
	margin-top: 9px;
	background-image: url(loading.gif);	
}

.ls-agriculture .ls-fullscreen {
	width: 30px;
	height: 30px;
	right: 10px;
	top: 10px;
	background-position: -525px -150px;
}

.ls-agriculture .ls-fullscreen:hover {
	background-position: -525px -190px;
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), 
	only screen and (-moz-min-device-pixel-ratio: 1.5), 
	only screen and (-o-min-device-pixel-ratio: 3/2), 
	only screen and (min-device-pixel-ratio: 1.5) {
	
	.ls-agriculture .ls-nav-start, 
	.ls-agriculture .ls-nav-stop {
		background-image:url(skin@2x.png);
		background-size:26px 14px; 
	}
	
	.ls-agriculture .ls-nav-prev:before, 
	.ls-agriculture .ls-nav-next:before {
		background-image:url(lay_slider_arrow@2x.png);
		background-size:16px 78px;
	}
	
}

