/*************************
*******Home Page******
**************************/
#main-slider {position: relative;height:290px;}
.no-margin {margin: 0px 0px 0px 0px;padding: 0;}
#main-slider .carousel .carousel-content {margin-top:0px;margin-left:15px;margin-right:15px;}
#main-slider .carousel .slide-margin {margin-top:0px;}
#main-slider .carousel h1 {	color: #fff;font-family:'Open Sans';font-size:40px; font-weight:lighter;}
#main-slider .carousel h2 {	color: #fff;font-family:'Open Sans';	font-size:52px;	font-weight:normal;	line-height:40px; font-weight:bold;}
#main-slider .carousel h3 {	color: #fff;font-family:'Open Sans';	font-size:20px; font-weight:lighter;}
@media (min-width:361px) and (max-width: 767px){
	#main-slider .carousel h1 {font-size:36px;} #main-slider .carousel h2 {font-size:25px;}}

#main-slider .carousel .btn-slide {	padding: 8px 20px;	background: #c52d2f;color: #fff;border-radius: 4px;	margin-top:0px;display: inline-block;}
#main-slider .carousel .slider-img {text-align: right;	position: absolute;}
#main-slider .carousel .item {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	left: 0 !important;
	opacity: 0;
	top: 0;
	position: absolute;
	width: 100%;
	display: block !important;
	height:290px;
	-webkit-transition: opacity ease-in-out 500ms;
	-moz-transition: opacity ease-in-out 500ms;
	-o-transition: opacity ease-in-out 500ms;
	transition: opacity ease-in-out 500ms;
}
#main-slider .carousel .item:first-child {	top: auto;	position: relative;}
#main-slider .carousel .item.active {opacity: 1;-webkit-transition:opacity ease-in-out 500ms;-moz-transition: opacity ease-in-out 500ms;-o-transition:opacity ease-in-out 500ms;transition: opacity ease-in-out 500ms;z-index: 1;}
	
#main-slider .prev, #main-slider .next {position: absolute;top: 50%;background:url(../images/next-2.png); color: #fff;display: inline;margin-top: 10px; width:46px;height: 45px; line-height:45px;text-align: center;	z-index: 5;}
#main-slider .prev:hover, #main-slider .next:hover { background:url(../images/next-2-hover.png) no-repeat;}

#main-slider .prev, #main-slider .prev {position: absolute;top: 50%;background:url(../images/prew-2.png); color: #fff;display: inline;margin-top: 10px; width:46px;height: 45px; line-height:45px;text-align: center;	z-index: 5;}
#main-slider .prev:hover, #main-slider .prev:hover { background:url(../images/prew-2-hover.png) no-repeat;}


#main-slider .prev {left:30px;}
#main-slider .next {right:30px;}
#main-slider .carousel-indicators li {width: 20px;height: 20px;	background-color: #fff;	margin: 0 15px 0 0;	position: relative;}
/*#main-slider .carousel-indicators li:after { position: absolute; content: ""; width: 24px; height: 24px; border-radius: 100%; background: rgba(0, 0, 0, 0); border: 1px solid #FFF;  left: -3px;  top: -3px;}*/

/*#main-slider .carousel-indicators .active {	width: 20px;height: 20px;background-color: #c52d2f;	margin: 0 15px 0 0;	border: 1px solid #c52d2f;position: relative;}
#main-slider .carousel-indicators .active:after { position: absolute;  content: "";  width: 24px;  height: 24px;  border-radius: 100%;  background: #c52d2f;  border: 1px solid c52d2f;  left: -3px;  top: -3px;}

*/#main-slider .active .animation.animated-item-1 {
	-webkit-animation: fadeInUp 300ms linear 300ms both;
	-moz-animation: fadeInUp 300ms linear 300ms both;
	-o-animation: fadeInUp 300ms linear 300ms both;
	-ms-animation: fadeInUp 300ms linear 300ms both;
	animation: fadeInUp 300ms linear 300ms both;
}
#main-slider .active .animation.animated-item-2 {
	-webkit-animation: fadeInUp 300ms linear 600ms both;
	-moz-animation: fadeInUp 300ms linear 600ms both;
	-o-animation: fadeInUp 300ms linear 600ms both;
	-ms-animation: fadeInUp 300ms linear 600ms both;
	animation: fadeInUp 300ms linear 600ms both;
}
#main-slider .active .animation.animated-item-3 {
	-webkit-animation: fadeInUp 300ms linear 900ms both;
	-moz-animation: fadeInUp 300ms linear 900ms both;
	-o-animation: fadeInUp 300ms linear 900ms both;
	-ms-animation: fadeInUp 300ms linear 900ms both;
	animation: fadeInUp 300ms linear 900ms both;
}
#main-slider .active .animation.animated-item-4 {
	-webkit-animation: fadeInUp 300ms linear 1200ms both;
	-moz-animation: fadeInUp 300ms linear 1200ms both;
	-o-animation: fadeInUp 300ms linear 1200ms both;
	-ms-animation: fadeInUp 300ms linear 1200ms both;
	animation: fadeInUp 300ms linear 1200ms both;
}