/* Visit http://www.menucool.com/responsive-slider for instructions */#ninja-slider {    width:100%;    padding-top: 30px;    margin:0 auto;    overflow:hidden;    box-sizing:border-box;}#ninja-slider.fullscreen {    background:#000;}#ninja-slider .fs-icon {    top:6px;    right:6px;    width:60px;    height:26px;    background: rgba(0,0,0,0.2);    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.fullscreen div.fs-icon {    right:30px;}#ninja-slider .fs-icon::before {          content:"EXPAND";    display:block;}#ninja-slider.fullscreen .fs-icon::before {    content:"CLOSE";}#ninja-slider .slider-inner {    max-width:808px;    margin:0 auto;/*center-aligned */    font-size:0px;    position:relative;    box-sizing:border-box;}#ninja-slider.fullscreen .slider-inner {    width:95%;    max-width:800px;}#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;}/* --------- 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.*/    /*decorate border*/    box-shadow: inset 0 0 2px rgba(255,255,255,.3);    border-radius:6px;    cursor:default;    display:block;    position: absolute;    width:100%;    height:100%;    background-repeat:no-repeat;    background-position:center center;}/*---------- Captions -------------------*/#ninja-slider .caption {    padding:20px 40px;    margin:auto;    left:0;right:0;    top:auto;bottom:0px;    width:auto;    text-align:right;    font-family:sans-serif;    font-size:11px;    color:rgba(255,255,255,0.2);    background:none;    /*background:rgba(0,0,0,0.12);*/    position:absolute;    box-sizing:border-box;}#ninja-slider li .cap1 {    color:rgba(255,255,255,0.5);    font:bold 32px arial;    text-align:center;    opacity:0;    bottom:40%;    -webkit-transition:bottom 1.3s, opacity 1s;    transition:bottom 1.3s, opacity 1s;}/*The cap1 of the current slide */#ninja-slider li[class*='-'] .cap1 {    opacity:1;    bottom:20%;}#ninja-slider li .cap2 {    color:rgba(255, 162, 0, 0.5);    font-size:23px;    bottom:15%;    -webkit-transition-delay: 1s;    transition-delay: 1s;}/*The cap2 of the current slide */#ninja-slider li[class*='-s'] .cap2 {    bottom:10%;}/* ---------Arrow buttons ------- */   /* The arrow button id should be: slider id + ("-prev", "-next", and "-pause-play") */ #ninja-slider-pause-play { display:none;}  #ninja-slider-prev, #ninja-slider-next{    position: absolute;    display:inline-block;    width:86px;    height:82px;    line-height:56px;    top: 47%;    margin-top:-51px;/*pager's height should also be counted*/    backface-visibility:hidden;    color:white;    overflow:hidden;    white-space:nowrap;    -webkit-user-select: none;    user-select:none;    border-radius:2px;    z-index:10;    opacity:1;     font-family:sans-serif;       font-size:13px;    cursor:pointer;    -webkit-transition:all 0.7s;    transition:all 0.7s;    background-color: none;}.slider-inner:hover #ninja-slider-prev {	background-image: url("images/left-sel.png");	background-size: cover;} .slider-inner:hover #ninja-slider-next {	background-image: url("images/right-sel.png");	background-size: cover;    }#ninja-slider-prev {    left: -86px; /*set it with a positive value if .slider-inner does not have max-width setting.*/    background-image: url("images/left.png");	background-size: cover;}#ninja-slider-next {	background-image: url("images/right.png");    background-size: cover;    right: -86px;}/* arrows */#ninja-slider-prev::before, #ninja-slider-next::before {    position: absolute;    top: 7px;    content: "";    display: inline-block;    width: 40px;    height: 42px;}#ninja-slider-prev::before {    right:1px;}#ninja-slider-next::before {    left:1px;}/*pagination num within the arrow buttons*/#ninja-slider-prev div, #ninja-slider-next div {display:none;}/*------ pager(nav bullets) ------*/      /* The pager id should be: slider id + "-pager" *//* #ninja-slider-pager { display:none;}*/#ninja-slider-pager{    padding-top:30px; /* set the distance away from the slider */    margin:0 auto; /* center align */    text-align:center;    display:table;    font-size:0;}         #ninja-slider-pager a {    display:inline-block;    width: 10px;    height: 10px;    background-color: #e7cac9;    font-size:0; /* Non-zero will show the index num */    margin:2px 6px;    cursor:pointer;    border-radius:10px;    box-shadow:inset 0 0 1px #666666;}#ninja-slider-pager a:hover {    opacity:0.6;}#ninja-slider-pager a.active {    background-color:#ed174f;    box-shadow:inset 0 1px 3px -1px #28b4ea,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;}/*Responsive settings*/@media all and (max-width: 1023px) {	#ninja-slider .slider-inner {		max-width: 588px;		}	}		@media all and (max-width: 767px) {	#ninja-slider .slider-inner {		width: 73%;		}	#ninja-slider-pager {   		padding-top:22px;   		}	}@media only screen and (max-width:600px){    #ninja-slider-prev, #ninja-slider-next {        display:none;    }    #ninja-slider .slider-inner {		width: 100%;		padding: 0 25px;	}	#ninja-slider .slider-inner ul {		overflow: hidden;		}	#ninja-slider-pager {   		padding-top:20px;   		}    #ninja-slider li .cap1 {        font-size:20px;    }}