/* http://www.menucool.com/responsive-slider for instructions */
#ninja-slider{background:#222;margin:0 auto;padding:0;/*center aligned*/width:100%}
#ninja-slider > ul{margin:0;padding:0}
/* slide */
#ninja-slider li > div, #ninja-slider li > a{box-shadow:0 1px 5px rgba(0,0,0,.8),inset0 0 1px rgba(255,255,255,.4);display:block;margin:0 auto;/* center each slide */ /*border-radius:6px; background:#333;*/ position:relative;transition:none!important}
/* loading image indicator */    
#ninja-slider div.preload{background:black url(/ks/web/nokbg0239.nsf/obj/loading.gif/$File/loading.gif?OpenElement) no-repeat center 25%}
/*----- video -----*/
#ninja-slider a.video{background:transparent url(/ks/web/nokbg0239.nsf/obj/video.png/$File/video.png?OpenElement) no-repeat 50% 50%;border:0;height:100%;left:0;position:absolute;top:0;transition:none!important;width:100%}
/*------ pager ------*/      
/* The pager id should be: slider id + "-pager" */    
#ninja-slider-pager {display:none}
/* --------- navigation controls ------- */   
/* The nav id should be: slider id + ("-prev", "-next", and "-pause-play") */    
#ninja-slider-prev, #ninja-slider-next{background-color:rgba(0,0,0,0.0);background-image:url(/ks/web/nokbg0239.nsf/obj/navs.png/$File/navs.png?OpenElement);background-repeat:no-repeat;color:white;display:inline-block;font-size:14px;height:140px;line-height:140px;margin-top:-70px;opacity:0.4;overflow:hidden;position:absolute;top:50%;transition:width 0.5s,background-color 1s;width:70px}
#ninja-slider-prev {background-position:0 0;border-radius:0 5px 5px 0;left:0}
#ninja-slider-next {background-position:100% -140px;border-radius:5px 0 0 5px;right:0}
#ninja-slider-prev:hover, #ninja-slider-next:hover{background-color:rgba(0,0,0,0.5);cursor:pointer;width:110px}
/*pagination within the prev/next buttons*/
#ninja-slider-prev div{margin-left:74px;white-space:nowrap}
#ninja-slider-next div{float:right;margin-right:74px;white-space:nowrap}
#ninja-slider-pause-play{display:none}
/* Other settings
-------------------------------------------- */   
#ninja-slider h2 {color:#FFF;font-family:"Helvetica Neue",Helvetica,Arial;font-size:100px;font-weight:bold;position:absolute;text-align:center;top:20%;width:100%}
#ninja-slider h3 {color:#FFF;font-family:"Helvetica Neue",Helvetica,Arial;font-size:50px;font-weight:lighter;padding-top:140px;position:absolute;text-align:center;top:20%;width:100%}
/*styles for mobile*/
/*@media (max-width:719px) { 
#ninja-slider h2 { font-size: 40px; top: 22%; }
#ninja-slider h3 { font-size: 20px; padding-top: 60px; top: 22%; }
}*/
/* Usually you don't need to change the following settings
---------------------------------------------------------- */   
#ninja-slider > ul {backface-visibility:hidden;perspective:1000px;-webkit-backface-visibility:hidden;-webkit-perspective:1000px;-webkit-tap-highlight-color:transparent}
#ninja-slider-pager, #ninja-slider-prev, #ninja-slider-next, #ninja-slider-pause-play{-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none}
#ninja-slider{overflow:hidden;/*visibility: hidden;*/ padding:0;position:relative}
#ninja-slider > ul { list-style: none; margin: 0; overflow: hidden; position: relative; }
#ninja-slider > ul > li { float: left; list-style: none; margin: 0; padding: 0; position: relative; width: 100%; }