/* ---------- SLIDER ---------- */

#ninja-slider {
width: auto;
margin: 12px 12px 12px 12px;
padding: 0 0 0 0;
overflow: hidden;
box-sizing: border-box;
}

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

#ninja-slider .fs-icon {
top: 10px;
right: 6px;
width: 60px;
height: 26px;
background: rgba(0,0,0,0.3);
z-index: 2;
color: #FFFFFF;
text-align: center;
font: bold 11px/26px arial;
border: 1px solid rgba(255,255,255,0.3);
border-radius: 2px;
opacity: 0;
-webkit-transition: opacity 0s;
-moz-transition: opacity 0s;
-ms-transition: opacity 0s;
-o-transition: opacity 0s;
transition: opacity 0s;
}

#ninja-slider .slider-inner:hover .fs-icon,
#ninja-slider.fullscreen .fs-icon {
opacity: 1;
}

#ninja-slider .fs-icon::before {
display: block;
content: "EXPAND";
}

#ninja-slider.fullscreen .fs-icon::before {
content: "CLOSE";
}

#ninja-slider .slider-inner {
position: relative;
max-width: 1160px;
margin: 0 0 0 0;
font-size: 0;
box-sizing: border-box;
}

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

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

#ninja-slider li {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
font-size: 12px;
list-style: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
opacity: 0;
overflow: hidden;
box-sizing: border-box;
}

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

/* ---------- SLIDER IMAGES ---------- */

#ninja-slider .ns-img {
display: block;
position: absolute;
background-color: rgba(0,0,0,1);
background-size: cover; /*Note: If transitionType is zoom, it will be overridden to cover*/
background-repeat: no-repeat;
background-position: center center;
width: 100%;
height: 100%;
cursor: default;
}

/* ---------- CAPTIONS ---------- */

#ninja-slider .caption {
position: absolute;
top: auto;
right: 0;
bottom: 0;
left: 0;
color: #FFFFFF;
font-family: 'Merriweather', serif;
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 24px;
text-align: left;
margin: 0 0 0 0;
padding: 8px 12px 8px 12px;
box-sizing: border-box;
opacity: 0;
-webkit-transition: opacity 0s ease-in;
-moz-transition: opacity 0s ease-in;
-ms-transition: opacity 0s ease-in;
-o-transition: opacity 0s ease-in;
transition: opacity 0s ease-in;
}

#ninja-slider .caption em {
font-weight: 900;
}

@media only screen and (max-width: 719px) {

#ninja-slider .caption {
font-size: 14px;
}

}

@media only screen and (max-width: 479px) {

#ninja-slider .caption {
display: none;
}

}

#ninja-slider li[class*='-s'] .caption {
opacity: 1;
}

/* ---------- VIDEOS ---------- */

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

.video-playbutton-layer {
background: transparent url(play.png) no-repeat center center;
background-size: 48px 48px;
cursor: pointer;
}

@media only screen and (max-width: 719px) {

.video-playbutton-layer {
background-size: 28px 28px;
}

}

#ninja-slider div.stopVideoIcon {
display: none;
}

/* ---------- ARROWS ---------- */

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

#ninja-slider-prev,
#ninja-slider-next {
display: none;
}

/* ---------- PAGER ---------- */

#ninja-slider-pager {
display: table;
margin: 0 0 0 0;
padding: 24px 0 0 0;
font-size: 0;
text-align: left;
}

#ninja-slider-pager a {
display: inline-block;
width: 12px;
height: 12px;
background-color: #BFBFBF;
font-size: 0; /* Non-zero will show the index num */
margin: 0 12px 0 0;
/*border-radius: 6px;*/
cursor: pointer;
}

#ninja-slider-pager a:hover,
#ninja-slider-pager a.active {
background-color: #000000;
}

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