/* Bike demo styles */

.background-color-main{
	color: #ed2b2b;
}

.text-color-main{
	color: #ed2b2b;
}

.product-grid .product .image{
	background: #fff
}

.hot-deals .box-content.products {
	background: #f5f6f6;
}


.btn-banner{
	background: transparent;
	border: 1px solid #fff;
	padding: 15px 30px;

}

.btn-banner:hover{
	background: #fff;
	color: #000 !important;
}


/* Bikes skin */

.home-categories{
	overflow: hidden;
	margin-top: 25px;
}

.home-categories .category{
	float: left;
	width: 25%;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.home-categories .category:nth-child(2n){
	background: #f3f3f3a3;
}

.home-categories .category img{
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
}

.home-categories .category:hover img{
	transform: scale(1.05)
}

.home-categories .category .cat-title{
	font-weight: 600;
	font-size: 25px;
	position: absolute;
	bottom: 20px;
	left: 10px;
	right: 10px;
	text-align: center;
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
}

@media (max-width: 1200px) {


	.responsive .home-categories .category .cat-title{
		font-size: 20px;
	}

}
@media (max-width: 991px) {

	.responsive .home-categories .category{
		width: 50%;
	}

	.responsive .home-categories .category .cat-title{
		font-size: 18px;
	}

}
@media (max-width: 450px) {

	.responsive .home-categories .category{
		width: 100%;
	}


}



.advanced-banners-top .sale-banner{
	padding: 180px 20px;
	overflow: hidden;
	position: relative;
	text-align: center;
	height: 630px;
}

.advanced-banners-top .sale-banner:after{
	content: "";
	background: rgba(0,0,0, 0.8);
	opacity: 0;
	position: absolute;
	z-index: 0;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	-webkit-transition: all 0.5s;
	-moz-transition:    all 0.5s;
	-o-transition:      all 0.5s;
	transition:         all 0.5s;
}

.advanced-banners-top .sale-banner:hover:after{
	opacity: 1;
	z-index: 2
}

.advanced-banners-top .sale-banner .btn-banner{
	position: relative;
	z-index: 3;
	margin-top: 30px;
}

.advanced-banners-top .sale-banner .bg-banner{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-size:cover;
	background-position: center;
	z-index: 1;
	-webkit-transition: all 0.5s;
	-moz-transition:    all 0.5s;
	-o-transition:      all 0.5s;
	transition:         all 0.5s;
}

.advanced-banners-top .sale-banner:hover .bg-banner{
	transform: scale(1.3)
}

.advanced-banners-top .sale-banner .sale-title{
	font-size: 50px;
	color: #fff;
	font-weight: 500;
	line-height: 60px;
	position: relative;;
	z-index: 3;
}



.advanced-banners-top .banner-right{
	height: 300px;
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
	color: #222;
}

.advanced-banners-top .banner-right:after{
	content: "";
	background: rgba(0,0,0, 0.8);
	opacity: 0;
	position: absolute;
	z-index: 0;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	-webkit-transition: all 0.5s;
	-moz-transition:    all 0.5s;
	-o-transition:      all 0.5s;
	transition:         all 0.5s;
}

.advanced-banners-top .banner-right:hover:after{
	opacity: 0;
	z-index: 2
}

.advanced-banners-top .banner-right .btn{
	position: relative;
	z-index: 3;
	padding: 10px 20px;
	font-size: 15px;
	margin-top: 20px;
}


.advanced-banners-top .banner-right.second .btn{
	color: #ed2b2b !important;
	font-weight: 600;
	padding: 0;
	border-radius: 0;
	border-bottom: 1px solid #ed2b2b;
}

.advanced-banners-top .banner-right.second .btn:hover{
	color: #222 !important;
}

.advanced-banners-top .banner-right .bg-banner{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-size:cover;
	background-position: center;
	z-index: 1;
	-webkit-transition: all 0.5s;
	-moz-transition:    all 0.5s;
	-o-transition:      all 0.5s;
	transition:         all 0.5s;
}

.advanced-banners-top .banner-right:hover .bg-banner{
	transform: scale(1.2)
}

.advanced-banners-top .banner-right .banner-title{
	padding: 75px 10px;
	float: right;
	position: relative;
	z-index: 3
}

.advanced-banners-top .banner-right.second .banner-title{
	padding: 25px;
	float: left;
	position: relative;
	z-index: 3
}

@media (max-width: 767px) {

	.responsive .advanced-banners-top .sale-banner {
		padding: 60px 20px;
		overflow: hidden;
		position: relative;
		text-align: center;
		height: auto;
		margin-bottom: 30px;
	}

}


.advanced-banner-seasonsale{
	padding-top: 140px;
	padding-bottom: 90px;
	overflow: hidden;
}

.advanced-banner-seasonsale .banner-wrapper{
	position: relative;
	padding: 110px 0;
}

.advanced-banner-seasonsale .banner-wrapper .banner-title{
	position: relative;
	z-index: 3;
}

.advanced-banner-seasonsale .banner-wrapper .banner-image{
	z-index: 2;
}


@media (max-width: 1200px) {


	.responsive .advanced-banner-seasonsale .banner-wrapper .banner-image{
		right: -200px !important;
		top: 20px !important;
	}
	.responsive .advanced-banner-seasonsale .banner-wrapper .banner-image img{
		max-width: 700px;
	}
}
@media (max-width: 767px) {

	.responsive .advanced-banner-seasonsale{
		display: none
	}

	.responsive .advanced-banner-seasonsale .banner-wrapper .banner-image{
		display: none;
	}

}


/* Footer features */


.footer-features{
	z-index: 99
}

.footer-features .container{
	padding: 50px !important;
	color: #fff;
}

.footer-features .feature-item{
	width: 100%;
	display: table;
}


.footer-features .feature-item > div{
	display: table-cell;
	vertical-align: middle;
}


.footer-features .feature-item > .feature-label{
	padding-left: 15px;
	padding-right: 30px;
}

@media (max-width: 1400px) {
	.responsive .footer-features{
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.responsive .footer-features .feature-item{
		margin: 15px 0;
	}
}
@media (max-width: 1200px) {

	.responsive .footer-features .container{
		padding: 10px 30px !important;
	}
	.responsive .footer-features .feature-item{
		margin: 25px 0;
	}
}