/*--
	Author: W3layouts
	Author URL: http://w3layouts.com
	License: Creative Commons Attribution 3.0 Unported
	License URL: http://creativecommons.org/licenses/by/3.0/
--*/
body{
	margin:0;
	padding:0;
	background:#fff;
	font-family: 'Roboto', sans-serif;
 }
body a{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
h1,h2,h3,h4,h5,h6{
	margin:0;			   
}	
p{
	margin:0;
}
ul{
margin:0;
padding:0;
}
/*----*/
.banner-bg1{
	background:url(../images/bg.jpg) no-repeat;
	background-size:cover;
	min-height:835px;
}
.banner-bg2 {
	background:url(../images/bg2.jpg) no-repeat;
	background-size:cover;
	min-height:835px;
}
.banner-bg3 {
	background:url(../images/bg3.jpg) no-repeat;
	background-size:cover;
	min-height:835px;
}
a.shop{
	display:inline-block;
	float:left;
	margin:9px 0 0 30px;
}
.banner-bg{
	position:relative;
}
.dwn{
	position:absolute;
	bottom:4%;
	left:47%;
}
.caption{
	width: 100%;
	position: absolute;
	top: 42%;
	left: 0%;
	text-align:center;
}
.header{
	margin-top:2.3em;
}
.logo{
	float:left;
}
.logo a {
  display: inline-block;
}
.top-nav{
	float:right;
	margin-top: 0px;
}
 .slider {
	position: relative;
	text-align: center;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
.rslides h3{
color:#fff;
font-size:2.4em;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}
ul.callbacks_tabs.callbacks1_tabs {
	position: absolute;
	bottom: 29px;
	z-index: 999;
	left: 46%;
	display:none;
}
.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left:20px;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 69px;
  width: 77px;
  background: transparent url("../images/slid.png") no-repeat left top;
  margin-top: -45px;
  }
.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 25px;
 }
 .caption h1{
	font-size:3.5em;
	font-weight:500;
	color:#fff;
	margin-bottom:8px;
}
.caption p{
	color:#fff;
	font-size:2em;
	font-weight:200;
	margin-bottom:1em;
}
.caption p span{
	color:#fcff19;	
}
a.morebtn{
	background:#000;
	padding:1em 2.3em;
	font-size:0.875em;
	text-transform:uppercase;
	color:#fcff19;
	display:inline-block;
	margin:0 auto;
	border-radius:7px;
	transition:0.5s all ease;
	-webkit-transition:0.5s all ease;
	-moz-transition:0.5s all ease;
	-o-transition:0.5s all ease;
	-ms-transition:0.5s all ease;
}
a.morebtn:hover{
	background:#fcff19;
	color:#000;
}
/*--categories--*/
.categories{
	background:url(../images/cate.jpg) no-repeat;
	background-size:cover;
	min-height:600px;
	text-align:center;
	padding:5em 0; 
}
.categories h3,.bikes h3{
	 color:#000;
	 font-size:2em;
	 font-weight:600;
}
.bikes h3{
	text-align:center;
}
.categorie-grids {
	 margin-top:4em;
}
.cate-grid{	
	padding:10em 0 0 0; 
	min-height:290px;
	background-size: 100%;
	margin:0 12px;
	width:31%;
}
.grid1{
	background:url(../images/c1.jpg) no-repeat;
}
.grid2{
	background:url(../images/c2.jpg) no-repeat;
}
.grid3{
	background:url(../images/c3.jpg) no-repeat;
}
.cate-grid h4{
	color:#fcff19;
	font-size:1.1em;
	font-weight:600;
	letter-spacing:1px;
	margin-bottom:6px;
} 
.cate-grid p{
	color:#fff;
	font-size:1.3em;
	font-weight:200;
}
a.store{
	color:#fff;
	font-size:0.9em;
	border:3px solid #fff;
	border-radius:7px;
	font-weight:500;
	display:inline-block;
	padding:0.7em 1.4em;
	margin-top:1.5em;
}
a.store:hover{
	border:2px solid #fcff19;
	color:#fcff19;
}
/*--bikes--*/
.bikes{
	padding:6em 0 2em 0;
}
.bikes-grids{
	margin-top:8em;
}
#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
	display: none;
}
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}
.nbs-flexisel-inner {
	overflow: hidden;
}
.nbs-flexisel-item {
	float: left;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	position: relative;
	line-height: 0px;
}
.nbs-flexisel-item > img {	
	cursor:auto;
	position: relative;
	  width: 90%;
  margin: 0 5%;
}
.bike-info{
	padding:0 20px;
	margin-top:4em;
}
.model{
	float:left;
	width:50%;
	text-align:left;
}
.model h4{
	color:#000;
	font-size:1.1em;
	font-weight:600;
}
.model h4 span{
	color:#000;
	display:block;
	margin-top:5px;
	font-size:0.95em;
	font-weight:300;
}
.model-info{
	float:left;
	width:50%;
}
select{
	padding:10px 2.5em 10px 0.5em;
	border-radius:5px;
	margin-right:5px;
	outline:none;
	cursor:pointer;
}
.model-info a{
	color:#fff;
	font-size:0.9em;
	font-weight:500;
	padding:1em 2.5em;
	border-radius:5px;
	background:#b7b7b7;
}
.model-info a:hover{
	background:#000;
	color:#fcff19;
}
.viw{
	  position: absolute;
  background: #000;
  padding: 1.3em 2.5em;
  font-size: 1em;
  margin-right: 1em;
  font-weight: 500;
  top: 33%;
  left: 34%;
  display: none;
}
.viw a{
	color:yellow;
}
.nbs-flexisel-item{
	position:relative;
}
.nbs-flexisel-item:hover div.viw{
	display:block;
}
/*--contact--*/
.contact{
	background:url(../images/contact.jpg) no-repeat 0px 0px;
	min-height:560px;
	background-size:cover;
	text-align:center;
	padding:4em 0;
}
.contact h3{
	color: #000;
  font-size: 2em;
  font-weight: 600;
  margin-bottom:0.7em;
}
.contact p{
  color: #000;
  font-size: 1.15em;
  font-weight: 500;
}
.contact form{	
	width:43%;
	margin:3em auto 0 auto;
}
.contact form input[type="text"], .contact textarea {
  width: 43%;
  margin-right: 4%;
  padding: 10px;
  border: 1px solid #b7b7b7;
  font-size: 1em;
  margin-bottom: 2em;
  font-style:italic;
  color: #000;
  background: #fff;
  outline: none;
  font-weight: 400;
  border-radius:7px;
  transition: 0.5s all ease;
  -webkit-transition: 0.5s all ease;
  -moz-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
  -ms-transition: 0.5s all ease;
}
.contact form input[type="text"].user,.contact textarea {
	width:90%;
	resize:none;
}
.contact textarea {
	height:170px;
}
.contact form input[type="submit"] {
  color: #fff;
  background: #b7b7b7;
  font-size: 1em;
  font-weight: 400;
  text-decoration: none;
  border: none;  
  width:90%;
  margin:0 auto;
  padding: 10px 30px;
  display: block;
  border-radius:7px;  
  transition: 0.5s all ease;
  -webkit-transition: 0.5s all ease;
  -moz-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
  -ms-transition: 0.5s all ease;
}
.contact form input[type="submit"]:hover{
	background:#000;
	color:#fcff19;
}
/*--footer--*/
.footer{
	background:#fcff19;
	padding:1.5em;
}
.logo2{
	float:left;
}
.ftr-menu{
	float:right;
}
.ftr-menu ul li{
	display:inline-block;
	margin-top:10px;
}
.ftr-menu ul li a{
	display:block;
	text-decoration:none;
	font-size:1.15em;
	font-weight:500;
	color:#000;
	padding:0 1em;
}
/*--bycycle--*/
.banner-sec{
	background:url(../images/bg.jpg) no-repeat;
	background-size:cover;
	min-height:200px;
}
.bikes{
	padding:4em 0;
}
.mountain-sec,.singlespeed-sec{
	border-bottom:2px solid;
	padding:0 1.5em 2em 1.5em;  
}
.acces{
	float:left;
}
.bike{
	float:left;
	width:23%;
	position:relative;
	margin:0 1%;
	padding:1em 0;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.fast-viw{
  display: none; 
  top: 30%;
  left: 28%;
  text-align: center;
    font-weight: 500;
  position: absolute;
}
.fast-viw a{
	color:yellow;
	background: #000;
  padding: 0.85em 2.5em;
  font-size: 1em;
  margin-right: 1em;
  display:block;
}
.bike:hover div.fast-viw{
	display:block;
}
.bike:hover{
	background:#fcff19;
}
.bike img{	
	width:100%;
}
.bikes h2{
	 color:#000;
	 font-size:2.5em;
	 font-weight:500;
	 margin-bottom:2em;
	 text-align:center;
}
.bike-cost{
	background:#b7b7b7;
	padding:10px 1em;
}
.bike-mdl{
	float:left;
	width:40%;
}
.bike-mdl h4{
	color:#000;
	font-size:1.2em;
	font-weight:500;
}
.bike-mdl h4 span{
	display:block;	
	font-weight:300;
	font-size:0.8em;
}
.bike-cart{
	float:left;
	width:60%;
	text-align:right;
}
.bike-cart a.buy{
	background:#777;
	color:#fff;
	font-size:1em;
	padding:0.5em 2em;
	text-transform:uppercase;
	text-decoration:none;
	display:inline-block;
	text-align: center;
}
.bike-cart a.buy:hover{
	background:#000;
}
.singlespeed-sec,.road-sec{
	margin-top:2em;
}
/*-parts-*/
.parts{
	padding:2em 0;
}
.parts h2{
	color:#000;
	font-size:2.2em;
	font-weight:500;
}
.rsidebar {
	display: block;
	float: left;
	margin: 0% 3.5% 0% 0;
	width: 18%;
}
h3.m_2 {
	font-size: 1em;
	font-weight: 500;
	padding: 10px;
	background:#464646;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 1em;
}
.metro{
	position: relative;	
	cursor: pointer;
	font-weight:600;
	background:#fff;
	color:#898989;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.metro.open{
	z-index: 2;
}
.metro:hover,
.metro.focus{
	color:#666;
}
/* OLD SELECT (HIDDEN) */
.metro .old{
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	width: 0;
	overflow: hidden;
}
.metro select{
	position: absolute;
	left: 0px;
	top: 0px;
}
.metro.touch select{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
/* SELECTED FEEDBACK ITEM */ 
.metro .selected {
    color: #96a6a7;
}
.metro .selected:hover{
	color:#e94e38;
}
.metro .selected,
.metro li{
	display: block;
	padding: 8px 0px 8px 0px;
	overflow: hidden;
	white-space: nowrap;
	text-align: left;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 13px;
	padding-left: 6px;
	font-weight: 400;
	color: #555555;
}
.product_right {
margin-bottom: 2em;
}
/* .focus class is also added on hover */
.metro:hover .selected::after, .metro.focus .selected::after {
  background: url(../images/p_minus.png) no-repeat 0px 10px;
}
.metro li:hover{
	background-color:#ECEB4D;
}
.metro li:hover{
	background-color:#ECEB4D;
}
.metro li.focus{
	background:#ECEB4D;
	position: relative;
	z-index: 3;
	color:#000;
}
.metro li.active{
    background-color:#ECEB4D;
	color: #000;
}
.metro .selected::after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	padding:6px;
	background:url(../images/p_plus.png) no-repeat 0px 10px;
}
.metro:hover .selected::after,
.metro.focus .selected::after{
	background:url(../images/p_minus.png) no-repeat 0px 10px;
}
/* DROP DOWN WRAPPER */
.metro div{
	position: absolute;
	height: 0;
	left: 0;
	right: 0;
	top: 100%;
	margin-top:1px;
	overflow: hidden;
	opacity: 0;
	color: #FFF;
}
/* Height is adjusted by JS on open */
.metro.open div{
	opacity: 1;
	z-index: 2;
}
/* FADE OVERLAY FOR SCROLLING LISTS */
.metro.scrollable div::after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 50px;
}
.metro.scrollable.bottom div::after{
	opacity: 0;
}
/* DROP DOWN LIST */
.metro ul{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	padding:0;
	list-style: none;
	overflow: hidden;
	background:#000;
}
.metro.scrollable.open ul{
	overflow-y: auto;
}
/* DROP DOWN LIST ITEMS */
.metro li{
	list-style: none;
	padding: 6px 10px;
	font-size: 1em;
	font-weight: 400;
	text-transform: lowercase;
	color: #fff;
}
.metro li:last-child {
    border-bottom: 0;
}
.checkbox i {
  position: absolute;
  bottom: 255px;
  left: 14.9%;
  display: block;
  width: 20px;
  height: 20px;
  outline: none;
  border: 2px solid #D2CF99;
}
.checkbox{
	margin-top:0;
}
/*--bike-parts--*/
.bike-parts-sec{
	margin-top:3em;
}
.bike-parts{
	float:right;
	width:78%;
}
.top{
	background:#eee;
	padding:0.5em 1em;
}
.top ul li{
	display:inline-block;
}
.top ul li a{
	color:#000;
	font-size:0.9em;
	text-decoration:none;
}
.part-sec{
	float:left;
	width:21%;
	margin:0 2%;
	border-bottom:1.5px solid;
	padding-bottom:1.5em;
	text-align:center;
	position:relative;
}
.part-sec:hover div a.add-cart{
	display:block;
}
.part-sec img{
	width:100%;
	height: 200px;
	padding: 18px;
}
.part-sec img.bottle{
	width:50%;
}
.part-sec a h5{
	color:#000;
	font-size:1.1em;
	font-weight:600;
	margin-bottom:1em;
}
.part-sec a h5 span{
	display:block;
	font-size:0.85em;
	font-weight:400;
	margin-top:5px;
}
a.add-cart{
	background:#000;
	color:#fcff19;
	padding:5px 1em;
	font-size:1em;
	display:inline-block;
	margin-right:1em;
	font-weight:500;
	position:absolute;
	top: 36%;
    left: 21%;
	display:none;
}
a.add-cart:hover{
	
}
a.qck{
	background:#969696;
	color:#fff;
	padding:5px 1em;
	font-size:1em;
	font-weight:500;
	display:inline-block;
	text-decoration:none;
}
a.qck:hover{
	background:#fcff19;
	color:#000;
}
.parts2,.parts3,.parts4{
	margin-top:3em;
}
/*--404-page--*/
.error-head{
	text-align:center;
	margin:8em 0;
}
.error-head h1{	
	color:#707070;
	font-size:16em;
	display:inline-block;
	line-height:1em;
	font-weight:400;
}
.error-head span{
	color:#707070;
	font-size:4em;
	margin-left:0.5em;
}
.error-head h2{
	font-size:2em;
	color:#000;
	margin-top:1em;
}
.error-head  a {
	background:#707070;
	padding: 8px 1em;
	font-size: 1.3em;
	margin-top: 2em;
	text-decoration: none;
	color: #fff;
	display: inline-block;
	font-weight: 400;
	border:2px solid #707070;
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}
.error-head  a:hover {
	text-decoration: none;
	background:transparent;
	border:2px solid #707070;
	color: #707070;
}
/*----*/
.product-head {
padding: 0.5em 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
margin-bottom: 1em;
}
.product-head  a {
color: #08080B;
font-weight: 700;
font-size: 0.875em;
padding-bottom: 0.2em;
display: inline-block;
text-transform: uppercase;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
}
.product-info h3{
float:left;
width:50%;
}
.product-info i{
float:left;
width:50%;
display:block;
}

.details-left-info {
float: left;
margin-left: 5%;
width:58%;
}
.details-left-info  h3 {
color: #000;
font-size: 1.4em;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 0.3em;
}
.details-left-info p {
margin-top: 2%;
font-size: 1.8em;
color:#FF0000;
line-height: 1.8em;
text-shadow: 0 1px 0 #ffffff;
letter-spacing: 1px;
}
.details-left-info p  label{
	font-size:0.7em;
}
.details-left-info  h4 {
color: #000;
font-weight:300;
font-size:0.85em;
margin-bottom: 1em;
}
.details-left-info a{
margin-left: 5px;
color: #555555;
text-transform: uppercase;
font-size: 13px;
-webkit-text-stroke: 0px;
letter-spacing: 0px;
}
.details-left-info a:hover{
	color:#ffd400;
}
.details-left-info #quantity {
	width: 50px;
	height: 37px;
	display: inline-block;
	margin: 15px 10px 0 0;
	padding: 9px 0px 8px;
	outline: none;
	text-align: center;
}
p.size{
	margin: 15px 10px 0 0;
	color:#333333;
	font-size:1.2em;
	font-weight:500;
	display:inline-block;
}
a.length{
	color:#000;
	font-size:1em;
	font-weight:400;
	border:1px solid;
	padding:5px;
}
.btn_form{
margin-top:2em;
}
.btn_form a {
	border: none;
	outline: none;
	display: inline-block;
	font-size: 1em;
	padding: 10px 34px;
	background:rgb(150, 150, 150);
	border:1px solid rgb(150, 150, 150);
	color: #fff;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.btn_form a:hover{
	background:transparent;
	border:1px solid #000;
	color:#000;
}
.bike-type{
	margin: 2em 0;
	padding: 10px 0 15px 0;
	border:1px solid #8F8F8F;
	border-width: 1px 0;
}
.bike-type p{
	font-size:1.1em;
	color:#787878;
	font-family: 'Raleway', sans-serif;
	font-weight:400;
}
.bike-type a{
font-weight:400;
color: #ff530d;
}
p.desc{
font-size:0.9em;
line-height:1.8em;
color: #808080;
margin: 0.5em 0;
}
.details-left-info h5{
margin:1em 0;
}
.single-bottom2 {
margin-bottom: 2em;
}
.single-bottom1 h6, .single-bottom2 h6 {
background: #F3F3F3;
padding: 10px;
color: #333;
font-size: 1.2em;
}
.product {
padding: 3% 0 0 0;
}
.product-desc {
width: 82.3333%;
float: left;
border-width: 0 1px 0 0;
border-right: 1px solid #DDD;
}
.product-img {
float: left;
margin-right: 2.5%;
}
.prod1-desc {
width: 75.2%;
float: left;
margin-top: 1.5em;
}
.product_price {
width: 15.3333%;
float: left;
padding: 0 0px 0px 16px;
margin-top: 1.5em;
}
.product-desc h5 a {
color: #555;
font-size: 20px;
margin-bottom:1em;
display:block;
}
.product-desc h5 a:hover {
color: #64C4B8;
text-decoration:none;
}
.price-access {
color: #555;
font-size: 1em;
}
a.button1 {
border: none;
background:#64C4B8;
padding: 7px 15px;
color: #FFF;
font-size: 13px;
cursor: pointer;
outline: none;
margin-top: 9%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.button1:hover{
background:#FF7105;
}
.single-bottom2 {
margin-bottom: 2em;
}
.single-bottom1 h6, .single-bottom2 h6 {
background: #F3F3F3;
padding: 10px;
color: #333;
font-size: 1.2em;
}
.product {
padding: 3% 0 0 0;
}
.product-desc {
width: 82.3333%;
float: left;
border-width: 0 1px 0 0;
border-right: 1px solid #DDD;
}
.product-img {
float: left;
margin-right: 2.5%;
  width: 22%;
}
.prod1-desc {
width: 75.2%;
float: left;
margin-top: 1.5em;
}
.product_price {
width: 15.3333%;
float: left;
padding: 0 0px 0px 16px;
margin-top: 1.5em;
}
.product-desc h5 a {
color: #555;
font-size: 20px;
margin-bottom:1em;
display:block;
}
.product-desc h5 a:hover {
color: #64C4B8;
text-decoration:none;
}
.price-access {
color: #555;
font-size: 1em;
}
/*--cart--*/
.cart{
	padding:2em 0;
}
.cart-top{
	background:#eee;
	padding:8px 1em;
}
.cart-top a{
	color:#000;
	font-size:1em;
	font-weight:400;
	text-decoration:none;
}
.cart-top a:hover{
	color:#D74D4D;
}
p.qty {
  margin: 15px 10px 0 0;
  color: #333333;
  font-size: 1em;
  display: inline-block;
}
.details-left-info #quantity {
  width: 50px;
  height: 37px;
  display: inline-block;
  margin: 15px 10px 0 0;
  padding: 9px 0px 8px;
  outline: none;
  text-align: center;
}
.form-control {
  display: inline-block;
  width: 13%;
}
.cart h2{
	font-size:1.5em;
	margin-bottom:1em;
}
.cart-items{
	padding-left:0;
	padding-top:1em;	
}
.cart-sec{
	background:#eee;
	padding:1em;
	margin-bottom:1em;
}
.cart-item{
	width:20%;
	float:left;
	margin-right:3%;
	padding: 1em 1em 0.6em 1em;
  background: #fff;
}
.cart-item img{
	width:100%;
}
.cart-item-info{
	width:77%;
	float:left;
	  border-bottom: 1px solid;
  padding-bottom: 5px;
}
.cart-item-info h3{
	font-size:1em;
	font-weight:600;
}
.cart-item-info h3 span{
	display:block;
	font-weight:400;
	font-size:0.75em;
	margin-top:3px;
}
.cart-item-info h4{
	color:#000;
	font-size:1.8em;
	margin:0.5em 0;
	font-weight:500;
	display:inline-block;
	margin-right:3em;
}
.cart-item-info h4 span{
	font-size:0.65em;
	font-weight:400;
} 
.cart-item-info p{
	font-size:1em;
	font-weight:400;
	line-height:1.3em;
}
.close1,.close2{
  background: url('../images/close.png') no-repeat 0px 0px;
  cursor: pointer;
  width: 28px;
  height: 28px;
  position: absolute;
  right: 0px;
  top: 0px;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.cart-header {  
  position: relative;  
}
.cart-header2 {  
  position: relative;  
}
.delivery{
	margin-left:13em;
}
.delivery p{
	color:#A6A6A6;
	font-size:1em;
	font-weight:400;
	float:left;
}
.delivery span{
	color:#A6A6A6;
	font-size:1em;
	font-weight:400;
	float:right;
}
a.continue{
	background:orange;
	padding:10px 1.5em;
	border-radius:7px;
	font-size:1em;
	color:#fff;
	text-decoration:none;
	display: block;
   font-weight: 600;  
   text-align: center;
   width: 72%;
   margin: 0px auto 3em auto;
}
a.continue:hover{
	background:#333;
}
.price-details{
	border-bottom:1px solid;
	padding-bottom:10px;
}
.price-details h3{
	color:#333;
	font-size:1em;
	margin-bottom:1em;
}
.price-details span{
	width:50%;
	float:left;
	padding:1px 0;
}
span.total{
	width:50%;
	float:left;
}
span.final{
	font-weight:600;
	padding-top:6px;
	font-size:1.3em;
}
h4.last-price{
	color:#000;
	font-size:1.3em;
	font-weight:600;
	width:50%;
	float:left;
	padding-top:10px;
}
.cart-total {
  padding-top: 26px;
  border-left: 1px solid;
}
a.order {
  background:#333;
  padding: 10px 1.5em;
  border-radius: 7px;
  font-size: 1em;
  color: #fff;
  text-decoration: none;
  display: block;
  font-weight: 600;
  text-align: center;
  width: 85%;
  margin: 3em auto 0 auto;
}
a.order:hover{
	background:orange;
}
.total-item{
	margin-top:2em;
	padding-bottom:2em;
}
.total-item h3 {
  color: #333;
  font-size: 1em;
  margin-bottom: 1em;
}
.total-item h4{
	font-size:0.8em;
	font-weight:600;
	color:#9C9C9C;
	display:inline-block;
	margin-right:6em;
}
a.cpns{
	background:#59B5E2;
	color:#fff;
	border-radius:6px;
	padding: 10px;
  font-size: 0.8em;
	font-weight:600;
}
a.cpns:hover{
	background: #20759F;
}
.total-item p{
	font-size:0.9em;
	font-weight:400;
	margin-top:1em;
	color:#727272;	
}
.total-item p a:hover{
	color:#333;
	text-decoration:underline;
}
label{

}
/*--responsive--*/
@media (max-width: 1440px){
.model {
  width: 45%;
}
.model-info {
  width: 55%;
}
.contact form input[type="submit"] {
  width: 89%;
  margin: 0 0 0 18px;
  padding: 11px 0px;
}
a.add-cart {  
  left: 24%;
}
}
@media (max-width: 1366px){
.top-nav {
  margin-top: 0;
}
}
@media (max-width: 1280px){
.model {
  width: 37%;
}
.model-info {
  width: 59%;
}
.banner-bg1{
  min-height: 660px;
}
.caption h1 {
  font-size: 3em;
}
.caption p {
  font-size: 1.8em;
}
.callbacks_nav {
  left: 20px;
    height: 48px;
  width: 49px;  
  background-size: 104px;
}
.bikes h2 {
  font-size: 2.2em;
}
}
@media (max-width: 1024px){
.banner-bg1{
  min-height: 570px;
}
.banner-sec {
  min-height: 146px;
}
.caption h1 {
  font-size: 2.75em;
}
.caption p {
  font-size: 1.5em;
} 
.dwn img {
  background-size: 100%;
  width: 59%;
}
.dwn {
  bottom: 6%;
  left: 48%;
}
.cate-grid p {
  font-size: 1.15em;
}
a.morebtn {
  padding: 0.85em 2.3em;
  font-size: 0.8em;
}
.cate-grid {
  padding: 7em 0 0 0;
  min-height: 273px;
  margin: 0px 15px;
  width: 30%;
}
.categories {
  min-height: 513px;
}
.model h4 {
  font-size: 0.85em;
}
.model h4 span {
  font-size: 0.9em;
}
.model {
  width: 30%;
}
select {
  padding: 6px 1em 6px 0.5em;
  margin-right: 5px;
  font-size: 0.95em;
}
.model-info a {
  font-size: 0.9em;
  padding: 0.7em 2em;
}
.model-info {
  width: 70%;
}
.contact form input[type="submit"] {
  margin: 0 0 0 14px;
}
.bikes {
  padding: 3em 0 2em 0; 
}
.bike-mdl {
  width: 61%;
}
.bike-cart {
  width: 39%;
}
.bike-cart a.buy {
  font-size: 0.85em;
  padding: 0.5em 2em
}
.bikes h2 {
  font-size: 1.8em;
}
.part-sec img {
  height: 154px;
  padding: 15px;
}
.parts h2 {
  font-size: 1.8em;
}
.error-head h1 {
  font-size: 13em;
}
.error-head span {
  font-size: 3em;
}
.cart-item-info h4 {
  font-size: 1.5em;
}
.delivery {
  margin-left: 11em;
}
.delivery p,.delivery span {
  font-size: 0.9em;
}
.cart-items {
  width: 71%;
}
.cart-total {
  width: 28%;
}
.cart h2 {
  font-size: 1.3em;
}
.viw {
  padding: 1.3em 2.5em;
  font-size: 0.9em;
  left: 30%;
}
.fast-viw {
  padding: 0.7em 2.2em;
  font-size: 0.9em;
  top: 23%;
  left:7%;
}
.bike {
  padding: 0.5em 0;
}
}
@media (max-width:768px){
.viw {
  padding: 1.3em 2.3em;
  font-size: 0.85em;
 left: 25%;
  top: 27%;
}
.bike-info {
  margin-top: 1em;
}
.top-nav {
  margin-top: 1px;
  width: 70%;
  position: absolute;
  right: 7px;
}
.rslides li:first-child {
  color:#000;
  padding:0;
  border-top-left-radius:0;
 border-top-right-radius:0;
}
.caption {
  z-index: 0;
}
a.shop {
  display: inline-block;
  float: left;
  margin: 0px 0 0 0px;
  background: #828282;
  width: 100%;
  padding: 8px;
}
.banner-bg1{
  min-height: 490px;
}
.caption h1 {
  font-size: 2.5em;
}
.cate-grid {
  padding: 6em 0 0 0;
  min-height: 223px;
  float: left;
  width: 29%;
}
.categories {
  padding:3em 0 0 0;
  min-height: 400px;
}
.categories h3, .bikes h3,.contact h3 {
  font-size: 1.7em;
}
.categorie-grids {
  margin-top: 2em;
}
.cate-grid p {
  font-size:0.85em;
}
.model {
  width: 100%;
}
.model-info {
  width: 100%;
  text-align: left;
  margin:5px 0;
}
.model h4 {
  font-size: 1em;
}
select {
    padding: 1px 1em 3px 0.5em;
  font-size: 0.8em;
}
.model-info a {
    font-size: 0.8em;
  padding: 0.4em 2em;
}
.bikes-grids {
  margin-top: 5em;
}
.contact p {
  font-size: 1.1em;
}
.contact {
  min-height: 550px;
  padding: 2em 0 0 0;
}
.contact form {
  width: 65%;
}
.wrap{
	width:724px;
	padding:0 15px;
}
.none1{
	display:none;
}
.bike {
  width: 31%;
}
.rsidebar {
  width: 25%;
}
.bike-parts {
  width: 71%;
}
.part-sec {
  width: 29%;
}
.part-sec img {
  height: 150px;
  padding: 13px;
}
.ftr-menu ul li a {
  font-size: 1em;
}
.cart-items {
  width: 100%;
}
.cart-total {
  width: 100%;
  border-left:none;
}
a.continue{
	width:30%;
}
a.order{
	width:40%;
}
a.add-cart {
  left: 18%;
  top: 28%;
}
.product-desc {
  width: 73%;
}
.product_price {
  width: 26%;
}
.prod1-desc p{
	overflow:hidden;
	height:83px;
}
.prod1-desc {
  width: 72%;
}
.grid.images_3_of_2 {
  width: 37%;
  float: left;
}
p.desc {
  overflow: hidden;
  height: 131px;
}
}
@media (max-width:640px){
.logo a img{
	background-size:100%;
	width:100%;
}
.logo{
	width:20%;
}
.top-nav {
  width: 57%;
  top: 32px;
}
.caption h1 {
  font-size: 2.2em;
  margin-bottom:2px;
}
.caption p {
  font-size: 1.2em;
}
a.morebtn {
  padding: 0.8em 2em;
  font-size: 0.73em;
}
.banner-bg1 {
  min-height: 435px;
}
.callbacks_nav {
  left: 8px;
  height: 36px;
  width: 38px;
  background-size: 76px;
  margin-top: -36px;
}
.callbacks_nav.next{
	right:8px;
}
a.shop img {
  background-size: 100%;
  width: 6%;
}
.cate-grid {
  padding: 4em 0 0 0;
  min-height: 166px;
  width: 28%;
}
.cate-grid h4 {
  font-size: 0.9em;
}
.cate-grid p {
  font-size: 0.7em;
}
a.store {
  font-size: 0.7em;
  border: 2px solid #fff;
  padding: 0.5em 1.2em;
}
.categories {
  min-height: 317px;
}
.categories h3, .bikes h3, .contact h3 {
  font-size: 1.4em;
}
.bikes-grids {
  margin-top: 4em;
}
.contact p {
  font-size: 0.95em;
}
.contact form input[type="text"], .contact textarea {
  padding: 7px;
  font-size: 0.85em;
}
.contact form {
  width: 70%;
}
.contact textarea {
  height: 127px;
}
.contact form input[type="submit"] {
  margin: 0 0 0 14px;
  font-size: 0.9em;
  padding: 9px 0px;
}
.contact {
  min-height: 470px;
}
.wrap {
  width: 600px;
}
.ftr-menu ul li a {
  font-size: 0.9em;
}
.banner-sec {
  min-height: 130px;
}
.bike-mdl {
  width: 100%;
  margin-bottom:5px;
  text-align: center;
}
.bike-mdl h4{
	font-size:1em;
}
.bike-cart {
  width: 100%; 
  text-align: center;
}
.bike-cart a.buy {
  font-size: 0.8em;
  padding: 0.5em 4em;
}
.bikes h2 {
  font-size: 1.5em;
  margin-bottom: 1.5em;
}
.bikes {
  padding: 2em 0 2em 0;
}
.parts1 {
  margin-top: 10px;
}
.part-sec img {
  height: 131px;
  padding: 12px;
}
.part-sec a h5 {
  font-size: 0.9em;
}
a.add-cart {
  left: 17%;
  font-size: 0.8em;
}
a.qck{
	font-size:0.9em;
}
.parts h2 {
  font-size: 1.5em;
}
.bike-parts-sec {
  margin-top: 2em;
}
.details-left-info {
  width: 51%;
}
p.desc {
  overflow: hidden;
  height: 110px;
}
.prod1-desc p{
	font-size:0.9em;
	overflow: hidden;
  height: 52px
}
.product-desc{
	width:70%;
}
.product_price{
	width:30%;
}
.prod1-desc {
  margin-top: 0.5em;
}
.product-desc h5 a {
  font-size: 17px;
  margin-bottom: 0.7em;
}
.btn_form a {
  font-size: 0.9em;
  padding: 8px 29px;
}
.fast-viw {
  padding: 0.6em 2em;
  font-size: 0.8em;
  top: 18%;
  left: 5%;
}
}
@media(max-width: 480px) {
.top-nav {
    top: 34px;
  right: 12px;
}
.logo {
  width: 26%;
}
.caption h1 {
  font-size: 1.8em;
  margin-bottom: 2px;
}
.caption p {
  font-size: 1.1em;
}
.callbacks_nav {
  height: 39px;
  width: 31px;
  background-size: 62px;
}
.banner-bg1 {
  min-height: 355px;
}
.dwn {
  bottom: 5%;
  left: 47%;
}
.dwn img {
  width: 47%;
}
.cate-grid {
  padding: 3.5em 0 0 0;
  min-height: 125px;
  width: 26%;
}
.cate-grid h4 {
  font-size: 0.7em;
  overflow: hidden;
  height: 12px;
}
.cate-grid p {
  display: none;
}
a.store {
  font-size: 0.65em;
  margin-top:0.3em;
}
.categories {
  min-height: 235px;
  padding:3em 0 0 0;
}
.categories h3, .bikes h3, .contact h3 {
  font-size: 1.3em;
}
.model,.model-info{
	text-align:center;
}
select {
  padding: 7px 2em 8px 1.5em;
  font-size: 0.9em;
}
.model-info a {
  padding: 0.7em 3em;
}
.contact p {
  font-size: 0.83em;
}
.contact form {
  width: 100%;
  margin: 2em auto 0 auto;
}
.contact {
  min-height: 455px;
}
.wrap {
  width: 420px;
}
.footer {
  text-align: center;
}
.logo2{
	margin-bottom:0.5em;
}
.logo2,.ftr-menu{
	float:none;
}
.bike-cart a.buy {
  padding: 0.5em 2em;
}
.mountain-sec, .singlespeed-sec {
  padding: 0 0em 2em 0em;
}
.bike-mdl h4 span{
	display:none;
}
.bike-mdl{
	margin-bottom:2px;
}
.bike-mdl h4 {
  font-size: 0.9em;
}
.bikes h2 {
  font-size: 1.3em;
}
.rsidebar {
  width: 100%;
}
.bike-parts {
  width: 100%;
}
.part-sec:nth-child(18){
	border-bottom:0;
}
.details-left-info {
  width: 100%;
  margin-left: 2%;
}
.details-left-info h3 {
  font-size: 1.1em;
}
.prod1-desc {
  width: 72%;
}
.product_price {
  width: 22%;
  margin-top: 0em;
    padding: 0 0px 0px 8px;
}
.button1 {
display:block;
}
.product-desc h5 a {
  font-size: 15px;
  margin-bottom: 0.5em;
}
.product_price {
  width: 25%
}
.bottom-line{
	border-bottom:0;
}
.parts h2 {
  font-size: 1.3em;
}
.error-head h1 {
  font-size: 10em;
}
.error-head span {
  font-size: 2.3em;
}
.error-head h2 {
  font-size: 1.5em;
}
.cart h2 {
  font-size: 1em;
}
.cart-item {
  width: 29%;
}
.cart-item-info {
  width: 66%;
}
.delivery {
  margin-left: 0em;
}
.cart-item-info h4 {
  font-size: 1.2em;
}
.cart-item-info h3 {
  font-size: 0.9em;
}
.delivery p, .delivery span {
  font-size: 0.8em;
  margin-top:5px;
}
.form-control {
  width: 22%;
}
.cyc {
  padding: 22px 9px;
}
a.continue {
  width: 43%;
  padding: 8px 1.5em;
  font-size: 0.9em;
}
.cart-total {
  padding-top: 9px;
}
h4.last-price,span.final {
  font-size: 1em;
}
a.order,.price-details span{
	font-size:0.9em;
}
.viw {
  padding: 1.5em 2.3em;
  left: 36%;
  top: 29%;
}
.contact form input[type="text"].user,.contact form input[type="submit"] {
  width: 100%;
    margin-bottom: 1.2em;
}
.contact form input[type="text"], .contact textarea{
  width: 100%;
  margin-right:0;
    margin-bottom: 1.2em;
}
.contact form input[type="submit"] {
margin:0;
}
.fast-viw {
  font-size: 0.6em;
  top: 16%;
  left: 3%;
}
}
@media(max-width: 320px){
.none3{
	display:none;	
}
.logo {
  width: 36%;
}
label.mobile_menu {
  padding: 5px 0;
}
.top-nav {
  top: 32px;
  width:48%;
}
label.mobile_menu:after{
	top:1px;
}
.caption h1{
	font-size:1.3em;
}
.caption p{
	font-size:0.8em;
}
.callbacks_nav {
  height: 28px;
  width: 25px;
  background-size: 51px;
}
.banner-bg1 {
  min-height: 275px;
}
a.morebtn {
  padding: 0.9em 2em;
  font-size: 0.6em;
}
.dwn {
  bottom: 8%;
  left: 47%;
}
.dwn img {
  width: 39%;
}
.categories h3, .bikes h3, .contact h3 {
  font-size: 1.1em;
}
.grid3{
	display:none;
}
.cate-grid {
  width: 44%;
  margin: 0px 7px;
}
.categories{
	padding:2em 0 0 0;
}
.bikes-grids {
  margin-top: 2.5em;
}
.contact h3{
	margin-bottom:0.3em;
}
.contact p {
  font-size: 0.75em;
}
.contact textarea {
  height: 100px;
}
.contact {
  min-height: 400px;
}
.wrap {
    width: 262px;
}
.ftr-menu ul li a {
  font-size: 0.7em;
  padding: 0 0.5em;
}
.logo2 img{
	background-size:100%;
	width:40%;
	margin:0 auto; 
}
a.shop img{
	width:12%;
}
.none2{
	display:none;
}
.bike {
  width: 44%;
  margin: 0 3%;
}
.bike-cost {
  padding: 10px 0em;
}
.product-img {
  margin-right: 0%;
  width: 100%;
}
.product-desc,.prod1-desc{
  width: 100%;
}
.prod1-desc{
	margin-bottom:0.5em;
	border-right:0;
}
.product_price {
  width: 100%;
  padding:0;
  text-align: center;
}
a.button1{
	margin:0 auto;
	width:50%;
}
.product{
	margin-bottom:1em;
}
p.desc {
  overflow: hidden;
  height: 80px;
  line-height: 1.5em;
  font-size: 0.8em;
}
.details-left-info a,.bike-type p{
	font-size: 11px;
}
.part-sec {
  width: 46%;
}
.part-sec img {
  height: 130px;
  padding: 4px;
}
a.qck {
  font-size: 0.8em;
}
.part-sec a h5 {
  font-size:0.85em;
}
a.add-cart {
  left: 20%;
  font-size: 0.8em;
  top: 25%;
}
.cart-item,.cart-item-info{
	width:100%;
}
.cart-item-info h4 {
  margin-right: 2em;
}
.delivery p{
  font-size: 0.7em;
  float: none;
  text-align: center;
}
.delivery span {
  margin-left: 3.2em;
  float: none;
}
.cart-total{
	padding:0;
}
a.continue {
  width: 75%;
  padding: 8px 1.5em;
  font-size: 0.85em;
  margin: 0px auto 2em auto;
}
.cart-item-info h3 {
  margin-top: 1em;
}
a.order{
  font-size: 0.85em;
  margin: 2em auto 0 auto;
  width: 68%;
    padding: 7px 1.5em;
}
.banner-sec {
  min-height: 104px;
}
.none2{
	display:none;
}
}