#thumbs {
text-align: center;
padding: 40px 0;
}
#thumbs > span {
width: 80px;
display: inline-block;
margin: 0 20px;
position: relative;
cursor: pointer;
border:2px solid transparent;
transition:border 0.8s;
font-size:0;
}
#thumbs > span:hover {
border:2px solid #ddd;
}
#thumbs img {
width: 100%;
}
#thumbs .playvideo {
position: absolute;
background: transparent url(/wp-content/themes/neve-child-master/_includes/ninjaslider/playvideo.png) no-repeat center center;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0.8;
filter: alpha(opacity=40);
text-align: center;
color: white;
font-size: 0.7em;
}#ninja-slider {
width:100%;
margin:0 auto;
overflow:hidden;
box-sizing:border-box;
}
#ninja-slider.fullscreen {
background:black;
}
#ninja-slider .fs-icon {
top:10px;
right:6px;
width:60px;
height:26px;
background: rgba(0,0,0,0.3);
z-index:2;
color:white;
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 0.8s;
transition:opacity 0.8s;
}
#ninja-slider .slider-inner:hover .fs-icon,
#ninja-slider.fullscreen .fs-icon {
opacity: 1;
}
#ninja-slider .fs-icon::before {      
content:"EXPAND";
display:block;
}
#ninja-slider.fullscreen .fs-icon::before {
content:"CLOSE";
}
#ninja-slider .slider-inner {
width:100%;
margin:0 auto; font-size:0px;
position:relative;
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;
}
#ninja-slider li {
width:100%;
height:100%;
top:0;
left:0;
position: absolute;
font-size:12px;
list-style:none;
margin:0;
padding:0;
opacity:0;
overflow:hidden;
box-sizing:border-box;
}
#ninja-slider li.ns-show {
opacity:1;
} #ninja-slider .ns-img {
background-color:rgba(0,0,0,0.3);
background-size:cover;  box-shadow: 0 1px 5px rgba(0,0,0,.8),inset 0 0 2px rgba(255,255,255,.4);
border-radius:4px;
cursor:default;
display:block;
position: absolute;
width:100%;
height:100%;
background-repeat:no-repeat;
background-position:center center;
} #ninja-slider .caption {
padding: 20px;
margin: auto;
left: 50px;
right: unset;
top: auto;
bottom: 10%;
width: 80%;
text-align: left;
font-family: sans-serif;
font-size: 1.8em;
color: #fff;
background: rgba(0,0,0,0.6);
position: absolute;
box-sizing: border-box;
opacity: 0;
-webkit-transition: opacity 1s ease-in;
transition: opacity 1s ease-in;
line-height: 1.3em;
}
#ninja-slider li[class*='-s'] .caption {
opacity:1;
}
#ninja-slider .caption a:link, #ninja-slider .caption a:visited{color:#fff; display:block;}
#ninja-slider .caption a.button:link, #ninja-slider .caption a.button:visited{color: #fff;
display: inline-block;
margin-top: 15px;
padding: 5px 10px;
font-size: 0.6em;
font-weight: 400;
border: 1px solid #fff;} #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(/wp-content/themes/neve-child-master/_includes/ninjaslider/video-btn.png) no-repeat center center;
cursor:pointer;
} #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:60px;
height:100px;
line-height:100px;
top: 50%;
margin:0;
margin-top:-65px; background-color:none;
background-color:#ccc\9; backface-visibility:hidden;
color:white;
overflow:hidden;
white-space:nowrap;
-webkit-user-select: none;
user-select:none;
border-radius:3px; 
z-index:10;
opacity:0.2;
cursor:pointer;
font-family:sans-serif;
font-size:11px;
cursor:pointer;
-webkit-transition:all 0.7s;
transition:all 0.7s;
-webkit-transform:scale(1,1.3);
transform:scale(1,1.3); }
#ninja-slider-prev:hover, #ninja-slider-next:hover {
opacity:1; }
#ninja-slider-prev {
left: -70px;
}
#ninja-slider-next {
right: -70px;
} #ninja-slider-prev div {opacity:0;margin-left:30px;transition:opacity 0.7s;}
#ninja-slider-next div {opacity:0;float:right;margin-right:30px;transition:opacity 0.7s;}
#ninja-slider-prev:hover div, #ninja-slider-next:hover div{opacity:1;} #ninja-slider-prev::before, #ninja-slider-next::before {
position: absolute;
top: 25px;
content: "";
display: inline-block;
width: 50px;
height: 50px;
border-left: 3px solid #ccc;
border-top: 3px solid #ccc;
}
#ninja-slider-prev::before {
-ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);
transform: rotate(-45deg);
backface-visibility:hidden;
right:-16px;
}
#ninja-slider-next::before {
-ms-transform:rotate(135deg); -webkit-transform:rotate(135deg);
transform: rotate(135deg);
backface-visibility:hidden;
left:-16px;
}   #ninja-slider-pager
{
padding-top:30px; margin:0 auto; text-align:center;
display:table;
font-size:0;
}
#ninja-slider-pager a 
{
display:inline-block;
width: 10px;
height: 10px;
background-color: #888;
font-size:0; margin:2px 6px;
cursor:pointer;
border-radius:10px;
box-shadow:inset 0 1px 3px #666666;
}
#ninja-slider-pager a:hover 
{
opacity:0.6;
}
#ninja-slider-pager a.active 
{
background-color:#ccc;
box-shadow:0 1px 1px rgba(0,0,0,.5);
}
#ninja-slider-pager, #ninja-slider-prev, #ninja-slider-next, #ninja-slider-pause-play
{
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
} .container.sliderHp{padding:0; padding-top:70px;}
.container.sliderHp #ninja-slider-pager{display:none;}
.container.sliderHp #ninja-slider-prev{display:none;}
.container.sliderHp #ninja-slider-next{display:none;}
.container.sliderHp #thumbs img {
width:100%;
min-height: 134px;
}
#content .container.sliderHp ul {
margin-left: 0px;
}
.container.sliderHp #thumbs > span {
width: 80px;
display: inline-block;
margin: 0 auto;
position: relative;
cursor: pointer;
border: none;
transition: border 0.8s;
font-size: 0;
width: 234px;
height: 134px;
overflow: hidden;
}
.container.sliderHp #thumbs {
text-align: center;
padding: 0;
}
.container.sliderHp #ninja-slider .ns-img.fancybox{pointer-events: none;} @media only screen and (max-width:950px){
#ninja-slider-prev {
left: -12px;
}
#ninja-slider-next {
right: -12px;
}
}
@media only screen and (max-width:600px){
#ninja-slider-prev, #ninja-slider-next, #ninja-slider-pager {
display:none;
}
}
@media only screen and (max-width:1169px){
.container.sliderHp #thumbs > span{ width: 20%; height: 120px;} 
.container.sliderHp #thumbs img {  min-height: 120px;}
}
@media only screen and (max-width:768px){
.container.sliderHp #thumbs > span {
width: 20%;
height: 100px;
}
.container.sliderHp #thumbs img {  min-height: 100px;}
#ninja-slider .caption {
padding: 20px;
margin: auto;
left: 30px;
right: unset;
top: auto;
bottom: 10%;
width: 90%;
text-align: left;
font-family: sans-serif;
font-size: 1.3em;
color: #fff;
background: rgba(0,0,0,0.6);
position: absolute;
box-sizing: border-box;
opacity: 0;
-webkit-transition: opacity 1s ease-in;
transition: opacity 1s ease-in;
line-height: 1.3em;
}
}
@media only screen and (max-width:480px){
.container.sliderHp #thumbs > span{ width: 20%; height: 80px;} 
.container.sliderHp #thumbs img {  min-height: 80px;}
#ninja-slider .caption {
padding: 10px;
margin: auto;
left: 30px;
right: unset;
top: auto;
bottom: 10%;
width: 90%;
text-align: center;
font-family: sans-serif;
font-size: 0.9em;
color: #fff;
background: rgba(0,0,0,0.6);
position: absolute;
box-sizing: border-box;
opacity: 0;
-webkit-transition: opacity 1s ease-in;
transition: opacity 1s ease-in;
line-height: 1em;
}
#ninja-slider .caption a.button:link, #ninja-slider .caption a.button:visited {
color: #fff;
display: inline-block;
margin-top: 5px;
padding: 3px 5px;
font-size: 0.5em;
font-weight: 400;
border: 1px solid #fff;
}
}
@media only screen and (max-width:320px){
.container.sliderHp #thumbs > span{ width: 20%; height: 50px;} 
.container.sliderHp #thumbs img {  min-height: 50px;}
#ninja-slider .caption {
left: 10px;
width: 95%;
}
.slSubtitle{display:none;}
}