/********************************/
/*          Main CSS     */
/********************************/


#walton-slider .carousel-indicators {
  bottom: 0;
}

#walton-slider .carousel-control.right,
#walton-slider .carousel-control.left {
  /* background-image: none; */
  z-index:99999999;
}

#walton-slider .carousel-control.left  {
	-moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);
}


#walton-slider .carousel .item {
	min-height:700px; 
	height: 100%;
	width:100%;
}

#walton-slider .carousel .item img {
	width:100%;
	min-width:1900px;
	min-height:700px;
}


#walton-slider .mb-tit01{
  animation-delay: 0.2s;
}

#walton-slider .mb-tit02 {
  animation-delay: 0.4s;
}

#walton-slider .mb-tit03 {
  animation-delay: 0.6s;
}

#walton-slider .mb-link {
	animation-delay: 0.8s;
}


#walton-slider .carousel-control {
	width:36px;
	opacity:0.5;
	/* text-shadow: none; */
	background:url('../../img/common/mainbanner-arrow.png') 0 0 no-repeat;
	 -webkit-transition-property: opacity;
  transition-property: opacity;
}

#walton-slider .carousel-control:hover {
	opacity:1;
	 -webkit-transition-property: opacity;
  transition-property: opacity;
}


#walton-slider .carousel-indicators {
	z-index:999999;
}

#walton-slider .carousel-indicators li {
    width: 13px;
    height: 13px;
	border:none;
}
#walton-slider .carousel-indicators .active{
    width: 13px;
    height: 13px;
	border:none;
}



/* Paging Animation */

.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.carousel-control .fa-angle-right, .carousel-control .fa-angle-left {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}

.carousel-control {
    opacity: 1;
    filter: alpha(opacity=100);
}


@media only screen and (max-width:1024px) {
	#walton-slider .carousel .item {
		min-height:650px; 
		height: 100%;
		width:100%;
	}
	#walton-slider .carousel .item img {
		min-width:1750px;
		min-height:650px;
	}
}


@media only screen and (max-width:580px) {
	#walton-slider .carousel .item {
		min-height:435px; 
		height: 100%;
		width:100%;
	}
	#walton-slider .carousel .item img {
		min-width:1170px;
		min-height:430px;
	}

	#walton-slider .carousel-control{
		display:none;
	}

	#walton-slider .carousel-indicators {
		display:none;
	}
}

@media only screen and (max-width: 736px) and (orientation: landscape) {
	#walton-slider .carousel-control{
		display:block;
	}

	#walton-slider .carousel .item {
		min-height:350px; 
		height: 100%;
		width:100%;
	}
	#walton-slider .carousel .item img {
		min-width:950px;
		min-height:350px;
	}

	.mb-left-bg {
		position: absolute;
		z-index: 1;
		top: 0px;
		left: 0px;
		width: 74%;
		height: 100%;
		background: url(../../img/mainbanner/mainbanner-bg-green.png) right 0 no-repeat;
	}
}

@media only screen and (max-width: 667px) and (orientation: landscape) {
	#walton-slider .carousel .item {
		min-height:305px; 
		height: 100%;
		width:100%;
	}
	#walton-slider .carousel .item img {
		min-width:800px;
		min-height:305px;
	}

	#walton-slider .carousel-control{
		display:none;
	}
}

@media only screen and (max-width: 568px) and (orientation: landscape) {
	#walton-slider .carousel .item {
		min-height:250px; 
		height: 100%;
		width:100%;
	}
	#walton-slider .carousel .item img {
		min-width:734px;
		min-height:250px;
	}
}


/********************************/
/*       Slides backgrounds     */
/********************************/
#walton-slider .slide1 {
	/* background-image: url(http://s20.postimg.org/h50tgcuz1/image.jpg); */
	background-size: cover;
	background-repeat: no-repeat;
}
#walton-slider .slide2 {
	/* background-image: url(http://s20.postimg.org/uxf8bzlql/image.jpg); */
	background-size: cover;
	background-repeat: no-repeat;
}
#walton-slider .slide3 {
	/* background-image: url(http://s20.postimg.org/el56m97f1/image.jpg); */
	background-size: cover;
	background-repeat: no-repeat;
}
#walton-slider .slide4 {
	/* background-image: url(http://s20.postimg.org/66pjy66dp/image.jpg); */
	background-size: cover;
	background-repeat: no-repeat;
}