/*font-family: 'Fjalla One', sans-serif;
font-family: 'Cantarell', sans-serif;
*/

.staffImages [class*="column"] + [class*="column"]:last-child {
    float: left;
}

.offerRow [class*="column"] + [class*="column"]:last-child {
    float: left;
}

a:hover, a:focus {
    color: #720000;
}

.upCase {
	text-transform:uppercase;
}

.fjalla {
	font-family: 'Fjalla One', sans-serif;
}

.canta {
	font-family: 'Cantarell', sans-serif;
}

.extra-margin-top {
	margin-top:2%;
}

video {
	width:100%;
}

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

table h3 {
	margin-bottom: 0;
}

/* Nav */

.top-bar-section .dropdown li {
	text-align: left;
}

.top-bar-section li a:not(.button) {
    padding: 0 8px;
}

.top-bar-section ul li > a {
    font-size: 1.3rem;
}

.top-bar-section .dropdown li a {
	background-color:#bc1c23;
	padding:8px;
}

.back h5 {
	font-family: 'Fjalla One', sans-serif;
}

.homeLogo h1 {
	visibility: hidden;
	display: none;
	
}

#header-stuff form {
	margin:0;
}

.search {
	padding:5% 5% 0 5%;
	background-color: black;
}

.search .cartSum {
	padding:0;
	height:auto;
}

#keywords {
	font-size: 1rem;
}

#search input.button {
	padding-top: 0.6rem;
    padding-bottom: 0.5rem;
    width:100%;
}

.ui-autocomplete {
	background:white;
	width:19rem;
	z-index:999;
}

.ui-autocomplete li {
	list-style: none;
	padding-left:2%;
	line-height: 2rem;
}

.ui-autocomplete li:hover{
	background-color: #f2f2f2;
}

.cartSummary {
	color:#FFFFFF;
	background-color: #000000;
	height: 106px;
    margin-right: 0.9375em;
	padding: 2% 52px 15px 20px;
    /*width: 23%;*/
}

.cartSum {
    color: #FFFFFF;
    background-color: #000000;
    height: 106px;
    /*margin-right: -1px;*/
    padding: 9% 35px 15px 20px;
}

.cartSummary div, .cartSum div  {
	margin-bottom: 5%;
	text-align: right;
}

.cartSum div.icon-user {
	text-align:left;
}

.cartSummary p, .cartSum p {
	margin-bottom: 0%;
}

.cartSummary a, .cartSum a {
	color:#FFFFFF;
	margin-left:10px;
}

.cartSummary a:hover, .cartSum a:hover {
	color:#666666;
}



/* Slides */

.orbit-caption img {
	float:right;
	margin-right: 1%;
	margin-top:0.6%;
}

.orbit-caption span {
	float:right;
	font-size:1.3rem;
}

.orbit-caption span#logout {
	float:right;
	clear: both;
	font-size:0.9rem;
}


.yellow {
	color: #ffc800;
}

.green{
	color:#5DA423;
}

.row {
	max-width:100%;
}

.orbit-container .orbit-slides-container img{
	/*width:100%;*/
}


/* offers */

.offersBlock {
	margin-top:1%;
}

h2.offerHeader {
	font-size:1.3rem;
	margin-bottom:2%;
}

.offerDetails img {
	float:left;
	margin-right: 1.5%;
	margin-top:5px;
}

.offerDetails p {
	/*float:left;*/
	width:99%;
	margin-bottom: 1%;
}

.red {
	color:#BC1C23;
}

.offer-image {
	height:192px;
}

.cat-active {
	color:#720000;
}

  .orbit-container .offers-prev,
  .orbit-container .offers-next {
    position: absolute;
    /*top: 45%;*/
    top:20%;
    margin-top: -25px;
    width: 36px;
    height: 60px;
    line-height: 50px;
    color: #BC1C23;
    text-indent: -9999px !important;
    z-index: 10; }
    .orbit-container .offers-prev:hover,
    .orbit-container .offers-next:hover {
      background-color: rgba(0, 0, 0, 0.3); }
    .orbit-container .offers-prev > span,
    .orbit-container .offers-next > span {
      position: absolute;
      top: 50%;
      margin-top: -10px;
      display: block;
      width: 0;
      height: 0;
      border: inset 10px; }
  .orbit-container .offers-prev {
    left: 0; }
    .orbit-container .offers-prev > span {
      border-right-style: solid;
      border-color: transparent;
      border-right-color: #BC1C23; }
    .orbit-container .offers-prev:hover > span {
      border-right-color: #BC1C23; }
  .orbit-container .offers-next {
    right: 0; }
    .orbit-container .offers-next > span {
      border-color: transparent;
      border-left-style: solid;
      border-left-color: #BC1C23;
      left: 50%;
      margin-left: -4px; }
    .orbit-container .offers-next:hover > span {
      border-left-color: #BC1C23; }
      
.noshow_timer {
	display:none;
	visibility:hidden;
}   
      
.offersBlock .label {
	font-size: 1rem;
	white-space: normal;
}

.newsImage {
	/*padding-top: 55px;*/
	  margin-top: 7px;
    margin-bottom: 15px
}

.newsBlock h3 {
	font-size:1.5rem;
}

.newsBlock a h3:hover {
	color:#BC1C23;
}

.newsBlock p, .schemeBlock p{
	margin-top:3%;
	line-height: 1.4em;
}

.panel {
	padding: 1rem;
}

.panel h4 {
	color:#BC1C23;
}

.cycleSchemeImage {
	margin-right: 2%;
	margin-bottom:2%;
}


/* footer */

#footer {
	bottom: 0;
	width: 100%;
	margin-top: 4%;
	padding-top:2%;
	padding-bottom: 2%;
	/*height: 100px;  choose any height */
	background-color: #ffc800;
	color:#000000;

}

.brandLogos {
	text-align: center;
	column-count:3;
}

.brandLogos img{
	float:left;
	clear: both;
	margin-bottom: 6%;
}

.footerLinksRight {
	text-align: right;
	/*margin-top: 8.8%;*/
}

.footerLinksRight p {
	font-size:1rem;
	margin-bottom: 2%;
}

.footerLinksRight p.hornet {
	font-size:0.8rem;
}

/* About us */
.mainBlock {
	margin-top: 2%;
}

.staffImages{
	/*margin-bottom: 4%;*/
}

.staffImages img {
	/*margin-left:10%;
	margin-right: 5%;*/
}

/* contact us */

#contactForm label {
	font-size:1em;
}

#contactSubmit {
	font-size:1.3em;
}

label.error {
	margin-top:1%;
	margin-bottom:2%;
}

.vcard .fn {
    font-size: 1em;
    line-height:1.6em;
}


/* news page */

.archiveList h5{
	margin-top:16px;
}

.row.newsWrapper {
	margin-top: 2%;
	margin-bottom: 2%;
	border-bottom: 1px dotted #cccccc;
}

span.imageCaption {
    font-size: 0.8em;
    line-height: 1.5em;
    display: block;
    margin-bottom: 10%;
	
}

/* Frames */

.mainBlock h3 {
	font-family: 'Fjalla One', sans-serif;
	text-transform: uppercase;
}

.frameMargin{
	margin-bottom: 2%;
}
/* Prods */

.logoHighlight {
	border: 4px solid #FFFFFF;
    /*box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);*/
    display: inline-block;
    line-height: 0;
    transition: all 200ms ease-out 0s;
}

.logoHighlight:hover {
	box-shadow: 0 0 6px 1px rgba(96,96,96, 0.5);
}

.logoLinks {
	margin-top: 4%;
}

.logoLinks p{
	text-align: left;
}

/* Offers */

.row .offerRow {
	margin-bottom:4%;
}

button.info, .button.info {
    background-color: #000000;
    border-color: #000000;
    color: #FFFFFF;
}

button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
    background-color: #4A4A4A;
}

.offerButtons div{
	margin-top:2%;
}

.offerButtons .button.small {
    margin-bottom: 0;
    width:100%;
}

div.addthis_toolbox {
	margin-top:5%;
}

.offer-image-set-height img{
	max-height:30vh;	
}

.offerDetails { 
	margin-top:2%;
}

/* login */

.loginSubmitRow a.button {
	line-height: 1.4em;
}

/* My Account */

ul#accountList{
	margin-left:0;
}

#accountList li{
	list-style-type: none;
	margin-top: 2%;
	margin-bottom: 2%;
}

#accountList li a {
	margin-left: 2%;
} 


/* Bike Fit */

h3.comments {
	margin-top:5%;
}

p.comments {
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 6%;
	margin-top: 6%;
}

/*.flexOfferWrapper {
  display: flex;
  flex-wrap: wrap;
}

.flexCats {
	display: flex; 
	width: 20%;
}

.flexOffers {
	display: flex; 
	width: 80%;
}*/
.flexCats {
	width:18%;
	float:left;
	/*border-right: 2px black solid;*/
	word-wrap: break-word;
	padding-right:2%;
}

.flexOffers {
	width:80%;
	margin-left: 1%;
	float:left;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

  

/*.flexOffer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}*/

.flexOfferImage, .offerDetails{
	/*flex: 1 0 auto;
	flex-basis: 100%;*/
	display: block;
}

.offerDetails p {
	font-size: 1.2rem;
	flex-grow: 1;
}

.flexOfferItem {
 /* display: flex; */
  padding: 1em;
/*  width: 100%;*/
	display: flex;
	flex-direction: column;
	text-align: center;
	justify-content: space-between;
	
}

.flexOfferItem .logoHighlight {
    text-align: center;
}

.flexOfferItem .logoHighlight img {
	object-fit:cover;
	max-height: 200px;
	
}

.flexOfferContent {

	margin-top: auto;
   background-color: #fff;
   padding: 1em;
   width: 100%;
}

.flexOfferContent .button {
	font-size:1rem;
	margin-bottom: 0;
	width:100%;
}

.flexOfferPag {
	display: block;
    width: 100%;
}
@media all and (max-width: 789px) {
	.flexCats {
		width:30%;
	}
	.flexOffers {
		width:68%;
	}
  .flexOfferItem {
    width: 100%;
  }
}

/*@media all and (min-width: 40em) {*/
@media only screen and (max-width: 960px) and (min-width: 790px)  {
	.flexCats {
		width:22%;
	}
	.flexOffers {
		width:76%;
	}
  .flexOfferItem {
    width: 50%;
  }
}
@media all and (min-width: 60em) {
  .flexOfferItem {
    width: 30%;
  }
}


/*@media only screen and (min-width: 850px)  {*/
	.offer-image-set-height {
		height:30vh;
	}

/*}*/
@media only screen and (max-width: 849px) and (min-width: 641px)  {
	.offer-image-set-height {
		height:22vh;
	}
	.offer-image-set-height img {
    	max-height: 22vh;
	}
}

@media only screen and (max-width: 996px) {
	.offerButtons button.small, .offerButtons .button.small {
	    font-size: 0.8125rem;
	    padding: 0.875rem 1rem 0.9375rem;
	}
}

@media only screen and (max-width: 852px) {
	.offerButtons button.small, .offerButtons .button.small {
	    font-size: 0.8125rem;
	    padding: 0.875rem 0.4rem 0.9375rem;
	}
	
}


@media only screen and (max-width: 752px) {
	.offerButtons button.small, .offerButtons .button.small {
	    font-size: 0.7rem;
	    padding: 0.875rem 0.2rem 0.9375rem;
	}
	    .top-bar-section li a:not(.button) {
    padding: 0 7px;
	}
}

@media only screen and (max-width: 699px) {
	.offerButtons button.small, .offerButtons .button.small {
	    font-size: 0.7rem;
	    padding: 0.875rem 0.1rem 0.9375rem;
	}
}

@media only screen and (max-width: 642px) {
	.offerButtons button.small, .offerButtons .button.small {
	    font-size: 0.7rem;
	    padding: 0.875rem 2rem 0.9375rem;
	}
}

 @media only screen and (max-width: 640px){
	.offerButtons button.small, .offerButtons .button.small {
	    font-size: 1.2rem;
	}
	.offer-image-set-height {
		height:auto;
	}
	.offer-image-set-height img {
    	max-height:100%;
	}
} 

/* top nav */
@media only screen and (max-width: 1025px) {
	.cartSum {
		height:auto;
	    padding-top: 3%;
	    padding-bottom:1%;
	}
	.cartSum div {
    	margin-bottom: 2%;
	}
}

@media only screen and (max-width: 1061px) {
    .top-bar-section li a:not(.button) {
    	padding: 0 6px;
	}
	.top-bar-section li a.nav-offs {
    	padding: 10px 6px;
	}
	.top-bar-section li ul.dropdown li a {
		padding: 10px 6px;
	}
	
	.top-bar-section ul li > a {
    	font-size: 1.3rem;
    }
    .cycleSchemeImage {
    	margin-right: 0;
    }
}

@media only screen and (max-width: 1023px) {
		.top-bar-section ul li > a {
    font-size: 1.2rem;
    }
}


@media only screen and (max-width: 966px) {
	.top-bar-section ul li > a {
    font-size: 1.1rem;
    }
        .top-bar-section li a:not(.button) {
    padding: 0 6px;
	}
	.top-bar-section li a.nav-offs {
		padding: 10px 6px;
	}
}

@media only screen and (max-width: 931px) {
	.top-bar-section ul li > a {
    font-size: 1rem;
    }
        .top-bar-section li a:not(.button) {
    padding: 0 6px;
	}
	.top-bar-section li a.nav-offs {
		padding: 10px 6px;
	}
}


@media only screen and (max-width: 875px) {
	.top-bar-section ul li > a {
    font-size: 0.9rem;
    }
        .top-bar-section li a:not(.button) {
    padding: 0 6px;
	}
	.top-bar-section li a.nav-offs {
		padding: 10px 6px;
	}
}


@media only screen and (max-width: 793px) {
	.top-bar-section ul li > a {
    font-size: 0.8rem;
    }
    .top-bar-section li a:not(.button) {
    padding: 0 4px;
	}
	.top-bar-section li a.nav-offs {
		padding: 10px 6px;
	}
}

@media only screen and (max-width: 698px) {
	.top-bar-section ul li > a {
    font-size: 0.7rem;
    }
    .top-bar-section li a:not(.button) {
    padding: 0 2px;
	}
	.top-bar-section li a.nav-offs {
		padding: 10px 6px;
	}
}

@media only screen and (max-width: 644px) {
    .top-bar-section li a:not(.button) {
    padding: 0 3px;
	}
	.top-bar-section li a.nav-offs {
		padding: 10px 6px;
	}
	.top-bar .toggle-topbar.menu-icon a span{
		padding-right:30%;
	}
}

@media only screen and (max-width: 641px) {
	

	section.top-bar-section {
	    display: flex;
	    text-align: left;
	}
    .top-bar-section li a:not(.button) {
	    font-size:1.6rem;
		padding: 2% 5%;
	}
	.top-bar-section li a.nav-offs {
		padding: 10px 6px;
	}
	.top-bar .toggle-topbar.menu-icon a span{
		padding-right:30%;
	}
}


@media only screen and (max-width: 40em) {
	.orbit-container .orbit-slides-container > * .orbit-caption {
		padding:5px;
    }
	.orbit-caption span, .orbit-caption span#logout {
		float:right;
		font-size:0.7rem;
	}
	.offers-prev, .offers-next {
		display:none;
		visiblity:hidden;
	}
	
 } 

 
@media only screen and (max-width: 375px) { 
#search input.button {
	padding-left:1.5rem;
	padding-right:1.5rem;
}
}
 
 #loginnavcontainer a#current, #loginnavcontainer a:hover
{
background: #e6e6e6;
background: #93c5c8;
color:#37696c;
position: relative;
top: 1px;

}

.consent { display:none }
.consent p {
	font-size:1rem;
}
.js .consent { display:table } /* show bar only if JS enabled */
.consent { position:fixed; left:0; bottom:0; width:100%; font-size:0.75em; color:#fff; background:#222; padding:2.5em 3%; box-sizing:border-box; z-index: 99999;
	-webkit-animation:fadeBar 1s 1s both; animation:fadeBar 1s 1s both 
	}
.consent p, .consent span { display:table-cell; vertical-align:middle } 
/*.consent button { float:right; margin-left:1em; background:#c06; line-height:2.5; letter-spacing:0.08em; color:#fff; padding:0 1em; border:0; border-radius:0.25em; 
	-webkit-appearance:none; text-shadow:0 -1px 1px rgba(0,0,0,0.5); box-shadow:0 1px 1px rgba(0,0,0,0.7), inset 0 1px 1px rgba(255,255,255,0.5) 
	}*/
@-webkit-keyframes fadeBar {
	0% { opacity:0; -webkit-transform:translateY(100%) }
	100% { opacity:1; -webkit-transform:none }
	}
@keyframes fadeBar {
	0% { opacity:0; transform:translateY(0%) }
	100% { opacity:1; transform:none }
	}
button.loginsubmitBtn {
	font-size:1rem;
	padding:5px 30px;
}