/* v1.0.5 */
/* Core ls CSS file. 95% of time you shouldn't change anything here. */
.loyalslider {
	width: 100%;
	height: 300px;
	position: relative;
	direction: ltr;
	overflow:hidden;
	padding:0;
}
.loyalslider > * {
	float: left;
}

.lsWebkit3d .lsSlide {
	-webkit-transform: translateZ(0);
}


.lsWebkit3d .lsSlide,
.lsWebkit3d .lsContainer,
.lsWebkit3d .lsThumbs,
.lsWebkit3d .lsPreloader,
.lsWebkit3d img,
.lsWebkit3d .lsOverflow,
.lsWebkit3d .lsBtnCenterer,
.lsWebkit3d .lsAbsoluteEl,
.lsWebkit3d .lsABlock,
.lsWebkit3d .lsLink {
	-webkit-backface-visibility: hidden;
}
.lsFade.lsWebkit3d .lsSlide,
.lsFade.lsWebkit3d img,
.lsFade.lsWebkit3d .lsContainer {
    -webkit-transform: none;
}
.lsOverflow {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	float: left;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.lsVisibleNearbyWrap {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	left: 0;
	top: 0;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.lsVisibleNearbyWrap .lsOverflow {
	position: absolute;
	left: 0;
	top: 0;

}
.lsContainer {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.lsArrow,
.lsThumbsArrow {
	cursor: pointer;
}

.lsThumb {
	float: left;
	position: relative;
}


.lsArrow,
.lsNav,
.lsThumbsArrow {
	opacity: 0.5;
	-webkit-transition:opacity 0.3s linear;
	-moz-transition:opacity 0.3s linear;
	-o-transition:opacity 0.3s linear;
	transition:opacity 0.3s linear;
}
.lsHidden {
	opacity: 0;
	visibility: hidden;
	-webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	-moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	-o-transition:visibility 0s linear 0.3s,opacity 0.3s linear;
	transition:visibility 0s linear 0.3s,opacity 0.3s linear;
}


.lsGCaption {
	width: 100%;
	float: left;
	text-align: center;
}

/* Fullscreen options, very important ^^ */
.loyalslider.lsFullscreen {
	position: fixed !important;
	height: auto !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	z-index: 2147483647 !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
}

.loyalslider .lsSlide.lsFakePreloader {
	opacity: 1 !important;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-o-transition:  0s;
	transition:  0s;
	display: none;
}

.lsSlide {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	overflow: hidden;
	
	height: 100%;
	width: 100%;
}

.loyalslider.lsAutoHeight,
.lsAutoHeight .lsSlide {
	height: auto;
}

.lsContent {
	width: 100%;
	height: 100%;
	position: relative;
}

.lsPreloader {
	position:absolute;
	z-index: 0;	
}

.lsNav {
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	user-select: none;
}
.lsNavItem {
	-webkit-tap-highlight-color:rgba(0,0,0,0.25);
}

.lsThumbs {
	cursor: pointer;
	position: relative;
	overflow: hidden;
	float: left;
	z-index: 22;
}
.lsTabs {
	float: left;
	background: none !important;
}
.lsTabs,
.lsThumbs {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}


.lsVideoContainer {
	/*left: 0;
	top: 0;
	position: absolute;*/
	/*width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	float: left;*/
	width: auto;
	height: auto;
	line-height: 0;
	position: relative;
}
.lsVideoFrameHolder {
	position: absolute;
	left: 0;
	top: 0;
	background: #141414;
	opacity: 0;
	-webkit-transition: .3s;
}
.lsVideoFrameHolder.lsVideoActive {
	opacity: 1;
}
.lsVideoContainer iframe,
.lsVideoContainer video,
.lsVideoContainer embed,
.lsVideoContainer .lsVideoObj {
	position: absolute;
	z-index: 50;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
/* ios controls over video bug, shifting video */
.lsVideoContainer.lsIOSVideo iframe,
.lsVideoContainer.lsIOSVideo video,
.lsVideoContainer.lsIOSVideo embed {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 44px;
}

.lsABlock {
	left: 0;
	top: 0;
	position: absolute;
	z-index: 15;
	
}

img.lsImg {
	max-width: none;
}

.grab-cursor {
	cursor:url(grab.png) 8 8, move; 
}

.grabbing-cursor{ 
	cursor:url(grabbing.png) 8 8, move;
}

.lsNoDrag {
	cursor: auto;
}

.lsLink {
	left:0;
	top:0;
	position:absolute;
	width:100%;
	height:100%;
	display:block;	
	z-index: 20;
	background: url(blank.gif);
}