/*featured items*/
.ckBox, .checkbox{ display:none; }

.overflow{ width: 100%; overflow: hidden; height:auto;  }
.controls label{ cursor:pointer; display: none; text-indent:-999999px; z-index:100; width:88px; position:absolute; height:35px; line-height:35px; right:0; bottom:46%; }
.slider{position:relative;}
.slide-scroll .list{ width: 130px; float: none; }

#new-slider .block-title{background:#8ECC99;}
#re-slider .scroll .list{width:20%; float:left; text-align:center; padding-top:10px;}
#re-slider .scroll .item{width:23.7%; display:inline-block;}

.imgBox *{vertical-align:middle;}
.imgBox i{width:1px; height:100%; display:inline-block; }

.scroll .item{ float:none; text-align:center; width:100%; }
.scroll .item a{display: block; color: #333; text-decoration:none; font-size: 13px; text-align: center; border: none; padding: 5px; margin:0 0 8px; }
.scroll .item img{max-width:95%; max-height:88px;}
.scroll .item div{  position:relative; height:140px; width:100%; text-align:center;  display:inline-block; background:#fff; padding:0 5px;}
.scroll h5{ height:45px; margin:9px 0 10px; font-size:12px; overflow:hidden; font-weight:normal; text-transform:capitalize; color:#555; text-align:left; padding:0px;}
.scroll p{float:left; margin:6px 0 0; color:#000; font-size:15px; font-weight:bold;}
.scroll p i{font-style:normal;}

.slider-right .scroll .list span{display:none; width:90px;}
.slider-right h5{text-align:center; padding:0 5px;}
.slider-right .scroll .item div {height:90px; width:90px;}
.rscroll.slide-scroll .list{width:200px;}
.rscroll .item{display:inline-block; padding:0px 10px; width:auto;}
.rscroll .item div{height:140px; width:95%; margin-top:12px; display:inline-block; padding:10px 13px; text-align:center; left:auto;}
.scroll .item span{cursor:pointer; float:right; color:#fff; float:right;  text-transform:uppercase; background:#0f3188; padding:7px; font-size:12px; }
.rscroll h5{margin:10px 0 !important; display:inline-block; text-align:left !important; padding:0;}
.item span:hover{background:#000;}

.slider .controls .active label:hover { background: #000; border-color: #000 !important; }
.slider .controls label:hover { opacity: 0.8; }
.slider .active { margin-top:10px; text-align: center; width:100%; text-align:center; }
.slider .active label { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; width: 10px; height: 10px; background: #c5c5c5; cursor:pointer; }

.slide-scroll .inner {width:500%; -webkit-transform: translateZ(0);
  -webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
  -moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
     -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
        transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);

  -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
  -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
        transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);}

.controls label{  /*-webkit-transform: translateZ(0); transform: translateZ(0);*/  -webkit-transition: opacity 0.2s ease-out;  -moz-transition: opacity 0.2s ease-out;  -o-transition: opacity 0.2s ease-out;  transition: opacity 0.2s ease-out;}
.controls, .slide-scroll, .active, .active label{   -webkit-transition: all 0.5s ease-out;  -moz-transition: all 0.5s ease-out;  -o-transition: all 0.5s ease-out;  transition: all 0.5s ease-out;}

/*fi slider*/

#fi-slider .block-title{background:#0f3188;}
#re-slider {border:1px solid #ddd; padding-bottom:15px; background:#efefef;}
#fi-slider.slider-right, #new-slider.slider-left{ position:relative;  padding-bottom:50px;}
#fi-slider{border:1px solid #e6e6e6  ; margin-bottom:15px; background:#c4d3f9 ;}
#fi-slider .overflow{ width: 100%; overflow: hidden; height:745px; margin-top:45px; }
#fi-slider.slide-scroll .inner { width: 100%; height:745px; }
#fi-slider .scroll p{ color:#000; font-size:15px; font-weight:bold; float:none; text-align:center; height:auto; line-height:normal; margin-bottom:0px; }
#fi-slider .scroll p{font-size:16px; color:#0f3188;}

#fislide1:checked ~ .slide-scroll .inner { margin-top:0; }
#fislide2:checked ~ .slide-scroll .inner { margin-top:-745px; }
#fislide3:checked ~ .slide-scroll .inner { margin-top:-1520px; }

#fislide1:checked ~ .controls label:nth-child(2), 
#fislide2:checked ~ .controls label:nth-child(3), 
#fislide3:checked ~ .controls label:nth-child(1) { background: url(../images/arw-vert.png) right top no-repeat; display: block; left:52px; right:0;  height:25px; width:25px; top:45px;}

#fislide1:checked ~ .controls label:nth-child(3),
#fislide2:checked ~ .controls label:nth-child(1),
#fislide3:checked ~ .controls label:nth-child(2) { background: url(../images/arw-vert.png) left bottom no-repeat; display: block; height:30px;  left:53px; width:25px; bottom:10px;  height:25px;}


/*new arival*/
 
#new-slider{background:#F1F8EE; border:1px solid #e6e6e6 ; border-top:0px; margin-top:15px; margin-bottom:15px;}
#new-slider .overflow{width: 100%; overflow: hidden; height:1010px; margin-top:45px; }
#new-slider.slide-scroll .inner {height:1010px; width:100%;}
 
#naslide1:checked ~ .slide-scroll .inner { margin-top:0; }
#naslide2:checked ~ .slide-scroll .inner { margin-top:-1005px; }
#naslide3:checked ~ .slide-scroll .inner { margin-top:-2010px; }

#naslide1:checked ~ .controls label:nth-child(2), 
#naslide2:checked ~ .controls label:nth-child(3), 
#naslide3:checked ~ .controls label:nth-child(1) { background: url(../images/arw-vert.png) right top no-repeat; display: block; left:43%; right:0;  height:25px; width:25px; top:45px;}

#naslide1:checked ~ .controls label:nth-child(3),
#naslide2:checked ~ .controls label:nth-child(1),
#naslide3:checked ~ .controls label:nth-child(2) { background: url(../images/arw-vert.png) left bottom no-repeat; display: block; height:25px;  left:43%; width:25px; bottom:10px; }


/*Rel items*/
#rislide1:checked ~ .slide-scroll .inner { margin-left:0; }
#rislide2:checked ~ .slide-scroll .inner { margin-left:-100%; }
#rislide3:checked ~ .slide-scroll .inner { margin-left:-200%; }
#rislide4:checked ~ .slide-scroll .inner { margin-left:-300%; }
#rislide5:checked ~ .slide-scroll .inner { margin-left:-400%; }


#rislide1:checked ~ .active label:nth-child(1),
#rislide2:checked ~ .active label:nth-child(2),
#rislide3:checked ~ .active label:nth-child(3),
#rislide4:checked ~ .active label:nth-child(4),
#rislide5:checked ~ .active label:nth-child(5) {
	background: #0f3188;
	border-color: #0f3188!important;
}