.fraction-slider{
	position:relative;
	width:100%; height:100%;
	overflow:visible;
}

.fraction-slider .slide{
	display:none; width:100%; height:100%;
	position:absolute;
	z-index:100;
}

.fraction-slider .active-slide{
	z-index:110;
}

.fraction-slider .fs_obj{
	display:block; display:none;
	position:absolute;
	top:0px; left:100%;
	z-index:130;
}

.fraction-slider .fs_fixed_obj{
	z-index:120;
	left:0;
}

.fraction-slider .fs_obj *{
	display:inline-block;
	position:relative;
	top:0px; left:0px;
}

.fs_loader{
	width:100%; height:400px;
}


/** PAGER **/

.fs-pager-wrapper{
	position:absolute;
	left:30px; bottom:20px;
	z-index:111;	
}

.fs-pager-wrapper a,
.fs-custom-pager-wrapper a{ margin: 0 10px 0 0; display: inline-block; vertical-align: middle;width:20px; height: 20px; cursor: pointer; background: #fff; border:none; border-radius: 16px; text-indent: -9999px;
}
.fs-pager-wrapper .active,
.fs-custom-pager-wrapper .active{background: #255599;
}

.spinners {
  margin:0 auto 0; position: relative; top: 150px;
  width: 100px;
  height:60px;
  text-align: center;
  font-size: 10px;
}

.spinners > div {
  background-color: #fff;
  height: 100%;
  width: 10px;
  display: inline-block;
  
  -webkit-animation: stretchdelays 1.2s infinite ease-in-out;
  animation: stretchdelays 1.2s infinite ease-in-out;
}

.spinners .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinners .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinners .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinners .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelays {
  0%, 40%, 100% { -webkit-transform: scaleY(0.5) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelays {
  0%, 40%, 100% { 
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}


.fraction-slider .prev{ position: absolute; margin: -35px 0 0; left:-90px; border-radius:50px;top: 50%; width: 70px; line-height:40px; height: 70px; z-index: 111;background-color:#333; background:rgba(0,0,0,0.2);	
    padding: 15px;
    text-align: center;}
.fraction-slider .prev:before{ content: "\f150"; font-family: "Ionicons"; font-size:40px; color:#fff; position: relative; left: -2px;}

.fraction-slider .next{ position: absolute; margin: -35px 0 0;right:-90px; border-radius:50px;top: 50%; width: 70px; line-height:40px; height: 70px; z-index: 111;background-color:#333; background:rgba(0,0,0,0.2);	
    padding: 15px;
    text-align: center;}
.fraction-slider .next:before{ content: "\f152"; font-family: "Ionicons"; font-size:40px; color:#fff; position: relative; right: -2px;}