body{
	font-size: 16px;
	color: #333;
	font-family: 'Open Sans', sans-serif;
	background: #fff;
}
@font-face {
     font-family: 'khand';
    src: url(../fonts/Khand-Light.ttf);
}
.khandbd{
    font-family: 'khand';
}
.img{
	margin: 0 auto;
}
img{
	margin: 0 auto;
}
/*======================================================*/
					/*coman class*/
/*======================================================*/
ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
li {
	padding: 0px;
}
p{
	margin: 0px;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #999;
	text-decoration: none;
}
.text-upp{
	text-transform: uppercase;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}

/*----------------------color-------------------------*/

.whiteclr{
	color: #fff;
}
.blackclr{
	color: #000;
}

/*----------------------size-------------------------*/
.f10 {
	font-size: 10px;
}
.f12 {
	font-size: 12px;
}
.f14 {
	font-size: 14px;
}
.f16 {
	font-size: 16px;
}
.f18 {
	font-size: 18px;
}
.f20 {
	font-size: 20px;
}
.f26 {
	font-size: 26px;
}
.f30 {
	font-size: 30px;
}
.f40 {
	font-size: 40px;
}


/*----------------------weight-------------------------*/

.f400 {
	font-weight: 400;
}
.f700 {
	font-weight: 700;
}
.f900 {
	font-weight: 900;
}
/*----------------------space-------------------------*/
.mtop0{
	margin-top: 0;
}
.mtop10 {  margin-top: 10px;}
.mtop20 {  margin-top: 20px;}
.mtop30 {  margin-top: 30px;}
.mtop40 {  margin-top: 40px;}
.mtop50 {  margin-top: 50px;}
.mtop60 {  margin-top: 60px;}
.mtop70 {  margin-top: 70px;}
.mtop80 {  margin-top: 80px;}
.mtop90 {  margin-top: 90px;}
.mtop100 {  margin-top: 100px;}
.mtop150 {  margin-top: 150px;}
.mtop110 {  margin-top: 110px;}


.pad10 {  padding-top: 10px;}
.pad20 {  padding-top: 20px;}
.pad30 {  padding-top: 30px;}
.pad40 {  padding-top: 40px;}
.pad50 {  padding-top: 50px;}
.pad60 {  padding-top: 60px;}
.pad70 {  padding-top: 70px;}
.pad80 {  padding-top: 80px;}
.pad90 {  padding-top: 90px;}
.pad100 {  padding-top: 100px;}

.padbtm110 {  padding-bottom: 110px;}
.padbtm50 {  padding-bottom: 50px;}

.margin0 { margin: 0px;}
.pad0 { margin: 0px;}

.mrt20{
	margin-left: 20px;
}
/*======================================================*/
					/* End coman class*/
/*======================================================*/
.affix{
	top:0;
	width: 100%;
	z-index: 99999;
	background: #fff;
}
.navbar-default{
	background: none !important;
}
.navbar-nav li a{
	padding-bottom: 0px;
}
/*======================================================*/
					/* banner*/
/*======================================================*/
.banner{
	background: #e5e5e5;
}
.banner-img{
	position: relative;
}

.banner-text{
	position: absolute;
	text-align: center;
	top: 0;
	margin:  0 auto;
	width: 100%;
	top:40%;
}
.about-bg{
	background: url(../img/header-bg_03.png)no-repeat;
	background: cover;
}
.icon ul{
	list-style: none;
}
.icon li{
	display: inline-block;
	padding:20px 25px 15px 25px;
}	

#About{
	padding: 45px 0;
}
/*======================================================*/
					/* wheels section*/
/*======================================================*/
.wheeltriangle{
	background: url(../img/2-bg_02.png)no-repeat;
	padding-bottom: 90px;
	background-size: cover;
	display: block;
}
.wheel li{
	display: list-item;
}
/*======================================================*/
					/* bicycles section*/
/*======================================================*/
.bicyclestriangle{
	background: url(../img/2.png)no-repeat !important;
	padding-bottom: 90px;
	background-size: cover;
	display: block;
}
.bicycles li{
	display: list-item;
}
/*======================================================*/
					/* footer section*/
/*======================================================*/
footer{
	background: #000;
}
.footer ul{
	list-style: none;
}
.footer li{
	display: inline-block;
	padding: 10px;
}

@media (max-width: 800px){
	.banner-text h3{
		font-size: 14px;
	}
}

@media (min-width: 801px) and (max-width:1100px){
	.banner-text h3{
		font-size: 20px;
	}
}


@media(max-width: 767px){
	.image li a img{
		width: 35px !important;
		padding: 0px !important;
	}
	.icon ul li {
		padding: 0px 5px 0px !important;
	}
	.wheels-bg{
	/*background: url(../img/2-bg_02.png)repeat-x;*/
	background-image: none !important;
	background: #000 !important;
	background-repeat: repeat !important; 
	}
	.order li a{
		margin-top: 10px !important;
	}
	.bicycles-bg{
	/*background: url(../img/2-bg_02.png)repeat-x;*/
	background-image: none !important;
	background: #fff !important;
	background-repeat: repeat !important; 
	}

}

@media(max-width: 987px){
	.wheeltriangle{
		background-image: none !important;
		display: none !important;
}
	.wheels-bg{
		background: url(../img/Webnexxt_04.png)no-repeat !important;
		padding-bottom: 90px !important;
		background-size: cover !important;
		display: block !important;
	}
	.bicyclestriangle{
		background-image: none !important;
		display: none !important;
}
	.bicycles-bg{
		background: url(../img/Webnexxt_06.png)no-repeat !important;
		padding-bottom: 150px !important;
		background-size: cover !important;
		display: block !important;
	}
}
@media(max-width: 480px){
	.icon ul li a h3{
		font-size: 10px !important;

	}
	.icon ul li {
		padding: 0px 5px 0px !important;
	}
	.banner-text h3 strong{
		background: rgba(0,0,0,0.5);
		color: #fff;
		padding: 0 5px;
	}

			
}

.delivery-0 {
	background-color: green;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: block;
   color: #fff;
    display: block;
    padding: 5px;
}
.delivery-1 {
	background-color: orange;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: block;
   color: #fff;
    display: block;
    padding: 5px;
}
.delivery-2 {
	background-color: red;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: block;
   color: #fff;
    display: block;
    padding: 5px;
}

.navbar-nav > li.lang > a {
	margin: 5px;
	padding: 4px;
}
.navbar-nav > li.lang > a.selected {
	margin: 5px;
	background: #000;
	color: #FFF;
	padding: 4px;
}