

.content {
	position: relative;
	z-index: 100;
}

.container_inner {
	width: 1100px;
	margin: 0 auto
}

.content .container .container_inner {
	padding: 80px 0 0 0
}

.full_width {
	position: relative;
	z-index: 100;
	padding:0; margin:0;
}

.header_bottom .container_inner {
	position: relative
}







@media screen and (min-width:768px) {
	.carousel-control .icon-prev,.carousel-control .icon-next {
		width: 30px;
		height: 30px;
		margin-top: -15px;
		margin-left: -15px;
		font-size: 30px
	}

	.carousel-caption {
		right: 20%;
		left: 20%;
		padding-bottom: 30px
	}
}

.carousel {
	margin-bottom: 0
}

.carousel.full_screen {
	height: 1500px
}





.carousel-inner .slider_content_outer {
	position: relative;
	height: 100%;
	width: 1100px;
	margin: 0 auto;
	z-index: 12
}

.carousel-inner .slider_content {
	position: absolute;
	width: 100%;
	height: 100%
}

.carousel-inner .slider_content.left .thumb {
	text-align: left
}

.carousel-inner .slider_content.right .thumb {
	text-align: right
}

.carousel-inner .active .slider_content .thumb {
	-webkit-animation: rotate 1s 1 ease-out;
	-moz-animation: rotate 1s 1 ease-out;
	-o-animation: rotate 1s 1 ease-out;
	animation: rotate 1s 1 ease-out;
	opacity: 1;
	filter: alpha(opacity = 100);
	-webkit-backface-visibility: hidden
}

.carousel-inner .slider_content .thumb img {
	max-height: 100%
}

.carousel-inner .slider_content .text {
	text-align: center;
	opacity: 0;
	filter: alpha(opacity = 0);
	position: relative;
	display: inline-block;
	width: 100%;
	margin: 10px 0 0 0
}

.carousel-inner .active .slider_content .text {
	-webkit-animation: text-from-bottom 1.5s 1 cubic-bezier(0.165,0.840,0.440,1.000);
	-moz-animation: text-from-bottom 1.5s 1 cubic-bezier(0.165,0.840,0.440,1.000);
	-o-animation: text-from-bottom 1.5s 1 cubic-bezier(0.165,0.840,0.440,1.000);
	animation: text-from-bottom 1.5s 1 cubic-bezier(0.165,0.840,0.440,1.000);
	opacity: 1;
	filter: alpha(opacity = 100)
}


.carousel-inner .active .slider_content .text1 {
	-webkit-animation: text-from-bottom 1.5s 1 cubic-bezier(0.165,0.840,0.440,1.000);
	-moz-animation: text-from-bottom 1.5s 1 cubic-bezier(0.165,0.840,0.440,1.000);
	-o-animation: text-from-bottom 1.5s 1 cubic-bezier(0.165,0.840,0.440,1.000);
	animation: text-from-bottom 1.5s 1 cubic-bezier(0.165,0.840,0.440,1.000);
	opacity: 1;
	filter: alpha(opacity = 100)
}

.carousel-inner .slider_content .text .qbutton {
	margin: 10px 0 0 0
}

.carousel-inner h2 {
	font-size:25px;
	line-height:44px;
	font-weight:300;
	color: #01ffcd;
	text-align: center;
	margin: 10px 0;
	padding: 0
}

.carousel-inner p {
	color: #fff;
	text-align: center;
	font-size: 19px;
	line-height: 24px;
	font-weight: 300;
	margin: 10px 0 15px 0
}

.carousel-inner .dark h2,.carousel-inner .dark p {
	color: #000
}

.carousel-inner .left .text,.carousel-inner .left h2,.carousel-inner .left p {
	text-align: left
}

.carousel-inner .right .text,.carousel-inner .right h2,.carousel-inner .right p {
	text-align: right
}

.carousel-inner {
	left: 0!important;
	position: fixed;
	overflow: hidden;
	width: 100%;
	z-index: 1;
	transform: translate(0px,0px);
	-ms-transform: translate(0px,0px);
	-moz-transform: translate(0px,0px);
	-webkit-transform: translate(0px,0px);
	-o-transform: translate(0px,0px);
	-webkit-transition: left .33s cubic-bezier(0.694,0.0482,0.335,1),margin .33s cubic-bezier(0.694,0.0482,0.335,1);
	-moz-transition: left .33s cubic-bezier(0.694,0.0482,0.335,1),margin .33s cubic-bezier(0.694,0.0482,0.335,1);
	-o-transition: left .33s cubic-bezier(0.694,0.0482,0.335,1),margin .33s cubic-bezier(0.694,0.0482,0.335,1);
	-ms-transition: left .33s cubic-bezier(0.694,0.0482,0.335,1),margin .33s cubic-bezier(0.694,0.0482,0.335,1);
	transition: left .33s cubic-bezier(0.694,0.0482,0.335,1),margin .33s cubic-bezier(0.694,0.0482,0.335,1)
}

.carousel-inner .item img {
	display: inline-block!important
}

.touch .carousel-inner .item {
	background-position: center 0!important
}

.carousel-inner .item .image {
	position: absolute;
	top: 0;
	left: 0;
	background-position: center 0;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%
}

.carousel-inner .item .image img {
	display: none!important;
	width: 0;
	height: 0
}




@-webkit-keyframes text-from-bottom {
	0% {
		-webkit-transform: translate(0,70%);
		opacity: 0
	}

	50% {
		-webkit-transform: translate(0,70%);
		opacity: 0
	}

	100% {
		-webkit-transform: translate(0,0);
		opacity: 1
	}
}

@-moz-keyframes text-from-bottom {
	0% {
		-moz-transform: translate(0,70%);
		opacity: 0
	}

	50% {
		-moz-transform: translate(0,70%);
		opacity: 0
	}

	100% {
		-moz-transform: translate(0,0);
		opacity: 1
	}
}

@-o-keyframes text-from-bottom {
	0% {
		-o-transform: translate(0,70%);
		opacity: 0
	}

	50% {
		-o-transform: translate(0,70%);
		opacity: 0
	}

	100% {
		-o-transform: translate(0,0);
		opacity: 1
	}
}

@keyframes text-from-bottom {
	0% {
		transform: translate(0,70%);
		opacity: 0
	}

	50% {
		transform: translate(0,70%);
		opacity: 0
	}

	100% {
		transform: translate(0,0);
		opacity: 1
	}
}

@-webkit-keyframes rotate {
	0% {
		-webkit-transform: perspective(600px) rotateX(90deg) scale(.5);
		opacity: 0
	}

	50% {
		-webkit-transform: perspective(600px) rotateX(90deg) scale(.5);
		opacity: 0
	}

	100% {
		-webkit-transform: perspective(600px) rotateX(0deg) scale(1);
		opacity: 1
	}
}

@-moz-keyframes rotate {
	0% {
		-moz-transform: perspective(600px) rotateX(90deg) scale(.5);
		opacity: 0
	}

	50% {
		-moz-transform: perspective(600px) rotateX(90deg) scale(.5);
		opacity: 0
	}

	100% {
		-moz-transform: perspective(600px) rotateX(0deg) scale(1);
		opacity: 1
	}
}

@-o-keyframes rotate {
	0% {
		-o-transform: perspective(600px) rotateX(90deg) scale(.5);
		opacity: .2
	}

	50% {
		-o-transform: perspective(600px) rotateX(90deg) scale(.5);
		opacity: .2
	}

	100% {
		-o-transform: perspective(600px) rotateX(0deg) scale(1);
		opacity: 1
	}
}

@keyframes rotate {
	0% {
		transform: perspective(600px) rotateX(90deg) scale(.5);
		opacity: 0
	}

	50% {
		transform: perspective(600px) rotateX(90deg) scale(.5);
		opacity: 0
	}

	100% {
		transform: perspective(600px) rotateX(0deg) scale(1);
		opacity: 1
	}
}

