* { }

html { max-width: 100%; min-height: 100}

body { overflow-x: hidden; height: 100%; width: 100%; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; 	text-rendering: optimizelegibility; }


/*============= TOP BAR HEADER =============*/

#header { top: 0; background-color: #FF6C00; border: .125em solid; }
/*
#header img { height: 7em; }*/


/*============= CONTENT =============*/


#bikes_pic_main { background: url('../images/backgrounds/tcs_main_logo_background_1.jpg'); background-color: #FFFFFF; border-right: .125em solid #000000; border-left: .125em solid #000000; padding-bottom: 2em; justify-content: center; align-items: center; }

.bikes_pic_header { padding: 1.5em; }
.bikes_pic_header img { width: auto; height: 4.0em; }
	
.bikes_pic_content {}

.bikes_pic_wrapper { display: flex; justify-content: center; align-items: center; }


.bikes--pic--land { width: 2.5em; height: 1.875em; overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; }
.bikes--pic--land > .dsply--bikes--pic--land { width: 2.5em; height: 1.875em; margin: .0125em; padding: .05em; display: block; }
.bikes--pic--port { width: 2.5em; height: 1.875em; overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; }
.bikes--pic--port > .dsply--bikes--pic--port { width: 1.25em; height: 1.875em; margin: .0125em; padding: .125em; display: block; }
.bikes--pic--sqar { width: 2.5em; height: 1.875em; overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; }
.bikes--pic--sqar > .dsply--bikes--pic--sqar { width: 1.875em; height: 1.875em; margin: .0125em; padding: .125em; display: block; }


#bikes_pic_main .bikes_pic_footer { padding-top: 1em; text-decoration: none; }

#bikes_pic_main .bikes_pic_footer a, a:visited { color: #FF6700; text-decoration: none; }

#bikes_pic_main .bikes_pic_footer a:hover { color: #000000; text-decoration: none; }

.bikes_pic_footer h1 { font-family: 'Comic Sans MS'; font-size:  80%!important; font-weight: 600!important; }
.bikes_pic_footer h2 { font-family: 'Comic Sans MS'; font-size:  77.5%!important; font-weight: 500!important; }
.bikes_pic_footer h3 { font-family: 'Comic Sans MS'; font-size:  75%!important; font-weight: 500!important; }
.bikes_pic_footer h4 { font-family: 'Comic Sans MS'; font-size:  72.5%!important; font-weight: 500!important; }
.bikes_pic_footer h5 { font-family: 'Comic Sans MS'; font-size:  70%!important; font-weight: 500!important; }
.bikes_pic_footer h6 { font-family: 'Comic Sans MS'; font-size:  67.5%!important; font-weight: 500!important; }
.bikes_pic_footer h7 { font-family: 'Comic Sans MS'; font-size:  65%!important; font-weight: 500!important; }
.bikes_pic_footer h8 { font-family: 'Comic Sans MS'; font-size:  62.5%!important; font-weight: 500!important; }
.bikes_pic_footer h9 { font-family: 'Comic Sans MS'; font-size:  60%!important; font-weight: 500!important; }

/*============= MEDIA QUERIES =============*/

@media (min-width: 375px) { 
	
	#bikes_pic_main 
	.bikes_pic_header img { width: auto; height: 4.0em; }
	.bikes--pic--land { width: 3.75em; height: 2.8125em; overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; }
	.bikes--pic--land >.dsply--bikes--pic--land { width: 3.75em; height: 2.8125em; margin: .0125em; padding: .125em; display: block; }
	.bikes--pic--port { width: 3.75em; height: 2.8125em; overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; }
	.bikes--pic--port > .dsply--bikes--pic--port { width: 2.2em; height: 2.8125em; margin: .0125em; padding: .125em; display: block; }
	.bikes--pic--sqar { width: 3.75em; height: 2.8125em; overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; }
	.bikes--pic--sqar > .dsply--bikes--pic--sqar { width: 2.8125em; height: 2.8125em; margin: .0125em; padding: .125em; display: block; }

	.bikes_pic_footer h1 { font-family: 'Comic Sans MS'; font-size:  90%!important; font-weight: 600!important; }
	.bikes_pic_footer h2 { font-family: 'Comic Sans MS'; font-size:  85%!important; font-weight: 500!important; }
	.bikes_pic_footer h3 { font-family: 'Comic Sans MS'; font-size:  80%!important; font-weight: 500!important; }
	.bikes_pic_footer h4 { font-family: 'Comic Sans MS'; font-size:  75%!important; font-weight: 500!important; }
	.bikes_pic_footer h5 { font-family: 'Comic Sans MS'; font-size:  70%!important; font-weight: 500!important; }
	.bikes_pic_footer h6 { font-family: 'Comic Sans MS'; font-size:  65%!important; font-weight: 500!important; }
	.bikes_pic_footer h7 { font-family: 'Comic Sans MS'; font-size:  60%!important; font-weight: 500!important; }
	.bikes_pic_footer h8 { font-family: 'Comic Sans MS'; font-size:  55%!important; font-weight: 500!important; }
	.bikes_pic_footer h9 { font-family: 'Comic Sans MS'; font-size:  50%!important; font-weight: 500!important; }

}

@media (min-width: 576px) { 

	.bikes_pic_header img { width: auto; height: 4.0em; }
	.bikes--pic--land { width: 7.0em; height: 5.25em; overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; }
	.bikes--pic--land >.dsply--bikes--pic--land { width: 7.0em; height: 5.25em; margin: .0125em; padding: .125em; display: block; }
	.bikes--pic--port { width: 7.0em; height: 5.25em; overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; }
	.bikes--pic--port > .dsply--bikes--pic--port { width: 4.0em; height: 5.25em; margin: .0125em; padding: .125em; display: block; }
	.bikes--pic--sqar { width: 7.0em; height: 5.25em; overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; }
	.bikes--pic--sqar > .dsply--bikes--pic--sqar { width: 5.25em; height: 5.25em; margin: .0125em; padding: .125em; display: block; }

	.bikes_pic_footer h1 { font-family: 'Comic Sans MS'; font-size:  100%!important; font-weight: 600!important; }
	.bikes_pic_footer h2 { font-family: 'Comic Sans MS'; font-size:  95%!important; font-weight: 500!important; }
	.bikes_pic_footer h3 { font-family: 'Comic Sans MS'; font-size:  90%!important; font-weight: 500!important; }
	.bikes_pic_footer h4 { font-family: 'Comic Sans MS'; font-size:  85%!important; font-weight: 500!important; }
	.bikes_pic_footer h5 { font-family: 'Comic Sans MS'; font-size:  80%!important; font-weight: 500!important; }
	.bikes_pic_footer h6 { font-family: 'Comic Sans MS'; font-size:  75%!important; font-weight: 500!important; }
	.bikes_pic_footer h7 { font-family: 'Comic Sans MS'; font-size:  70%!important; font-weight: 500!important; }
	.bikes_pic_footer h8 { font-family: 'Comic Sans MS'; font-size:  65%!important; font-weight: 500!important; }
	.bikes_pic_footer h9 { font-family: 'Comic Sans MS'; font-size:  60%!important; font-weight: 500!important; }

}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) { 
	
	.bikes_pic_header img { width: auto; height: 4.0em; }
	.bikes--pic--land { width: 7.8125em; height: 5.859375em; overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; }
	.bikes--pic--land >.dsply--bikes--pic--land { width: 7.8125em; height: 5.859375em; margin: .0125em; padding: .125em; display: block; }
	.bikes--pic--port { width: 7.8125em; height: 5.859375em; overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; }
	.bikes--pic--port > .dsply--bikes--pic--port { width: 3.75em; height: 5.859375em; margin: .0125em; padding: .125em; display: block; }
	.bikes--pic--sqar { width: 7.8125em; height: 5.859375em; overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; }
	.bikes--pic--sqar > .dsply--bikes--pic--sqar { width: 5.859375em; height: 5.859375em; margin: .0125em; padding: .125em; display: block; }
	
	.bikes_pic_footer h1 { font-family: 'Comic Sans MS'; font-size:  100%!important; font-weight: 600!important; }
	.bikes_pic_footer h2 { font-family: 'Comic Sans MS'; font-size:  95%!important; font-weight: 500!important; }
	.bikes_pic_footer h3 { font-family: 'Comic Sans MS'; font-size:  90%!important; font-weight: 500!important; }
	.bikes_pic_footer h4 { font-family: 'Comic Sans MS'; font-size:  85%!important; font-weight: 500!important; }
	.bikes_pic_footer h5 { font-family: 'Comic Sans MS'; font-size:  80%!important; font-weight: 500!important; }
	.bikes_pic_footer h6 { font-family: 'Comic Sans MS'; font-size:  75%!important; font-weight: 500!important; }
	.bikes_pic_footer h7 { font-family: 'Comic Sans MS'; font-size:  70%!important; font-weight: 500!important; }
	.bikes_pic_footer h8 { font-family: 'Comic Sans MS'; font-size:  65%!important; font-weight: 500!important; }
	.bikes_pic_footer h9 { font-family: 'Comic Sans MS'; font-size:  60%!important; font-weight: 500!important; }

	
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	
	.bikes_pic_header img { width: auto; height: 4.0em; }
	.bikes--pic--land { width: 9.375em; height: 7.03125em; overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; }
	.bikes--pic--land >.dsply--bikes--pic--land { width: 9.375em; height: 7.03125em; margin: .0125em; padding: .125em; display: block; }
	.bikes--pic--port { width: 9.375em; height: 7.03125em; overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; }
	.bikes--pic--port > .dsply--bikes--pic--port { width: 5.0em; height: 7.03125em; margin: .0125em; padding: .125em; display: block; }
	.bikes--pic--sqar { width: 9.375em; height: 7.03125em; overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; }
	.bikes--pic--sqar > .dsply--bikes--pic--sqar { width: 7.03125em; height: 7.03125em; margin: .0125em; padding: .125em; display: block; }

	.bikes_pic_footer h1 { font-family: 'Comic Sans MS'; font-size:  120%!important; font-weight: 600!important; }
	.bikes_pic_footer h2 { font-family: 'Comic Sans MS'; font-size:  110%!important; font-weight: 500!important; }
	.bikes_pic_footer h3 { font-family: 'Comic Sans MS'; font-size:  100%!important; font-weight: 500!important; }
	.bikes_pic_footer h4 { font-family: 'Comic Sans MS'; font-size:  90%!important; font-weight: 500!important; }
	.bikes_pic_footer h5 { font-family: 'Comic Sans MS'; font-size:  80%!important; font-weight: 500!important; }
	.bikes_pic_footer h6 { font-family: 'Comic Sans MS'; font-size:  70%!important; font-weight: 500!important; }
	.bikes_pic_footer h7 { font-family: 'Comic Sans MS'; font-size:  60%!important; font-weight: 500!important; }
	.bikes_pic_footer h8 { font-family: 'Comic Sans MS'; font-size:  50%!important; font-weight: 500!important; }
	.bikes_pic_footer h9 { font-family: 'Comic Sans MS'; font-size:  40%!important; font-weight: 500!important; }

}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

	#bikes_pic_main { min-height: 37.35em; }
	.bikes_pic_header img { width: auto; height: 4.0em; }
	.bikes--pic--land { width: 15.625em; height: 11.71875em; overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; }
	.bikes--pic--land > .dsply--bikes--pic--land { width: 15.625em; height: 11.71875em; margin: .0125em; padding: .125em; display: block; }
	.bikes--pic--port { width: 15.625em; height: 11.71875em; overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; }
	.bikes--pic--port > .dsply--bikes--pic--port { width: 9.75em; height: 11.71875em; margin: .0125em; padding: .125em; display: block; }
	.bikes--pic--sqar { width: 15.625em; height: 11.71875em; overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; }
	.bikes--pic--sqar > .dsply--bikes--pic--sqar { width: 11.71875em; height: 11.71875em; margin: .0125em; padding: .125em; display: block; }
	
	.bikes_pic_footer h1 { font-family: 'Comic Sans MS'; font-size:  120%!important; font-weight: 600!important; }
	.bikes_pic_footer h2 { font-family: 'Comic Sans MS'; font-size:  110%!important; font-weight: 500!important; }
	.bikes_pic_footer h3 { font-family: 'Comic Sans MS'; font-size:  100%!important; font-weight: 500!important; }
	.bikes_pic_footer h4 { font-family: 'Comic Sans MS'; font-size:  90%!important; font-weight: 500!important; }
	.bikes_pic_footer h5 { font-family: 'Comic Sans MS'; font-size:  80%!important; font-weight: 500!important; }
	.bikes_pic_footer h6 { font-family: 'Comic Sans MS'; font-size:  70%!important; font-weight: 500!important; }
	.bikes_pic_footer h7 { font-family: 'Comic Sans MS'; font-size:  60%!important; font-weight: 500!important; }
	.bikes_pic_footer h8 { font-family: 'Comic Sans MS'; font-size:  50%!important; font-weight: 500!important; }
	.bikes_pic_footer h9 { font-family: 'Comic Sans MS'; font-size:  40%!important; font-weight: 500!important; }
	
}

/*============ BOOTSTRAP BREAK POINTS: =============*/

/* Small devices (landscape phones, 544px and up) 


Extra small (xs) devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap

Small (sm) devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

Medium (md) devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

Large (lg) devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

Extra (xl) large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }*/



/*-- Bootstrap Mobile Gutter Fix --*/
.row, .container-fluid {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

/*-- Fixed Background Image --*/
.fixed-background {
  position: relative;
  width: 100%;
  z-index: 1000!important;
}
.fixed-wrap {
  clip: rect(0, auto, auto, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -999 !important;
}
.fixed {
  z-index: -999!important;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform;
}