.main-carousel-wrapper {
  background: -webkit-linear-gradient(bottom, #e1e1e1, #fff);
  background: -moz-linear-gradient(bottom, #e1e1e1, #fff);
  background: -o-linear-gradient(bottom, #e1e1e1, #fff);
  background: linear-gradient(to top, #e1e1e1, #fff);
}
@media (min-width: 768px) {
  .main-carousel-wrapper .carousel-inner {
    height: 246px;
  }
}
@media (min-width: 992px) {
  .main-carousel-wrapper .carousel-inner {
    height: 320px;
  }
}
@media (min-width: 1200px) {
  .main-carousel-wrapper .carousel-inner {
    height: 390px;
  }
}
.main-carousel-wrapper .carousel-inner img.animated {
  position: absolute;
  left: 0;
  top: 0;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
    line-height: 1;
}
.main-carousel-wrapper .control {
  position: absolute;
  top: 50%;
}
.carousel-control {
  font-size: 30px;
  width: 50px;
}
.carousel-control.left, .carousel-control.right {
  background: none;
}
.carousel-control.left, .carousel-control.left:hover, .carousel-control.right, .carousel-control.right:hover {
  opacity: 1;
}
.carousel-control.left:hover {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#26000000", endColorstr="#00000000", GradientType=1);
}
.carousel-control.right:hover {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#26000000", GradientType=1);
}
.carousel-control .control {
  width: 30px;
  margin-top: -15px;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.carousel-control.left .control {
  left: 50%;
  margin-left: -20px;
}
.carousel-control.right .control {
  right: 50%;
  margin-right: -20px;
}
.carousel-control.left {
	cursor: w-resize;
}
.carousel-control.right {
	cursor: e-resize;
}

.main-carousel-wrapper .carousel-control .control, .main-carousel-wrapper .carousel-indicators {
  opacity: 0;
}
.main-carousel-wrapper:hover .carousel-control .control, .main-carousel-wrapper:hover .carousel-indicators {
  opacity: 1;
}

.carousel-title {
  color: #5F8DDA;
  border-bottom: 1px solid #000;
  padding-bottom: 10px;
  margin: 10px 0 25px;
}

.alt-carousel-controls-container {
  position: relative;
  float: right;
  width: 60px;
}
.alt-carousel-controls-container .carousel-control {
  background: none;
  color: inherit;
}
.alt-carousel-controls-container .carousel-control.left :not(:hover), .alt-carousel-controls-container .carousel-control.right :not(:hover) {
  color: #253746;
}

h4 .alt-carousel-controls-container {
  width: 50px;
}
h4 .alt-carousel-controls-container .carousel-control .control {
  font-size: 20px;
}

a.content-box {
  color: inherit;
  border: 1px solid red;
  display: block;
}
a.content-box:hover {
  text-decoration: none;
}

.carousel.fade {
  opacity: 1;
}
.carousel.fade .item {
  -moz-transition: opacity ease-in-out 2s;
  -o-transition: opacity ease-in-out 2s;
  -webkit-transition: opacity ease-in-out 2s;
  transition: opacity ease-in-out 2s;
  left: 0 !important;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block !important;
  z-index: 1;
}
.carousel.fade .item:first-child {
  top: auto;
  position: relative;
}
.carousel.fade .item.active {
  opacity: 1;
  -moz-transition: opacity ease-in-out 2s;
  -o-transition: opacity ease-in-out 2s;
  -webkit-transition: opacity ease-in-out 2s;
  transition: opacity ease-in-out 2s;
  z-index: 2;
}