/* LayerSlider Outline Skin */


.ls-outline .ls-button { text-decoration: none !important; color: #fff; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 12px 25px; border: 2px solid #ffffff !important }

.ls-outline .ls-button:hover { background: #fff !important; color: #444; }


.ls-outline .ls-playvideo { width: 50px; height: 50px; margin-left: -29px; margin-top: -29px; background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; border: 2px solid rgba(255, 255, 255, 0.7); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

.ls-outline .ls-playvideo:before { position: absolute; top: 16px; left: 20px; display: block; width: 0; height: 0; border-style: solid; border-width: 9px 0 9px 14px; border-color: transparent transparent transparent rgba(255, 255, 255, 0.8); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; content: ""; }

.ls-outline .ls-playvideo:hover:before { border-color: transparent transparent transparent rgba(255, 255, 255, 1); }

.ls-outline .ls-playvideo:hover { background: rgba(0,0,0,1); border: 2px solid rgba(255, 255, 255, 1); }


.ls-outline .ls-nav-prev,
.ls-outline .ls-nav-next { -webkit-transition: background 0.15s !important; -moz-transition: background 0.15s !important; transition: background 0.15s !important; }

.ls-outline .ls-nav-prev { -webkit-transform-origin: 0% 50% 0; -moz-transform-origin: 0% 50% 0; transform-origin: 0% 50% 0; }

.ls-outline .ls-nav-next { -webkit-transform-origin: 100% 50% 0; -moz-transform-origin: 100% 50% 0; transform-origin: 100% 50% 0; }


.ls-outline .ls-nav-prev:hover,
.ls-outline .ls-nav-next:hover { background-color: #fff; }

.ls-outline .ls-nav-prev:before,
.ls-outline .ls-nav-prev:after,
.ls-outline .ls-nav-next:before,
.ls-outline .ls-nav-next:after { width: 3px; height: 12px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; left: 26px; top: 12px; position: absolute; display: block; -webkit-transform: rotate(-40deg); -moz-transform: rotate(-40deg); transform: rotate(-40deg); -webkit-transform-origin: 50% 100% 0; -moz-transform-origin: 50% 100% 0; transform-origin: 50% 100% 0; -webkit-transition: all 0.15s !important; -moz-transition: all 0.15s !important; transition: all 0.15s !important; content: ""; background-color: #fff; }

.ls-outline .ls-nav-prev:before { top: 23px; left: 18px; -webkit-transform-origin: 50% 0% 0; -moz-transform-origin: 50% 0% 0; transform-origin: 50% 0% 0; }

.ls-outline .ls-nav-prev:after { left: 18px; -webkit-transform-origin: 50% 100% 0; -moz-transform-origin: 50% 100% 0; transform-origin: 50% 100% 0; -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); transform: rotate(40deg); }

.ls-outline .ls-nav-next:after { top: 23px; -webkit-transform-origin: 50% 0% 0; -moz-transform-origin: 50% 0% 0; transform-origin: 50% 0% 0; -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); transform: rotate(40deg); }

.ls-outline .ls-nav-prev:active:before { -webkit-transform: translateX(-3px) rotate(-60deg); -moz-transform: translateX(-3px) rotate(-60deg); transform: translateX(-3px) rotate(-60deg); }

.ls-outline .ls-nav-prev:active:after { -webkit-transform: translateX(-3px) rotate(60deg); -moz-transform: translateX(-3px) rotate(60deg); transform: translateX(-3px) rotate(60deg); }

.ls-outline .ls-nav-next:active:before { -webkit-transform: translateX(3px) rotate(-60deg); -moz-transform: translateX(3px) rotate(-60deg); transform: translateX(3px) rotate(-60deg); }

.ls-outline .ls-nav-next:active:after { -webkit-transform: translateX(3px) rotate(60deg); -moz-transform: translateX(3px) rotate(60deg); transform: translateX(3px) rotate(60deg); }


.ls-outline .ls-nav-prev:hover:before,
.ls-outline .ls-nav-prev:hover:after,
.ls-outline .ls-nav-next:hover:before,
.ls-outline .ls-nav-next:hover:after { background-color: #444; }


.ls-outline .ls-nav-start { position: relative; }

.ls-outline .ls-nav-start:before { position: absolute; top: 2px; left: 9px; display: block; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 8px; border-color: transparent transparent transparent rgba(255, 255, 255, 0.7); content: ""; }

.ls-outline .ls-nav-start-active:before,
.ls-outline .ls-nav-start:hover:before { border-color: transparent transparent transparent rgba(255, 255, 255, 1); }

.ls-outline .ls-nav-stop { position: relative; }

.ls-outline .ls-nav-stop:before { position: absolute; top: 2px; left: 9px; display: block; width: 3px; height: 12px; border: 2px solid rgba(255,255,255,0.7); border-top: none; border-bottom: none; content: ""; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }


.ls-outline .ls-nav-stop:hover:before,
.ls-outline .ls-nav-stop-active:before { border-color: rgba(255,255,255,1); }

.ls-outline .ls-bottom-slidebuttons { vertical-align: middle; }

/* paginators background color*/

.ls-outline .ls-bottom-slidebuttons a { background: rgba(0,0,0,0.1); border: 2px solid #fff !important; margin-right: 8px; text-align: center; text-decoration: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: background-color 1.2s ease; -moz-transition: background-color 1.2s ease; transition: background-color 1.2s ease; }

.ls-outline .ls-bottom-slidebuttons a:before { font-family: "Lato", sans-serif; font-size: 12px; color: #ffffff; line-height: 10px; }

.ls-outline .ls-bottom-slidebuttons a.ls-nav-active,
.ls-outline .ls-bottom-slidebuttons a:hover { background: #fff; }

.ls-outline .ls-bottom-slidebuttons a.ls-nav-active:before,
.ls-outline .ls-bottom-slidebuttons a:hover:before { color: #000; }


.ls-outline .ls-nav-prev,
.ls-outline .ls-nav-next { width: 46px; height: 46px; z-index: 10000; top: 50%; margin-top: -25px; background: rgba(0,0,0,0.1); border: 2px solid #ffffff !important; position: absolute; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.ls-outline .ls-nav-prev { left: 20px; }

.ls-outline .ls-nav-next { right: 20px; }



.ls-outline .ls-bottom-slidebuttons,
.ls-outline .ls-bottom-slidebuttons a,
.ls-outline .ls-nav-start,
.ls-outline .ls-nav-stop { height: 10px; }

.ls-outline .ls-bottom-slidebuttons,
.ls-outline .ls-bottom-slidebuttons a,
.ls-outline .ls-nav-start,
.ls-outline .ls-nav-stop { display: inline-block; }

.ls-outline .ls-bottom-slidebuttons,
.ls-outline .ls-nav-start,
.ls-outline .ls-nav-stop { top: -37px; }

.ls-outline .ls-nav-start,
.ls-outline .ls-nav-stop { width: 25px; margin-right: 8px; top: -33px; }

.ls-outline .ls-bottom-slidebuttons a { width: 10px; }

.ls-outline .ls-nav-sides { width: 0px; }

.ls-outline .ls-thumbnail-hover { bottom: 19px; padding: 2px; margin-left: 1px; }

.ls-outline .ls-thumbnail-hover-bg { background: rgba(255,255,255,1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.ls-outline .ls-thumbnail-hover span { border: 5px solid rgba(255,255,255,1); margin-left: -5px; }

.ls-outline .ls-thumbnail { top: 10px; }

.ls-outline .ls-thumbnail-inner { padding: 4px; margin-left: -2px; background: #fff; }

.ls-outline .ls-thumbnail-slide a { margin-right: 2px; }

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

.ls-outline .ls-loading-container { display: inline-block; width: 30px; height: 30px; margin-left: -15px; margin-top: -15px; position: relative; border: 4px solid rgba(0,0,0,0.7); top: 50%; -webkit-animation: loader 2s infinite ease; -moz-animation: loader 2s infinite ease; animation: loader 2s infinite ease; }

.ls-outline .ls-loading-indicator { vertical-align: top; display: inline-block; width: 100%; background-color: rgba(0,0,0,0.7); -webkit-animation: loader-inner 2s infinite ease-in; -moz-animation: loader-inner 2s infinite ease-in; animation: loader-inner 2s infinite ease-in; }

@-webkit-keyframes loader {
	0% { -webkit-transform: rotate(0deg); }
	25% { -webkit-transform: rotate(180deg); }
	50% { -webkit-transform: rotate(180deg); }
	75% { -webkit-transform: rotate(360deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes loader {
	0% { -moz-transform: rotate(0deg); }
	25% { -moz-transform: rotate(180deg); }
	50% { -moz-transform: rotate(180deg); }
	75% { -moz-transform: rotate(360deg); }
	100% { -moz-transform: rotate(360deg); }
}

@keyframes loader {
	0% { transform: rotate(0deg); }
	25% { transform: rotate(180deg); }
	50% { transform: rotate(180deg); }
	75% { transform: rotate(360deg); }
	100% { transform: rotate(360deg); }
}

@-webkit-keyframes loader-inner {
	0% { height: 0%; }
	25% { height: 0%; }
	50% { height: 100%; }
	75% { height: 100%; }
	100% { height: 0%; }
}

@-moz-keyframes loader-inner {
	0% { height: 0%; }
	25% { height: 0%; }
	50% { height: 100%; }
	75% { height: 100%; }
	100% { height: 0%; }
}

@keyframes loader-inner {
	0% { height: 0%; }
	25% { height: 0%; }
	50% { height: 100%; }
	75% { height: 100%; }
	100% { height: 0%; }
}

.ls-outline .ls-circle-timer { top: 16px; right: 16px; width: 24px; height: 24px; }

.ls-outline .ls-ct-half,
.ls-outline .ls-ct-center { border-width: 2px; }