@charset "UTF-8";.clear_float{float:left;clear:both;visibility:hidden;}.store_highlight{width:100%;clear:both;padding-top:10px;}.store_h1{float:left;padding-right:20px;}.store_products{float:left;background-image:url("images/store_product.png");background-repeat:repeat;background-size:100% 100%;width:124px;height:70px;}.store_frame-bags{float:left;background-image:url("images/store_frame-bags.png");background-repeat:repeat;background-size:100% 100%;width:124px;height:70px;}.store_handle-bar{float:left;background-image:url("images/store_handle-bar.png");background-repeat:repeat;background-size:100% 100%;width:124px;height:70px;}.store_cockpit{float:left;background-image:url("images/store_cockpit.png");background-repeat:repeat;background-size:100% 100%;width:124px;height:70px;}.store_seat-bags{float:left;background-image:url("images/store_seat-bags.png");background-repeat:repeat;background-size:100% 100%;width:124px;height:70px;}.store_winter-gear{float:left;background-image:url("images/store_product.png");background-repeat:repeat;background-size:100% 100%;width:124px;height:70px;}.store_accessories{float:left;background-image:url("images/store_product.png");background-repeat:repeat;background-size:100% 100%;width:124px;height:70px;}.store_rack{float:left;background-image:url("images/store_rack.png");background-repeat:repeat;background-size:100% 100%;width:124px;height:70px;}.store_productdetail{width:100%;clear:both;padding-top:10px;}.NOBORDERproductimg{position:relative;float:left;width:100%;height:205px;margin-bottom:10px;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;}.products{text-align:center;}.productdescrip{background-color:rgba(0,0,0,0.8);position:absolute;bottom:0px;width:92%;overflow:none;display:none;color:#ffffff;font-size:12px;padding-left:4%;padding-right:4%;padding-top:3px;padding-bottom:3px;line-height:14px;height:30px;text-align:center;}.productimg:hover .productdescrip{display:block;}@media screen and (min-device-width : 768px) {.productimg{position:relative;float:left;width:100%;height:225px;margin-bottom:10px;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;}}@media screen and (max-width: 767px) {.productimg{position:relative;float:left;width:100%;height:225px;margin-bottom:10px;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;border:3px solid #fff;*/
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; 
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; 
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; 
	}
	
}


productimg:before, .productimg:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.productimg:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}



/*------------------------------ PRODUCT  PAGES --------------------------
--------------------------------------------------------------------------------------------------*/

.product_wrap {  /* wrap products to apply div boxes */
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.product_ind {  /* list of products on overview  & cat page */
	width: 31%;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 25px;
	 display: inline-block;
	 height: auto;	
	 }



#content_left {   /* left side of product pages */
float: left;
width: 48%;

}


.small_photos {  /* product thumbnails */
	border: 3px solid #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	float: left;
	height: 90px;/*we want these to all be the same height as thumbnails, even if the full sizes are different*/
	margin-right: 15px;
	overflow: hidden; 
	margin-top: 10px;	
}


.mainproductimg {   /* main product image */
	width: 98%;
	 /*border: 3px solid #fff; */
     /*box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; */
}
.mainproductimg:before, .mainproductimg:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.mainproductimg:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.product_similar {  /* product listing on btm of page under "similar products" */
	width: 15%;
	float: left;
	margin-right: 20px;
	margin-bottom: 25px;
	margin-top: 15px;
	height: 140px;
}


.productsimilar {  /* product thumbnails styling */
   position: relative;
    float: left;
    width:  100%;
    height: 95px;
    margin-bottom: 15px;
    background-position: 50% 50%;
    background-repeat:   no-repeat;
    background-size:     cover;
    border: 3px solid #fff; 
     -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

}
.productsimilar:before, .productsimilar:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.productsimilar:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}






/*---begin content element---*/
#content_right {
	display:inline;
	float: right;
	margin-left: 20px;
	width: 50%;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;

}


#buy_box {
	clear: both;
	padding: 0;
	margin: 0;
}

.buy_selectwrap {
	float:left;	
	padding-left: 0;
	padding-right: 20px;
	margin: 0;
	position: relative;	
	width: 70%;
}
.buy_add {
	float:left;	
	padding-left: 0;
    padding-top: 75px;
    margin: 0;	
	width: 20%;
}

.buy_select {
width:inherit;
height: 27px;
border-radius:5px;
font-size: 13px;
padding:3px;
border: 1px solid #aaaaaa;
font-weight: 600;
}


#content_right hr {
	 margin-top: 10px;
	 margin-bottom: 20px;
 }
/*---end products, "zoomed in"---*/




/* the div that houses all the payment forms */
#basketform {
 width:50%;
 float:left;
  position: relative;
  margin-right: 44px;
}

/* the div that houses  the cart */
#basket {
 float: right;
 width:40%;
 border: 1px solid #dadada;
 border-radius: 4px;
 background: none repeat scroll 0 0 #fafafa;
 color: #777;
 padding: 10px;
 top: 10px;
display:block;
}



/* stayles for catalog page */
.items {
 font-size: 11pt;
 font-weight:bold;
}

.items a { text-decoration: none; }

.skus { color: #666; }

.prices {
 color: #333;
 font-size: 11pt;
}

.remove { font-size: 10pt; }

.remove a { text-decoration: none; }

/* font / form etc. styles for checkout pages */
.payment-due__currency {
 background: none repeat scroll 0 0 #bbb;
 border-radius: 4px;
 color: #fff;
 display: inline-block;
 font-size: 12px;
 font-weight: 400;
 line-height: 1.4em;
 text-transform: uppercase;
 vertical-align: middle;
 margin-left: 0.75em;
 padding-top: 2px;
 padding-right: 10px;
 padding-bottom: 2px;
 padding-left: 10px;
 float: left;
}

.price {
 color: #e01a3b;
 font-size: 24px;
 font-weight: 300;
 margin-top: 2px;
 float: right;
}

.checkouttext {
 font-size: 14px;
 line-height: 18px;
}

.total {
 padding: 10px;
 text-align:right;
}

#orderform h2 {
 margin-left:0;
 margin-bottom: 10px;
}

#orderform p {
 font-size:15px;
 color:#222222;
}

#orderform .labelwrap { margin-bottom: 10px; }

.orderforminput {
 width:100%;
 border:2px solid #cccccc;
 padding:3px 5px;
 margin-top: 5px;
 margin-bottom: 5px;
}

#orderform input, select, textarea {
 width:100%;
 border:2px solid #cccccc;
 padding:3px 5px;
 margin-top: 5px;
 margin-bottom: 5px;
 font-size: 12pt;
}

#orderform .shortselect {
 width:40%;
 border:2px solid #cccccc;
 padding:3px 5px;
 margin-top: 5px;
 margin-bottom: 5px;
}

#orderform input, button, select, submit { margin-top: 5px; }

#orderform label {
 font-weight:bold;
 font-size:14px;
 clear: none;
 float: none;
 font-weight: bold;
 text-align: left;
 text-transform: uppercase;
 width: 100%;
 margin-bottom: 5px;
}


label, label .error {
 width: 80px;
 float: left;
 font-weight: bold;
 clear: left;
 padding-top: 4px;
}


#color .required { color:#000; }

.required { color:#dd6666; }

input.error {
 border: 1px solid #f00;
 background-color:#FCC;
}

#orderform .error {
 font-weight: normal;

}

.green { color:#390;}

.none { display:none; }
.clear {clear:both;}

.checkform {
 font-size: 24px;
 font-weight: bold;
 color: #FFF; 
 padding: 25px;
}



.spinner {
  margin: 20px auto 0;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #333;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.control-label { color: red; padding-left: 5px;}

/*  ///////////////////   formancejs for credit card validation  \\\\\\\\\\\\\\\\\\\  */
.highlight  { background: #ffffff; }
.highlight .c { color: #999988; font-style: italic } /* Comment */
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
.highlight .k { font-weight: bold } /* Keyword */
.highlight .o { font-weight: bold } /* Operator */
.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
.highlight .ge { font-style: italic } /* Generic.Emph */
.highlight .gr { color: #aa0000 } /* Generic.Error */
.highlight .gh { color: #999999 } /* Generic.Heading */
.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
.highlight .go { color: #888888 } /* Generic.Output */
.highlight .gp { color: #555555 } /* Generic.Prompt */
.highlight .gs { font-weight: bold } /* Generic.Strong */
.highlight .gu { color: #800080; font-weight: bold; } /* Generic.Subheading */
.highlight .gt { color: #aa0000 } /* Generic.Traceback */
.highlight .kc { font-weight: bold } /* Keyword.Constant */
.highlight .kd { font-weight: bold } /* Keyword.Declaration */
.highlight .kn { font-weight: bold } /* Keyword.Namespace */
.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
.highlight .kr { font-weight: bold } /* Keyword.Reserved */
.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
.highlight .m { color: #009999 } /* Literal.Number */
.highlight .s { color: #d14 } /* Literal.String */
.highlight .na { color: #008080 } /* Name.Attribute */
.highlight .nb { color: #0086B3 } /* Name.Builtin */
.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
.highlight .no { color: #008080 } /* Name.Constant */
.highlight .ni { color: #800080 } /* Name.Entity */
.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
.highlight .nn { color: #555555 } /* Name.Namespace */
.highlight .nt { color: #000080 } /* Name.Tag */
.highlight .nv { color: #008080 } /* Name.Variable */
.highlight .ow { font-weight: bold } /* Operator.Word */
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
.highlight .mf { color: #009999 } /* Literal.Number.Float */
.highlight .mh { color: #009999 } /* Literal.Number.Hex */
.highlight .mi { color: #009999 } /* Literal.Number.Integer */
.highlight .mo { color: #009999 } /* Literal.Number.Oct */
.highlight .sb { color: #d14 } /* Literal.String.Backtick */
.highlight .sc { color: #d14 } /* Literal.String.Char */
.highlight .sd { color: #d14 } /* Literal.String.Doc */
.highlight .s2 { color: #d14 } /* Literal.String.Double */
.highlight .se { color: #d14 } /* Literal.String.Escape */
.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
.highlight .si { color: #d14 } /* Literal.String.Interpol */
.highlight .sx { color: #d14 } /* Literal.String.Other */
.highlight .sr { color: #009926 } /* Literal.String.Regex */
.highlight .s1 { color: #d14 } /* Literal.String.Single */
.highlight .ss { color: #990073 } /* Literal.String.Symbol */
.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
.highlight .vc { color: #008080 } /* Name.Variable.Class */
.highlight .vg { color: #008080 } /* Name.Variable.Global */
.highlight .vi { color: #008080 } /* Name.Variable.Instance */
.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */

.type-csharp .highlight .k { color: #0000FF }
.type-csharp .highlight .kt { color: #0000FF }
.type-csharp .highlight .nf { color: #000000; font-weight: normal }
.type-csharp .highlight .nc { color: #2B91AF }
.type-csharp .highlight .nn { color: #000000 }
.type-csharp .highlight .s { color: #A31515 }
.type-csharp .highlight .sc { color: #A31515 }



/* Red Font for errors etc. */
.red {
	color : #E01A3B;
}
/* Red Font for errors etc. */
.redbkg {
	color : #000;
	background-color: #FCC;
	margin: 5px;
	padding: 5px;
	border: 1px solid #000;
	vertical-align: middle;
}
/* Red Font for errors etc. */
.error { color : #E01A3B; }


/* Red Font for errors etc. */
.error2 {
	color : #000;
	background-color: #FCC;
	margin: 5px;
	padding: 5px;
	border: 1px solid #000;
	
	vertical-align: middle;
}



/*--------------------------------END MAJOR LAYOUT ELEMENTS-------------------------------
----------------------------------------------------------------------------------------------------------/*





/* ///////////////////     \\\\\\\\\\\\\\\\\\\ */
/* set up mobile styles for shopping  */  
/* ///////////////////     \\\\\\\\\\\\\\\\\\\ */

@media only screen and (max-width: 767px) {
	.product_ind {
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		width: 30%;
		display: inline-block;
		height: 280px;	  
	}
	
	#content_left {   /* left side of product pages */
		float: left;
		width: 100%;
		min-width: 400px;
	}
	
	.small_photos {  /* product thumbnails */
		display: none;
	}
	
	#content_right {
		display:inline;
		float: left;
		margin-left: 20px;
		width: 100%;
		padding: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: 0px;   
	}
	#basketform {
		width:96%;
		float:left;
		position: relative;
		margin-right: 44px;
		clear: both;
		
	}
	#basket {
	    background: #fafafa none repeat scroll 0 0;
	    border: 1px solid #dadada;
	    border-radius: 4px;
	    color: #777;
	    display: block;
		float: left;
	    padding: 10px;
	    top: 10px;
	    width: 96%;
	    margin-bottom: 20px;
	}

 }


/*--------------------------------END MAJOR LAYOUT ELEMENTS-------------------------------
----------------------------------------------------------------------------------------------------------/*

/* ********** //////////// major elements for all pages \\\\\\\\\\\\ ********** */

/* ///////////////////     \\\\\\\\\\\\\\\\\\\ */
/*  reset center width 1120px and MORE pixels wide */  
/* ///////////////////     \\\\\\\\\\\\\\\\\\\ */
@media screen and (min-device-width : 768px) {
	body { 
		 position:relative;
		 margin:0;
		 padding:0;
		 font-family: 'Lato', sans-serif; 
		 font-size: 10pt;
		 line-height: 15pt;
		 background-color: #ffffff;
		 min-width: 840px; 
		  /* STOP MOVING AROUND! */
	    overflow-x: hidden;
	}
	
		.centerwrap {
	    margin: 0 auto;
	    max-width: 1088px;
	    min-width: 890px;
	    padding-left: 10px;
	    padding-right: 10px;
	}		
}

/* ///////////////////     \\\\\\\\\\\\\\\\\\\ */
/* reset center width 1119px and LESS pixels wide */  
/* ///////////////////     \\\\\\\\\\\\\\\\\\\ */

@media screen and (max-width: 767px) {
	body { 
		 position:relative;
		  overflow-x: hidden;
		 margin:0;
		 padding:0;
		 font-family: 'Lato', sans-serif; 
		 font-size: 10pt;
		 line-height: 14pt;
		 background-color: #ffffff;
		 min-width: 645px; 
		 max-width: 767px;
	}
		
	.centerwrap {
	    margin: 0 auto;
	    padding-left: 20px;
	    padding-right: 20px;
	    min-width: 605px;
	}
	
}

.sub-page {
background-size: 100%  auto; /* Force the image to its minimum width */
background-attachment: fixed;
background-position: center top;
background-repeat: no-repeat;
position: relative;
}

	
#menu-main li ul { /*  submenu style for 100% background bar AND bike   */
    position: absolute;
    left: 0px;
    top: 100%;
    padding: 0 1000em; /* trick from css-tricks comments */ 
    margin: 0 -1000em; /* trick from css-tricks comments */
    z-index: 101;
    visibility: hidden;
    opacity: 0;
    background: rgba(0, 0, 0, 0.9);
   
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
 .sub-page {
    background-size: 100%  auto; /* Force the image to its minimum width */
    background-attachment: scroll;
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
    } /* your css rules for ipad portrait */
    	
	#menu-main li ul { /*  submenu style for 100% background bar AND bike   */
	    position: absolute;
	    left: 0px;
	    top: 100%;
	    padding: 0 504px; /* trick from css-tricks comments */ 
	    margin: 0 -504px; /* trick from css-tricks comments */
	    z-index: 101;
	    visibility: hidden;
	    opacity: 0;
	    background: rgba(0, 0, 0, 0.9);  
	}
	
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
  .sub-page {
    background-size: 100%  auto; /* Force the image to its minimum width */
    background-attachment: scroll;
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
    } /* your css rules for ipad landscape */
    
	#menu-main li ul { /*  submenu style for 100% background bar AND bike   */
	    position: absolute;
	    left: 0px;
	    top: 100%;
	    padding: 0 504px; /* trick from css-tricks comments */ 
	    margin: 0 -504px; /* trick from css-tricks comments */
	    z-index: 101;
	    visibility: hidden;
	    opacity: 0;
	    background: rgba(0, 0, 0, 0.9);
	}

}




/* ///////////////////     \\\\\\\\\\\\\\\\\\\ */
/* different styles for body background & logo images & padding container */  
/* ///////////////////     \\\\\\\\\\\\\\\\\\\ */


#nav {
    background-color: #ffffff;
    height: 73px;
    opacity: 0.9;
    top: 0;
    width: 100%;
    z-index: 980;
    position: absolute;
	border-bottom: 1px solid #edecec;
 }

#logo {
	background-image: url(images/logo.png);
	width: 211px;
	height: 186px;
	position: absolute;
	top: 30px;
	z-index: 999;
}


.slicknav_menu {
	display:none;
}
#mainmobile ul {	display: none; }

#content_home {   /* top padding etc. for homepage */
	position: relative;
	
	padding-top: 25px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

#content_store {  /* top padding etc. for store */
	position: absolute;
	padding-top: 25%;
	top: 0;
	padding-bottom: 10px;
	width: 100%;
}

#content_nogap {  /* top padding or pages with seamless integration */
	position: absolute;
	padding-top: 189px;
	top: 0;
	padding-bottom: 10px;
	width: 100%;
}

#content {  /* top padding etc. for everything else */
	position: absolute;
	padding-top: 210px;
	top: 0;
	padding-bottom: 10px;
	width: 100%;
}


/* For any viewports less than 769px wide */

@media only screen and (max-width: 769px) {
    #nav {
	    background-color: #ffffff;
	    height: 140px;
	    opacity: 1;
	    top: 58px;
	    width: 100%;
	    z-index: 980;
	    position: absolute;
		border-bottom: none;
		clear:both;
	 }

 	#logo {
		background-image: url(images/logo_mobile.png);
		background-repeat: no-repeat;
		width:100%;
		height: 140px;
		position: absolute;
		top: 58px;
		z-index: 999;
		 background-position: center 4px;
	}
	 .sub-page {
    background-image: none;
    position: relative;
    }
	/* ///////////////////   slicknav   \\\\\\\\\\\\\\\\\\\ */
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
		
	}
	
	#mainmobile { postion: absolute;
		top: 0;
		z-index: 1100;
	}
	
	#content_home {   /* top padding etc. for homepage */
	position: relative;
	top: 175px;
	padding-top: 25px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	}
	
	#content_store {  /* top padding etc. for store */
		position: absolute;
		padding-top: 30%;
		top: 0;
		padding-bottom: 10px;
		width: 100%;
	}
	
	#content {  /* top padding etc. for everything else */
		position: absolute;
		padding-top: 190px;
		top: 0;
		padding-bottom: 10px;
		width: 100%;
	}
	
	#content_nogap {  /* top padding or pages with seamless integration */
	position: absolute;
	padding-top: 199px;
	top: 0;
	padding-bottom: 10px;
	width: 100%;
}


}






#header {
	min-height: 265px;
}

#container {
    margin: 0;
    min-width: 400px;
    width: 100%;
}







#contentbkg {
	background-color: #ffffff;
	padding-top: 10px;
}


#contentbkg_nogap {
	background-color: #ffffff;
	padding-top: 0px;
}





#headers {  /* sub pages header text element wrap */
	position: absolute;
	margin-top: 74px;
	height: 85px;
	top: 0;
	padding: 15px;
	width: 100%;
	background-image: url(images/headers_bkg.png);
	 text-align: center;
}

@font-face {
    font-family: "WisdomScriptAJ";
    src: local(" real FontName "), url("fonts/WisdomScriptAJ.ttf") format("truetype");
}

#headers h1 { 
	font-family: 'Oswald', sans-serif; 
	font-size: 33pt;
	padding-top: 0;
	padding-bottom: 30px;
	margin-top: 12px;
	margin-bottom: 12px;
	text-transform: uppercase;
	color:#52555f;
	 letter-spacing: 0.08em;
	 word-spacing: 5px;
	 font-weight: 100;
	 line-height: 17pt;
}

#headers h2 {
    font-family: "WisdomScriptAJ",verdana,helvetica,sans-serif;
	font-size: 27pt;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	text-transform: lowercase;
	color:#52555f;
	letter-spacing: 0;
	word-spacing: 0;
	line-height: 0;
	font-weight: normal;
}


/* ********** //////////// MAIN NAV  \\\\\\\\\\\\ ********** */



#menu-main  li { 
   list-style: none;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	float: left;
	 position:relative;
	z-index: 989;
	 display: inline-block;
	 letter-spacing: .05em;
}



#menu-main li a:hover {  /*  defines padding / color / height etc. for each li */
	color: #cd202e;
}

#menu-main li:hover {
	background-color: #edecec;
}
	
#menu-main li:hover:after {	
	   content:"";
    display:block;
    width:0;
    border:10px solid #edecec;
    border-color:#edecec  transparent transparent transparent;
    position:absolute;
    top:100%;
    left:50%;
    margin-left:-10px;
    z-index: 988;	
}
    
    

/* ********** //////////// MAIN NAV SECOND LEVEL / only coded for big monitors \\\\\\\\\\\\ ********** */





#menu-main li ul:after { /*  submenu style for 100% background bar AND bike   */
    position: relative;
    display:block;
    top:0;
    content: " ";
    background-image: url("images/nav_bike.png");
    background-repeat: repeat;
    background-size: 100% 100%;
    width: 260px;
    height: 83px;
	left: 150px;
	z-index: 1;
    padding: 0;
    margin: 0;
   }


#menu-main li:hover ul {  /* style for submenu visibioity & padding   */
    visibility: visible;
    opacity: 1;
    padding-bottom: 10px;
    padding-top: 25px;
	margin-bottom:20px;
	overflow:hidden;
}

#menu-main li ul li { /* setup main styles for submenu   */
    padding: 0px;
    margin: 0px;
    list-style: none;
    float: left;
    color: #ffffff;
    display: inline;    
    position: relative;
    z-index: 989;
    line-height:1.3em;
}

#menu-main li ul li a { 	/* change size / alignment of submenu text  */
   padding:0;
   margin: 0px 10px;
	 color: #ffffff;
	 text-decoration: none;
	 font-size: 15px;
	 text-align: left;
	 height: 22px; 
	width: 110px;
}

#menu-main li ul li:hover{	/* get rid of arroros on submenu  */
   background-color: transparent;
   padding: 0;
    }
    
#menu-main li ul li:hover:after {	/* get rid of arroros on submenu  */
    content:"";
    display:none;
    width:0;
    border:none;
    margin: 0;
    padding: 0;	
    }

#menu-main li ul li a:hover{	/* get rid of arroros on submenu  */
   color: #cc202e;
    }


.headerh1, .headerh2, .headerhr {
		display: none;
	}

/* ********** //////////// SECONDARY NAV Social Links  \\\\\\\\\\\\ ********** */

/* ///////////////////     \\\\\\\\\\\\\\\\\\\ */
/* TWEAK social links for 1125px and MORE pixels wide */  
/* ///////////////////     \\\\\\\\\\\\\\\\\\\ */
@media screen and (min-device-width : 1111px) {
	
	#menu-main, #menu-main ul {
		padding-left: 216px;
	    margin-top: 0;
	     z-index: 990;
		 display: inline-block; 
	     position: relative;
	}
	
	#menu-main  a {  /*  defines padding / color / height etc. for each li */
		text-align: center;
		color: #4f4f4f;
		height: 29px;
		text-decoration: none;
		display: block;
		padding-top: 26px;
		padding-bottom: 18px;
		padding-left: 14px;
		padding-right: 14px;
		font-size: 16px;
	}
	
	#menu-secondarycart, #menu-secondarycart ul {
		display: none;
	}
	
		
	#menu-secondary, #menu-secondary ul {
		margin: 0;
		padding: 0;
		width: 217px;
		z-index: 989;
		position: absolute;
		right: 0;  
		top: 0;
	}
	
	#menu-secondary  li { 
		list-style: none;
		float: left;
		position:relative;
		z-index: 989;
		display: inline-block;
		margin: 0;
	}
	
	#menu-secondary  li a {
		font-size: 25px;
	    line-height: 25px;
		color: #4f4f4f;
		text-decoration: none;
	
		height: 52px;
		vertical-align: 0;
		padding-left: 11px;
		padding-right: 11px;
		padding-top: 21px;
	}
	
	#menu-secondary   li a:hover{
		color: #cc202e;
		background-color: #edecec;
	} 
	
	#menu-secondary  li:hover > a {
	    background-color: #edecec;
	}
	
	
	
	#menu-secondary  .on a {
	   color: #cc202e;
	   }
	
	
	
	
	/* ********** //////////// SECONDARY NAV Second Level \\\\\\\\\\\\ ********** */
	
	#menu-secondary li ul { /*  submenu style for 100% background bar AND bike   */
	    position: absolute;
	    margin: 0;
	    left: 0;
	    top: 100%;
	    z-index: 101;
	    visibility: hidden;
	    opacity: 0;
	    background-color: #edecec;
	    opacity: 0.9;
	    overflow-x: hidden;
	    overflow-y: hidden;	
		border: 1px solid #edecec;
		width: 120px;
		border-radius: 0 0 10px 10px;
	}
	
	
	#menu-secondary li:hover ul {  /* style for submenu visibiity & padding   */
	    visibility: visible;
	    opacity: 1;
	    padding-bottom: 8px;
	    padding-top: 2px;
		margin:0;
		overflow:hidden;
	}
	
	
	#menu-secondary li ul li { 	/* change size / alignment of submenu text  */
		width: 125px;
		height: 21px;
	}
	#menu-secondary li ul li a { 	/* change size / alignment of submenu text  */
		padding:0;
		margin: 0;
		color: #000;
		text-decoration: none;
		height: 12px; 
		width: 85px;
		font-size: 12px;
		padding-left: 5px;
	}
	
	
	#menu-main li ul li a:hover{	/* get rid of arroros on submenu  */
	   color: #cc202e;
	}


}

/* ///////////////////     \\\\\\\\\\\\\\\\\\\ */
/* TWEAK social links for 1119px and LESS pixels wide */  
/* ///////////////////     \\\\\\\\\\\\\\\\\\\ */

@media only screen and (min-width:769px) and (max-width: 980px) {


	#menu-main, #menu-main ul {
		padding-left: 216px;
	    margin-top: 0;
	     z-index: 990;
		 display: inline-block; 
	     position: relative;
	}
		
		#menu-main  a {  /*  defines padding / color / height etc. for each li */
		text-align: center;
		color: #4f4f4f;
		height: 29px;
		text-decoration: none;
		display: block;
		padding-top: 26px;
		padding-bottom: 18px;
		padding-left: 12px;
		padding-right: 12px;
		font-size: 16px;
	}

	#menu-secondary, #menu-secondary ul {
		display: none;
	}

		
	#menu-secondarycart, #menu-secondarycart ul {
		margin: 0;
		padding: 0;
		width: 90px;
		z-index: 989;
		position: absolute;
		right: 0;  
		top: 0;
		display: inline-block;
	}
	
	#menu-secondarycart  li { 
		list-style: none;
		float: left;
		position:relative;
		z-index: 989;
		display: inline-block;
	}
	
	#menu-secondarycart  li a {
		font-size: 25px;
	    line-height: 25px;
		color: #4f4f4f;
		text-decoration: none;
		
		border-left: none;
		height: 52px;
		vertical-align: 0;
		padding-left: 11px;
		padding-right: 11px;
		padding-top: 21px;
	}
	
	#menu-secondarycart   li a:hover{
		color: #cc202e;
		background-color: #edecec;
	} 
	
	#menu-secondarycart  li:hover > a {
	    background-color: #edecec;
	}
	
	#menu-secondarycart  .on a {
	   color: #cc202e;
	}
	
	/* ********** //////////// SECONDARY NAV Second Level \\\\\\\\\\\\ ********** */
	
	#menu-secondarycart li ul { /*  submenu style for 100% background bar AND bike   */
	    position: absolute;
	    margin: 0;
	    right: 0;
	    top: 100%;
	    z-index: 101;
	    visibility: hidden;
	    opacity: 0;
	    background-color: #edecec;
	    opacity: 0.9;
	    overflow-x: hidden;
	    overflow-y: hidden;	
		border: 1px solid #edecec;
		width: 120px;
		border-radius: 0 0 10px 10px;
	}
	
	
	#menu-secondarycart li:hover ul {  /* style for submenu visibiity & padding   */
	    visibility: visible;
	    opacity: 1;
	    padding-bottom: 8px;
	    padding-top: 2px;
		margin:0;
		overflow:hidden;
	}
	
	
	#menu-secondarycart li ul li { 	/* change size / alignment of submenu text  */
		width: 100%;
		height: 21px;
	}


	#menu-secondarycart li ul li a { 	/* change size / alignment of submenu text  */
		padding:0;
		margin: 0;
		color: #000;
		text-decoration: none;
		height: 12px; 
		width: 100%;
		font-size: 12px;
		padding-left: 5px;
	}
	
	

	


}




.blogpost-intro img {
	width: 100%;
	height: auto;
	border: 1px solid #343434;
}

.footer  { 

	float: left;
	margin: 0;
	padding-bottom: 10px;
	padding-left: 0;
	width: 100%;
}
.footer  li { 
	list-style: none;
	font-size: 13px;
	text-transform: none;
	float: left;
	position:relative;
	z-index: 989;
	display: inline-block;
	letter-spacing: .05em;
	padding-right: 20px;
}

.footer  li a:link, .footer  li a:visited { 
	color: #343434;
  text-decoration: none;
}

.footer  li a:hover { 
	  color: #cD202e;
  text-decoration: underline;
}



/* ///////////////////     \\\\\\\\\\\\\\\\\\\ */
/* blog layout */  
/* ///////////////////     \\\\\\\\\\\\\\\\\\\ */

.avatar  {
	 border-radius: 50%;
	 width: 70px;
	 float: left;
	 margin-right: 10px;
	 background-color: #ccc;
	 border: solid 3px #dbdbdb;
}

.blog { width: 100%; }
.blog_left { width: 75%; float: left; }
.blog_right  { width: 17%; float: left; padding-left: 50px; padding-top: 50px; display: block;  }

.post { width: 100%; }
.post-mod { width:100%; }


.bloghr {
	background-image: url(images/hr_big.gif);
	width:100%;
	height: 7px;
	margin-bottom: 20px;
	margin-top: 30px;
}
.post h3 { padding: 0px; margin-top: 3px; margin-bottom: 3px; }
.post-mod h3 { padding: 0px; margin-top: 3px; margin-bottom: 3px; }
.datebox { 
	font-size: 10pt;
	margin: 0;
	padding: 3px 0px 0px 0px;
	text-transform: uppercase;
	color:#343434;
 }
.post-sub { 
	font-size: 10pt;
	padding: 0;
	margin: 0px;
	color:#343434;
 }
.blogpost-intro {
	padding-top: 20px;
}

.img-circular {
	 width: 69px;
	 height: 69px;
	border-radius: 50%;
	 float:left;
	 margin-right: 10px;
	border:1px solid #e4e4e4; 
	padding:2px; 
	background:#e4e4e4;
	}
	
.img-circular:before {
  background: none;
  border: 4px solid #fff;
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  pointer-events: none;}


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

	#menu-main, #menu-main ul {
		display: none;	
		}

	#menu-secondary, #menu-secondary ul {
		display: none;
	}

		
	#menu-secondarycart, #menu-secondarycart ul {
		display: none;
	}
	
	#headers {  /* sub pages header text element wrap */
		display: none;
	}
	
	
	.headerh1 {
		clear: both;
		color: #52555f;
	    font-family: "Oswald",sans-serif;
	    font-size: 33pt;
	    font-weight: 100;
	    letter-spacing: 0.08em;
	    margin-bottom: 12px;
	    margin-top: 12px;
	    padding-bottom: 30px;
	    padding-top: 0;
	    text-transform: uppercase;
	    word-spacing: 5px;
		display: block;
		text-align: center;
	}
	
	 .headerh2 {
		color: #52555f;
	    font-family: "WisdomScriptAJ",verdana,helvetica,sans-serif;
	    font-size: 27pt;
	    font-weight: normal;
	    letter-spacing: 0;
	    line-height: 0;
	    margin-bottom: 25px;
	    margin-top: 10px;
	    padding: 0;
	    text-transform: lowercase;
	    word-spacing: 0;
		display: block;
		text-align: center;
		
	}
	
	.headerhr {
		display: block;
	}
	
	.blog_left { width: 100%; float: left; }
	.blog_right  { display: none; }
	
	
	
}


/* ///////////////////     \\\\\\\\\\\\\\\\\\\ */
/* home layout */  
/* ///////////////////     \\\\\\\\\\\\\\\\\\\ */

.home_wrap { overflow: hidden; }

.home_wrap .col {
	float: left;
	margin-bottom: -99999px;
	padding-bottom: 99999px;
}

.home_wrap .col p {
	margin: 0;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}

.home_blog a {
	font-size: 15pt;
	line-height: 30px;
	color:#ffffff; 
	font-weight: bold;  
	text-shadow: 1px 1px #000;
	}

.home_wrap .col a {
	color:#ffffff; 
}
@media screen and (min-device-width : 768px) {
 .home_wrap .col:nth-child(1) { margin-left:0; background: #5f5f61; width: 32%;  color: #ffffff;  }
 .home_wrap .col:nth-child(2) { margin-left:0; background: #ffffff; width: 32%; padding-right: 10px; padding-left: 10px;}
 .home_wrap .col:nth-child(3) { margin-left:0; background: #ffffff; width: 32%;  }
}
@media screen and (max-width: 767px) {
 .home_wrap .col:nth-child(1) { margin-left:0; background: #5f5f61; width: 48%;  color: #ffffff;}
 .home_wrap .col:nth-child(2) { margin-left:0; background: #ffffff; width: 48%;  padding-left: 10px;}
 .home_wrap .col:nth-child(3) { display: none;  }
}

/* ///////////////////     \\\\\\\\\\\\\\\\\\\ */
/* dial your ride layout */  
/* ///////////////////     \\\\\\\\\\\\\\\\\\\ */

.dial_line {
		border-top: 3px solid black;	
	}


	.dial_links {
		line-height: 30px;
		text-align: center;
		cursor: pointer;
		padding-top: 7px;
	
	}
	
	.showSingle {
		white-space: nowrap;
		font-family: 'Oswald', sans-serif; 
		font-size: 20pt;
		padding: 8px 10px 8px 10px;
		margin: 0;
		text-transform: uppercase;
		color:#d1d3d4;
		letter-spacing: 0.02em;
	}
	
	.opaque { color: #343434; }
	
	.dial_image {
		float: left;
		width: 75%;
	}
	.dial_text {
		float: left;
		width: 20%;
		background: #5f5f61;
		padding: 10px;
		color: #ffffff;
		 min-height: 550px; /* Minimum height for modern browsers */
    height:100%; /* Minimum height for IE */ 
	}
	
	.targetDiv {
		min-height: 100%; /* Minimum height for modern browsers */
    height:100%; /* Minimum height for IE */ 
    width:100%;	
  	}
  	

	
	.dial_wrap { overflow: hidden; }
	.dial_wrap .col {
	float: left;
	margin-bottom: -99999px;
	padding-bottom: 99999px;
	}
	
	.dial_wrap h1 { padding: 10px; 
		color: #d1d3d4;
		word-spacing: normal;
		font-size: 20px;
		margin-bottom: 10px; } /* Bottom padding on the column doesn't work */
	.dial_wrap h2 { padding: 0px 10px 0px 10px;
		color: #ffffff;
		word-spacing: normal;
		font-size: 18px;
		margin-bottom: 0; 
		} /* Bottom padding on the column doesn't work */
	.dial_wrap p { padding-left: 10px; 
		padding-right: 10px;
		padding-top: 0px;
		margin-top: 0; } /* Bottom padding on the column doesn't work */
	
	.dial_number {
		font-size: 11px;
		font-weight: 700;
	}
	.dial_prods {
		font-size: 11px;
		font-weight: 700;
		text-transform: uppercase;
	}
	
	.dial_buy, .dial_buy a:visited, .dial_buy a:link {
		font-size: 10px;
		background: black;
		color: #ffffff;
		font-weight: 700;
		text-transform: uppercase;
		padding: 3px;
	}
	.clear {
	    clear: both;
	}
	
	@media screen and (min-device-width : 768px) {
	 .dial_wrap .col:nth-child(1) { margin-left:0;  background: #ffffff; 	width: 75%; }
	 .dial_wrap .col:nth-child(2) { margin-left:0; background: #5f5f61; 	width: 25%;  color: #ffffff; }
	 #tagline {  /* homeapge tagline layout */
	    margin: 0 auto;
	    padding-top: 20%;
	    width: 100%;
	    position: absolute;
	    z-index: 970;
	    text-align: center;
	 }
	 .home_mobilestore { display: none; }

	 }
	
	@media screen and (max-width: 767px) {
	.dial_wrap .col:nth-child(1) { margin-left:0;  background: #ffffff; 	width: 100%; }
	.dial_wrap .col:nth-child(2) { margin-left:0; background: #5f5f61; 	width: 100%;  color: #ffffff; }
	#tagline {  /* homeapge tagline layout */
	    margin: 0 auto;
	    padding-top: 40%;
	    width: 100%;
	    position: absolute;
	    z-index: 970;
	    text-align: center;
	}
	
	.home_mobilestore { display: block; }


	}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> choosen css <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


/* @group Base */
.chzn-container {
  font-size: 13px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
}
.chzn-container .chzn-drop {
  background: #fff;
  border: 1px solid #aaa;
  border-top: 0;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);
  -moz-box-shadow   : 0 4px 5px rgba(0,0,0,.15);
  box-shadow        : 0 4px 5px rgba(0,0,0,.15);
  z-index: 1010;
  width: 100%;
  -moz-box-sizing   : border-box;
  -ms-box-sizing    : border-box;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing : border-box;
  box-sizing        : border-box;
}
/* @end */

/* @group Single Chosen */
.chzn-container-single .chzn-single {
  background-color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );   
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); 
  -webkit-border-radius: 5px;
  -moz-border-radius   : 5px;
  border-radius        : 5px;
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
  border: 1px solid #aaaaaa;
  -webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow   : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
  box-shadow        : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
  display: block;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  height: 23px;
  line-height: 24px;
  padding: 0 0 0 8px;
  color: #444444;
  text-decoration: none;
}
.chzn-container-single .chzn-default {
  color: #999;
}
.chzn-container-single .chzn-single span {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.chzn-container-single .chzn-single abbr {
  display: block;
  position: absolute;
  right: 26px;
  top: 6px;
  width: 12px;
  height: 12px;
  font-size: 1px;
  background: url('chosen-sprite.png') -42px 1px no-repeat;
}
.chzn-container-single .chzn-single abbr:hover {
  background-position: -42px -10px;
}
.chzn-container-single.chzn-disabled .chzn-single abbr:hover {
  background-position: -42px -10px;
}
.chzn-container-single .chzn-single div {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  height: 100%;
  width: 18px;
}
.chzn-container-single .chzn-single div b {
  background: url('chosen-sprite.png') no-repeat 0px 2px;
  display: block;
  width: 100%;
  height: 100%;
}
.chzn-container-single .chzn-search {
  padding: 3px 4px;
  position: relative;
  margin: 0;
  white-space: nowrap;
  z-index: 1010;
}
.chzn-container-single .chzn-search input {
  background: #fff url('chosen-sprite.png') no-repeat 100% -20px;
  background: url('chosen-sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background: url('chosen-sprite.png') no-repeat 100% -20px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url('chosen-sprite.png') no-repeat 100% -20px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url('chosen-sprite.png') no-repeat 100% -20px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url('chosen-sprite.png') no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  outline: 0;
  border: 1px solid #aaa;
  font-family: sans-serif;
  font-size: 1em;
  width: 100%;
  -moz-box-sizing   : border-box;
  -ms-box-sizing    : border-box;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing : border-box;
  box-sizing        : border-box;
}
.chzn-container-single .chzn-drop {
  margin-top: -1px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius   : 0 0 4px 4px;
  border-radius        : 0 0 4px 4px;
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
}
.chzn-container-single-nosearch .chzn-search {
  position: absolute;
  left: -9999px;
}
/* @end */

/* @group Multi Chosen */
.chzn-container-multi .chzn-choices {
  background-color: #fff;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  border: 1px solid #aaa;
  margin: 0;
  padding: 0;
  cursor: text;
  overflow: hidden;
  height: auto !important;
  height: 1%;
  position: relative;
  width: 100%;
  -moz-box-sizing   : border-box;
  -ms-box-sizing    : border-box;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing : border-box;
  box-sizing        : border-box;
}
.chzn-container-multi .chzn-choices li {
  float: left;
  list-style: none;
}
.chzn-container-multi .chzn-choices .search-field {
  white-space: nowrap;
  margin: 0;
  padding: 0;
}
.chzn-container-multi .chzn-choices .search-field input {
  color: #666;
  background: transparent !important;
  border: 0 !important;
  font-family: sans-serif;
  font-size: 100%;
  height: 15px;
  padding: 5px;
  margin: 1px 0;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow   : none;
  box-shadow        : none;
}
.chzn-container-multi .chzn-choices .search-field .default {
  color: #999;
}
.chzn-container-multi .chzn-choices .search-choice {
  -webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  border-radius        : 3px;
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 ); 
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); 
  -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
  -moz-box-shadow   : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
  box-shadow        : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
  color: #333;
  border: 1px solid #aaaaaa;
  line-height: 13px;
  padding: 3px 20px 3px 5px;
  margin: 3px 0 3px 5px;
  position: relative;
  cursor: default;
}
.chzn-container-multi .chzn-choices .search-choice.search-choice-disabled {
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666;
  border: 1px solid #cccccc;
  padding-right: 5px;
}
.chzn-container-multi .chzn-choices .search-choice-focus {
  background: #d4d4d4;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
  display: block;
  position: absolute;
  right: 3px;
  top: 4px;
  width: 12px;
  height: 12px;
  font-size: 1px;
  background: url('chosen-sprite.png') -42px 1px no-repeat;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}
/* @end */

/* @group Results */
.chzn-container .chzn-results {
  margin: 0 4px 4px 0;
  max-height: 240px;
  padding: 0 0 0 4px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.chzn-container-multi .chzn-results {
  margin: 0;
  padding: 0;
}
.chzn-container .chzn-results li {
  display: none;
  line-height: 15px;
  padding: 5px 6px;
  margin: 0;
  list-style: none;
}
.chzn-container .chzn-results .active-result {
  cursor: pointer;
  display: list-item;
}
.chzn-container .chzn-results .highlighted {
  background-color: #3875d7;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0 );  
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
  background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff;
}
.chzn-container .chzn-results li em {
  background: #feffde;
  font-style: normal;
}
.chzn-container .chzn-results .highlighted em {
  background: transparent;
}
.chzn-container .chzn-results .no-results {
  background: #f4f4f4;
  display: list-item;
}
.chzn-container .chzn-results .group-result {
  cursor: default;
  color: #999;
  font-weight: bold;
}
.chzn-container .chzn-results .group-option {
  padding-left: 15px;
}
.chzn-container-multi .chzn-drop .result-selected {
  display: none;
}
.chzn-container .chzn-results-scroll {
  background: white;
  margin: 0 4px;
  position: absolute;
  text-align: center;
  width: 321px; /* This should by dynamic with js */
  z-index: 1;
}
.chzn-container .chzn-results-scroll span {
  display: inline-block;
  height: 17px;
  text-indent: -5000px;
  width: 9px;
}
.chzn-container .chzn-results-scroll-down {
  bottom: 0;
}
.chzn-container .chzn-results-scroll-down span {
  background: url('chosen-sprite.png') no-repeat -4px -3px;
}
.chzn-container .chzn-results-scroll-up span {
  background: url('chosen-sprite.png') no-repeat -22px -3px;
}
/* @end */

/* @group Active  */
.chzn-container-active .chzn-single {
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
  -moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
  box-shadow        : 0 0 5px rgba(0,0,0,.3);
  border: 1px solid #5897fb;
}
.chzn-container-active .chzn-single-with-drop {
  border: 1px solid #aaa;
  -webkit-box-shadow: 0 1px 0 #fff inset;
  -moz-box-shadow   : 0 1px 0 #fff inset;
  box-shadow        : 0 1px 0 #fff inset;
  background-color: #eee;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 );
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
  background-image: -webkit-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  background-image: -moz-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  background-image: -o-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
  -webkit-border-bottom-left-radius : 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft : 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-left-radius : 0;
  border-bottom-right-radius: 0;
}
.chzn-container-active .chzn-single-with-drop div {
  background: transparent;
  border-left: none;
}
.chzn-container-active .chzn-single-with-drop div b {
  background-position: -18px 2px;
}
.chzn-container-active .chzn-choices {
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
  -moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
  box-shadow        : 0 0 5px rgba(0,0,0,.3);
  border: 1px solid #5897fb;
}
.chzn-container-active .chzn-choices .search-field input {
  color: #111 !important;
}
/* @end */

/* @group Disabled Support */
.chzn-disabled {
  cursor: default;
  opacity:0.5 !important;
}
.chzn-disabled .chzn-single {
  cursor: default;
}
.chzn-disabled .chzn-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @group Right to Left */
.chzn-rtl { text-align: right; }
.chzn-rtl .chzn-single { padding: 0 8px 0 0; overflow: visible; }
.chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; direction: rtl; }

.chzn-rtl .chzn-single div { left: 3px; right: auto; }
.chzn-rtl .chzn-single abbr {
  left: 26px;
  right: auto;
}
.chzn-rtl .chzn-choices .search-field input { direction: rtl; }
.chzn-rtl .chzn-choices li { float: right; }
.chzn-rtl .chzn-choices .search-choice { padding: 3px 5px 3px 19px; margin: 3px 5px 3px 0; }
.chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 4px; right: auto; }
.chzn-rtl.chzn-container-single .chzn-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; }
.chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 15px; }
.chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; }
.chzn-rtl .chzn-search input {
  background: #fff url('chosen-sprite.png') no-repeat -30px -20px;
  background: url('chosen-sprite.png') no-repeat -30px -20px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background: url('chosen-sprite.png') no-repeat -30px -20px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);  
  background: url('chosen-sprite.png') no-repeat -30px -20px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url('chosen-sprite.png') no-repeat -30px -20px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url('chosen-sprite.png') no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
  padding: 4px 5px 4px 20px;
  direction: rtl;
}
.chzn-container-single.chzn-rtl .chzn-single div b {
  background-position: 6px 2px;
}
.chzn-container-single.chzn-rtl .chzn-single-with-drop div b {
  background-position: -12px 2px;
}
/* @end */

/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi)  {
  .chzn-rtl .chzn-search input, .chzn-container-single .chzn-single abbr, .chzn-container-single .chzn-single div b, .chzn-container-single .chzn-search input, .chzn-container-multi .chzn-choices .search-choice .search-choice-close, .chzn-container .chzn-results-scroll-down span, .chzn-container .chzn-results-scroll-up span {
      background-image: url('chosen-sprite@2x.png') !important;
      background-repeat: no-repeat !important;
      background-size: 52px 37px !important;
  }
}
/* @end */


/**
 * Swiper 3.1.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: August 22, 2015
 */
@media screen and (min-device-width : 768px) {
	.swiper-container {
	  margin: 0 auto;
	  position: relative;
	  overflow: hidden;
	  /* Fix of Webkit flickering */
	  z-index: 1;
	}
}
@media screen and (max-width: 767px) {
	.swiper-container {
	  margin: 0 auto;
	  position: relative;
	  overflow: hidden;
	  /* Fix of Webkit flickering */
	  z-index: 1;
	  top: 195px;
	}
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

.swiper-slide img {width: 100%; }
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  display: inline-block;
  border-radius: 100%;
  background: #fff;
 -webkit-box-shadow: 0px 0px 9px 4px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 9px 4px rgba(0,0,0,0.75);
box-shadow: 0px 0px 9px 4px rgba(0,0,0,0.75);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #cc202e;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-container-vertical > .swiper-pagination {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}
.swiper-container-horizontal > .swiper-pagination {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
  margin: 0 5px;
}
/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
/* Cube */
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

/* basic font  styles /* 
	
	
p {
width: 100%;	
}


strong {
	font-weight: 700;
}
    
    
/* CSS Document */
a:link {
 color:  #cD202e;
 text-decoration : none;
}

a:active { color : #333; }

a:visited {
 color : #cD202e;
 text-decoration : none;
}

a:hover {
 color : #333;
 text-decoration: none;
}



.gallery {
 border: 1px solid #666666;
 padding: 4px;
 margin-top: 0px;
 margin-right: 0;
 margin-bottom: 5px;
 margin-left: 0px;
}

.optheader {
 font-family: 'Lato', sans-serif; 

 font-weight: 700;
 color: #333;
}

.optbody {
 font-family: 'Lato', sans-serif; 
font-weight: 400;
}

.instock {
 color: #fff;
 font-size : 11px;
 font-weight: bold;
 background-color: #060;
 padding: 5px;
 border: thin solid #333;
 display: inline;
}

.instocksmall {
 color: #fff;
 font-size : 9px;
 background-color: #060;
 padding-top: 1px;
 padding-right: 2px;
 padding-bottom: 1px;
 padding-left: 2px;
 border: thin solid #333;
 display: inline;
}

.tempstock {
 color: #000;
 font-size : 11px;
 font-weight: bold;
 background-color: #FC0;
 padding: 5px;
 border: thin solid #333;
 display: inline;
}

.tempstocksmall {
 color: #000;
 font-size : 9px;
 background-color: #FC0;
 padding-top: 1px;
 padding-right: 2px;
 padding-bottom: 1px;
 padding-left: 2px;
 border: thin solid #333;
 display: inline;
}

.stock {
 color: #fff;
 font-size : 11px;
 font-weight: bold;
 background-color: #e01a3b;
 padding: 5px;
 border: thin solid #333;
}

.stocksmall {
 color: #fff;
 font-size : 9px;
 background-color: #e01a3b;
 border: thin solid #333;
 display: inline;
 padding-top: 1px;
 padding-right: 2px;
 padding-bottom: 1px;
 padding-left: 2px;
}

.red { color: #e01a3b; }

.formbutton {
 background: black;
 border: 2px solid #e01a3b;
 clear: both;
 color: white;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 padding: 5px;
 color: white;
 }

.formbutton a:link {
 color: white;
 text-decoration: none;
}

.formbutton a:visited {
 color: white;
 text-decoration: none;
}

.formbutton2 {
 color: #000;
 border: 2px outset #d7b9c9;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 background-color: #EEEEEE;
}


.header1 { font-family: 'Oswald', sans-serif; }
	
.header2 { font-family: 'Oswald', sans-serif; }	



.fineprint {
 font-family: 'Lato', sans-serif; 
 font-size : 12px;
 font-weight : normal;
 line-height: 16px;
}

.fineprint a:link {
 color : #e01a3b;
 font-weight : normal;
}

.fineprint a:active {
 color : #e01a3b;
 font-weight : normal;
}

.fineprint a:visited {
 color : #e01a3b;
 font-weight : normal;
}

.fineprint a:hover {
 color : #e01a3b;
 font-weight : normal;
}

.formtext {
 font-family : Verdana, Arial, Helvetica, sans-serif;
 font-size : 13px;
}


.label1 {
 color : #333;
 border: 1px solid #333;
 background-color:#FFC;
 font-weight: bold;
 padding-top: 5px;
 padding-right: 7px;
 padding-bottom: 5px;
 padding-left: 7px;
}

.value1 {
 color : #000;
 border: 1px solid #333;
 background-color:#CCC;
 font-weight: bold;
 padding-top: 5px;
 padding-right: 7px;
 padding-bottom: 5px;
 padding-left: 7px;
}

.tablevalue {
 color : #000;
 background-color:#eee;
 font-weight: bold;
 padding-top: 5px;
 padding-right: 7px;
 padding-bottom: 5px;
 padding-left: 7px;
}

.label2 {
 background : #FFCC33;
}

.value2 {
 background : #f5f5f5;
}




h1 { 
	font-family: 'Oswald', sans-serif; 
	font-size: 26pt;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-transform: uppercase;
	color:#343434;
	 letter-spacing: 0.08em;
	 word-spacing: 5px;
	   line-height: 26pt;
}

h1 A:link, h1 A:visited { 
	color:#343434;
	text-decoration: none;
}

h2 { 
	font-family: 'Oswald', sans-serif; 
	font-size: 21pt;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	text-transform: uppercase;
	color:#343434;
	 letter-spacing: 0.06em;
	 word-spacing: 4px;
	  line-height: 22pt;
}

h3 { 
	font-family: 'Oswald', sans-serif; 
	font-size: 17pt;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	text-transform: uppercase;
	color:#343434;
	 letter-spacing: 0.05em;
	  word-spacing: 0;
	 text-decoration: none;
	 line-height: 18pt;
}


h3 a:link, h3 a:visited  {
	color: #343434;
	text-decoration: none;
	color: 
}

h3 a:hover {
	color: #cd202e;
	text-decoration: none;
}


h4 { 
	font-family: 'Oswald', sans-serif; 
	font-size: 13pt;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 15px;
	text-transform: none;
	color:#343434;
	 	 word-spacing: 2px;
	 text-decoration: none;
	 line-height: 14pt;
	 text-transform: uppercase;
}


h4 a:link {
	color: #343434;

	text-decoration: none;
	color: 
}

h4 a:hover {
	color: #cd202e;

	text-decoration: none;
}


h5 { 
	font-family: 'Oswald', sans-serif; 
	font-size: 12pt;
	padding: 0;
	margin-top: 5px;
	margin-bottom: 5px;
	text-transform: none;
	color:#343434;
	 	 word-spacing: 2px;
	 text-decoration: none;
	 line-height: 13pt;
	 text-transform: uppercase;
}


h5 a:link, h5 a:visited {
	color: #343434;

	text-decoration: none;
	color: 
}

h5 a:hover {
	color: #cd202e;

	text-decoration: none;
}




hr {
 height:1px;
 border:none;
 color:#000;
 background-color:#ccc;
 margin-top: 10px;
 margin-bottom:10px
}

.month {
 text-align:center;
 text-transform:uppercase;
 font-size:0.8em;
 color:#FFF;
 font-weight:bold;
 background-color: #E01A3B;
 margin-top: 0em;
 padding-top: 0.01em;
 padding-right: 0;
 padding-bottom: 0.01em;
 padding-left: 0;
}

.errorRow{ background-color:#FFCCCC } 
.activeRow{ background-color:#FC6 }
.normalRow{background-color:#ffffff}
.normalRow2{ background-color:#AAE0E3 } /* used for wholesale */
.normalRow3{ background-color:#B5F3B7 } /* used for outfitter */
.normalRow4{ background-color:#FFCDD1 } /* used for expensed */

/* STORE Styles */

/* the main div wrap */
#storewrap {
 min-height: 100%;
 height: auto !important;
 height: 100%;
display: table;
   table-layout: fixed; /* it'll enable the div to be responsive */
   width: 100%; /* as display table will shrink the div to content-wide */
  
}


/* SLICJK NAV */
/*
    Mobile Menu Core Style
*/

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: left; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
    font-size:18px;
    
 }
/* Button */
.slicknav_btn {
    margin: 5px 5px 6px;
    text-decoration:none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;  
    background-color: #222222;
    float: right;
    margin-right: 20px;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {
    color: #FFF;
    font-weight: bold;
    text-shadow: 0 1px 3px #000;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #f5f5f5;
}
.slicknav_menu {
	position: absolute;
	z-index: 1170;
	width: 100%;
    padding:5px;
     background-color: #000;
	 background-repeat: repeat;
 o	pacity: 0.9;
}
.slicknav_nav {
    color:#fff;
    margin:0;
    padding:0;
    font-size:0.875em;
}
.slicknav_nav, .slicknav_nav ul {
    list-style: none;
    overflow:hidden;
}
.slicknav_nav ul {
    padding:0;
    margin:0 0 0 20px;
}
.slicknav_nav .slicknav_row {
    padding:5px 10px;
    margin:2px 5px;
}
.slicknav_nav a{
    padding:5px 10px;
    margin:2px 5px;
    text-decoration:none;
    color:#fff;
    font-weight: bold;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    padding:0;
    margin:0;
}
.slicknav_nav .slicknav_row:hover {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:#ccc;
    color:#fff;
}
.slicknav_nav a:hover{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:#ccc;
    color:#222;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;   
}