/* A container (and its padding) will not grow larger than this width. */


/* The horizontal padding around containers. */
@font-face{font-family:'ProximaNova-Semibold';
			src:url('../font/2A912A_0_0.eot');
			src:url('../font/2A912A_0_0.eot?#iefix') format('embedded-opentype'),url('../font/2A912A_0_0.woff') format('woff'),url('../font/2A912A_0_0.ttf') format('truetype'),url('../font/2A912A_0_0.svg#wf') format('svg')}
@font-face{font-family:'ProximaNova';
			font-weight:normal;font-style:italic;
			src:url('../font/2A912B_0_0.eot');
			src:url('../font/2A912B_0_0.eot?#iefix') format('embedded-opentype'),url('../font/2A912B_0_0.woff') format('woff'),url('../font/2A912B_0_0.ttf') format('truetype'),url('../font/2A912B_0_0.svg#wf') format('svg')}
@font-face{font-family:'ProximaNova';
			font-weight:normal;font-style:normal;
			src:url('../font/2A912B_1_0.eot');
			src:url('../font/2A912B_1_0.eot?#iefix') format('embedded-opentype'),url('../font/2A912B_1_0.woff') format('woff'),url('../font/2A912B_1_0.ttf') format('truetype'),url('../font/2A912B_1_0.svg#wf') format('svg')}
@font-face{font-family:'ProximaNova';
			font-weight:bold;font-style:normal;
			src:url('../font/2A912B_2_0.eot');
			src:url('../font/2A912B_2_0.eot?#iefix') format('embedded-opentype'),url('../font/2A912B_2_0.woff') format('woff'),url('../font/2A912B_2_0.ttf') format('truetype'),url('../font/2A912B_2_0.svg#wf') format('svg')}
@font-face{font-family:'DINBold';
	src:url('../font/2A9133_0_0.eot');
	src:url('../font/2A9133_0_0.eot?#iefix') format('embedded-opentype'),
		url('../font/2A9133_0_0.woff') format('woff'),
		url('../font/2A9133_0_0.ttf') format('truetype'),
		url('../font/2A9133_0_0.svg#wf') format('svg')
}
/*@font-face{font-family:'Helvetica Neue';
		Src:url('../font/HelveticaNeue.ttf') format('truetype');
}*/
@font-face {
 font-family:Circular;
 src:url(../font/circular/circular-light.woff2) format('woff2'),url(../font/circular/circular-light.woff) format('woff');
 font-weight:300;
 font-style:normal
}
@font-face {
 font-family:Circular;
 src:url(../font/circular/circular-book.woff2) format('woff2'),url(../font/circular/circular-book.woff) format('woff');
 font-weight:400;
 font-style:normal
}
@font-face {
 font-family:Circular;
 src:url(../font/circular/circular-medium.woff2) format('woff2'),url(../font/circular/circular-medium.woff) format('woff');
 font-weight:500;
 font-style:normal
}
@font-face {
 font-family:Circular;
 src:url(../font/circular/circular-bold.woff2) format('woff2'),url(../font/circular/circular-bold.woff) format('woff');
 font-weight:700;
 font-style:normal
}
@font-face {
 font-family:Circular;
 src:url(../font/circular/circular-black.woff2) format('woff2'),url(../font/circular/circular-black.woff) format('woff');
 font-weight:900;
 font-style:normal
}
/* Main container class. */
/*
body{
 font-size: 100%; 
 font-family: Circular,"Helvetica Neue",Helvetica,Arial,sans-serif;
 
	font-family: "DINBold","ProximaNova","Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #565A5C;
}
*/
body{
	font-family: Circular,Helvetica,Arial,sans-serif;
	color: black;
}

h3 {
	font-weight: 700;
}
h2 {
 font-size:50px;
 font-weight: 900;
}
			#box img
			{

				-webkit-box-shadow: 0 0 0 0;
				box-shadow: 0 0 0 0 ;


			}

		/* IMAGE LIGHTBOX SELECTOR */

		#imagelightbox
		{
			cursor: pointer;
			position: fixed;
			z-index: 10000;

			-ms-touch-action: none;
			touch-action: none;

			-webkit-box-shadow: 0 0 2.125em rgba( 0, 0, 0, .75 ); /* 50 */
			box-shadow: 0 0 2.125em rgba( 0, 0, 0, .75 ); /* 50 */
		}


		/* ACTIVITY INDICATION */

		#imagelightbox-loading,
		#imagelightbox-loading div
		{
			border-radius: 50%;
		}
		#imagelightbox-loading
		{
			width: 2.5em; /* 40 */
			height: 2.5em; /* 40 */
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			position: fixed;
			z-index: 10003;
			top: 50%;
			left: 50%;
			padding: 0.625em; /* 10 */
			margin: -1.25em 0 0 -1.25em; /* 20 */

			-webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
			box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
		}
			#imagelightbox-loading div
			{
				width: 1.25em; /* 20 */
				height: 1.25em; /* 20 */
				background-color: #fff;

				-webkit-animation: imagelightbox-loading .5s ease infinite;
				animation: imagelightbox-loading .5s ease infinite;
			}

			@-webkit-keyframes imagelightbox-loading
			{
				from { opacity: .5;	-webkit-transform: scale( .75 ); }
				50%	 { opacity: 1;	-webkit-transform: scale( 1 ); }
				to	 { opacity: .5;	-webkit-transform: scale( .75 ); }
			}
			@keyframes imagelightbox-loading
			{
				from { opacity: .5;	transform: scale( .75 ); }
				50%	 { opacity: 1;	transform: scale( 1 ); }
				to	 { opacity: .5;	transform: scale( .75 ); }
			}


		/* OVERLAY */

		#imagelightbox-overlay
		{
			background-color: #fff;
			background-color: rgba( 255, 255, 255, .9 );
			position: fixed;
			z-index: 9998;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
		}


		#imagelightbox-loading,
		#imagelightbox-overlay,
		#imagelightbox-close,
		{
			-webkit-animation: fade-in .25s linear;
			animation: fade-in .25s linear;
		}
			@-webkit-keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}
			@keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}

		@media only screen and (max-width: 41.250em) /* 660 */
		{
			#box
			{
				width: 100%;
			}
			#imagelightbox-close
			{
				top: 1.25em; /* 20 */
				right: 1.25em; /* 20 */
			}
			#imagelightbox-nav
			{
				bottom: 1.25em; /* 20 */
			}

			.imagelightbox-arrow
			{
				width: 2.5em; /* 40 */
				height: 3.75em; /* 60 */
				margin-top: -2.75em; /* 30 */
			}
			.imagelightbox-arrow-left
			{
				left: 1.25em; /* 20 */
			}
			.imagelightbox-arrow-right
			{
				right: 1.25em; /* 20 */
			}
		}

		@media only screen and (max-width: 20em) /* 320 */
		{
			.imagelightbox-arrow-left
			{
				left: 0;
			}
			.imagelightbox-arrow-right
			{
				right: 0;
			}
		}
.backgrad {
  background: #ff1a1a; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(top bottom, rgba(255,26,26,0.9), rgba(250,230,45,0.9)), url("../images/bikelifeback.jpg"); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(top bottom, rgba(255,26,26,0.9), rgba(250,230,45,0.9)), url("../images/bikelifeback.jpg"); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(top bottom, rgba(255,26,26,0.9), rgba(250,230,45,0.9)), url("../images/bikelifeback.jpg"); /* For Firefox 3.6 to 15 */
  background: linear-gradient(rgba(250,230,45,0.9) -30%, rgba(255,26,26,0.9) 150%), url("../images/bikelifeback.jpg"); /* Standard syntax */
  background-size: cover;
  background-position: center center;
}
.jumbo {
height:300px;
height:60vh;
margin-top:0px;
	display:table;
	margin:auto;	
	text-align: center;
}
.jumbotrans {
	
	height:270px; 
}
.jumboprod {
	
	height:500px; 
	
}
.jumbomiddle {
	display:table-cell;
	margin:auto;
	vertical-align:middle;
	padding:10px 0px;
	text-align: center;
}
.jumboheading {
	font-family: Circular,Helvetica,Arial,sans-serif;
	font-weight: 900;
	letter-spacing: -.04em;
	line-height: 1.15;	
	font-size:80px;
	text-shadow: 5px 5px 10px #222;
	margin:auto;
}
.benefitpic,
.benefittext {
		display:block;
	}
.benefits,	
.allbenefits {
	margin:0px;
}
@media screen and (max-width:992px) {
	.jumboheading {
		font-size:64px;
	}	
	.benefits {
		  display: -webkit-box;
		  display: -webkit-flex;
		  display: -ms-flexbox;
		  display:         flex;
		 flex-wrap: wrap;
	}
	
	.benefitpic {
		display: flex;
		flex-direction: column;
		justify-content: center;	  	
		float:left;		
		padding:0px 10px;
		width:33%;
		vertical-align:middle
	}
	.benefittext {
		display: flex;
		flex-direction: column;
		justify-content: center;
		float:left;
		text-align:left;
		width:60%;
		vertical-align:middle;
		padding:0px 10px;
	}
	.benefits:after, 
	.benefits:before {
		display: flex;
	}	
	.benefittext h3 {
		margin-top:0px;
		font-size:20px;
		width:100%;
	}		
}
@media screen and (max-width:768px) {
	.jumbotrans {
		height:100px; 
	}
	.jumboheading {
		font-size:40px;	
	}
	.benefitpic {
		max-width:130px;
	}	
}
.jumbobutton,
.jumbo a {
	display:block;
	max-width:400px;
	font-size:15px; 
	font-weight: 500;
	line-height: 1;	
	letter-spacing: 2px;
	padding:15px 40px 15px 40px; 
	border-radius:35px; 
	border:2px solid white; 
	text-decoration:none;
	font-family: Circular,Helvetica,Arial,sans-serif;
	background-color:rgba(0, 0, 0, 0.4); 
	color:white;
	-o-transition:color .3s, background .3s;
	-ms-transition:color .3s, background .3s;
	-moz-transition:color .3s, background .3s;
	-webkit-transition:color .3s, background .3s;
	margin:auto;
	transition:color .3s, background .3s;
}
.jumbobutton:hover,
.jumbo a:hover {
	 
	text-decoration:none;
	border:2px solid rgba(0, 0, 0, 0.2);
	background-color:rgba(255, 255, 255, 1); 
	color:black;
}
.button {
	display:block;
	font-size:15px; 
	font-weight: 500;
	width:100%;
	text-align:center;
	line-height: 1;	
	letter-spacing: 2px;
	padding:15px 40px 15px 40px; 
	border-radius:35px; 
	text-decoration:none;
	font-family: Circular,Helvetica,Arial,sans-serif;
	background-color:DodgerBlue; 
	color:white;
	-o-transition:color .3s, background .3s;
	-ms-transition:color .3s, background .3s;
	-moz-transition:color .3s, background .3s;
	-webkit-transition:color .3s, background .3s;
	
	transition:color .3s, background .3s;
}
.button:hover {
	text-decoration:none;
	opacity: .7;
	color:white;
}
.product {
	position: relative;
	margin:5px 0px; 
	padding:35px; 
	border-radius:10px; 
	background:white; 
	width:100%; 
	
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
	text-align:left;
	-webkit-transition: all .4s;
	transition:all .4s;
	top:0px;
}
.product:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.4);
	top:-10px;
}
.extraproduct {
	position: relative;
	margin:5px 0px; 
	padding:15px 35px; 
	border-radius:10px; 
	background:white; 
	width:100%; 
	 
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
	text-align:left;
	-webkit-transition: all .4s;
	transition:all .4s;
	top:0px;
}

.whatyougetpic {
	 -webkit-filter: brightness(.6); filter: brightness(.6);
	-webkit-transition: all .4s;
	transition:all .4s;
	border-radius:523px;
	padding:2px;
}
.whatyougetpic:hover {
	 -webkit-filter: brightness(1); filter: brightness(1);
	
}
.beacon{
  position:absolute;
  top:30%;
  left:30%;
  background-color:#2c3e50;
  height:1em;
  width:1em;
  border-radius:50%;
  -webkit-transform:translateX(-50%) translateY(-50%);
}
.beacon:before{
  position:absolute;
  content:"";
  height:1em;
  width:1em;
  left:0;
  top:0;
  background-color:transparent;
  border-radius:50%;
  box-shadow:0px 0px 2px 2px #2980b9;
  -webkit-animation:active 2s infinite linear;
  animation:active 2s infinite linear;
}
option:disabled {
	background-color:#f8f8f8;
}
.form-control-feedback {
	top:29px;
	margin-right:9px;
}
.has-feedback .smk-error-msg {
    position: absolute;
    right: 0;
    font-size: 12px;
    margin-top: 0;
    margin-bottom: 0;
	margin-right:10px;
}
.checkbox-error {
	color:#a94442;
}
#giftbutton {
    cursor: pointer;
}

#orrexpandercontent {
    display: none;   
}
@-webkit-keyframes active{
  0%{
    -webkit-transform:scale(.1);
    opacity:1;
  }
  70%{
    -webkit-transform:scale(10.5);
    opacity:0;
  }
  100%{
    opacity:0;
  }
}

@keyframes active{
  0%{
    transform:scale(.1);
    opacity:1;
  }
  70%{
    transform:scale(10.5);
    opacity:0;
  }
  100%{
    opacity:0;
  }
}

	.peoplesaying {
		  display: -webkit-box;
		  display: -webkit-flex;
		  display: -ms-flexbox;
		  display:         flex;
		 flex-wrap: wrap;
	}
	.peoplesayingpic {
		display: flex;
		flex-direction: column;
		justify-content: center;	  	
		float:left;		
		padding:0px 10px;
		width:33%;
		vertical-align:middle
	}
	.peoplesayingtext {
		display: flex;
		flex-direction: column;
		justify-content: center;
		float:left;
		text-align:left;
		width:60%;
		vertical-align:middle;
		padding:0px 10px;
	}
	.peoplesaying:after, 
	.peoplesaying:before {
		display: flex;
	}
.identifysect {
	display:inline-block; 
	color:white; 
	vertical-align:middle;
	padding:0px 5px; 
	width:48%; 
	position:relative; 
	z-index:2;
}
.identsearchsect {
	display:inline-block; 
	vertical-align:middle; 
	width:48%;
}
.homewhytext1 {
	vertical-align:top; 
	padding:10px 10px 20px 30px; 
	font-size:18px; 
	font-family:Circular,Helvetica,Arial,sans-serif;;
	letter-spacing: 0.03em; 
	text-align:left
}
.homewhytext2 {
	vertical-align:top; 
	padding:10px 30px 20px 10px; 
	font-size:18px; 
	font-family:Circular,Helvetica,Arial,sans-serif;;
	letter-spacing: 0.03em; 
	text-align:left
	
}
@media screen and (max-width: 1050px) {

}
.identifytext {

	font-weight:bold;
	/*text-transform: uppercase;*/
	color:#ffffff;
	font-size:66px;
	z-index:2;
	text-shadow:
		   0px 0px 0 rgba(0,0,0, 3),
		 -1px -2px 0 rgba(0,0,0, 3),  
		  1px -2px 0 rgba(0,0,0, 3),
		  -1px 2px 0 rgba(0,0,0, 3),
		   1px 2px 0 rgba(0,0,0, 3);
}
.identifybigtext {
	display:inline-block;

}
.identifysmalltext {
	display:inline-block;
	font-weight:bold;
	/*text-transform: uppercase;*/
	color:red;
	font-size:33px;
	z-index:2;
	text-shadow:
		   0px 0px 0 rgba(0,0,0, 3),
		 -1px -2px 0 rgba(0,0,0, 3),  
		  1px -2px 0 rgba(0,0,0, 3),
		  -1px 2px 0 rgba(0,0,0, 3),
		   1px 2px 0 rgba(0,0,0, 3);
}
.identifybike {
	position:relative; 
	color:white; 
	vertical-align:bottom; 
	max-width:1600px; 
	width:100%;
	height:0;
	text-align:right;
	padding:0px 5px;
	text-align:center;
}
@media screen and (max-width: 740px) {
	.identifysect {
		width:100%; 
	}
	.identsearchsect {
		width:100%; 
	}
	.identifybike {
		display:none;
		position:relative; 
		color:white; 
		vertical-align:bottom; 
		width:100%;
		max-width:490px;
		height:0;
		text-align:right;
		padding:0px 5px
	}
	.identifybigtext {
		font-size:25px
	}
	.identifysmalltext {
		font-size:12px;
	}
}
.hiw {
padding:10px 50px !important;
}
.homewhy {
	width:50%;
	display:inline-block;
}
.home-parent {
	max-width:1000px; 
	width:100%; 
	margin: 0px auto; 
	padding:9px 9px 0px 9px; 
	overflow:hidden
}
.phonesection {
	vertical-align:bottom;
	margin-top:12px; 
	color:white; 
	overflow:hidden
}
@media screen and (max-width: 600px) {
	.hiw {
	padding:10px 20px !important;
	}

}
@media screen and (max-width: 740px) {
    .swap-parent {
        -webkit-transform:  rotate(180deg);
        -moz-transform:  rotate(180deg);
        -ms-transform:  rotate(180deg);
        -o-transform:  rotate(180deg);
        transform:  rotate(180deg);
		padding: 0px 9px 9px 9px;
    }

    .swap-parent > div {
		vertical-align:top;
		margin-top:0px;
        display: block;
        margin: 0 auto 0px;
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }
	
	.homewhy {
		width:100%;
		display:block;
	}
.homewhytext1,
.homewhytext2 {
	display:block;
	vertical-align:top; 
	padding:10px 10px 10px 10px; 
	font-size:18px; 
	font-family:Circular,Helvetica,Arial,sans-serif;
	letter-spacing: 0.03em; 
	text-align:left
}	
	
}
/*-------------Market Place Start----------------------*/
.marketpage {
	max-width:1200px; 
	width:100%; 
	padding:0 10px
}
.marketrefine {
	display:inline-block; 

	width:20%; 
	vertical-align:top; 
}
.marketmain {
	display:inline-block; 

	width:60%; 
	vertical-align:top; 
}
.marketad {
	display:inline-block; 

	width:20%; 
	vertical-align:top; 
}
.marketmaininner {
	width:100%; 
	padding:5px;
}
.marketmainheader {
	font-size:20px;
	text-align: left;
	padding: 5px 5px 5px 10px;
	color: white;
	line-height: 1.42857143;
	margin:0 0;
	background: linear-gradient(#666, #333);
}
.marketmainsection {
	text-align:left; 
	display:flex;
}
.marketmainbikepic {
	display:inline-block; 
	width:50%; 
	vertical-align:top; 
	padding:10px;
}
.marketmainbikepictext{
	display:none; 
}
.marketmainbikedetails {
	display:inline-block; 
	width:50%; 
	vertical-align:top; 
	position:relative;
}

.marketmainbikedetailsidbfbuy {
	width:100%; vertical-align:top; padding:10px; padding-bottom:20px;
}
.marketmainbikedetailssmall{
	display:none;
}
.clickablediv {
	display:none;
}
.bigonly {
	display:block; 
	width:100%; 
	padding:10px 0 20px;
	background:white;
	border-bottom:1px solid grey;
	margin-bottom:3px;
}
.marketmainbikedetailssub {
	display:inline-block; 
	width:50%; 
	vertical-align:top;
}
.marketmainspacing {
	display:none;
}
@media screen and (max-width: 740px) {
	.marketrefine {
		width:30%; 
		vertical-align:top; 
	}
	.marketmain {
		width:70%; 
	}
	.marketad {
		display:none; 
	}
	.marketmainheader {
		display:none;
	}
	.marketmainsection {
		display:block;
		padding:0px !important;
		position:relative;
		z-index:1;
	}
	.marketmainbikepic {
		display:block; 
		width:100%; 
		padding:0px;
	}
	.marketmainbikepictext{
		display:block;
		position:absolute;
		margin-top:-60px;
		width:100%;
		vertical-align:bottom;
		color:white;
		font-size:20px;
		padding:28px 0 0px 10px;
	}
	
	.bikegrad{
		height: 60px;
		background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7)); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,0.7)); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,0.7)); /* For Firefox 3.6 to 15 */
		background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.7)); /* Standard syntax (must be last) */
	}
	.marketmainbikedetails {
		display:none;
				
	}
	.marketmainbikedetailssmall{

		vertical-align:top; 
		position:relative;
		display:block; 
		width:100%; 
		height:200px;
		padding:15px;
		border-bottom: 1px solid gray;

	}	
	.marketmainbikedetailsidbfbuy {
		display:none;
	}
	.marketmainbikedetailssub {
		display:inline-block; 
		width:50%; 
		vertical-align:top;
	}
	.clickablediv {
		display:inline;
	}
	.bigonly {
		display:none;
	}
	.marketmainspacing {
		display:block;
		height:5px; 
		background:white;
	}
}
@media screen and (max-width: 600px) {
	.marketpage {

		padding:0 0px;
	}
	.marketrefine {
		display:none; 
	}
	.marketmain {
		width:100%; 
	}
	.marketmaininner {
		padding:0px;
	}
	.marketmainspacing {
		height:5px; 
		background:lightgray;
	}
}

/*-------------Market Place End----------------------*/
/*-------------Garage Start----------------------*/
.garagepage {
	max-width:1200px; 
	width:100%; 
	padding:0 10px
}
.garagerefine {
	display:inline-block; 

	width:20%; 
	vertical-align:top; 
}
.garagemain {
	display:inline-block; 

	width:60%; 
	vertical-align:top; 
}
.garagead {
	display:inline-block; 

	width:20%; 
	vertical-align:top; 
}
.garagemaininner {
	width:100%; 
	padding:5px;
}
.garagemainheader {
	font-size:20px;
	text-align: left;
	padding: 5px 5px 5px 10px;
	color: white;
	

	background: linear-gradient(#666, #333);
}
.garagemainsection {
	text-align:left; 
	display:flex;
}
.garagemainbikepic {
	display:inline-block; 
	width:50%; 
	vertical-align:top; 
	padding:10px;
	
}
.garagemainbikepictext{
	display:none; 
}
.garagemainbikedetails {
	display:inline-block; 
	width:50%; 
	vertical-align:top; 
	position:relative;
}

.garagemainbikedetailsidbfbuy {
	width:100%; vertical-align:top; padding:10px; padding-bottom:20px;
}
.garagemainbikedetailssmall{
	display:none;
}
.clickablediv {
	display:none;
}
.garagebigonly {
	display:block; 
	width:100%; 
	padding:15px 0;
	background:white;
	border-bottom:1px solid grey;
	margin-bottom:3px;
	border-top:1px solid #E8E8E8;
}
.garagemainbikedetailssub {
	display:inline-block; 
	width:50%; 
	vertical-align:top;
	padding-right:5px
}
.garagemainspacing {
	display:none;
}
@media screen and (max-width: 740px) {
	.garagerefine {
		width:30%; 
		vertical-align:top; 
	}
	.garagemain {
		width:70%; 
	}
	.garagead {
		display:none; 
	}
	.garagemainheader {
		display:none;
	}
	.garagemainsection {
		display:block;
		padding:0px !important;
		position:relative;
		z-index:1;
	}
	.garagemainbikepic {
		display:block; 
		width:100%; 
		padding:0px;
		max-width:none;
	}
	.garagemainbikepictext{
		display:block;
		position:absolute;
		margin-top:-60px;
		width:100%;
		vertical-align:bottom;
		color:white;
		font-size:20px;
		padding:28px 0 0px 10px;
	}
	
	.bikegrad{
		height: 60px;
		background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.7)); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,0.7)); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,0.7)); /* For Firefox 3.6 to 15 */
		background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.7)); /* Standard syntax (must be last) */
	}
	.garagemainbikedetails {
		display:none;
				
	}
	.garagemainbikedetailssmall{

		vertical-align:top; 
		position:relative;
		display:block; 
		width:100%; 
		
		padding:15px;
		border-bottom: 1px solid gray;

	}	
	.garagemainbikedetailsidbfbuy {
		display:none;
	}
	.garagemainbikedetailssub {
		display:inline-block; 
		width:50%; 
		vertical-align:top;
	}
	.clickablediv {
		display:inline;
	}
	.garagebigonly {
		display:none;
	}
	.garagemainspacing {
		display:block;
		height:5px; 
		background:white;
	}
}
@media screen and (max-width: 600px) {
	.garagepage {

		padding:0 0px;
	}
	.garagerefine {
		display:none; 
	}
	.garagemain {
		width:100%; 
	}
	.garagemaininner {
		padding:0px;
	}
	.garagemainspacing {
		height:5px; 
		background:lightgray;
	}
}

/*-------------Garage End----------------------*/
.jumbobigtext {
font-weight:bold;
/*text-transform: uppercase;*/
color:#ffffff;
font-size:66px;
z-index:2;
text-shadow:
       0px 0px 0 rgba(0,0,0, 3),
     -1px -2px 0 rgba(0,0,0, 3),  
      1px -2px 0 rgba(0,0,0, 3),
      -1px 2px 0 rgba(0,0,0, 3),
       1px 2px 0 rgba(0,0,0, 3);
}
.jumbosmalltext {
font-weight:normal;
color:#ffffff;
font-size:24px;
z-index:2;
text-shadow:
       0px 0px 0 rgba(0,0,0, 0.1),
     -1px -1px 0 rgba(0,0,0, 0.1),  
      1px -1px 0 rgba(0,0,0, 0.1),
      -1px 1px 0 rgba(0,0,0, 0.1),
       1px 1px 0 rgba(0,0,0, 0.1);
}
.oversizedinput {
	display: block;
	width: 100%;
	height: 50px;
	padding: 6px 12px;
	font-size: 20px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

}
input.oversizedinput:focus{

	border: 1px solid #66afe9;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);

}
#searchstart {
margin-top:-60px;
padding-top:60px;
}
.how-cont {
display:inline-block; 
width:30%; 
max-width:300px; 
padding:0px 25px 0px 25px; 
vertical-align:top;
}
.startbutton{
font-size:20px; 
height:50px; 
width:200px; 
background-color:white; 
border-radius:5px; 
padding:10px; 
vertical-align:middle;
}
.searchdiv {
max-width:1600px; 
padding-left:0.5%; 
padding-right:0.5%; 
background-color:inherit; 
/*margin-top:10px;*/
}
.firstdiv {
max-width:1600px; 
padding-left:0.5%; 
padding-right:0.5%; 
background-color:inherit; 
padding-top:10px;
}
.mainbody {
/*background-color:#f8f8f8;*/
	background-color:white;
	padding-top:125px;

}
.red {
color:red;
}
/*html, body { width: 100%; height:100%; margin: 0; }*/
.sdiv{
background-color:#ebebeb;
}

/* Zebra striping */

:nth-of-type(odd).zeb { 
		background: #f8f8f8; 
	}


.conmembdiv{
height:auto;
/*width:33%;*/
min-height:240px;
min-width:220px;
/*margin:1%;*/
background-color:#ebebeb;
/*display:inline-block;*/
overflow:hidden;
}



.condiv{
/*height:35vh;*/

width:32.91%;
max-width:500px;
/*min-height:300px;*/
min-width:220px;
/*margin:1%;*/
background-color:transparent;
display:inline-block;
overflow:hidden;
border-radius:10px;
 margin-bottom:5px;   
}




.condivnt{
height:30%;
width:32%;
max-width:500px;
min-height:240px;
max-height:225px;
min-width:220px;
/*margin:1%;*/
position:relative;
background-color:inherit;
display:inline-block;
overflow:hidden;
}

.condivs{
height:30%;
width:33%;
max-width:500px;
min-height:240px;
min-width:220px;
/*margin:1%;*/
background-color:inherit;
display:inline-block;
overflow:hidden;
position:relative;
}

.inner{
padding:10px;
background-color:inherit;
}

.imdivs{

height: -moz-calc(100% - 40px);
/* WebKit */
height: -webkit-calc(100% - 40px);
/* Opera */
height: -o-calc(100% - 40px);
/* Standard */
height: calc(100% - 40px);
width:100%;
background-repeat:no-repeat;
background-size:cover; 
background-position:center center;
display:inline-block;
overflow:hidden;
}

.imdiv2{

background-repeat:no-repeat;
background-size:cover; 
background-position:center center;

display:inline-block;
}


.imdiv{
position:relative;
height:100%;
padding-top: 100%;
/*padding-bottom:200px;*/
width:100%;
min-height:300px;
min-width:200px;
background-repeat:no-repeat;
background-size:cover; 
background-position:center center;


}

.imcal{
margin:1px;
height:50px;
width:50px;
min-height:50px;
min-width:50px;
background-repeat:no-repeat;
background-size:cover; 
background-position:center center;

display:inline-block;
}


.condishpicdiv{
height:35vh;
width:100%;
/*max-width:1600px;*/
min-height:280px;
min-width:220px;
/*padding:10px;*/

/*display:inline-block;*/

}
.homeselect {
	height:181px; 
	width:32%;
	margin:0 8px 30px 0;
	display:inline-block; 
	vertical-align:top; 
	position:relative; 
	background:url(../images/menuback2.jpg) no-repeat top; 
	background-size: cover;
	-webkit-filter: drop-shadow(1px 1px 2px #222);
	filter: drop-shadow(1px 1px 2px #222);	
	text-decoration:none;
	text-align:left;

}

.homeselect:hover {
	-webkit-filter: drop-shadow(3px 3px 5px #222);	
	filter: drop-shadow(3px 3px 5px #222);	
	text-decoration:none;
}
.homeselectmore {
	position:absolute; 
	text-align:center; 
	bottom:10px; 
	left: 20px;


}
.homeselect>div>img {
	position:absolute; 
	text-align:center; 
	bottom:-40px; 
	right:0;
	width:50%;

}
	.homeselectregimg {
		max-width:192px;
	}
	.homeselectbuyimg {
		max-width:178px;
	}
	.homeselectidimg {
		max-width:175px;
	}
@media screen and (max-width: 740px) {
	.homeselect {
		display:block;
		width:100%;
	}


}
.transferbike {	
	height:201px; 
	width:65%;
	min-width:294px;
	margin:0 8px 0px 0; 
	display:inline-block; 
	vertical-align:top; 
	position:relative; 
	align-text:left;
}
.transferselect {
	height:201px; 
	width:32%;
	min-width:294px;
	margin:0 8px 30px 0; 
	display:inline-block; 
	vertical-align:top; 
	position:relative; 
	-webkit-filter: drop-shadow(1px 1px 2px #222);
	filter: drop-shadow(1px 1px 2px #222);	
	text-decoration:none;

}
.transferselect:hover {
-webkit-filter: drop-shadow(3px 3px 5px #222);	
filter: drop-shadow(3px 3px 5px #222);	
text-decoration:none;
}

.socialmediaicons {
	max-height:40px;
	filter: grayscale(100%);
	opacity: 0.3;
	filter: alpha(opacity=30);
	cursor:pointer;
}
.socialmediaicons:hover {
	filter: none;
	opacity: 1.0;

}
.subselect {
	height:201px; 
	width:32%;
	min-width:294px;
	margin:0 8px 30px 0; 
	display:inline-block; 
	vertical-align:top; 
	position:relative; 
	background:url(../images/menuback2.jpg) no-repeat top; 
	background-size: cover;
	-webkit-filter: drop-shadow(1px 1px 2px #222);
	filter: drop-shadow(1px 1px 2px #222);	
	text-decoration:none;

}
.subselect:hover {

-webkit-filter: drop-shadow(3px 3px 5px #222);	
filter: drop-shadow(3px 3px 5px #222);	
text-decoration:none;

}
.subpricing {
	height:501px; 
}
	.transfertext {
	display: inline-block; width:48%; vertical-align:top; text-align:left
	}
@media screen and (max-width: 940px) {
.subpricing,
	.subselect {
		height:201px;
		display:block;
		width:100%;
	}
	.transferbike {	
		height:auto;
		width:100%;
		min-width:294px;
		margin:0 8px 0px 0; 
		display:block; 
		vertical-align:top; 
		align-text:left;
	}

}
@media screen and (max-width: 600px) {
.transfertext {
	width:100%; padding-bottom:20px
	}
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait){
.condishpicdiv {
height: 358px;
}
}
 
/**
* iPad with landscape orientation.
*/
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape){
.condishpicdiv {
height: 268px;
}
}
 
/**
* iPhone 5
* You can also target devices with aspect ratio.
*/
@media screen and (device-aspect-ratio: 40/71) {
.condishpicdiv {
height: 275px;
}
}

.condishdescdiv{
height:auto;
width:100%;
max-width:800px;
min-width:220px;
vertical-align:top;
padding:10px;
text-align:left;
display:block;
overflow:auto;
}

.dishtext{
height:auto;
vertical-align:top;
padding:0px;
}

.imdivfull{
width:100%;
height:100%;
min-height:280px;
min-width:220px;
/*max-height:600px;*/
background-repeat:no-repeat;
background-size:cover; 
background-position:center center;
display:inline-block;
}

.imtextb{
height:auto;
width:100%;
vertical-align:bottom;
padding:0px;
}

.imtext{
position:relative;
min-height:90px;
height:auto;
width:100%;
vertical-align:bottom;
background-color:inherit;
padding-left:10px;
background:rgba(255,255,255,0.95);
margin-top:20px;
}
#imtextnoprice{
margin-top:-90px;
}
.ratingcont {
padding-top:20px;

}
.rating{
 padding-top:5px; 
 background-color:gray; 
 background:rgba(0,0,0,0.4); 
 width:130px; 
 height:55px; 
 color:white; 
 font-size:15; 
 text-align:center; 
 text-shadow: 1px 1px #000000;
}
.imtextwrap {
overflow:hidden; 
white-space: nowrap; 
text-overflow: ellipsis; 
margin-right:100px;
word-spacing:0px;
}
.special {

  -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,1)), color-stop(0.5, rgba(0,0,0,1)), to(rgba(0,0,0,0))); /* For Safari 5.1 to 6.0 */
  -webkit-mask-image: -o-gradient(linear, left top, right top, from(rgba(0,0,0,1)), color-stop(0.5, rgba(0,0,0,1)), to(rgba(0,0,0,0))); /* For Opera 11.1 to 12.0 */
  -webkit-mask-image: -moz-gradient(linear, left top, right top, from(rgba(0,0,0,1)), color-stop(0.5, rgba(0,0,0,1)), to(rgba(0,0,0,0))); /* For Firefox 3.6 to 15 */
  -webkit-mask-image: -gradient(linear, left top, right top, from(rgba(0,0,0,1)), color-stop(0.5, rgba(0,0,0,1)), to(rgba(0,0,0,0))); /* Standard syntax */
}
.price{
font-size:26px;
position:relative; 
margin-top: -150px;
background:rgba(0,0,0,0.4); 
width:60px; 
height:40px; 
color:white; 
text-align:center; 
text-shadow: 2px 2px #000000;
z-index: 2;
}
.dishday {
padding:10px; 
display:inline-block; 
line-height:1; 
height:93px; 
width:30px; 
vertical-align:middle;
color:white;
}
.dishdayinner {
 color:white; 
 font-weight:bold; 
 font-size:9px;
}
.dishdate {
padding:10px; 
display:inline-block; 
line-height:0.9; 
background-color:gray; 
color:white; 
vertical-align:middle; 
width:110px; 
height:93px;
}
.dishdateday {
color:#f8f8f8; 
font-weight:bold; 
font-size:16px;

}
.dishdatedate {
color:#f8f8f8; 
font-size:48px;
}
.dishdatemonth {
color:#f8f8f8; 
font-size:small;
}
.dishdatetext {
display:inline-block; 
padding-left:10px; 
vertical-align:middle; 
max-width:300px; 
width:100%;
}
.dishdatetext1 {
display:inline-block; 
padding-left:10px; 
vertical-align:top;
	width:60%;
	width:calc(100% - 185px);
	width: -moz-calc(100% - 185px);
	/* WebKit */
	width: -webkit-calc(100% - 185px);
	/* Opera */
	width: -o-calc(100% - 185px);
}
.dishreqdatetext1 {
display:inline-block; 
padding-left:10px; 
vertical-align:top;
	width:60%;
	width:calc(100% - 300px);
	width: -moz-calc(100% - 300px);
	/* WebKit */
	width: -webkit-calc(100% - 300px);
	/* Opera */
	width: -o-calc(100% - 300px);
}
.dishaddtext {
display:table-cell; 
padding-left:10px; 
vertical-align:middle; 
max-width:300px; 
width:100%;
}
.dishaddcutoff {
width:calc(100% - 56px);
width: -moz-calc(100% - 56px);
/* WebKit */
width: -webkit-calc(100% - 56px);
/* Opera */
width: -o-calc(100% - 56px);
}
.dishadddateinput {
width:calc(100% - 20px);
width: -moz-calc(100% - 20px);
/* WebKit */
width: -webkit-calc(100% - 20px);
/* Opera */
width: -o-calc(100% - 20px);
}
.dishaddpickups{
width:calc(50% - 10px);
width: -moz-calc(50% - 10px);
/* WebKit */
width: -webkit-calc(50% - 10px);
/* Opera */
width: -o-calc(50% - 10px);
}
.dishaddpickupf{
width:calc(50% - 10px);
width: -moz-calc(50% - 10px);
/* WebKit */
width: -webkit-calc(50% - 10px);
/* Opera */
width: -o-calc(50% - 10px);
}
	
.between {
display:inline;
}
.searchtodaybox{
display:table-cell; 
padding-right:5px;
vertical-align:top;
}
.searchtodayboxinner{

vertical-align:top; 
background-color:white; 
padding:10px; 
width:150px; 
font-size:18px; 
font-weight:bold; 
border: 1px solid lightgray; 
color:gray;
border-radius: 3px;
}
.searchinfocont {
width:100%;
display:table-cell; 
}
.searchinfo {

background-color:gray; 
padding:10px; 
padding-right:160px; 
width:100%;
min-width:50px; 
font-size:18px; 
font-weight:bold; 
border: 1px solid gray; 
color:white;
border-radius: 3px;
  background: -webkit-linear-gradient(darkgray, gray); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(darkgray, gray); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(darkgray, gray); /* For Firefox 3.6 to 15 */
  background: linear-gradient(darkgray, gray); /* Standard syntax */
}

.requestsearch {
vertical-align:top; 
background-color:orange; 
padding:10px; 
width:100%; 
min-width:50px; 
font-size:18px; 
font-weight:bold; 
border: 1px solid darkorange; 
color:white;
border-radius: 3px;
  background: -webkit-linear-gradient(orange, darkorange); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(orange, darkorange); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(orange, darkorange); /* For Firefox 3.6 to 15 */
  background: linear-gradient(orange, darkorange); /* Standard syntax */
}
.mainrating {
display:none;
}
.overallrating {
display:table-cell; 
padding-left:10px; 
vertical-align:top;
}
.dishdescription{
display:table-cell; 
width:200px;
padding-top:10px;
}
.review1 {
display:table-cell; 
width:200px;
padding-top:10px;
}
.review2 {
display:table-cell; 
width:600px;
padding-top:10px;
}
.providerpic {
float:left;
width:200px;
border-radius:10px;
margin: 0px 10px 2px 0px;
}
.providerpic>img {
border-radius:10px;
}
.providertext {
display:block;

vertical-align:top; 
width:auto;
height:auto;
}

.requestbar {
padding:10px; 
display:table-cell; 
line-height:1; 
height:auto; 
width:30px; 
vertical-align:top;
background-color:orange; 
color:white;
}
.requestbarinner {
 color:white; 
 font-weight:bold; 
 font-size:14px;
}
.profileimage{
width:200px;
}
.editname {
padding:10px 10px 0px 10px;
}
.editinput {
padding:0px 10px 10px 10px;
width:100%;
/*max-width:600px;*/
}
.editinput>input {

width:100%;
}
#route{
width:75%;
width:calc(100% - 107px);
width: -moz-calc(100% - 107px);
/* WebKit */
width: -webkit-calc(100% - 107px);
/* Opera */
width: -o-calc(100% - 107px);
}

.edittablerow {
display:table-row;
}

.edittablecellrow {
display:table-cell;
}
.edittablecellrow50 {

	width:50%;
}
.edittablecellrow33 {

	width:33%;
}
.edittablecell {
display:table-cell;
width:73px;
}
.edittablecelli {
display:table-cell;
width:100%;
}
.edittablecelli>input {
width:100%;
}
#reqdatepic {
display:inline-block; 
vertical-align:middle; 
width:110px; 
height:93px;
}
.dishdateblank{
padding:10px; 
display:inline-block; 
line-height:0.9; 

color:white; 
vertical-align:middle; 
width:110px; 
height:93px;
}
.bgpic {
	margin-top:-5px;
	background-repeat:no-repeat;
	background-size:cover; 
	background-position:center center;
	z-index:-1;
	opacity:0.1;
	
/*background-size:0px; 
background-repeat:no-repeat;
*/
}

.purstatusicon {
display:table-cell; 
padding:10px; 
width:60px; 
vertical-align:top; 
text-align:center;
}
.pickupaddsmall {
display:none;
}
.pickupaddlarge {
display:table-cell; 
padding-left:20px;
}
.circlepercent {
display:table-cell; 
width:100px;
}
.soldinfo {
display:table-cell; 
width:200px; 
padding-top:10px; 
vertical-align:middle;
}
.soldinvrecbtn {
display:table-cell; 
width:200px; 
padding-top:10px; 
vertical-align:middle;
}
.invoicebtn {
padding-top:20px;
}
.buyerstable {
display:table-cell; 
padding:15px 10px 15px 10px; 
font-size:17px; 
border-bottom: 1px solid lightgray;
}
#buyersdate {
width:110px; 
}
.activebgpic {

background-size:0px; 
background-repeat:no-repeat;
}
.activedishname{

vertical-align:top; 
background-color:#f9f9f9; 
 
width:100%; 
font-size:18px; 
font-weight:bold; 
border: 1px solid lightgray; 
border-top: 0px solid lightgray; 
color:gray;
border-radius: 3px;

}
.imdiva{
position:relative;
height:100%;
padding-bottom:200px;
width:100%;
min-height:200px;
min-width:200px;
background-repeat:no-repeat;
background-size:cover; 
background-position:center center;


}
.mainmemberssubmenu,
.memberssubmenu{
display:inline-block; 
background-color:white; 
padding:10px;
min-width:50px; 
font-size:18px; 
font-weight:bold; 
border: 1px solid lightgray; 
color:gray;

width:100%;
}
.mainmemberssubmenutitle::before{
		display:none;
		margin: 0 4px;
		text-align: center;
		text-transform: none;
		font-weight: normal;
		font-style: normal;
		font-variant: normal;
		font-family: 'cookd';
		line-height: 1;
		speak: none;
		-webkit-font-smoothing: antialiased;
}
.memberssubmenu::before,
.mainmemberssubmenu::before {

		margin: 0 4px;
		text-align: center;
		text-transform: none;
		font-weight: normal;
		font-style: normal;
		font-variant: normal;
		font-family: 'cookd';
		line-height: 1;
		speak: none;
		-webkit-font-smoothing: antialiased;
}
.mainmemberssubmenu:hover,
.memberssubmenu:hover{
 
background-color:#f8f8f8; 
		background: #5f6f81;
		color: white;
}
.mainmemberssubmenutitle,
.memberssubmenutitle{
display:inline-block; 
background-color:white; 
padding:10px;
min-width:50px; 
font-size:18px; 
font-weight:bold; 
border: 1px solid lightgray; 
color:gray;
width:100%;
}

.cartpricecols {
padding:10px; 
width:60px; 
vertical-align:top; 
text-align:center;
}
.itemdescription1 {
display:inline-block; 
padding:10px; 
padding-top:0px; 
vertical-align:top;
}
.itemdescription2 {
display:none; 

}

.inputaddressnormalise {
	border:0px; 
	background:#f8f8f8; 

}
/* --------- COLLAPSIBLE PANELS ----------*/
 
.expandable-panel {
    width:100%;
    position:relative;
    min-height:20px;
    overflow:auto;
    margin-bottom: 3px;
	background-color:inherit;

   /* border:1px solid #999;*/
}
.expandable-panel-heading {
	z-index: 3;
    width:100%;
    cursor:pointer;
    min-height:20px;
    clear:both;
    background-color:#E5E5E5;
    position:relative;
}
.expandable-panel-heading:hover {
    color:#666;
}
.expandable-panel-heading h2 {
    padding:14px 10px 9px 15px;
    font-size:18px;
    line-height:20px;
}
.expandable-panel-content {
    padding:0 15px 0 15px;
    margin-top:-999px;
}
.expandable-panel-content p {
    padding:4px 0 6px 0;
}
.expandable-panel-content p:first-child  {
    padding-top:10px;
}
.expandable-panel-content p:last-child {
    padding-bottom:15px;
}
.icon-close-open {
    width:20px;
    height:20px;
    position:absolute;
    background-image:url(icon-close-open.png);
    right:15px;
}
/*.expandable-panel-content img {
    float:right;
    padding-left:12px;
}*/
.header-active {
    background-color:#D0D7F3;
}
.sectionheaders {
	background-color:darkgray; 
	max-width:800px; 
	margin:auto;
	margin-top:10px; 
	text-align:left; 
	padding:5px 5px 5px 10px; 
	color:white;
	font-weight:bold;
	border-radius: 5px 5px 0 0px;
	background: linear-gradient(#666, #333);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.sectionheaderslink {
	text-decoration: none;
	background: linear-gradient(white, white);
	color:black;
	border-radius: 5px 5px 5px 5px;
	padding:0 5px 0 5px;
	margin-left:5px;
	font-size:16px
}
.bikeoptions,
.bikeoptions:link,
.bikeoptions:visited {
	text-decoration: none;
	display:block;
	width:150px;
	color:white;
	font-weight:bold;
	border-radius: 5px 5px 5px 5px;
	padding:3px;
	margin-left:5px;
	margin-bottom:5px;
}
.bikeoptions:hover {
	box-shadow: inset 0 0 0 50px rgba(0, 0, 0, 0.2);
}
.redgradient {
	background: linear-gradient(#F20410, #9E0305);
}
.orangegradient {
	background: linear-gradient(#F9A404, #C46D03);
}
.greengradient {
	background: linear-gradient(#04F253, #039E0D);
}
.bluegradient {
	background: linear-gradient(#04AEF2, #03679E);
}
.bikeoptions a {

}
.bikeoption1 {
	display:inline-block;
	background-color:darkgray; 
	max-width:266.66px; 
	width:33.3%;
	margin-top:10px; 
	text-align:left; 
	padding:5px 5px 5px 10px; 
	color:white;
	font-weight:bold;
	border-radius: 5px 0px 0px 5px;
	background: linear-gradient(#F20410, #9E0305);
}
.bikeoption2 {
	display:inline-block;
	background-color:darkgray; 
	max-width:266.66px; 
	width:33.3%;
	margin-top:10px; 
	text-align:left; 
	padding:5px 5px 5px 10px; 
	color:white;
	font-weight:bold;
	border-radius: 0px 0px 0px 0px;
	background: linear-gradient(#04F253, #039E0D);
}
.bikeoption3 {
	display:inline-block;
	background-color:darkgray; 
	max-width:266.66px; 
	width:33.3%;
	margin-top:10px; 
	text-align:left; 
	padding:5px 5px 5px 10px; 
	color:white;
	font-weight:bold;
	border-radius: 0px 5px 5px 0px;
	background: linear-gradient(#04AEF2, #03679E);
}
.styledlink {
	text-decoration: none;
	background: linear-gradient(#666, #333);
	color:white;
	border-radius: 5px 5px 5px 5px;
	padding:8px 8px;
	margin-left:5px;
	font-weight: bold;
}
.styledlink:hover {
text-decoration: none;

	font-weight: bold;
	color:white;
	filter:drop-shadow(1px 1px 1px #222); 
}

.sectionbody,
.bbody {
	background-color:rgba(255, 255, 255, 1)!important; 
	max-width:800px; 
	padding:5px;
	border-radius: 0 0px 5px 5px;
	margin:auto;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.sectioncrumbs {
	/*background-color:rgba(255, 255, 255, 1); */
	max-width:800px; 
	padding-right:30px;
	font-size:15px; 
	text-align:left;
	overflow: hidden;
	margin:auto;
	margin-top:10px; 
}

.sectioncrumbs a {
	text-decoration: none;
	outline: none;
	display: block;
	float: left;
	font-size: clamp(0px, 1vw, 12px);
	line-height: 36px;
	color: white;
	/*need more margin on the left of links to accomodate the numbers*/
	padding: 0 1px 0 28px;
	background: #666;
	background: linear-gradient(#666, #333);
	position: relative;
}
.sectioncrumbs a>span {
	z-index: 2;
	position: relative;
}
/*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/
.sectioncrumbs a:first-child {
	padding-left: 20px;
	border-radius: 5px 0 0 5px; /*to match with the parent's radius*/
}
.sectioncrumbs a:first-child:before {
	left: 14px;
}
.sectioncrumbs a:last-child {
	border-radius: 0 5px 5px 0; /*this was to prevent glitches on hover*/
	padding-right: 20px;
}

/*hover/active styles*/
.sectioncrumbs a.active, .sectioncrumbs a:hover{
	background: #333;
	background: linear-gradient(#333, #000);
}
.sectioncrumbs a.active:after, .sectioncrumbs a:hover:after {
	background: #333;
	background: linear-gradient(135deg, #333, #000);
}

/*adding the arrows for the breadcrumbs using rotated pseudo elements*/
.sectioncrumbs a:after {
	content: '';
	position: absolute;
	top: 0; 
	right: -18px; /*half of square's length*/
	/*same dimension as the line-height of .breadcrumb a */
	width: 36px; 
	height: 36px;
	/*as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's: 
	length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
	if diagonal required = 1; length = 1/1.414 = 0.707*/
	transform: scale(0.707) rotate(45deg);
	/*we need to prevent the arrows from getting buried under the next link*/
	z-index: 1;
	/*background same as links but the gradient will be rotated to compensate with the transform applied*/
	background: #666;
	background: linear-gradient(135deg, #666, #333);
	/*stylish arrow design using box shadow*/
	box-shadow: 
		2px -2px 0 2px rgba(0, 0, 0, 0.4), 
		3px -3px 0 2px rgba(255, 255, 255, 0.1);
	/*
		5px - for rounded arrows and 
		50px - to prevent hover glitches on the border created using shadows*/
	border-radius: 0 5px 0 50px;
}
/*we dont need an arrow after the last link*/
.sectioncrumbs a:last-child:after {
	content: '';
	position: absolute;
	top: 0; 
	right: -16px; /*half of square's length*/
	/*same dimension as the line-height of .breadcrumb a */
	width: 36px; 
	height: 36px;
	/*as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's: 
	length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
	if diagonal required = 1; length = 1/1.414 = 0.707*/
	transform: scale(0.707) rotate(45deg);
	/*we need to prevent the arrows from getting buried under the next link*/
	z-index: 1;
	/*background same as links but the gradient will be rotated to compensate with the transform applied*/
	background: #333;
	background: linear-gradient(135deg, #333, #000);
	/*stylish arrow design using box shadow*/
	box-shadow: 
		
		3px -0px 0 2px rgba(255, 255, 255, 0.1);
	/*
		5px - for rounded arrows and 
		50px - to prevent hover glitches on the border created using shadows*/
	border-radius: 0 5px 0 50px;
}





/* --------- flowing pictures/text ----------


 .condiv{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;margin-bottom:20px;padding:0px;max-height:225px}
 .condiv{position:relative;overflow:hidden;border:none}
 .condiv .imdiv{-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;transition-property:transform;-webkit-transition-duration:0.4s;-moz-transition-duration:0.4s;-o-transition-duration:0.4s;transition-duration:0.4s;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}
 
 .condiv .imtext{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity;-webkit-transition-duration:0.4s,0.1s;-moz-transition-duration:0.4s,0.1s;-o-transition-duration:0.4s,0.1s;transition-duration:0.4s,0.1s;-webkit-transition-delay:initial,0.3s;-moz-transition-delay:initial,0.3s;-o-transition-delay:initial,0.3s;transition-delay:initial,0.3s;-webkit-transform:translateY(61px);-moz-transform:translateY(61px);-ms-transform:translateY(61px);-o-transform:translateY(61px);transform:translateY(61px);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;width:101%;position:absolute;top:auto;bottom:0;left:0;padding:9px;background-color:inherit;color:#555}
 .condiv .price{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity;-webkit-transition-duration:0.4s,0.1s;-moz-transition-duration:0.4s,0.1s;-o-transition-duration:0.4s,0.1s;transition-duration:0.4s,0.1s;-webkit-transition-delay:initial,0.3s;-moz-transition-delay:initial,0.3s;-o-transition-delay:initial,0.3s;transition-delay:initial,0.3s;-webkit-transform:translateY(61px);-moz-transform:translateY(61px);-ms-transform:translateY(61px);-o-transform:translateY(61px);transform:translateY(61px);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;width:60px;position:absolute;padding:0px;background:rgba(0,0,0,0.4);}
 .condiv .prov{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity;-webkit-transition-duration:0.4s,0.1s;-moz-transition-duration:0.4s,0.1s;-o-transition-duration:0.4s,0.1s;transition-duration:0.4s,0.1s;-webkit-transition-delay:initial,0.5s;-moz-transition-delay:initial,0.5s;-o-transition-delay:initial,0.5s;transition-delay:initial,0.5s;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;position:relative;top:auto;bottom:0;left:0;padding:9px;color:#555}
 
 .condiv:hover .imdiv{-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);-ms-transform:translateY(-50px);-o-transform:translateY(-50px);transform:translateY(-50px); -webkit-transition-duration:0.4s,0.1s;-moz-transition-duration:0.4s,0.1s;-o-transition-duration:0.4s,0.1s;transition-duration:0.4s,0.1s;}
 .condiv:hover .imtext{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity;-webkit-transition-duration:0.4s,0.1s;-moz-transition-duration:0.4s,0.1s;-o-transition-duration:0.4s,0.1s;transition-duration:0.4s,0.1s;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}
 .condiv:hover .price{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity;-webkit-transition-duration:0.4s,0.1s;-moz-transition-duration:0.4s,0.1s;-o-transition-duration:0.4s,0.1s;transition-duration:0.4s,0.1s;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}

 .condiv:hover .prov{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1;-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity;-webkit-transition-duration:0.4s,0.1s;-moz-transition-duration:0.4s,0.1s;-o-transition-duration:0.4s,0.1s;transition-duration:0.4s,0.1s;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}
 */