.slider {
	margin: 0 auto;
}

.carousel-control-next, .carousel-control-prev {
	width:10%;
	min-width:50px;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
	width:50px;
	height:50px;
}

.carousel-indicators li {
	opacity:1;
	height:3px;
	background-color:#fff;
}

.carousel-indicators .active {
	background-color:#c22026;
}

/*.carousel-fade .carousel-inner .item  {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control,
.carousel-slideOutLeft .carousel-control,
.carousel-slideInRight .carousel-control {
  z-index: 2;
}

.carousel-control.left, .carousel-control.right {
	background:none !important;
}

.carousel-control {
	opacity:1 !important;
	width:42px !important;
	height:79px !important;
	top:50% !important;
}

.carousel-control .icon-next, .carousel-control .icon-prev {
	width:42px !important;
	height:79px !important;
}

.carousel-control .icon-prev::before {
	content:"" !important;
	background: transparent url(images/arrow-left.png) no-repeat left top !important;
	display:block !important;
	position:relative !important;
	width:42px !important;
	height:79px !important;
}

.carousel-control .icon-next::before {
	content:"" !important;
	background: transparent url(images/arrow-right.png) no-repeat left top !important;
	display:block !important;
	position:relative !important;
	width:42px !important;
	height:79px !important;
}

.carousel .carousel-item .sc-menu {
	right:30px;
}
/*

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/

/*
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
	
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
	
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

@media all and (max-width: 1280px) {
	.carousel-control {
		top:33% !important;
	}
}

@media all and (max-width: 480px) {
	.carousel-control {
		display:none
	}
}*/