/*
Campag service Website v1
*/

.review-author {
	font-weight: 700;
	font-style: italic;
	margin: .3rem 0;
	font-size: 1.3rem;
}
.review-date {
	display: none;
	font-weight: 400;
	margin: .3rem 0;
	font-size: 1rem;
}

.producttitle {
	color: #012e5f;
	font-size: 1.4rem;
	margin: .5rem 0;
}
.producttitleh4 {
	color: #012e5f;
	font-size: 1rem;
	margin: .5rem 0;
	font-weight: 700;
}
.specsmalltext {
	font-size: .8rem;
	color: #012e5f;
	
}
.specsmalltext p {
	font-size: .8rem;
}
.specsmalltext li {
	font-size: .8rem;
}
.specstable {
	width: 100%;
}

.specstable th {
	width: 20%;
	font-family: 'din_alternatebold';
	background: #ddd;
}

.specstableboldtext {
	font-family: 'din_alternatebold';
	width: 20%;
}

strong {
	font-family: 'din_alternatebold';
	}
*:focus {
    outline: none;
}

/* @group fonts */

@font-face {
  font-family: 'Futura';
  src: url('../fonts/FuturaLT-Book.eot?#iefix') format('embedded-opentype'),
  url('../fonts/FuturaLT-Book.woff') format('woff'),
  url('../fonts/FuturaLT-Book.ttf')  format('truetype'),
  url('../fonts/FuturaLT-Book.svg#FuturaLT-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'stellarregular';
    src: url('../fonts/stellar-regular-webfont.woff2') format('woff2'),
         url('../fonts/stellar-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'stellarlight';
    src: url('../fonts/stellar-light-webfont.woff2') format('woff2'),
         url('../fonts/stellar-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'stellarmedium';
    src: url('../fonts/stellar-medium-webfont.woff2') format('woff2'),
         url('../fonts/stellar-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'stellarbold';
    src: url('../fonts/stellar-bold-webfont.woff2') format('woff2'),
         url('../fonts/stellar-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'nexa_light';
    src: url('../fonts/nexa_light-webfont.woff2') format('woff2'),
         url('../fonts/nexa_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'nexa_bold';
    src: url('../fonts/nexa_bold-webfont.woff2') format('woff2'),
         url('../fonts/nexa_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'din_alternatebold';
    src: url('../fonts/dinalternate-bold-webfont.eot');
    src: url('../fonts/dinalternate-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dinalternate-bold-webfont.woff2') format('woff2'),
         url('../fonts/dinalternate-bold-webfont.woff') format('woff'),
         url('../fonts/dinalternate-bold-webfont.ttf') format('truetype'),
         url('../fonts/dinalternate-bold-webfont.svg#din_alternatebold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'dinmedium';
    src: url('../fonts/dinalternate-medium-webfont.eot');
    src: url('../fonts/dinalternate-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dinalternate-medium-webfont.woff2') format('woff2'),
         url('../fonts/dinalternate-medium-webfont.woff') format('woff'),
         url('../fonts/dinalternate-medium-webfont.ttf') format('truetype'),
         url('../fonts/dinalternate-medium-webfont.svg#dinregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'dinregular';
    src: url('../fonts/dinalternate-regular-webfont.eot');
    src: url('../fonts/dinalternate-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dinalternate-regular-webfont.woff2') format('woff2'),
         url('../fonts/dinalternate-regular-webfont.woff') format('woff'),
         url('../fonts/dinalternate-regular-webfont.ttf') format('truetype'),
         url('../fonts/dinalternate-regular-webfont.svg#dinregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* @end */




/*= GENERAL STYLING
--------------------------------------------------------*/

body{
	margin: 0;
	padding: 0;
	width: 100%;
	font-family: Raleway, dinregular, Arial, Helvetica, Geneva, sans-serif;
	font-size: 1rem;
	background: black;
}

#homepage {
	background:url(../images/background-tablet.jpg) right bottom no-repeat;
	background-size: cover;
}
#sidenavbarls {
	list-style-type:none;
	color: white;
	font-size:1.6rem;
	line-height:3rem;
	padding:0;
	margin:0;
}
.dintext {
	font-family: dinregular, arial;
}

.mainheader {
	font-family: nexa_bold;
	font-size:2rem;
	color:white;
	width:100%;
	text-align:center;
}
.subheader {
	font-family: nexa_bold;
	font-size:1.5rem;
	color:white;
	width:100%;
	text-align:center;
}
.boxproductname {
	color:#333;
	font-family: nexa_bold, dinmedium;
}
.nexalight {
	font-family: nexa_light, dinmedium;
}
#shownprice {
	font-size: 1.4rem;
}
.bxslider {
    list-style:none;
    margin:0;
    padding:0;
    border:0;
}
ul.bxslider {

    margin:0;
    }
h1 {
	color: #012e5f;
	font-family: Raleway, Arial, Helvetica, Geneva, sans-serif;
	margin: 1rem 0;    
    font-weight: 700;
    font-style: italic;
}

.floatclear {
	clear: both;
}

.center { margin: 0 auto; }
.content{ margin: 0 auto; width: 960px; }
.clear { clear: both; }
a.lpanel { float: left; color: #e1e1e1; font-size: 12px; font-family:"Wellfleet"; text-decoration: none; margin: 7px 11px; }
a.rpanel { float: right; color: #e1e1e1;  font-size: 12px; font-family:"Wellfleet"; text-decoration: none; margin: 7px 11px; }

a.lpanel:hover{ color: #fff; }
a.rpanel:hover{ color: #fff; }
/*= HEADER & NAVIGATION
--------------------------------------------------------*/

#header {
	position: fixed;
    z-index: 100;
}

#nav { width: 60%; float: right; margin-top: 20px; }
#logo {
	width: 20%;
}
#logo a { color: #fff; text-decoration: none; float: left; font-size: 30px;  color: #fff;  font-weight: bold; }
#nav ul{
	list-style: none;
	display: block;
	margin: 0 auto;
	list-style: none;
	float: right;
}

#nav li{
	margin-top: 9px;
	float: left;
	padding-left: 21px;
}

#nav li a { color: #fff; opacity:0.6; font-size: 16px; text-decoration: none;  }
#nav li a.active { color: #fff; opacity:1; border-bottom: 2px solid #fff; }
#nav li a:hover { color: #fff; opacity:1;  }



/*= QUOTES AND SOME ELEMENTS
--------------------------------------------------------*/
.quotes {
   font-weight: normal;
   font-size: 30px;
  text-align: left;
  margin: 50px auto;
}

 .author_name_white {   margin: 70px 0 0 75px; color: #fff; font-size: 20px; }
 .author_name_gray {   margin: 70px 0 0 75px; color: #94a4a4; font-size: 20px; }
 .quotes_container { width: 800px; margin: 0 auto; }


/*= BUTTONS
--------------------------------------------------------*/

button.btn-know {
	padding: 15px 47px;
	margin: 40px 38.8%;
	text-align: center;
	border: 4px solid #fff;
	color: #fff;
	background: transparent;
	font-size: 19px;
	cursor: pointer;
	text-shadow: -1px 2px 0px rgba(90, 90, 90, 0.56);
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.btn-know:hover { background: #fff; color: transparent; }
ul.built { list-style: none; margin: 0 auto; width: 730px; }
.built li img{ float: left; padding-right: 34px; }



/*= SLIDES STYLING
--------------------------------------------------------*/

#slide1, #slide2{ width: 100%; }
#slide1{
	color: #fff;
	margin: 0;
	height: 90%;
	overflow: hidden;
	padding: 0px;
	background-size: cover;
}

#slide2{
	background:#fff url('../images/aboutus.jpg') 50% 0 no-repeat;
	color: #333333;
	padding: 0;
	background-size:cover;
	padding-top: 2rem;
	padding-bottom: 2rem;
}


.remspacer {
	padding: 1rem 0 6rem 6rem;
}
.leftpad {
	padding-left:3rem;
}

@media only screen and (max-width: 40.0625em) {

	#slide2{
		background:#fff;
		color: #333333;
		padding: 0;
		background-size:cover;
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	
#sidenavbarls {
	list-style-type:none;
	list-style: none;
	color: white;
	font-size:1.4rem;
	line-height:2rem;
	padding:0;
	margin:0;
}

.remspacer {
	padding: 1rem 0;
}
.leftpad {
	padding-left:1rem;
}
	
}


.slidecontent {
	width: 100%;
	padding: 0px 0px 0px 0px;
}
.textcontainer {
	position: relative;
	width: 40%;
	margin-left: 100px;
}
#slide3{
	background: #eef0f1;
	color: #000;
	padding: 1rem 0 100px 0;

}
#slide3 p {
	font-size: 1rem;
}
#slide3 h3 {
	font-size: 1rem;
	font-family: din_alternatebold;
}
h3 {
	color: #012e5f;
	margin: 0;
	font-family: Raleway;
	font-weight: 700;
	font-style: italic;
}
.techbox {
}

#slide4{
	background:url('../images/tifosiclub.jpg') 50% 0 no-repeat fixed;
	color: #333333;
	padding: 3rem 0 100px 0;
	background-size:cover;
}

label {
	color: black;
	padding: .2rem;
}
.white15box {
	background: url(../images/white80.png) repeat;
}

.bike {
	margin-left: 20px;
	width: 830px;
	height: 300px;
	clear: both;
}

.bike h2 {
	color: #47423e;
}

.bike_image {
	float: left;
	width: 400px;
	height: 200px;
}

.bike_image a {
	color: black;
}

.bike_textbox {
	float: left;
	width: 430px;
}
.bike_textbox_top {
	width: 410px;
	padding: 10px;
	color: #504a45;
}
.bike_textbox_top a {
	color: #911c2b;
	text-decoration: none;
	font-weight: bold;
}
.bike_textbox_bottom {
	width: 430px;
	height: 39px;
	display: block;
	background: none no-repeat;
}
.bikelink a {
	margin-left: 10px;
	color: #2985e7;
	text-decoration: none;
}
.bikelink_th a {
	margin-left: 10px;
	color: #2985e7;
	text-decoration: none;
}

#bike_textbox {
	margin-left: 300px;
}

#slide5{
	width: 100%;
	min-height: 1000px;
	padding: 10% 0 400px 0;
	color: #000;
	background: url(../images/contactus.jpg) bottom;
	background-size: cover;
}
#slide5 h1 {
	color: #008cba;
}

#slide6{
	margin: 0 auto;
	height: 600px;
	padding: 200px 0 400px 0;
	color: #fff;
	background-size: cover;
}

video#bgvid {
	position: absolute;
	left: 0;
	top: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    background-size: cover;
}
.blackoverlay {
	position: relative;
	z-index: 100;
	background: url('/images/black50.png') repeat;
	width: 100%;
	height: 100%;
	border: 1px solid white;
}
.overlaytext {
	position: relative;
	z-index: 10;
	float: left;
	padding: 10px;
	text-align: left;
	background: url('../img/header-bg30.png') repeat;
	color: whitesmoke;
	font-size: 1.8rem;
	line-height: 2.2rem;
}

.overlay {
	width: 50%;
	background: url('../img/header-bg.png');
	padding: 10px;
	margin-top: 30px;
    z-index: 100;
}


.tifosibutton {
	background:url('/images/black30.png') repeat;
}
.tifosibutton:hover {
	background:url('/images/black50.png') repeat;
}

/*= FOOTER
--------------------------------------------------------*/

#copyright  { color: #fff;  font-size: 14px; margin-top: 100px; text-align: center;  }
#copyright  a { text-decoration: none; color: #fff;  }
/* @group foundation stuff */
@media only screen and (max-width: 40em) {
	.tabs dd > a, .tabs .tab-title > a {
		padding: .3rem;
		border: 1px solid grey;
		margin: .2rem;
	}
}

.panel {
	padding: .3rem;
}

.top-bar {
	height: 2rem;
	background: #000;

}
.top-bar-section li:not(.has-form) a:not(.button) {
	background: #000;
}
.top-bar.expanded .title-area {
	background: #000;
}

/* @end */

.footerlinks {
	color: whitesmoke;
}

.footerlinks a {
	color: whitesmoke;
}
.footerlinks a:hover {
	color: #bb3e29;
	text-decoration: none;
}

/* @group breadcrumbs */

.breadcrumbs {
  border-style: solid;
  border-width: 0px;
  display: block;
  list-style: none;
  margin-left: .3rem;
  overflow: hidden;
  padding: 0.5625rem 0.875rem 0.5625rem 0;
  background-color: transparent;
  border-color: none;
  border-radius: 0px;
  margin-bottom: 0;
 }
  .breadcrumbs > * {
    color: #000;
    float: left;
    font-size: 0.6875rem;
    line-height: 0.6875rem;
    margin: 0;
    text-transform: uppercase;
    font-family: dinregular;}
    .breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
      text-decoration: underline; }
    .breadcrumbs > * a {
      color: #000; }
    .breadcrumbs > *.current {
      color: #333333;
      cursor: default; }
      .breadcrumbs > *.current a {
        color: #333333;
        cursor: default; }
      .breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a {
        text-decoration: none; }
    .breadcrumbs > *.unavailable {
      color: #999999; }
      .breadcrumbs > *.unavailable a {
        color: #999999; }
      .breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus,
      .breadcrumbs > *.unavailable a:focus {
        color: #999999;
        cursor: not-allowed;
        text-decoration: none; }
    .breadcrumbs > *:before {
      color: #AAAAAA;
      content: "/";
      margin: 0 0.75rem;
      position: relative;
      top: 1px; }
    .breadcrumbs > *:first-child:before {
      content: " ";
      margin: 0; }
[aria-label="breadcrumbs"] [aria-hidden="true"]:after {
  content: "/"; }

/* @end */
.parallax-window {
    min-height: 400px;
    background: transparent;
}
th {
	font-family: din_alternatebold;
}
.top-bar .title-area {
	min-height: 2.1rem;
}
.tabs dd.active a, .tabs .tab-title.active a {
	border: 1px solid #EFEFEF;
}
.scrollToTop{
	width:50px;
	height:50px;
	padding:10px;
	text-align:center;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	bottom:75px;
	right:40px;
	display:none;
	background: url('uparrow.png') no-repeat;
}
.scrollToTop:hover{
	text-decoration:none;
}

img {
    image-rendering: -moz-crisp-edges;         /* Firefox */
    image-rendering:   -o-crisp-edges;         /* Opera */
    image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}



.sidebar {
  position: fixed;
  top: 56px;
  bottom: 0;
  width: 300px;
  background-color: #fafafa;
}

#sidebar-main {
  top: 56px;
}

.sidebar.right {
  right: -300px;
  text-align: right;
}

.sidebar.left {
  left: -300px;
}

.sidebar a {
	font-family: Raleway;
	font-weight: 700;
	font-style: italic;
  text-decoration: none;
  display: block;
}

.sidebar .wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  padding: 1em;
  padding-top: 1.5em;
  overflow-y: auto;

  -webkit-box-sizig: border-box
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.sidebar nav {
  margin-bottom: 24px;
}

.sidebar nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0px;
}

.sidebar nav ul li {
  padding: 8px 0;
  margin: 4px 0;
}

.sidebar nav ul li.title {
  font-weight: bold;
}

.sidebar2 {
  position: relative;
  width: 300px;
  background-color: #fafafa;
}

#sidebar2-main {

}

.sidebar2.right {
  right: -300px;
  text-align: right;
}

.sidebar2.left {
  left: -300px;
}

.sidebar2 a {
  text-decoration: none;
  display: block;
}

.sidebar2 .wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  padding: 1em;
  padding-top: 1.5em;
  overflow-y: auto;

  -webkit-box-sizig: border-box
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.sidebar2 nav {
  margin-bottom: 24px;
}

.sidebar2 nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0px;
}

.sidebar2 nav ul li {
  padding: 8px 0;
  margin: 4px 0;
}

.sidebar2 nav ul li.title {
  font-weight: bold;
}
ul.navburgermenu {
	list-style-type:none ;
	color: white;
}
.homeblocklinks {
	font-family: nexa_bold,'din_alternatebold';
	color: white;
	font-size: 3rem;
}
.homeblocklinks:hover {
	font-family: nexa_bold,'din_alternatebold';
	color: white;
	font-size: 3rem;
}
a.homeblocklinks {
	font-family: nexa_bold,'din_alternatebold';
	color: white;
	font-size: 3rem;
}
.burgernavlink {
	font-family: Raleway, 'Sans Serif';
	color: white;
	text-align:left;
	opacity: 0.5;
}
.burgernavlink:hover {
	color: white;
	text-align:left;
	opacity: 1;
}
.cat-title {
	font-family: 'din_alternatebold';
	color: white;
	font-size: 6rem;
	text-shadow: 2px 2px 4px #000000;
}

#productpage .breadcrumbs > * a {
	color: black;
}
hr.style14 {
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}

input[type=radio]{

  opacity : 100;
    width: 30px;
    height: 30px;

}
:checked + span {
    font-weight: bold;
    background: url('../images/tick.png');
    background-size:contain;
    width: 15px;
    height: 15px;
    display: block;
   	position: absolute;
   	top: 7px;
   	left: 10px;
}
.producttype :checked + span {
    font-weight: bold;
    background: url('../images/tickblack.png');
    background-size:contain;
    width: 15px;
    height: 15px;
    display: block;
   	position: absolute;
   	top: 7px;
   	left: 10px;
}

#Container .mix{
	display: none;
}
.sidebar2links {
	color: white;
	font-size: 1rem;
	line-height: 1.5rem;
	clear: both;
}
.selected {
	color: red;
}
/* Not really supported yet, but a good for future-proofing (probably). */
::placeholder {
  color: #8b8b8b;
}

/* Chrome 10.0+ */
::-webkit-input-placeholder {
  color: #8b8b8b;
}

/* Firefox 19+ */
::-moz-placeholder {
  color: #8b8b8b;
}

/* Firefox 18- (Deprecated but might as well include it.) */
:-moz-placeholder {
  color: #8b8b8b;
}

/* Internet Explorer 10+ */
:-ms-input-placeholder {
  color: #8b8b8b;
}

/* Customize the label (the container) */
.container {
  display: block;
  position: relative;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.container input {
display:none;
}

/* Create a custom radio button */
.checkmark {

}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark2 {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark2 {
  background-color: #009fe3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark2:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
}

buttoncheck, .buttoncheck {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: normal;
  margin: 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 1rem 2rem;
  font-size: 1rem;
  background-color: #002e5f;
  border-color: #002e5f;
  color: #FFFFFF;
  transition: background-color 300ms ease-out; }
  buttoncheck, button:focus, .button:hover, .button:focus {
    background-color: #007095; 
  color: #FFFFFF;}
  label {
	font-weight: 900;
}
.button {
  background-color: #002e5f;
}
.greenbutton {
	background: #8dc63f;
}
.greenbutton:hover {
	background: #6d9930;
}
.homesubtext {
	margin: 30% auto 0 auto;
	color: white;
	font-size: 2rem;
	line-height: 2.4rem;
	font-family: Raleway;
	font-weight: 700;
	font-style: italic;
}
.homesubtext a {
	color: white;
}
.bodybackground {
	background: #ffffff url('/images/background.jpg') repeat-y;
	background-size: cover;
}
.accordion .accordion-navigation > a, .accordion dd > a {
	background-color: #009fe3;
	color: white;
	margin-bottom: 1px;
}
.accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
	background-color: #007095;
	color: white;
}
.accordion .accordion-navigation.active > a, .accordion dd.active > a {
	background-color: #007095;
		color: white;
}
.accordion {
	width: 90%;
}
.accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
	width: 100%;
}

.row {
	max-width: 68rem;
}
a {
	  color: #002e5f;
	  font-weight: 700;
}

.labelcontainer {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 400;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #002e5f;
}

/* Hide the browser's default checkbox */
.labelcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 7px;
  left: 10px;
  height: 15px;
  width: 15px;
  background-color: #fff;
  border: 2px solid #25bfcb;
}

/* On mouse-over, add a grey background color */
.labelcontainer:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.labelcontainer input:checked ~ .checkmark {
  background-color: #002e5f;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.labelcontainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.labelcontainer .checkmark:after {
  left: 3px;
  top: 0px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.nopad {
	padding: 0;
}
#mainimage {
	 padding: 1rem;
	 margin-top: 1rem;
}
.turq {
	background: #25bfcb;
}
.redbike {
	background: #cb2938 url(../images/redbike.jpg) no-repeat center bottom;
	background-size: cover;
}
#colourselect input[type="radio"]:checked+label {
	border: 1px solid black;
}
#colourselect input[type="radio"]+label {
	margin: .3rem .3rem .3rem 0 ;
}