html{color:rgba(255, 255, 255, 0.01);}
#ninja-slider{width:100%;background:#FFF;padding:0!important;margin:0 auto;overflow:hidden;box-sizing:border-box;height:auto;text-indent:-9999px;}
#ninja-slider .slider-inner{margin:0 auto;font-size:0px;position:relative;box-sizing:border-box;height:500px;text-indent:-9999px;}
#ninja-slider ul{position:relative;list-style:none;padding:0;box-sizing:border-box;background:black;}
#ninja-slider li{width:100%;height:500px;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::after{content:"";display:block;position:absolute;width:100%;height:100%;/*background:transparent url(pattern.png) repeat 0 0;*/top:0;left:0;}
#ninja-slider li.ns-show{opacity:1;}
#ninja-slider .ns-img{background-color:rgba(0,0,0,0.8);background-size:contain;border-radius:0px;cursor:default;display:block;position:absolute;width:100%;height:100%;background-repeat:no-repeat;background-position:top center;background-size:100% 100% !important;}
#ninja-slider .caption{font-size:10em;font-family:'Bree Serif', sans-serif;position:absolute;width:100%;text-align:center;color:rgba(255,255,255,0.8);bottom:20%;}
#ninja-slider li[class*='-s'] .caption{-webkit-animation:titleAnimation 5s linear both;animation:titleAnimation 5s linear both;}
@keyframes titleAnimation{0%{opacity:0;}
10%{opacity:0;transform:translateY(-20%);}
20%{opacity:1;transform:translateY(0%);}
70%{opacity:1;transform:translateY(0%);}
80%{opacity:0;transform:translateY(100%);}
100%{opacity:0;transform:translateY(100%);}
}
@-webkit-keyframes titleAnimation{0%{opacity:0;}
10%{opacity:0;-webkit-transform:translateY(-20%);}
25%{opacity:1;-webkit-transform:translateY(0%);}
70%{opacity:1;-webkit-transform:translateY(0%);}
80%{opacity:0;-webkit-transform:translateY(100%);}
100%{opacity:0;-webkit-transform:translateY(100%);}
}
div.navsWrapper{position:absolute;height:52px;right:90px;bottom:9%;z-index:10;}
#ninja-slider-prev, #ninja-slider-next{position:absolute;display:inline-block;width:40px;height:40px;line-height:40px;margin:0;border:2px solid white;backface-visibility:hidden;color:white;overflow:hidden;-webkit-user-select:none;user-select:none;font-family:sans-serif;font-size:14px;transition:all 0.5s;cursor:pointer;}
#ninja-slider-prev{left:auto;right:-1px;}
#ninja-slider-next{left:-1px;right:auto;}
#ninja-slider-prev:hover, #ninja-slider-next:hover{width:80px;background-color:rgba(0,0,0,0.6);}
#ninja-slider-prev div{margin-right:41px;white-space:nowrap;float:right;opacity:0;}
#ninja-slider-next div{margin-left:41px;white-space:nowrap;opacity:0;}
#ninja-slider-prev:hover div, #ninja-slider-next:hover div{opacity:1;}
#ninja-slider-prev::before, #ninja-slider-next::before{position:absolute;top:15px;content:"";display:inline-block;width:8px;height:8px;border-left:2px solid white;border-top:2px solid white;backface-visibility:hidden;}
#ninja-slider-prev::before{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:15px;}
#ninja-slider-next::before{-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg);left:15px;}
#ninja-slider-pager, #ninja-slider-pause-play{display:none;}
@media only screen and (max-width:500px){#ninja-slider-prev, #ninja-slider-next, #ninja-slider-pager{display:none;}
}
@media only screen and (width:1280px){#ninja-slider .caption{font-size:7em;}
.index-banner-sect{height:420px;}
#ninja-slider{height:420px;}
#ninja-slider .slider-inner{height:420px;}
#ninja-slider li{height:420px;}
#ninja-slider .ns-img{height:420px;background-size:conatain;}
.scroll-p{top:511px;}
.img3{top:475px;}
}
@media only screen and (max-width:768px){#ninja-slider .caption{font-size:3em;}
#ninja-slider{width:100%;background:#FFF;padding:0!important;margin:0 auto;overflow:hidden;box-sizing:border-box;height:100%;margin-top:-22px;text-indent:-9999px;}
#ninja-slider .slider-inner{height:100%;}
#ninja-slider ul{padding-top:33% !important;}
#ninja-slider li{height:100%;}
#ninja-slider .ns-img{height:100%;background-size:cover !important;}
}