.carousel {
  position: relative;
}

.carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden;
}

	.carousel-inner > .item {
		position: relative;
		display: none;
		-webkit-transition: .6s ease-in-out left;
		-o-transition: .6s ease-in-out left;
		transition: .6s ease-in-out left;
	}
	
		.carousel-inner > .item > img,
		.carousel-inner > .item > a > img {
			display: block;
			width: 100%;
			height: auto;
		}

	@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner > .item {
			-webkit-transition: -webkit-transform .6s ease-in-out;
			-o-transition: -o-transform .6s ease-in-out;
			transition: transform .6s ease-in-out;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
			-webkit-perspective: 1000px;
			perspective: 1000px;
    }

		.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);
		}

		.carousel-inner > .item.next.left,
		.carousel-inner > .item.prev.right,
		.carousel-inner > .item.active {
			left: 0;
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		}
	}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
    display: block;
}

.carousel-inner > .active {
    left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner > .next {
    left: 100%;
}

.carousel-inner > .prev {
    left: -100%;
}

    .carousel-inner > .next.left,
    .carousel-inner > .prev.right {
        left: 0;
    }

.carousel-inner > .active.left {
    left: -100%;
}

.carousel-inner > .active.right {
    left: 100%;
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 10%;
    font-size: 140%;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    background-color: transparent;
    filter: alpha(opacity=50);
    opacity: .5;
}

    .carousel-control.left {
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
        background-repeat: repeat-x;
    }

    .carousel-control.right {
        right: 0;
        left: auto;
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
        background-repeat: repeat-x;
    }

    .carousel-control:hover,
    .carousel-control:focus {
        color: #fff;
        text-decoration: none;
        filter: alpha(opacity=90);
        outline: 0;
        opacity: .9;
    }

    .carousel-control .icon-prev,
    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block;
        margin-top: -10px;
    }

    .carousel-control .icon-prev,
    .carousel-control .glyphicon-chevron-left {
        left: 50%;
        margin-left: -5px;
    }

    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-right {
        right: 50%;
        margin-right: -5px;
    }

    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 20px;
        height: 20px;
        font-family: serif;
        line-height: 1;
    }

        .carousel-control .icon-prev:before {
            content: '\2039';
        }

        .carousel-control .icon-next:before {
            content: '\203a';
        }

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #000 \9;
        background-color: transparent;
        border: 2px solid #9d0e35; /* 9d0e35 777777 by gray */
        border-radius: 10px;
    }

    .carousel-indicators .active {
        width: 12px;
        height: 12px;
        margin: 0;
        background-color: #9d0e35; /* 9d0e35 777777 by gray */
    }

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

	.carousel-caption .btn {
			text-shadow: none;
	}

	@media screen and (min-width: 768px) {
		.carousel-control .glyphicon-chevron-left,
		.carousel-control .glyphicon-chevron-right,
		.carousel-control .icon-prev,
		.carousel-control .icon-next {
				width: 30px;
				height: 30px;
				margin-top: -10px;
				font-size: 190%;
		}

		.carousel-control .glyphicon-chevron-left,
		.carousel-control .icon-prev {
				margin-left: -10px;
		}

		.carousel-control .glyphicon-chevron-right,
		.carousel-control .icon-next {
				margin-right: -10px;
		}

		.carousel-caption {
				right: 20%;
				left: 20%;
				padding-bottom: 30px;
		}

		.carousel-indicators {
				bottom: 5px;
		}
	}

.cj-slider-text {
	position: absolute;
	width: 100%;
	bottom: 0px;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	/*text-align: center;*/
	font-size: 200%;
	background: rgba(0, 0, 0, 0.5);
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

	.cj-slider-text >span {
		padding-left:10px;
		padding-right:10px;
	}
	
	@media screen and (max-width: 768px) {	
		.cj-slider-text {
			font-size: 150%;
			bottom: 0px;
			padding-top: 15px;
			padding-bottom: 15px;
		}
	}
	
	@media screen and (max-width: 500px) {	
		.cj-slider-text {
			font-size: 100%;
			bottom: 0px;
			padding-top: 5px;
			padding-bottom: 5px;
		}
	}

.mobile-slider {
	/*margin-top: 120px;*/
}
	@media screen and (max-width: 770px) {
		.mobile-slider {
			max-width: 100% !important;
			/*margin-top: 65px;*/
		}
	}