h1, h2{
   font-family: "freight-sans-condensed-pro",sans-serif;
   font-style: normal;
   font-weight: 600;
}

h2{
    color:#003C71;
}

a{
   color:#6c6c6c;
}

a:hover, a:focus{
   text-decoration: none;
}

body{
   font-family: 'Lato', sans-serif;
}

header{
   padding-top:15px;
   padding-bottom:15px;
   background-color:#003c71;
}

.shape{
   margin-left:5px;
}

header a{
   color:#fff;
   margin-top:23px;
}

header a:hover{
   color:#fff;
}

hr{
   border: 1px solid #eeeeee;
}

.breadcrumb{
   background-color:transparent;
   margin-top:15px;
   color:#6c6c6c !important;
}

.breadcrumb a:hover{
   color:#6c6c6c;
}

.breadcrumb > .active{
   color:#78be20;
}

.container-fluid{
   margin-left:30px;
   margin-right:30px;
}

header h2{
   color:#fff;
}

#archive-model-area a{
   display:block;
   margin-bottom:10px;
   color:#6c6c6c;
}

.glyphicon{
   margin-right:5px;
}

#archive-year{
   color:#78be20;
   margin-bottom:-15px;
}

#archive-year a{
   color:#78be20;
}

.archive-about-row{
   margin-top:100px;
}

#model-name{
   color:#003c71;
}

.archive-model-header{
   border-bottom: 2px solid #516C8F;
   padding-bottom:18px;
   margin-bottom:30px;
}

#tech-specs{
   color:#6c6c6c;
   background-color:#173D6F;
   padding-top:50px;
   padding-bottom:100px;
}

#tech-specs h2{
   color:#fff;
}

#tech-specs h3{
   color:#33beea;
   font-family: 'Lato', sans-serif;
   text-transform: uppercase;
   font-size:16px;
   font-weight:900px;
   margin-bottom: -12px;
   letter-spacing: 1px;
}

#tech-specs p{
   color:#fff;
}

#geometry{
   margin-top:50px;
   margin-bottom:75px;
}

#geometry h2{
   margin-bottom: 25px;
   color:#003c71;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{
   color:#6c6c6c;
   font-weight:400;
}

.footer{
   background-color:#001437;
   padding-top:25px;
   padding-bottom:25px;
}

.footer a{
   color:#aaaaaa;
}

.footer span{
   margin-right:15px;
}


@media screen and (min-width:769px){
   .footer-column{
      text-align:center;
   }
}

@media screen and (max-width:768px){
   h2{
      font-size:25px;
   }
   
   #model-name{
      font-size:30px;
   }

    #archive-home{
     
      padding-bottom:15px;
   }
   #archive-model-area{
      margin-top:-30px;
   }
   
   #archive-model-area a{
      font-size:16px;
   }
   
   .footer-column{
      margin-bottom:15px;
   }
   
}

@media print{
   header{
      display:none;
   }
   
   #tech-specs{
      background-color:transparent;
      padding-top:0;
      padding-bottom: 0;
      font-size:9px;
      margin-top:-20px;
   }
   
   #tech-specs h3{
      font-size:9px !important;
      font-weight:900;
      margin-bottom:0px;
   }
   
   #tech-specs p{
      margin-top:0px;
      line-height:100%;
	  margin-bottom:0px
   }
   
   .footer{
      display:none;
   }
   
   #archive-model-area a{
      display:none;
   }
   
   .breadcrumb{
      display:none;
   }
   
   #geometry{
      margin-top:25px;
   }
   
   
   
   hr{
      display:none;
   }
   
   #archive-model-area img{
      width:50%;
   }
   
   .archive-model-header{
      border:none;
      padding-bottom:10px;
      margin-bottom:-15px;
      font-size:14px;
   }
   
   #geometry h2{
      font-size:14px;
      margin-top:0px;
      margin-bottom:5px;
   }
   
   #model-name{
      font-size:22px;
      border-bottom:2px solid #ddd;
      padding-bottom:5px;
   }
   
   #archive-year{
      font-size:10px;
      margin-top:-40px;
   }
   
	#geometry h2, #tech-specs h2{
		text-transform: uppercase;
	}
	
	#archive-year a{
		display: block !important;
	}
   
   .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{
      font-size:10px;
   }
   
   .carousel-indicators{
	display:none;
	}
   
}


/*Archive*/
.archive .panel-body li{
    display:block;
    text-align:center;
    border:1px solid #eee;
    border-bottom-color: 1px solid #eee;
    border-top-color:transparent;
    border-left-color:transparent;
    border-right-color:transparent;
    padding:5px;
}

.archive .panel-title{
    text-align:center;
    font-size:14px;
     color:#fff;
}

#category-accordion .panel-heading, #model-accordion .panel-heading{
    background-color:#eee;
    transition:.15s;
}

.archive .panel-body{
    padding:0px;
}

.archive li{
    list-style-type: none;
    cursor: pointer;
}

.archive .panel-default > .panel-heading{
    background-color:#00AEE5;
}

        @media only screen and (min-width : 480px) and (max-width:768px) {
            #bikes {
                -moz-column-count: 2;
                -moz-column-gap: 20px;
                -webkit-column-count: 2;
                -webkit-column-gap: 20px;
                column-count: 2;
                column-gap: 20px;
                text-align:left !important;
            }
        }
        

        @media only screen and (min-width : 769px){
            #bikes {
                -moz-column-count: 3;
                -moz-column-gap: 20px;
                -webkit-column-count: 3;
                -webkit-column-gap: 20px;
                column-count: 3;
                column-gap: 20px;
                text-align:left !important;
            }
        }

		
#support{
  min-height:750px;
}


.panel-group ul{
 padding:0
}


.footer p{
  margin-top:-3px;
}
    

	.carousel-indicators{
	  margin: 0 auto;
	  position: static;
	  margin-bottom:15px;
	}

	.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img{
	  max-width:100% !important;	
	}

	@media screen and (max-width:768px){
	  .carousel-indicators{
		margin-bottom:-25px;
	  }
	}

@media screen and (min-width: 481px){
	.archive .panel-body li:hover, .archive .panel-body a:hover{
		color:#78be20;
	}
}

@media screen and (max-width:480px){
	.archive .panel-body li{
		font-size:16px;
	}

	.archive .panel-body li:hover{
		background-color:#78be20;
		color:#fff;
	}
	
	.archive .panel-body li > a:hover{
		background-color:#78be20;
		color:#fff;
	}
	
	.table-wrapper{
		overflow-x:scroll;
	}
	
	.breadcrumb{
		display:none;
	}
	
	#archive-model-area{
		margin-top:15px;
	}
}

#archive-model-area a:hover{
    color:#78be20;
    transition:1s
}

@media screen and (min-width: 769px){
	.archive-model-header, #geometry h2{
	        font-size:28px;
	        letter-spacing: 2px;
	        text-transform:uppercase;
	}
	
	#archive-model-area{
		padding-bottom:25px;
	}
}

@media screen and (max-width: 768px){
	.archive-model-header, #geometry h2{
		font-size:23px;
		letter-spacing: 2px;
		text-transform:uppercase;
	}
}

.footer a:hover, header a:hover{
	transition:1s;
	color:#78be20 !important;
}


@media screen and (max-width:480px){
	.archive-model-header, #geometry h2{
		font-size:18px;
		letter-spacing: 2px;
		text-transform:uppercase;
                margin-bottom: 5px;
                padding-bottom: 16px; 
	}
	
	#tech-specs h3{
		font-size:14px
	}
}

	#toTop{
		background-color:#78be20;
		border:1px solid #78be20;
		color:#fff;
		position:fixed;
		bottom:0;
		right:0;
		z-index:999;
		padding:10px;
		font-size:11px;
		margin-right:25px;
		margin-bottom:25px;
		display:none;
	}
	
		.archive .container-fluid {
		margin-left: auto;
		margin-right: auto;
		padding-left: 15px;
		padding-right: 15px;
	}