
.carousel-control {
	margin-top: 50px;
}
.arrow {
padding: 12px;
width: 15px !important;
height: 15px;
color: #ffffff;
background: #93328e;
border-radius: 100px;
opacity: 1;
}
.arrow-next i {
font-size: 10pt;
font-weight:700;
right: 6px;
position:absolute;
top:6px;
box-shadow: none;
}
.arrow-prev i {
font-size: 10pt;
font-weight:700;
right: 8px;
position:absolute;
top:6px;
box-shadow: none;
}
.fa-1x {
font-size: 27px;
margin-bottom: 3px;
padding-right: 10px;
}
.carousel-inner > .active {
float: none;
display: block;
}
.story .story-read-more {
cursor: pointer;
}
.story.open .story-read-more {
display: none;
}
.story .hidden-content {
display: none;
}
.story.open .hidden-content {
display: inline;
}
.story .story-read-less {
display: none;
}
.story.open .story-read-less {
display: inline;
text-decoration: underline;
cursor: pointer;
}
.carousel-inner { margin: auto; width: 90%; height:190px; }
.carousel-control 			 { width:  4%; }
.carousel-control.left,
.carousel-control.right {
background-image:none;
}

.glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
margin-top:-10px;
margin-left: -10px;
color: #444;
}

.carousel-inner img.img-responsive {
max-height: 150px;
margin: 0 auto;
max-width: 100%;
}

@media (max-width: 767px) {
.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
  left: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
  left: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

}
@media (min-width: 767px) and (max-width: 992px ) {
.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
  left: 0;
  -webkit-transform: translate3d(50%, 0, 0);
  transform: translate3d(50%, 0, 0);
}
.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
  left: 0;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}
}
@media (min-width: 992px ) {
.carousel-inner { margin: auto; width: 90%; height:200px; }
.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
  left: 0;
  -webkit-transform: translate3d(16.7%, 0, 0);
  transform: translate3d(16.7%, 0, 0);
}
.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
  left: 0;
  -webkit-transform: translate3d(-16.7%, 0, 0);
  transform: translate3d(-16.7%, 0, 0);
}

}