#ninja-slider {

width:800px; height: 590px; padding: 0px; margin:0 auto;overflow:hidden;box-sizing:border-box;   position:relative;}

#ninja-slider.fullscreen {background:black;}

#ninja-slider .slider-inner {margin:0 auto;/*center-aligned */ height:100%;  font-size:0px;  box-sizing:border-box;}

#ninja-slider.fullscreen .slider-inner {width:100%;  max-width:950px;}

#ninja-slider ul {position:relative;list-style:none;padding:0;box-sizing:border-box;touch-action:pan-y;}

#ninja-slider li {width:100%;height:100%;top:0;left:0; right:0; bottom:0; position: absolute;font-size:12px;list-style:none;margin:auto;padding:0;

opacity:0;overflow:hidden;box-sizing:border-box;}

#ninja-slider li.ns-show {opacity:1;}

/* --------- slider image ------- */  

#ninja-slider .ns-img {background-color:rgba(0,0,0,0.3);

background-size:contain;/*Note: If transitionType is zoom, it will be overridden to cover.*/

box-shadow: 0 1px 5px rgba(0,0,0,.8),inset 0 0 2px rgba(255,255,255,.4);

cursor:default;display:block;position: absolute;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;}

#ninja-slider .video, .video-playbutton-layer {top:0; left:0; border:0; width: 100%;height: 100%; text-align: center; background: black;

position: absolute;}



.video-playbutton-layer {background: transparent url(../css-img/video.html) no-repeat center center;}

/* And if you have YouTube or Vimeo */

#ninja-slider div.stopVideoIcon 

{position:absolute;width:30px;height:30px;top:0;right:0px;margin:0 0 6px 6px;background:rgba(0,0,0,0.7);border-bottom-left-radius:4px; cursor:pointer;}

#ninja-slider div.stopVideoIcon::before {content:"+";color:white;font:bold 30px/30px arial;-webkit-transform:rotate(45deg);transform: rotate(45deg);display:block;}

#ninja-slider-pause-play { display:none;} 

#ninja-slider-prev, #ninja-slider-next

{position: absolute;display:inline-block;width:40px;height:40px;line-height:40px;border: 1px solid #faaaab;

top: 50%;/*margin-top:0px;*/

/* background-color:rgba(0,0,0,0.4);

background-color:#ccc\9;/*IE8 hack*/

backface-visibility:hidden;color:white;overflow:hidden;white-space:nowrap;-webkit-user-select: none;user-select:none;

z-index:10;opacity:0.3; font-family:sans-serif; font-size:13px;cursor:pointer;-webkit-transition:all 0.7s; transition:all 0.7s;}

#ninja-slider-prev:hover, #ninja-slider-next:hover {opacity:1;}

#ninja-slider.fullscreen #ninja-slider-prev:hover, #ninja-slider.fullscreen #ninja-slider-next:hover {width:90px;}

#ninja-slider-prev {left: 70px;top: 50px;}

#ninja-slider-next {left: 70px;bottom: 50px;top: auto;}

#ninja-slider.fullscreen #ninja-slider-prev {left: -50px; opacity:1;}

#ninja-slider.fullscreen #ninja-slider-next {right: -50px;opacity:1;}



/*pagination within the prev/next buttons*/

#ninja-slider-prev div {opacity:0;margin-left:30px;transition:opacity 0.7s;}

#ninja-slider-next div {opacity:0;margin-right:30px;transition:opacity 0.7s;}

#ninja-slider.fullscreen #ninja-slider-prev:hover div {opacity:1;}

#ninja-slider.fullscreen #ninja-slider-next:hover div {opacity:1;}

/* arrows */

#ninja-slider-prev::before, #ninja-slider-next::before {position: absolute;top:9px;content: "";display: inline-block;width: 20px;height: 20px;border-left: 2px solid white;

border-top: 2px solid white;}

#ninja-slider-prev::before {-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform: rotate(-45deg);

backface-visibility:hidden;left:14px;}

#ninja-slider-next::before {-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform: rotate(135deg);

backface-visibility:hidden;right:14px;}

#ninja-slider-pager { display:none;}  

#ninja-slider-pager, #ninja-slider-prev, #ninja-slider-next, #ninja-slider-pause-play{-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;}



/*---------------------------- Thumbnails ----------------------------*/

#thumbnail-slider {height:708px; display:inline-block;padding:0px 0; position:relative;-webkit-user-select: none; user-select:none;width: 100%;margin: -50px 0 0;box-shadow: 0px 2px 10px #8c8c8c;}

#thumbnail-slider div.inner {border-radius:0px;background-color:#fff ;padding:0px; height:100%;  box-sizing:border-box;

position:relative;overflow:hidden;margin:0;} 

#thumbnail-slider div.inner ul {position:relative;left:0; top:0; right: 0px; bottom: 0px;list-style:none;font-size:0;padding:0;margin:0;float:left!important;width:auto!important;height:auto!important;}

#thumbnail-slider ul li {opacity:1;display:block;margin:0; box-sizing: 0px;transition:all 0.5s;text-align:center;padding:0;

position:relative;list-style:none;box-sizing:content-box;backface-visibility:hidden;position: relative; -webkit-filter: grayscale(100%);

filter: grayscale(100%);}

#thumbnail-slider ul li a {margin: 0px; padding: 0px; box-sizing: 0px;}

#thumbnail-slider ul li img {margin: 0px; padding: 0px}

#thumbnail-slider ul li.active a::before {background: rgba(0, 0, 0, 0.2); content:""; position:absolute; top:0; bottom:0; left:0; right:0;}

#thumbnail-slider li:hover {-webkit-filter: grayscale(50%);	filter: grayscale(50%);}

#thumbnail-slider .thumb {width:100%;height: 100%;background-repeat:no-repeat;background-position:center center;display:block;

position:absolute;font-size:0;}

#thumbnail-slider-pause-play {display:none;} 

#thumbnail-slider-prev {top:0; display: none;}

#thumbnail-slider-next {bottom:0; display: none;}

.thumb-div  {width: 468px; margin: 0px; padding: 0px;}

.text-slider {width:590px; margin: 0px; padding: 0px;}