/* === */    /* ====  */           /*  =    */  /*==   ==== */
/*      */   /*        */         /*   =    */    /*        */
/*       */  /*         */       /*    =    */    /*        */
/*       */  /* ====     */     /*     = == */    /*   ==== */
/*       */  /*           */   /*           */    /*        */
/*      */   /*            */ /*            */    /*        */
/* === */    /* ====        */              /*   ====  ==== */


/* =============================================== */
/*   COMBINED STYLES Version 3.0  Updated 7/28/15  */
/* =============================================== */



/* ================================================================== */
/*                         BEGIN BASE STYLES                          */
/* ================================================================== */


.devBorder { border:2px solid red !important; }


/* ========================================================= */
/*                         SET DEFAULTS                      */
/* ========================================================= */


html,body { margin: 0; padding: 0; border: 0; }

html { 
  font-size: 62.5%; 
  -webkit-text-size-adjust:none;
  -ms-text-size-adjust:100%; 
  
  
}


img { max-width:100%; border: 0; }


ul.unstyled { list-style:none; }
li.unstyled { list-style:none; }

.unstyled a, a.unstyled { text-decoration:none; }

a.inherit {color:inherit; }

.pointer { cursor:pointer; }


/* HTML5 Elements */
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section { display:block; }


/*** HOVER CHILD ***/

.toggleMyChild .hiddenChild { display:none; } 
.hiddenChildOpacity { opacity:0; visibility:hidden;}

@media only screen and (min-width:851px) {

  .toggleMyChild:hover .hiddenChild { display:block; }
  .toggleMyChild:hover .hiddenChild.inline { display:inline; }
  .toggleMyChild:hover .hiddenChild.inlineBlock { display:inline-block; }
	
  .toggleMyChild:hover .hiddenChildOpacity { opacity:1; visibility:visible;}
}

.whiteBackground { background:#fff !important; }
.blackBackground { background:#000 !important; }

.noBackground { background:none !important; background-color:transparent !important; }


.blackText, .blackText a { 
  color:#000 !important;
}

.whiteText, .whiteText a {
  color:#fff !important;
}

.darkText {
  color:#555;
}
.redText {
  color:red;
}

.lighter { font-weight:lighter !important; font-weight:300 !important;}
.normal { font-weight:normal !important; }
.bold { font-weight:bold !important; }
.extraBold { font-weight:900 !important; }
.underline { text-decoration:underline; }

.uppercase { text-transform:uppercase; }
.lowercase { text-transform:lowercase; }
.capitalize { text-transform:capitalize; }
.regularCase { text-transform:none !important; }


/* ========================================================= */
/*                      Layout / Alignment                   */
/* ========================================================= */


.centerContainerPlusSome, .centerContainer {
  display:block; 
  margin-left: auto !important; 
  margin-right: auto !important;
}

.alignLeft {
  float:left;
}
.alignRight {
  float:right;
}
.alignCenter {
  display:block;
  margin-left:auto;
  margin-right:auto;
}
.contentsLeft {
  text-align:left;
}
.contentsRight {
  text-align:right;
}
.contentsCenter {
  text-align:center;
}
.justify {
  text-align: justify;
}

.middle { vertical-align:middle; }

.clear { clear:both; }

.block { display:block; }
.inline { display:inline; }
.inlineBlock { display:inline-block; }

.borderBox, *, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.borderBoxOff { 
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.overflowHidden { overflow:hidden; }
.overflowAuto { overflow:auto; }

.absolute { position:absolute; }
.relative { position:relative; }
.fixed { position:fixed; }

.top { top:0; }
.bottom { bottom:0; }
.left { left:0; }
.right { right:0; }


/* ========================================================= */
/*                     Margins and Padding                   */
/* ========================================================= */


/*==== Margin Classes ====*/

/** Top Margins **/
.marginTopNegOne {margin-top:-1px; }
.marginTopOne { margin-top:1px; }
.marginTopFive { margin-top:5px; }
.marginTopTen { margin-top:10px; }
.marginTopTwenty { margin-top:20px; }
.marginTopThirty { margin-top:30px; }
.marginTopForty { margin-top:40px; }
.marginTopFifty { margin-top:50px; }
.marginTopSixty { margin-top:60px; }
.marginTopSeventy { margin-top:70px; }
.marginTopEighty { margin-top:80px; }
.marginTop100 { margin-top:100px; }
.marginTop120 { margin-top:120px; }

.marginTopFivePercent { margin-top:5%; }
.marginTopTenPercent { margin-top:10%; }
.marginTopFifteenPercent { margin-top:15%; }
.marginTopTwentyPercent { margin-top:20%; }
.marginTopThirtyPercent { margin-top:30%; }
.marginTopFortyPercent { margin-top:40%; }
.marginTopFiftyPercent { margin-top:50%; }

/** Bottom Margins **/
.marginBottomNegOne {margin-bottom:-1px; }
.marginBottomOne { margin-bottom:1px; }
.marginBottomFive { margin-bottom:5px; }
.marginBottomTen { margin-bottom:10px; }
.marginBottomTwenty { margin-bottom:20px; }
.marginBottomThirty { margin-bottom:30px; }
.marginBottomForty { margin-bottom:40px; }
.marginBottomSixty { margin-bottom:60px; }
.marginBottomEighty { margin-bottom:80px; }
.marginBottom100 { margin-bottom:100px; }
.marginBottom120 { margin-bottom:120px; }

/** Right Margins **/
.marginRightThree {margin-right:3px; }
.marginRightFive { margin-right:5px;}
.marginRightTen { margin-right:10px; }
.marginRightTwenty { margin-right:20px; }

/** Left Margins **/
.marginLeftThree {margin-left:3px; }
.marginLeftFive { margin-left:5px;}
.marginLeftTen { margin-left:10px; }
.marginLeftTwenty { margin-left:20px; }

/** Small Margins **/
.marginOne { margin:1px; }
.marginTwo { margin:2px; }
.marginThree { margin:3px; }

/** Margin Zero **/
.marginZeroFive { margin:0 5px; } 
.marginZeroTen { margin:0 10px; }
.marginZeroFifteen { margin:0 15px; }
.marginZeroTwenty { margin:0 20px; }

/** Margin Five **/
.marginFive { margin:5px; }
.marginFiveZero { margin:5px 0px; }
.marginFiveTen { margin:5px 10px; }
.marginFiveFifteen { margin:5px 15px; }
.marginFiveTwenty { margin:5px 20px; }

/** Margin Ten **/
.marginTen { margin:10px; }
.marginTenZero { margin:10px 0px; }
.marginTenFive { margin:10px 5px; }
.marginTenFifteen { margin:10px 15px; }
.marginTenTwenty { margin:10px 20px; }

/** Margin Fifteen **/
.marginFifteen { margin:15px; }
.marginFifteenZero { margin:15px 0; }
.marginFifteenFive { margin:15px 5px; }
.marginFifteenTen { margin:15px 10px; }
.marginFifteenTwenty { margin:15px 20px; }

/** Margin Twenty **/
.marginTwenty { margin:20px; }
.marginTwentyZero { margin:20px 0px; }
.marginTwentyFive { margin:20px 5px; }
.marginTwentyTen { margin:20px 10px; }
.marginTwentyFifteen { margin:20px 15px; }

/** Larger Margins **/
.marginThirty { margin:30px; }
.marginForty{ margin: 40px; }
.marginSixty { margin:60px; }
.marginEighty { margin:80px; }

/** Larger Margins Top and Bottom **/
.marginThirtyZero { margin:30px 0px; }
.marginFortyZero { margin: 40px 0px; }
.marginSixtyZero { margin:60px 0px; }
.marginEightyZero { margin:80px 0px; }


/** No Margins **/
.noMargin { margin:0 !important; }
.noMarginLeft { margin-left:0 !important; }
.noMarginRight { margin-right:0 !important; }
.noMarginTop { margin-top:0 !important; }
.noMarginBottom { margin-bottom:0 !important; }


/*==== Padding Classes ====*/

/** Top Padding **/
.paddingTopOne { padding-top:1px; }
.paddingTopTwo { padding-top:2px; }
.paddingTopFive { padding-top:5px; }
.paddingTopTen { padding-top:10px; }
.paddingTopTwenty { padding-top:20px; }
.paddingTopThirty { padding-top:30px; }
.paddingTopForty { padding-top:40px; }
.paddingTopSixty { padding-top:60px; }
.paddingTopEighty { padding-top:80px; }
.paddingTop100 { padding-top:100px; }
.paddingTop120 { padding-top:120px; }

/** Bottom Padding **/
.paddingBottomOne { padding-bottom:1px; }
.paddingBottomFive { padding-bottom:5px; }
.paddingBottomTen { padding-bottom:10px; }
.paddingBottomFifteen { padding-bottom:15px; }
.paddingBottomTwenty { padding-bottom:20px; }
.paddingBottomThirty { padding-bottom:30px; }
.paddingBottomForty { padding-bottom:40px; }
.paddingBottomSixty { padding-bottom:60px; }
.paddingBottomEighty { padding-bottom:80px; }
.paddingBottom100 { padding-bottom:100px; }
.paddingBottom120 { padding-bottom:120px; }

/** Left Padding **/
.paddingLeftThree {padding-left:3px; }
.paddingLeftFive { padding-left:5px;}
.paddingLeftTen { padding-left:10px; }
.paddingLeftTwenty { padding-left:20px; }
.paddingLeftForty { padding-left:40px; }

/** Right Padding **/
.paddingRightThree {padding-right:3px; }
.paddingRightFive { padding-right:5px;}
.paddingRightTen { padding-right:10px; }
.paddingRightTwenty { padding-right:20px; }
.paddingRightForty { padding-right:40px; }

/** Small Padding **/
.paddingOne { padding:1px; }
.paddingTwo { padding:2px; }
.paddingThree { padding:3px; }

/** Padding Zero **/
.paddingZeroFive { padding: 0 5px; }
.paddingZeroTen { padding: 0 10px; }
.paddingZeroFifteen { padding:0 15px; }
.paddingZeroTwenty { padding:0 20px; }
.paddingZeroThirty { padding:0 30px; }
.paddingZeroForty { padding:0 40px; }
.paddingZeroSixty { padding:0 60px; }

/** Padding Five **/
.paddingFive { padding:5px; }
.paddingFiveZero { padding: 5px 0; }
.paddingFiveTen { padding:5px 10px; }
.paddingFiveFifteen { padding: 5px 15px; }
.paddingFiveTwenty { padding: 5px 20px; }
.paddingFiveThirty { padding:5px 30px; }

/** Padding Ten **/
.paddingTen { padding:10px; }
.paddingTenZero { padding:10px 0; }
.paddingTenFive { padding:10px 5px; }
.paddingTenFifteen { padding:10px 15px; }
.paddingTenTwenty { padding:10px 20px; }
.paddingTenThirty { padding:10px 30px; }

.paddingTwelveZero { padding:12px 0; }

/** Padding Fifteen **/
.paddingFifteen { padding:15px; }
.paddingFifteenZero { padding:15px 0; }
.paddingFifteenFive { padding:15px 5px; }
.paddingFifteenTen { padding:10px 15px; }
.paddingFifteenTwenty { padding:15px 20px; }
.paddingFifteenThirty { padding:15px 30px; }

/** Padding Twenty **/
.paddingTwenty { padding:20px; }
.paddingTwentyZero { padding:20px 0; }
.paddingTwentyFive { padding:20px 5px; }
.paddingTwentyTen { padding:20px 10px; }
.paddingTwentyFifteen { padding:20px 15px; }
.paddingTwentyThirty { padding:20px 30px; }
.paddingTwentyForty { padding:20px 40px; }

/** Padding Thirty **/
.paddingThirty { padding:30px; }
.paddingThirtyZero { padding:30px 0; }
.paddingThirtyFive { padding:30px 5px; }
.paddingThirtyTen { padding:30px 10px; }
.paddingThirtyFifteen { padding:30px 15px; }
.paddingThirtyTwenty { padding:30px 20px; }

/** Padding Forty **/
.paddingForty { padding:40px; }
.paddingFortyZero { padding:40px 0; }
.paddingFortyTwenty { padding:40px 20px; }

/** Larger Padding **/
.paddingFifty { padding:50px; }
.paddingSixty { padding:60px; }
.paddingEighty { padding:80px; }
.padding100 { padding:100px; }

/** Larger Padding Top and Bottom Only **/
.paddingFiftyZero { padding:50px 0; }
.paddingSixtyZero { padding:60px 0; }
.paddingEightyZero { padding:80px 0; }

/** No Padding **/
.noPadding { padding:0 !important; }
.noPaddingRight { padding-right:0 !important; }
.noPaddingLeft { padding-left:0 !important; }
.noPaddingTop { padding-top:0 !important; }
.noPaddingBottom { padding-bottom:0 !important; }



/* ========================================================= */
/*                          GRID SYSTEM                      */
/* ========================================================= */


/** Pixel Widths **/

[class*='span-1'] { width: 50px; }
[class*='span-1_1_2'] { width: 75px; }
[class*='span-2'] { width: 100px; }
[class*='span-3'] { width: 150px; }
[class*='span-4'] { width: 200px; }
[class*='span-5'] { width: 250px; }
[class*='span-6'] { width: 300px; }
[class*='span-7'] { width: 350px; }
[class*='span-8'] { width: 400px; }
[class*='span-9'] { width: 450px; }
[class*='span-10'] { width: 500px; }
[class*='span-11'] { width: 550px; }
[class*='span-12'] { width: 600px; }
[class*='span-13'] { width: 650px; }
[class*='span-14'] { width: 700px; }
[class*='span-15'] { width: 750px; }
[class*='span-16'] { width: 800px; }
[class*='span-17'] { width: 850px; }
[class*='span-18'] { width: 900px; }
[class*='span-19'] { width: 950px; }
[class*='span-20'] { width: 1000px; }
[class*='span-25'] { width: 1250px; }
[class*='span-30'] { width: 1500px; }

.min-1 { min-width:50px; }
.min-2 { min-width:100px; }
.min-3 { min-width:150px; }
.min-4 { min-width:200px; }
.min-5 { min-width:250px; } 
.min-6 { min-width:300px; } 
.min-7 { min-width:350px; }
.min-8 { min-width:400px; } 
.min-9 { min-width:450px; }
.min-10 { min-width:500px; }
.min-11 { min-width:550px; }
.min-12 { min-width:600px; }
.min-13 { min-width:650px; }
.min-14 { min-width:700px; }
.min-15 { min-width:750px; }
.min-16 { min-width:800px; }
.min-17 { min-width:850px; } 
.min-18 { min-width:900px; } 
.min-19 { min-width:950px; }
.min-20 { min-width:1000px; } 

.max-1 { max-width:50px; }
.max-2 { max-width:100px; }
.max-3 { max-width:150px; }
.max-4 { max-width:200px; }
.max-5 { max-width:250px; } 
.max-6 { max-width:300px; } 
.max-7 { max-width:350px; }
.max-8 { max-width:400px; } 
.max-9 { max-width:450px; }
.max-10 { max-width:500px; }
.max-11 { max-width:550px; }
.max-12 { max-width:600px; }
.max-13 { max-width:650px; }
.max-14 { max-width:700px; }
.max-15 { max-width:750px; }
.max-16 { max-width:800px; }
.max-17 { max-width:850px; } 
.max-18 { max-width:900px; } 
.max-19 { max-width:950px; }
.max-20 { max-width:1000px; } 



[class*='col-1-8'] { width: 12.5%; }
[class*='col-1-6'] { width: 16.66%; }
[class*='col-1-5'] { width:20%; }
[class*='col-1-4'] { width: 25%; }
[class*='col-1-3'] { width:33.33%; }
[class*='col-3-8'] { width: 37.5%; }
[class*='col-2-5'] { width:40%; }
[class*='col-1-2'] { width: 50%; }
[class*='col-3-5'] { width:60%; }
[class*='col-5-8'] { width: 62.5%; }
[class*='col-2-3'] { width: 66.66%; }
[class*='col-3-4'] { width:75%; }
[class*='col-4-5'] { width:80%; }
[class*='col-5-6'] { width:83.33%; }
[class*='col-7-8'] { width: 87.5%; }

[class*='max-1-8'] { max-width: 12.5%; }
[class*='max-1-6'] { max-width: 16.66%; }
[class*='max-1-5'] { max-width:20%; }
[class*='max-1-4'] { max-width: 25%; }
[class*='max-1-3'] { max-width:33.33%; }
[class*='max-3-8'] { max-width: 37.5%; }
[class*='max-2-5'] { max-width:40%; }
[class*='max-1-2'] { max-width: 50%; }
[class*='max-3-5'] { max-width:60%; }
[class*='max-5-8'] { max-width: 62.5%; }
[class*='max-2-3'] { max-width: 66.66%; }
[class*='max-3-4'] { max-width:75%; }
[class*='max-4-5'] { max-width:80%; }
[class*='max-5-6'] { max-width:83.33%; }
[class*='max-7-8'] { max-width: 87.5%; }


/** Added specifically for BB **/

[class*='col-4-9'] { width:44.44%; }
[class*='col-5-9'] { width:55.55%; }


.fullwidth { width:100%; }

.max-full { max-width:100%; }

.fullheight { min-height:100%; }


/* ========================================================= */
/*                        RESPONSIVENESS                     */
/* ========================================================= */



[class*='display-'] { display:none; }
[class*='display-'].inline { display:none; }
[class*='display-'].inlineBlock { display:none; }



/* Wide Desktop - Extra goodies for wide screen users */

@media only screen and (min-width:1351px) {

  [class*='-wideDesktop'] { display:block; }
  [class*='-wideDesktop'].inline { display:inline; }
  [class*='-wideDesktop'].inlineBlock { display:inline-block; }
  
}
@media only screen and (min-width:1001px) and (max-width:1350px) {
  
  [class*='-desktop'] { display:block; }
  [class*='-desktop'].inline { display:inline; }
  [class*='-desktop'].inlineBlock { display:inline-block; }
  
  [class*='desk-1-8'] { width: 12.5%; }
  [class*='desk-1-6'] { width: 16.66%; }
  [class*='desk-1-5'] { width:20%; }
  [class*='desk-1-4'] { width: 25%; }
  [class*='desk-1-3'] { width:33.33%; }
  [class*='desk-3-8'] { width: 37.5%; }
  [class*='desk-2-5'] { width:40%; }
  [class*='desk-1-2'] { width: 50%; }
  [class*='desk-3-5'] { width:60%; }
  [class*='desk-5-8'] { width: 62.5%; }
  [class*='desk-2-3'] { width: 66.66%; }
  [class*='desk-3-4'] { width:75%; }
  [class*='desk-4-5'] { width:80%; }
  [class*='desk-5-6'] { width:83.33%; }
  [class*='desk-7-8'] { width: 87.5%; }
  
}
  
/* Slim Screen Below Standard Square Monitor */
@media only screen and (min-width:851px) and (max-width: 1000px){

  [class*='-slimScreen'] { display:block; }
  [class*='-slimScreen'].inline { display:inline; }
  [class*='-slimScreen'].inlineBlock { display:inline-block; }
  
  .min-20 { min-width:100%; }
}

/* Tablet  */
@media only screen and (min-width:601px) and (max-width: 850px){

  [class*='-tablet'] { display:block; }
  [class*='-tablet'].inline { display:inline; }
  [class*='-tablet'].inlineBlock { display:inline-block; }
  
  .centerOnMobile { 
    text-align:center; 
    display:block;
    float:none; 
    margin-left:auto;
    margin-right:auto; 
  }
  
  .responsivePadding { padding-left:0 !important; padding-right:0 !important; }
  
  .min-20 { min-width:100%; }
  
  [class*='-respond'] { width:100%;max-width:100%; }
  

  [class*='to-1-8'] { width: 12.5%; }
  [class*='to-1-6'] { width: 16.66%; }
  [class*='to-1-5'] { width:20%; }
  [class*='to-1-4'] { width: 25%; }
  [class*='to-3-8'] { width: 37.5%; }
  [class*='to-1-3'] { width:33.33%; }
  [class*='to-2-5'] { width:40%; }
  [class*='to-1-2'] { width: 50%; }
  [class*='to-3-5'] { width:60%; }
  [class*='to-5-8'] { width: 62.5%; }
  [class*='to-2-3'] { width: 66.66%; }
  [class*='to-3-4'] { width:75%; }
  [class*='to-4-5'] { width:80%; }
  [class*='to-5-6'] { width:83.33%; }
  [class*='to-7-8'] { width: 87.5%; }
  [class*='to-full'] { width:100%; }
  
}



/* Mobile Portrait */
@media only screen and (max-width: 600px){
  
  [class*='-mobile'] { display:block; }
  [class*='-mobile'].inline { display:inline; }
  [class*='-mobile'].inlineBlock { display:inline-block; }
  
  .centerOnMobile { 
    text-align:center; 
    float:none; 
    display:block;
    margin-left:auto;
    margin-right:auto; 
  }
  
  .responsivePadding { padding-left:0 !important; padding-right:0 !important; }
  
  .min-20 { min-width:100%; }
  
  
  [class*='-respond'] { width:100%;max-width:100%; }
    
  [class*='to-1-8'] { width: 12.5%; }
  [class*='to-1-6'] { width: 16.66%; }
  [class*='to-1-5'] { width:20%; }
  [class*='to-1-4'] { width: 25%; }
  [class*='to-3-8'] { width: 37.5%; }
  [class*='to-1-3'] { width:33.33%; }
  [class*='to-2-5'] { width:40%; }
  [class*='to-1-2'] { width: 50%; }
  [class*='to-3-5'] { width:60%; }
  [class*='to-5-8'] { width: 62.5%; }
  [class*='to-2-3'] { width: 66.66%; }
  [class*='to-3-4'] { width:75%; }
  [class*='to-4-5'] { width:80%; }
  [class*='to-5-6'] { width:83.33%; }
  [class*='to-7-8'] { width: 87.5%; }
  [class*='to-full'] { width:100%; }
  
  
  [class*='then-1-8'] { width: 12.5%; }
  [class*='then-1-6'] { width: 16.66%; }
  [class*='then-1-5'] { width:20%; }
  [class*='then-1-4'] { width: 25%; }
  [class*='then-1-3'] { width:33.33%; }
  [class*='then-3-8'] { width: 37.5%; }
  [class*='then-2-5'] { width:40%; }
  [class*='then-1-2'] { width: 50%; }
  [class*='then-3-5'] { width:60%; }
  [class*='then-5-8'] { width: 62.5%; }
  [class*='then-2-3'] { width: 66.66%; }
  [class*='then-3-4'] { width:75%; }
  [class*='then-4-5'] { width:80%; }
  [class*='then-5-6'] { width:83.33%; }
  [class*='then-7-8'] { width: 87.5%; }
  [class*='then-full'] { width:100%; }
  
 
  .noMobile { display:none; }
}


/***** Default often-used elements - STYLES ******/


/** Titles Toggle **/

.titlesToggle > h4 {
  padding:2px 10px 8px 0;
  margin-bottom:6px;
  background:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/arrow-dark.png?3118695180292459412) right 5px center no-repeat;
  border-bottom:1px solid #dddddd;
  cursor:pointer;
  font-weight:normal;
}


/** Tags Menu **/
ul.tags { 
  list-style:none;
  padding:0;
  margin:0;
}

ul.tags li { 
  display:inline-block;
  padding:2px 3px 2px 0; 
}

ul.tags li a { 
  text-decoration:none;
  display:block;
  padding:8px 12px; 
  border:1px solid #ddd;
}

ul.tags li.active a:after { 
  content: "  x";
  color:#000;
}

ul.tags li.all.active a:after { 
  content:"";
}



/* ========================================================= */
/*                     General Table Styles                  */
/* ========================================================= */


.niceTable table, table.niceTable { 
  width:100%;
  border-spacing: 0px;
  border:1px solid #e8e8e8;
}
.niceTable thead { 
  width:100%;
  background:#f5f5f5;
}
.niceTable thead th { 
  text-align:left;
  padding:10px 5px;
  font-weight:normal;
}
.niceTable tbody, .niceTable tfoot { 
  background:#fff; 
}
.niceTable tbody td {
  padding:17px 5px;
  border-bottom:1px solid #e8e8e8;
}

.niceTable tfoot td { 
  padding:2px 5px; 
  
}


/* ========================================================= */
/*                        Sidebar Styles                     */
/* ========================================================= */


/*** Sidebar General ***/

.sidebar h2 { 
  padding:0 0 10px 0;
  text-transform:uppercase;
}

.sidebar h4 { 
  padding:14px 0 7px 0; 
}


/** Sidebar General ul **/

.sidebar ul.niceList { 
  width:100%;
  padding:0;
  margin:0;
  list-style:none; 
  border-top:1px solid #dddddd;
}

.sidebar ul.niceList li {
  display:block;
  padding:0;
  margin:0;
  border-bottom:1px solid #dddddd;
}

.sidebar ul.niceList li.activeParent, .sidebar ul.niceList li:hover { 
  background:#f5f5f5;
}

.sidebar ul.niceList li a {
  display:block;
  text-decoration:none;
  padding:10px 10px 7px; 
  color:#7b7b7b;
}

.sidebar ul.niceList li.activeParent > a, .sidebar ul.niceList li ul li.activeChild > a, .sidebar ul.niceList li a:hover {
  color:#00aeef;
}

.sidebar ul.niceList li ul { 
  display:none;
  padding:0 0 5px 10px;
  border:0;
}
.sidebar ul.niceList li.activeParent ul { 
  display:block;
}

.sidebar ul.niceList li ul li { 
  border-bottom:0;
}

.sidebar ul.niceList li ul li a {
  padding:6px 12px 3px; 
}


/* ========================================================= */
/*                 Customer Pages Styling                    */
/* ========================================================= */

/*** Login Form ***/

.errors ul {
  margin:0;
  padding:5px 0;
  list-style:none;
  color:red;
}




/* ======================================================================================== */
/*                       End BASE STYLES  -  BEGIN FLEXSLIDER STYLES                        */
/* ======================================================================================== */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { width: 100%; display: block; margin-left:auto; margin-right:auto;}

.flexslider .slides > li.sliderPreview { 
  display:block;
  -webkit-backface-visibility: visible; 
  opacity:1 !important; /* Stops flicker from fade animation on first slide */
}

.flexslider .slides > li.imageNotLoaded { 
  background:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/loader.gif?3118695180292459412) center center no-repeat; 
}

  
/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 0px; position: relative;  }
.flex-viewport { max-height: 2000px; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 50px; height: 50px; margin: -25px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0.5; }
.flex-direction-nav .flex-prev { text-indent:-9999px; left: 20px; background: url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/sliderArrowLeftDefault.png?3118695180292459412) left no-repeat; background-size:100%; }
.flex-direction-nav .flex-next { text-indent:-9999px; right: 20px;  background: url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/sliderArrowRightDefault.png?3118695180292459412) right no-repeat; background-size:100%; }
.flexslider:hover .flex-prev { opacity: 0.7; }
.flexslider:hover .flex-next { opacity: 0.7; }
.flex-prev:hover, .flex-next:hover { opacity:1.0; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }


/** Carousels **/

.carousel img { display:none; }

.carousel .flex-direction-nav .flex-prev { left: 5px; }
.carousel .flex-direction-nav .flex-next { right: 5px; }

.carousel:hover .flex-prev { opacity: 0.7; }
.carousel:hover .flex-next { opacity: 0.7; }
.carousel:hover, .flex-next:hover { opacity:1.0; }
.carousel:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }

.variants-carousel .flex-direction-nav a  { display: block; width: 24px; height: 24px; margin: -16px 0 0; }

.featured-carousel .slides > li { opacity:0; }

/* Medium Direction Nav */
.mediumNavButtons .flex-direction-nav a  { display: block; width: 38px; height: 38px; margin: -19px 0 0; }
.mediumNavButtons .flex-direction-nav .flex-prev { left: 0px; }
.mediumNavButtons .flex-direction-nav .flex-next { right: 0px; }

/* Small Direction Nav */
.smallNavButtons .flex-direction-nav a  { display: block; width: 24px; height: 24px; margin: -12px 0 0; }
.smallNavButtons .flex-direction-nav .flex-prev { left: 4px; }
.smallNavButtons .flex-direction-nav .flex-next { right: 4px; }

.bringEmOut .flex-direction-nav .flex-prev { margin-left:-25px; opacity:0.2;}
.bringEmOut .flex-direction-nav .flex-next { margin-right:-25px; opacity:0.2;}
.bringEmOut:hover .flex-prev { opacity: 0.5; }
.bringEmOut:hover .flex-next { opacity: 0.5; }

/* Control Nav */
.flex-control-nav { position: absolute; right: 3%; bottom: 40px; text-align: center;z-index:1200;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

/*** Home Slider ***/

.home-slider .slides img { 
  width:auto;
  max-width:100%;
}



/* =================================================================================== */
/*                       End FLEXSLIDER STYLES  -  BEGIN STYLES                        */
/* =================================================================================== */



/* ========================================================= */
/*                       Text Styling                        */
/* ========================================================= */


body, .button, select, input, textarea { 
  font-family: Lato; 
  font-weight: normal;
  font-size: 13px;
  line-height: 1em; 
  color: #7b7b7b;
  -webkit-font-smoothing:antialiased;
}

h1,h2,h3,h4,h5,h6,p { margin:0; padding:0; }

h1,.h1 { 
  font-size: 30px;
  line-height: 1.3em;
  font-weight: normal;
  color: #000000;
}
h2,.h2 { 
  font-size: 21px;
  line-height: 1.3em;
  font-weight: normal;
  color: #000000;
}
h3,.h3 { 
  font-size: 20px;
  line-height: 1.3em;
  font-weight: normal;
  color: #000000;
}

h4,.h4 { 
  font-size: 15px;
  line-height: 1.3em;
  font-weight: 300;
  color: #000000;
}
h5,.h5 { 
  font-size: 13px;
  line-height: 1.3em;
  font-weight: 300;
  color: #000000;
}
h6,.h6 { 
  font-size: 10px;
  line-height: 1.3em;
  font-weight: 300;
  color: #000000;
}
p {  
  font-size: 14px;
  line-height: 1.7em;
  font-weight: 300;
  color: #000000;
}


a, .linkColor, .linkColor a, p.linkColor, h1.linkColor, h2.linkColor, h3.linkColor, h4.linkColor, h5.linkColor, h6.linkColor {
  color:#00aeef;
}
a.linkColor { 
  color:#00aeef!important; 
}
.buttonColor, a.buttonColor, .buttonColor a, p.buttonColor, h1.buttonColor, h2.buttonColor, h3.buttonColor, h4.buttonColor, h5.buttonColor, h6.buttonColor {
  color:#00aeef;
}
.buttonBackground {
  background-color:#00aeef;
}
.standardColor, a.standardColor, .standardColor a, p.standardColor, h1.standardColor, h2.standardColor, h3.standardColor, h4.standardColor, h5.standardColor, h6.standardColor {
  color:#7b7b7b;
} 
.utilityColor, a.utilityColor, .utilityColor a, p.utilityColor, h1.utilityColor, h2.utilityColor, h3.utilityColor, h4.utilityColor, h5.utilityColor, h6.utilityColor {
  color:#000000;
} 
.utilitySize {
  font-size:14px;
}


del { color:#7b7b7b; font-size:0.9em; }

.smallest {
  font-size:10px;
}
.smaller {
  font-size:11px;
}
.small {
  font-size:12px; 
}
.medium { 
  font-size:13px;
}
.mediumLarge { 
  font-size:14.5px;
}
.large {
  font-size:16px; 
}
.larger { 
  font-size:18px;
}
.evenLarger {
  font-size:22px; 
}
.extraLarge { 
  font-size:26px; 
}
.huge {
  font-size:30px;
}
.enormous { 
  font-size:36px;
}
.ginormous {
  font-size:50px;
}
.absurdlyBig {
  font-size:90px;
}


@media only screen and (min-width:1351px) {

  .smallest {
    font-size:12px;
  }
  .smaller {
    font-size:13px;
  }
  .small {
    font-size:14px; 
  }
  .medium { 
    font-size:16px;
  }
  .mediumLarge { 
    font-size:17px;
  }
  .large {
    font-size:18px; 
  }
  .larger { 
    font-size:20px;
  }
  .evenLarger {
    font-size:24px; 
  }
  .extraLarge { 
    font-size:36px; 
  }
  .huge {
    font-size:42px;
  }
  .enormous { 
    font-size:48px;
  }
  .ginormous {
    font-size:60px;
  }
  .absurdlyBig {
    font-size:144px;
  }

}

.singleLine {
  line-height:1em;
}

.doubleLine {
  line-height:2em;
}

h1.wide,h2.wide {
  letter-spacing:10px;
}
h3.wide {
  letter-spacing:8px;
}
h4.wide {
  letter-spacing:6px;
}


.blockBorderBelow:after { 
  content:' ';
  clear:both;
  display:block;
  margin:20px auto;
  height:5px;
  background:#00aeef;
  vertical-align:middle;
}

h2.blockBorderBelow:after {
  width:100px; 
}
h2.blockBorderBelow.double:after {
  width:200px; 
}
h3.blockBorderBelow:after { 
  width:80px;
}
h3.blockBorderBelow.double:after { 
  width:160px;
}



/* ========================================================= */
/*       centerContainer and centerContainerPlusSome         */
/* ========================================================= */

.centerContainer, .centerContainerPlusSome { 
  width: 96%;
  max-width:100%;
}

.centerContainer {
  padding-left:30px;
  padding-right:30px;
}


/* ========================================================= */
/*                     Margins and Padding                   */
/* ========================================================= */

/*==== Universal top and bottom padding to match margin_below_header ====*/

.marginTopUniversal {
  margin-top:20px; 
}
.marginBottomUniversal {
  margin-bottom:20px; 
}
.paddingTopUniversal {
  padding-top:20px; 
}
.paddingBottomUniversal {
  padding-bottom:20px;  
}


.universalPadding {
  padding:30px;
}
.universalPaddingTopBottom {
  padding-top:30px;
  padding-bottom:30px;
}
.universalPaddingLeftRight {
  padding-left:30px;
  padding-right:30px;
}
.universalPaddingTop {
  padding-top:30px;
}
.universalPaddingBottom {
  padding-bottom:30px;
}
.universalPaddingLeft {
  padding-left:30px;
}
.universalPaddingRight {
  padding-right:30px;
}



/* ========================================================= */
/*                      General Styles                       */
/* ========================================================= */


.border { border: 1px solid #dddddd; }
.borderLeft { border-left: 1px solid #dddddd; }
.borderRight { border-right: 1px solid #dddddd; }
.borderTop { border-top: 1px solid #dddddd; }
.borderBottom { border-bottom: 1px solid #dddddd; }

.accentBorder { border:4px solid #00aeef; }
.accentBorderLeft { border-left:4px solid #00aeef; }
.accentBorderRight { border-right:4px solid #00aeef; }
.accentBorderTop { border-top:4px solid #00aeef; }
.accentBorderBottom { border-bottom:4px solid #00aeef; }

.borderNone { border:0 !important; }

.shadow { box-shadow: 0 0 3px rgba(0,0,0,0.3); }

.round { border-radius:3px !important; }

.translucentBlack { background:rgba(0,0,0,0.6); }
.translucentWhite { background:rgba(255,255,255,0.6); }








/* ========================================================= */
/*               Website Layout & Background                 */
/* ========================================================= */


body {
  background:#ffffff;
}

/*** LAYERS ****/

#header { z-index:1400; }

.utilityDropdown { z-index:1450; }

.backToTop { z-index:1460; }

#footer { z-index:1250; }

#blackBack { z-index:1500; }

.popup { z-index:1600; }


/** Popup Styling **/


.popup { 
  overflow:auto;
  position:absolute;
  left:0;
  top:0;
  display:none;
  background: #fff;
  padding:20px;
  max-width:100%;
}

a.closeX { 
  position:absolute; 
  top:0;
  right:0;
  padding:5px;
  cursor:pointer;
}




/*** Ajax Loading Stuff ***/

.loadingContainer {
  display:block;
  width:100%;
  text-align:center;
  min-height:120px;
  padding-top:50px;
}
.ajaxLoading .loadingContainer {
  background-image:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/loader.gif?3118695180292459412);
  background-repeat:no-repeat;
  background-position:center top 50px;
}
.ajaxLoading .loadingContainer a { 
  display:none;
  opacity:0;
  visibility:hidden;
}
.ajaxLoaded .loadingContainer { 
  display:none;
}


/* ========================================================= */
/*                         Template                          */
/* ========================================================= */

.template { 
  position:relative;
  width:100%;
}
.template > .head {
  padding:20px 0 10px;
}
.template > .body {
  
}
.template > .foot {
  padding:10px 0 20px;
}



/* ========================================================= */
/*                          Header                           */
/* ========================================================= */

#header {
  background:#fff;
  background:rgba(255,255,255,1.0);
  border-bottom:1px solid #dddddd; 
  min-width:320px;
}

#headerTop { 
  background: none;
  background-color:transparent;
}

#headerBottom { 
  background: none;
  background-color:transparent;
  border-top:1px solid #dddddd; 
}



/*** Logo ***/

.logo { 
  display:inline-block;
  width:240px; 
  max-width:100%;
  padding:15px 0px 25px 0px;
}

.logo img {
  width:100%;
  vertical-align:middle;
}

 
/** Utility Nav **/

/** Universal Utility Nav Element Styling **/

.utilityItem {
  display:block;
  padding:10px 0 10px 15px;
  text-decoration:none;
  font-weight:bold;
}

img.utilityIcon { 
  vertical-align:middle; 
}

.utilityDropdown {
  background: #ffffff;
  color: #000000;
}
.utilityDropdown a, .utilityDropdown h2, .utilityDropdown h3, .utilityDropdown h4, .utilityDropdown h5, .utilityDropdown h6, .utilityDropdown p {
  color: #000000;
}




/******** Start Custom Header Styles ********/

#header .hamburger .block { 
  background-color:#00aeef;
  width:24px;
  height:4px;
  margin-top:2px;
}
#header .hamburger .block:first-of-type {
  margin-top:0;
}

.utilityItem img {
  vertical-align:middle;
}

#headerCustomer .utilityItem img {
  width:17px;
}
#headerContactEmail .utilityItem img {
  width:24px;
}
#headerContactPhone .utilityItem img {
  width:17px;
}
#headerSearchIcon .utilityItem img {
  width:18px;
}
#headerCart .utilityItem img {
  width:20px;
}


.custom_header_search {
  border:0;
  margin:0;
  padding:0;
  width:100%;
  font-size:14px;
  color:#000000;
}

.custom_header_search input[type="image"] {
  max-width:10%;
  margin-right:2%;
  border:none;
  padding:0;
  display:inline-block;
  vertical-align:middle;
}
.custom_header_search .interior {
  display:inline-block;
  vertical-align:middle;
  width:88%;
}

.custom_header_search label { 
  font-size:14px;
  font-weight:bold;
  max-width:35%;
  display:inline-block;
  overflow:hidden;
  
}

.custom_header_search input[type="search"], .custom_header_search input[type="text"] { 
  min-width:40px;
  display:inline-block;
  width:65%;
  padding:0 5px;
  margin:0;
  border:0;
  background:none;
  background-color:transparent;
  font-size:14px;
  color:#000000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


/**** HEADER COLOR INVERSION ****/

.logoInverted { opacity:0; }
.logoStandard { opacity:1.0; }

#header, .utilityColor, .utilityItem, #header .linkColor, .logoStandard, .utilityItem img, .utilityItem input[type="image"], #header .mainNav > li > a {
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    transition: all 400ms;  
  }
#header.inverted {
  background:#00aeef;
    background:rgba(0,174,239,1.0);
  }
  
.inverted .utilityColor, .inverted .linkColor, .inverted .mainNav > li > a {
    color:#fff; 
  }
  
.inverted .utilityItem img, .inverted .utilityItem input[type="image"] {
    filter: grayscale(1) brightness(10);
 	-webkit-filter: brightness(10) grayscale(1); 
 }
  
.inverted .logoInverted {
    opacity:1;
  }
  
.inverted .logoStandard {
    opacity:0;
}




/** Main Nav **/


ul.mainNav { 
  width:100%; 
  list-style:none;
  margin:0px; 
  padding:0px;
  text-align:left;
  font-size: 15px;
}
.centerContainer.relative ul.mainNav {
  position:relative;
}
ul.mainNav a { 
  text-decoration:none;
}
ul.mainNav li { 
  margin:0;
  padding:0;
  display:inline-block;
  font-weight: bold;
  font-size: 15px;
}
ul.mainNav li a {
  
  color:#000000;
  padding-top:10px;
  padding-bottom:10px;
  padding-left:20px;
  padding-right:0px;
  display:block;
}
ul.mainNav li a:hover, ul.mainNav li a.current, ul.mainNav > li.activeParent > a { 
  color:#000000;
}
ul.mainNav li ul { 
  position:absolute;
  margin:0;
  margin-left:20px;
  padding:5px 0 5px 0;
  display:none;
  text-align:left;
  
  font-size:15px;
}
ul.mainNav li:hover ul { 
  display:block; 
}
ul.mainNav li ul li { 
  display:block;
  margin:0;
  padding:0px;
  border:0;
  text-transform:none;
}
ul.mainNav li ul li a { 
  display:block;
  color:#ffffff;
  padding:5px 20px 5px 20px; 
}
ul.mainNav li ul li a:hover,ul.mainNav li ul li a.current { 
  color:#ffffff;
  text-decoration:underline;
}



ul.customNav > li > ul { 
  display:block;
  position:absolute;
  border-top:1px solid #dddddd;
  background:#00aeef;
  background:rgba(0,174,239,1.0);
  width:100%;
  overflow:visible;
  top:0;
  left:0;
  margin-left:0;
  margin-top:0;
  text-align:left;
  padding:0;
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  transition: all 400ms;
  visibility: hidden;
  opacity:0;
}

ul.mainNav > li > ul.dropped { 
  visibility:visible;
  opacity:1;
}



/** Margin Left 14% + Left Side 16% + Right Side 70% = 100 **/


ul.customNav .leftSide {
  display:inline-block;
  vertical-align:top;
  width:30%;
}

ul.customNav .rightSide {
  display:inline-block;
  vertical-align:top;
  width:70%;
}

ul.customNav > li > ul ul.column {
  display:inline-block;
  vertical-align:top;
  padding:20px 20px 20px 0;
  margin:0;
  position:relative;
  color:#fff;
  font-weight:bold;
  text-align:left;
}
ul.customNav > li > ul .rightSide ul.column {
  max-width:16.66%;
}


ul.customNav > li > ul ul.column li {
  display:block;
  margin:20px 0 0 0;
  padding:0;
}

ul.customNav > li > ul ul.column li.colTitle {
  padding-left:20px; /* match link padding below **/  
}


ul.customNav > li > ul ul.column li a {
  display:block;
  position:relative;
  width:100%;
  margin:0;
  padding:0 0 0 20px;
}

ul.customNav > li > ul .leftSide ul.column {
  display:block;
  width:100%;
  margin:0;
  padding:0;
}

ul.customNav > li > ul .leftSide ul.column li {
  display:block;
  width:100%;
  margin:0;
  padding:0;
}
ul.customNav > li > ul .leftSide ul.column li a {
  display:block;
  width:100%;
  padding:30px 5px 30px 30px;
}

ul.customNav > li > ul .leftSide ul.column li a:hover, ul.customNav > li > ul .leftSide ul.column li a.current {
  text-decoration:none;
  background:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/menuArrowRight.png?3118695180292459412) right 5px center no-repeat #00cdff;
}


ul.customNav > li > ul .rightSide .collectionContent {
  display:none;
  width:100%;
  height:100%;
  background:#00cdff;
}

ul.customNav > li > ul .rightSide .placeholder {
  background:none; 
}

ul.customNav > li > ul .rightSide .activeCollection {
  display:block;
}



ul.customNav > li > ul .rightSide ul.column li.colTitle {
  color:#005d7f;
}

ul.customNav > li > ul ul.colorSwatch {
  padding-left:20px;
}
ul.customNav > li > ul ul.colorSwatch li.swatchColor {
  display:inline-block;
  margin:10px 2px 0 0;
}
ul.customNav > li > ul ul.colorSwatch li.swatchColor a {
  display:block;
  width:22px;
  height:22px;
  padding-left:0;
  text-decoration:none;
}
ul.customNav > li > ul ul.colorSwatch li.colTitle {
  padding-left:0;
  margin-bottom:0;
}


ul.customNav > li > ul ul.toggleMore {
  display:block;
  width:100%;
  padding:20px 0 40px 0;
  margin:0;
  position:relative;
  color:#fff;
  font-weight:bold;
  text-align:center;
}

ul.customNav > li > ul ul.toggleMore > li {
  width:16.66%;
  display:inline-block; 
  text-align:left;
  margin:20px 0 0px;
  padding:0;
}

ul.customNav > li > ul ul.toggleMore li a {
  display:block;
  width:100%;
  margin:0;
  padding:0 0 0 20px;
}
ul.customNav > li > ul ul.toggleMore > li > a:hover {
  text-decoration:none;
}

ul.customNav > li > ul ul.toggleMore li .togglePlus {
  color:#005d7f;
}

ul.customNav > li > ul ul.toggleMore li ul.grandestChild {
  position:absolute;
  top:auto;
  left:auto;
  background:#fff;
  background:rgba(255,255,255,0.8);
  display:none;
  margin-left:70px;
  margin-top:-20px;
  padding:5px;
}

ul.customNav > li > ul ul.toggleMore li:hover ul.grandestChild {
  display:block;
}
ul.customNav > li > ul ul.toggleMore li ul.grandestChild li {
  display:block;
  margin:0;
}
ul.customNav > li > ul ul.toggleMore li ul.grandestChild li a {
  padding:10px;
  color:#005d7f; 
}


/* ========================================================= */
/*                          Footer                           */
/* ========================================================= */


#footer { 
  background:#ffffff;
}
#footer h3,#footer h4 {
 font-size:18px; 
}
#footer ul {
  padding:0;
  margin:0;
  list-style:none;
  font-size:13px; 
}
#footer ul li {
 margin-top:10px; 
}
#footer a {
  text-decoration:none;
  color:#000000;
}
  
  
/* ========================================================= */
/*                        Site-wide                          */
/* ========================================================= */


/** Social Icons **/

.socialIcons a {
  display:inline-block;
  width:26px;
  height:26px;
  padding:6px;
  margin-right:4px;
  margin-top:4px;
  border-radius:13px;
  background:#333333;
}

.socialIcons a.facebookIcon:hover  {
  background:#3b5998;
}
.socialIcons a.twitterIcon:hover {
  background:#00aced;
}
.socialIcons a.googlePlusIcon:hover {
  background:#dd4b39;
}
.socialIcons a.instagramIcon:hover {
  background:#517fa4;
}
.socialIcons a.pinterestIcon:hover {
  background:#cb2027;
}
.socialIcons a.youtubeIcon:hover {
  background:#bb0000;
}



/* ========================================================= */
/*                         Form Styles                       */
/* ========================================================= */


.button, select, input, textarea { 
  padding:10px; 
  height:auto;
  border:1px solid #dddddd;
  border-radius:5px; 
  font-size:14px;
}  

.button, input[type="submit"] {   
  -webkit-appearance:none;
  cursor:pointer;
  background-color:#dddddd;
  border:1px solid #dddddd;
  padding-left:18px; 
  padding-right:18px;
}

.fullwidthForm select, .fullwidthForm input, .fullwidthForm textarea {
  width:100%;
  margin-top:5px;
  margin-bottom:5px;
}

.fullwidthForm input[type="submit"] {
  width:auto; 
}

.largeForm .button, .button.large, .largeForm select, .largeForm input, .largeForm textarea {
  padding-top:12px;
  padding-bottom:12px;
  font-size:16px;
}

.largeForm label {
  display:inline-block;
  padding-top:5px;
}

.oneLineForm input[type="email"], .oneLineForm input[type="text"] {
  width:72%;
  display:inline-block;
}
.oneLineForm input[type="submit"] {
  width:26%; 
  text-align:center;
  padding-left:0;padding-right:0;
  display:inline-block;
}

.niceSelect {
  border-radius:3px;
  background:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/arrow-dark.png?3118695180292459412) right 10px center no-repeat;
  -webkit-appearance: none; 
}


::-webkit-input-placeholder { 
  color: #ccc !important; 
}

:-moz-placeholder { 
  color: #ccc !important; 
}


input[type=password]:focus, input[type=telephone], input[type=text]:focus, input[type=search], input[type=number]:focus, input[type=email]:focus, textarea:focus { 
  outline:none; 
}


select:focus, select.focus { 
  outline:none; 
}

input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

input[type="number"] { max-width:65px; }

form.search { 
  border:1px solid #dddddd; 
  width:100%;
  display:block;
  position:relative;
}

form.search input[type="search"],form.search input[type="text"] {
  border:0;
  padding:8px 40px 8px 8px;
  width:100%;
  display:block;
  position:relative;
}
form.search input[type="submit"] {
  position:absolute;
  top:0;
  right:0;
  border:0;
  text-indent:-9999px;
  width:36px;
  height:100%;
  background:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/searchIconDark.png?3118695180292459412) center center no-repeat;
  background-size:auto 50%;
}


#search form.search input[type="search"], #search form.search input[type="text"] {
  font-size:16px;
  padding: 12px 40px 12px 12px;
}



/* ========================================================= */
/*                      Button Styling                       */
/* ========================================================= */


.button, button.button, input[type="submit"].button {   
  text-decoration:none;
  text-transform:uppercase;
  text-align:center;
  font-weight:normal;
  background-color: #00aeef !important; 
  border:1px solid #00aeef; 
  color: #ffffff !important;
}

.alternateButton, button.alternateButton, input[type="submit"].alternateButton {   
  background-color: #b7b7b7 !important; 
  border:1px solid #b7b7b7; 
  color: #ffffff !important;
}

.button.disabled, input[type="submit"].button.disabled { 
  background-color:#ccc !important;
  border:1px solid #ccc; 
  cursor:not-allowed;
}


/*** Customize Product Button ***/
 
a.customizeMenuButton {
  background-image:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/customizeButtonBG.png?3118695180292459412);
  background-size:100%;
  background-position:left top;
  display:block;
  padding:12px 18px;
  text-decoration:none;
  text-transform:uppercase;
  color:#fff;
  font-size:14px;
  font-weight:bold;
  border-color:#fff !important;
  border-radius:5px !important;
  margin-right:0 !important;
}
a.customizeMenuButton {
  width:126px !important;
  max-width:100% !important;
  text-align:center !important;
  padding:10px 8px !important;
}
a.customizeMenuButton:hover {
  text-decoration:none !important;
}
  
  

/* ========================================================= */
/*                    Product Grid Styles                    */
/* ========================================================= */

.fullwidthImage img {
  width:100%;
  height:auto;
}

.imageBox { 
  position:relative;
  overflow:hidden;
}


.imageBox:before {
  content: "";
  display: block;
  padding-top: 100%;	/* initial ratio of 1:1*/
}

.imageBox .imageBoxContent { 
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
}

.ratio1_1:before { 
  padding-top:100% !important; 
}
.ratio2_1:before{
  padding-top: 50% !important;
}
.ratio1_2:before{
  padding-top: 200% !important;
}
.ratio4_3:before{
  padding-top: 75% !important;
}
.ratio3_4:before{
  padding-top: 133.33% !important;
}


@media only screen and (min-width:850px) {
  
  .hoverShadow:hover {
    box-shadow:0 0 4px rgba(0,0,0,0.3);
  }
  ul.slides .hoverShadow:hover {
    box-shadow:none; 
  }
  .hoverFade:hover { 
    opacity:0.7;
  }
  
}

.gridProduct h5 {
  line-height:1.5em;
  padding-top:2px;
}
.gridProduct h5:last-of-type { 
  padding-top:4px;
  padding-bottom:2px;
}

.quickViewButtonContainer {
  position:absolute;
  width:140px;
  max-width:100%;
  left:50%;
  top:50%;
  margin-left:-70px;
  text-align:center;
}
  
.lightBackground { 
  background:#f7f7f7;
}
.gridProduct .hoverVariants {
  z-index:1400; 
  margin-top:0px; 
  box-shadow:0 2px 3px rgba(0,0,0,0.3);
}
.gridProduct .hoverVariants h6 {
  opacity:0;
}



/* ========================================================= */
/*                    iFrame & Video Styles                  */
/* ========================================================= */

.videoContainer {
	position: relative;
	padding-bottom: 56.25%; 
	height: 0;
}
.ratio16x9 {
	padding-bottom: 50%; 
	padding-top: 25px;
}

.videoContainer iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/* ========================================================= */
/*                        Cart Styling                       */
/* ========================================================= */

/** Cart Table **/

.cartTable h5 {
  padding:10px 0;
}
.cartTable h5.title {
  font-weight:normal;
  padding-bottom:0;
}
.cartTable h5.subtitle {
  padding:5px 0 0;
  font-size:11px;
  line-height:1.5;
  font-weight:300;
  color:#444;
}
.cartTable h5.subtitle strong {
  font-weight:normal;
}
.cartTable .remove a {
  display:block;
  font-weight:bold;
  text-decoration:none;
}
.cartTable .remove a:before {
  display:block;
  content:'\2715';
}
.cartTable .remove a span {
  display:none;
}
.cartTable .tableHead {
  padding:10px 0;
}
.cartTable .tableFoot {
  padding:10px 0;
}
.cartTable .tableRow {
  position:relative;
  padding:10px 0;
}
.cartTable .tableRow:after {
  content:'';
  clear:both;
  display:table;
}
.cartTable .subtotal { 
  width:100%;
}
.cartTable .subtotalLabel {
  float:left;
}
.cartTable .subtotalPrice {
  float:right;
}
.cartTable .cartButtons {
  width:100%;
  padding:20px 0 5px;
}
.cartTable .button {
  display:block;
  float:left;
  width:48%;
}
.cartTable .viewCartButton {
  margin-right:4%;
}
.cartTable .updateButton {
  margin-left:4%;
}
.cartTable .addSpecialInstructions {
  padding:15px 0 5px;
}

.cartTable .cartBodyFit {
  padding:20px 0 0;
}


/** Cart Template **/

#cart .cartTable .cartItemImage {
  display:inline-block;
  vertical-align:top;
  width:20%;
  padding:10px 10px 10px 0;
}
#cart .cartTable .cartItemSummary {
  display:inline-block;
  vertical-align:top;
  width:50%;
  padding:0 0 0 10px;
}
#cart .cartTable .cartPrice {
  display:inline-block;
  vertical-align:top;
  width:10%;
}
#cart .cartTable .cartQuantity {
  display:inline-block;
  vertical-align:top;
  width:10%;
}
#cart .cartTable .cartRemove {
  display:inline-block;
  vertical-align:top;
  width:10%;
  text-align:right;
}
#cart .cartTable .subtotalCheckout {
  float:right;
  width:300px;
  max-width:50%;
}

#cart .cartTable .addSpecialInstructions {
  float:left;
  width:50%;
}

#cart .cartTable .viewCartButton {
  display:none;
}

@media only screen and (max-width:600px) { 
  #cart .cartTable .tableHead {
    display:none;
  }
  #cart .cartTable .cartItemImage {
    display:block;
    float:left;
    width:35%;
  }
  #cart .cartTable .cartItemSummary {
    display:block;
    float:right;
    width:65%;
  }
  #cart .cartTable .cartPrice {
    display:block;
    float:right;
    width:65%;
    padding:0 10px;
  }
  #cart .cartTable .cartQuantity {
    display:block;
    float:left;
    clear:both;
    width:50%;
  }
  #cart .cartTable .cartRemove {
    display:block;
    float:right;
    width:50%;
  }
  #cart .cartTable .remove a:before {
    display:none;
    content:'';
  }
  #cart .cartTable .remove a span {
    display:initial;
    font-size:12px;
  }
  #cart .cartTable .subtotalCheckout {
    width:100%;
    max-width:100%;
  }
  #cart .cartTable .addSpecialInstructions {
    width:100%;
  }
}

#cartPreview {
  min-height:100px;
}
.cartPreview .cartTable {
  background:#fff;
}
.cartPreview .cartTable .subtotalCheckout {
  width:100%;
}
.cartPreview .cartTable .tableHead {
  display:none;
}
.cartPreview .cartTable h5 {
  font-size:12px;
}
.cartPreview .cartTable h5.price {
  font-size:10px;
}
.cartPreview .cartTable .cartItemImage {
  display:block;
  float:left;
  width:25%;
  padding:10px 5px 0 0;
}
.cartPreview .cartTable .cartItemSummary {
  display:block;
  float:left;
  width:65%;
  padding:0 0 0 5px;
}
.cartPreview .cartTable .cartPrice {
  display:block;
  float:none;
  position:absolute;
  right:0;
  bottom:0;
  width:15%;
  text-align:right;
  padding:0 0 5px 0;
}
.cartPreview .cartTable .cartQuantity {
  display:none;
}
.cartPreview .cartTable .cartRemove {
  display:block;
  float:none;
  position:absolute;
  right:0;
  top:0;
  width:5%;
  text-align:right;
  padding:10px 0 0;
}
.cartPreview .cartTable .updateButton {
  display:none;
}
.cartPreview .cartTable .addSpecialInstructions {
  display:none;
}
.cartPreview .cartTable .shippingPickUpDeliveryOptions {
  display:none;
}

.cartPreview .cartTable .cartBodyFit {
  display:none;
}




/* ========================================================= */
/*                        BG Styles                          */
/* ========================================================= */

.army-green input[type=radio] + label .icon, li.army-green a {
  background-color:#466600;
}
.baby-blue input[type=radio] + label .icon,.light-blue input[type=radio] + label .icon, li.baby-blue a, li.light-blue a {
  background-color:#92d1fa;
}
.burgundy input[type=radio] + label .icon, li.burgundy a {
  background-color:#691f1f; 
}
.black input[type=radio] + label .icon,.gloss-black input[type=radio] + label, li.black a, li.gloss-black a {
  background-color:#000000;
}
.blue input[type=radio] + label, li.blue a {
  background-color:#002ffc;
}
.brick-n-blue input[type=radio] + label .icon, li.brick-n-blue a {
  background-color:#99242d;
}
.brown input[type=radio] + label .icon,.gloss-brown input[type=radio] + label .icon, li.brown a, li.gloss-brown a {
  background-color:#592200;
}
.classic input[type=radio] + label .icon, li.classic a,
.navy input[type=radio] + label .icon, li.navy a {
  background-color:#0D0D2C;
}
.clay input[type=radio] + label .icon, li.clay a {
  background-color:#996633;
}
.cool-grey input[type=radio] + label .icon,li.cool-grey a {
  background-color:#e5e5e5;
}
.emerald-green input[type=radio] + label .icon,.green input[type=radio] + label .icon, li.emerald-green a,li.green a,.watermelon input[type=radio] + label, li.watermelon a {
  background-color:#097b00;
}
.hot-pink input[type=radio] + label .icon, li.hot-pink a {
  background-color:#FF1D8E;
}
.lavender input[type=radio] + label .icon, li.lavender a {
  background-color:#CC99CC;
}
.lime-green input[type=radio] + label .icon, li.lime-green a {
  background-color:#7feb00;
}
.margarita input[type=radio] + label .icon, li.margarita a {
  background-color:#DCE77E;
}
.matte-army-green input[type=radio] + label .icon, li.matte-army-green a {
  background-color:#466600;
}
.matte-black input[type=radio] + label .icon, li.matte-black a {
  background-color:#333333;
}
.matte-grey input[type=radio] + label .icon, li.matte-grey a {
  background-color:#555555;
}
.matte-blue input[type=radio] + label .icon, li.matte-blue a {
  background-color:#003da1;
}
.matte-brown input[type=radio] + label .icon, li.matte-brown a {
  background-color:#583c2b;
}
.matte-dark-blue input[type=radio] + label .icon, li.matte-dark-blue a {
  background-color:#002e79;
}
.matte-red input[type=radio] + label .icon, li.matte-red a {
  background-color:#970000;
}
.mint-green input[type=radio] + label .icon, li.mint-green a {
  background-color:#6fffca;
}
.orange input[type=radio] + label .icon,.neon-orange input[type=radio] + label .icon,  li.orange a,li.neon-orange a,.mammoth input[type=radio] + label .icon,li.mammoth a, .dreamcycle input[type=radio] + label .icon, li.dreamcycle a {
  background-color:#ea5300;
}
.paisley input[type=radio] + label .icon, li.paisley a {
  background-color:#f6a7a3;
}
.pink input[type=radio] + label .icon, li.pink a {
  background-color:#fd60c7;
}
.purple  input[type=radio] + label .icon, li.purple a {
  background-color:#d424ff;
}
.primaryProduct-firmstrong-chief-lady-7-speed-womens-26-beach-cruiser-bike .choosePrimaryVariant .purple input[type=radio] + label .icon {
  background-color:#551033; /** purple chief is actually like a maroon, but called purple **/
}
.red input[type=radio] + label .icon, li.red a {
  background-color:#fc0000;
}
.retro input[type=radio] + label .icon, li.retro a {
  background-color:#29b6f4; 
}
.royal-blue input[type=radio] + label .icon, li.royal-blue a {
  background-color:#002ffc;
}
.sea-foam-green input[type=radio] + label .icon, li.sea-foam-green a {
  background-color:#4eeeb3;
}
.teal input[type=radio] + label .icon, li.teal a, .teal-blue input[type=radio] + label .icon, li.teal-blue a {
  background-color:#00cdcd;
}
.primaryProduct-sixthreezero-evryjourney-womens-26-inch-7-speed-step-through-touring-hybrid-bicycle .teal input[type=radio] + label {
  background-color:#5cdbfb;
}
.vanilla input[type=radio] + label .icon, li.vanilla a,
.scholar input[type=radio] + label .icon, li.scholar a,
.cream input[type=radio] + label .icon, li.cream a {
  background-color:#fff79a;
}
.white input[type=radio] + label .icon, li.white a {
  background-color:#ffffff;
}
.wow input[type=radio] + label .icon, li.wow a {
  background-color:#b19cd9;
}
.yellow input[type=radio] + label .icon, li.yellow a {
  background-color:#fde516;
}
.light-plum input[type=radio] + label .icon, li.light-plum a {
  background-color:#8B668B; 
}
.coral input[type=radio] + label .icon, li.coral a {
  background-color:#f88379; 
}

/*** Tire BG colors ***/

.black-with-black-walls input[type=radio] + label .icon, li.black-with-black-walls a {
  background-color:#000;
}
.black-with-white-walls input[type=radio] + label .icon, li.black-with-white-walls a {
  background: #000000; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #000000 50%, #ffffff 50%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #000000 50%,#ffffff 50%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #000000 50%,#ffffff 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.black-with-blue-walls input[type=radio] + label .icon, li.black-with-blue-walls a {
  background: #000000; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #000000 50%, #198ce5 50%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #000000 50%,#198ce5 50%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #000000 50%,#198ce5 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#198ce5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.black-with-red-walls input[type=radio] + label .icon, li.black-with-red-walls a {
  background: #000000; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #000000 50%, #ea1919 50%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #000000 50%,#ea1919 50%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #000000 50%,#ea1919 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ea1919',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.black-with-yellow-walls input[type=radio] + label .icon, li.black-with-yellow-walls a {
  background: #000000; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #000000 50%, #fff31c 50%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #000000 50%,#fff31c 50%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #000000 50%,#fff31c 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#fff31c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.black-with-orange-walls input[type=radio] + label .icon, li.black-with-orange-walls a {
  background: #000000; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #000000 50%, #ff7700 50%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #000000 50%,#ff7700 50%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #000000 50%,#ff7700 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ff7700',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.grey-center-with-black-walls input[type=radio] + label .icon, li.grey-center-with-black-walls a {
  background: #8c8c8c; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #8c8c8c 50%, #000000 50%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #8c8c8c 50%,#000000 50%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #8c8c8c 50%,#000000 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c8c8c', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.blue-center-with-black-walls input[type=radio] + label .icon, li.blue-center-with-black-walls a {
  background: #198ce5; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #198ce5 50%, #000000 50%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #198ce5 50%,#000000 50%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #198ce5 50%,#000000 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#198ce5', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.red-center-with-black-walls input[type=radio] + label .icon, li.red-center-with-black-walls a {
  background: #ea1919; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #ea1919 50%, #000000 50%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #ea1919 50%,#000000 50%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #ea1919 50%,#000000 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea1919', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

  
/**** Require BG images ****/

.chrome input[type=radio] + label .icon, li.chrome a, .stainless-steel-chrome input[type=radio] + label .icon, li.stainless-steel-chrome a {
  background-color:#e8e3e7;
  background-image:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/chromeIcon.png?3118695180292459412);
}
.gold input[type=radio] + label .icon, li.gold a {
  background-color:#ffc602;
  background-image:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/goldIcon.png?3118695180292459412);
}
.lime-green-with-black-spokes input[type=radio] + label .icon, li.lime-green-with-black-spokes a {
  background-color:#7feb00;
  background-image:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/greenBlackIcon.png?3118695180292459412);
}
.red-with-black-spokes input[type=radio] + label .icon, li.red-with-black-spokes a {
  background-color:#fc0000;
  background-image:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/redBlackIcon.png?3118695180292459412);
}  
.silver input[type=radio] + label .icon, li.silver a {
  background-color:#e8e3e7;
  background-image:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/silverIcon.png?3118695180292459412);
}  


.matte-black-with-black-rims input[type=radio] + label .icon {
  background-color:#000;
}
.matte-black-with-blue-rims input[type=radio] + label .icon {
  background-color:#000;
  background-image:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/blackBlueIcon.png?3118695180292459412);
}
.matte-black-with-green-rims input[type=radio] + label .icon,.black-with-green-rims input[type=radio] + label {
  background-color:#000;
  background-image:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/blackGreenIcon.png?3118695180292459412);
}
.matte-black-with-light-green-rims input[type=radio] + label .icon,.black-with-light-green-rims input[type=radio] + label .icon {
  background-color:#000;
  background-image:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/blackLightGreenIcon.png?3118695180292459412);
}
.matte-black-with-red-rims input[type=radio] + label .icon,
.black-with-red-rims input[type=radio] + label .icon {
  background-color:#000;
  background-image:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/blackRedIcon.png?3118695180292459412);
}
.matte-black-with-orange-rims input[type=radio] + label .icon {
  background-color:#000;
  background-image:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/blackOrangeIcon.png?3118695180292459412);
}
.matte-black-with-pink-rims input[type=radio] + label .icon,.black-with-pink-rims input[type=radio] + label .icon {
  background-color:#000;
  background-image:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/blackPinkIcon.png?3118695180292459412);
}
.matte-black-with-purple-rims input[type=radio] + label .icon,.black-with-purple-rims input[type=radio] + label .icon {
  background-color:#000;
  background-image:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/blackPurpleIcon.png?3118695180292459412);
}
.matte-grey-with-red-rims input[type=radio] + label .icon {
  background-color:#333;
  background-image:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/greyRedIcon.png?3118695180292459412);
}
.white-with-pink-rims input[type=radio] + label .icon {
  background-color:#333;
  background-image:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/whitePinkIcon.png?3118695180292459412);
}



.short input[type=radio] + label .icon { 
  background-image:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/customizerSurfboardRackShortIcon.png?3118695180292459412);
}
.long input[type=radio] + label .icon { 
  background-image:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/customizerSurfboardRackLongIcon.png?3118695180292459412);
}

/** Basket Liner pattern bg images **/

.cherry-pie input[type=radio] + label .icon {
  background-color:#eeeeee;
  background-image:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/BL-Icon-cherry-pie.png?3118695180292459412);
}
.dog-paw input[type=radio] + label .icon {
  background-color:#eeeeee;
  background-image:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/BL-Icon-dog-paw.png?3118695180292459412);
}
.hawaiian-blue input[type=radio] + label .icon {
  background-color:#eeeeee;
  background-image:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/BL-Icon-hawaiian-blue.png?3118695180292459412);
}
.hawaiian-pink input[type=radio] + label .icon {
  background-color:#eeeeee;
  background-image:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/BL-Icon-hawaiian-pink.png?3118695180292459412);
}
.hibiscus-black-white input[type=radio] + label .icon {
  background-color:#eeeeee;
  background-image:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/BL-Icon-hibiscus-black-white.png?3118695180292459412);
}
.hibiscus-blue-purple input[type=radio] + label .icon {
  background-color:#eeeeee;
  background-image:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/BL-Icon-hibiscus-blue-purple.png?3118695180292459412);
}
.hibiscus-pink-purple input[type=radio] + label .icon {
  background-color:#eeeeee;
  background-image:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/BL-Icon-hibiscus-pink-purple.png?3118695180292459412);
}
.hibiscus-yellow-orange input[type=radio] + label .icon {
  background-color:#eeeeee;
  background-image:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/BL-Icon-hibiscus-yellow-orange.png?3118695180292459412);
}
.hot-pink-zebra input[type=radio] + label .icon {
  background-color:#eeeeee;
  background-image:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/BL-Icon-hot-pink-zebra.png?3118695180292459412);
}
.i-love-daisy input[type=radio] + label .icon {
  background-color:#eeeeee;
  background-image:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/BL-Icon-i-love-daisy.png?3118695180292459412);
}
.i-love-my-bike input[type=radio] + label .icon {
  background-color:#eeeeee;
  background-image:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/BL-Icon-i-love-my-bike.png?3118695180292459412);
}
.leopard input[type=radio] + label .icon {
  background-color:#eeeeee;
  background-image:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/BL-Icon-leopard.png?3118695180292459412);
}
.pineapple input[type=radio] + label .icon {
  background-color:#eeeeee;
  background-image:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/BL-Icon-pineapple.png?3118695180292459412);
}
.pink-dalmation input[type=radio] + label .icon {
  background-color:#eeeeee;
  background-image:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/BL-Icon-pink-dalmation.png?3118695180292459412);
}
.wild-tropical input[type=radio] + label .icon {
  background-color:#eeeeee;
  background-image:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/BL-Icon-wild-tropical.png?3118695180292459412);
}
.zebra input[type=radio] + label .icon {
  background-color:#eeeeee;
  background-image:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/BL-Icon-zebra.png?3118695180292459412);
}


/*** Tire BG images ****/

.tire-26-style-db-1012 input[type=radio] + label .icon, li.tire-26-style-db-1012 a {
  background-image:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/DB-1012_Icon.jpg?3118695180292459412);
}
.tire-26-style-hf-107 input[type=radio] + label .icon, li.tire-26-style-hf-107 a {
  background-image:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/HF-107_Icon.jpg?3118695180292459412);
}
.tire-26-style-hf-120a input[type=radio] + label .icon, li.tire-26-style-hf-120a a {
  background-image:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/HF-120A_Icon.jpg?3118695180292459412);
}
.tire-26-style-hf-133 input[type=radio] + label .icon, li.tire-26-style-hf-133 a {
  background-image:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/HF-133_Icon.jpg?3118695180292459412);
}
.tire-26-style-hf-851 input[type=radio] + label .icon, li.tire-26-style-hf-851 a {
  background-image:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/HF-851_Icon.jpg?3118695180292459412);
}




/* ============================================================================ */
/*                       END STYLES  -  BEGIN MMENU STYLES                      */
/* ============================================================================ */


/*
	jQuery.mmenu CSS
*/
html.mm-opened .mm-page,
html.mm-opened #mm-blocker,
html.mm-opened .mm-fixed-top,
html.mm-opened .mm-fixed-bottom,
html.mm-opened .mm-menu.mm-horizontal > .mm-panel {
  -webkit-transition: none 0.4s ease;
  -moz-transition: none 0.4s ease;
  -ms-transition: none 0.4s ease;
  -o-transition: none 0.4s ease;
  transition: none 0.4s ease;
  -webkit-transition-property: top, right, bottom, left, border;
  -moz-transition-property: top, right, bottom, left, border;
  -ms-transition-property: top, right, bottom, left, border;
  -o-transition-property: top, right, bottom, left, border;
  transition-property: top, right, bottom, left, border; }
html.mm-opened .mm-page,
html.mm-opened #mm-blocker {
  left: 0%;
  top: 0;
  margin: 0;
  border: 0px solid rgba(0, 0, 0, 0); }
html.mm-opened.mm-opening .mm-page,
html.mm-opened.mm-opening #mm-blocker {
  border: 0px solid rgba(100, 100, 100, 0); }

.mm-menu .mm-hidden {
  display: none; }

.mm-fixed-top,
.mm-fixed-bottom {
  position: fixed;
  left: 0; }

.mm-fixed-top {
  top: 0; }

.mm-fixed-bottom {
  bottom: 0; }

html.mm-opened .mm-page,
.mm-menu > .mm-panel {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

html.mm-opened,
html.mm-opened body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative; }

html.mm-opened .mm-page {
  height: 100%;
  overflow: hidden;
  position: absolute; }

html.mm-background .mm-page {
  background: inherit; }

#mm-blocker {
  background: #fff;
  opacity: 0;
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 999999; }

html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {
  display: block; }

.mm-menu.mm-current {
  display: block; }

.mm-menu {
  background: inherit;
  display: none;
  overflow: hidden;
  height: 100%;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0; }
  .mm-menu > .mm-panel {
    background: inherit;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    padding: 20px;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 0; }
    .mm-menu > .mm-panel.mm-opened {
      left: 0%; }
    .mm-menu > .mm-panel.mm-subopened {
      left: -40%; }
    .mm-menu > .mm-panel.mm-highest {
      z-index: 1; }
    .mm-menu > .mm-panel.mm-hidden {
      display: block;
      visibility: hidden; }

.mm-menu .mm-list {
  padding: 20px 0; }
.mm-menu > .mm-list {
  padding: 20px 0 40px 0; }

.mm-panel > .mm-list {
  margin-left: -20px;
  margin-right: -20px; }
  .mm-panel > .mm-list:first-child {
    padding-top: 0; }

.mm-list,
.mm-list > li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0; }

.mm-list {
  font: inherit;
  font-size: 14px; }
  .mm-list a,
  .mm-list a:hover {
    text-decoration: none; }
  .mm-list > li {
    position: relative; }
    .mm-list > li > a,
    .mm-list > li > span {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      color: inherit;
      line-height: 20px;
      display: block;
      padding: 10px 10px 10px 20px;
      margin: 0; }
  .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults)::after {
    content: '';
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0; }
  .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after {
    width: auto;
    margin-left: 20px;
    position: relative;
    left: auto; }
  .mm-list a.mm-subopen {
    width: 40px;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2; }
    .mm-list a.mm-subopen::before {
      content: '';
      border-left-width: 1px;
      border-left-style: solid;
      display: block;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0; }
    .mm-list a.mm-subopen.mm-fullsubopen {
      width: 100%; }
      .mm-list a.mm-subopen.mm-fullsubopen:before {
        border-left: none; }
    .mm-list a.mm-subopen + a,
    .mm-list a.mm-subopen + span {
      padding-right: 5px;
      margin-right: 40px; }
  .mm-list > li.mm-selected > a.mm-subopen {
    background: transparent; }
  .mm-list > li.mm-selected > a.mm-fullsubopen + a,
  .mm-list > li.mm-selected > a.mm-fullsubopen + span {
    padding-right: 45px;
    margin-right: 0; }
  .mm-list a.mm-subclose {
    text-indent: 20px;
    padding-top: 30px;
    margin-top: -20px; }
  .mm-list > li.mm-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px;
    padding-right: 5px; }
  .mm-list > li.mm-spacer {
    padding-top: 40px; }
    .mm-list > li.mm-spacer.mm-label {
      padding-top: 25px; }
  .mm-list a.mm-subopen:after,
  .mm-list a.mm-subclose:before {
    content: '';
    border: 2px solid transparent;
    display: block;
    width: 7px;
    height: 7px;
    margin-bottom: -5px;
    position: absolute;
    bottom: 50%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .mm-list a.mm-subopen:after {
    border-top: none;
    border-left: none;
    right: 18px; }
  .mm-list a.mm-subclose:before {
    border-right: none;
    border-bottom: none;
    margin-bottom: -15px;
    left: 22px; }

.mm-menu.mm-vertical .mm-list .mm-panel {
  display: none;
  padding: 10px 0 10px 10px; }
  .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
    border-color: transparent; }
.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel {
  display: block; }
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen {
  height: 40px; }
  .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 16px;
    right: 16px; }

html.mm-opened .mm-page {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }

.mm-ismenu {
  background: #333333; }

.mm-menu {
  color: rgba(255, 255, 255, 0.6); }
  .mm-menu .mm-list > li:after {
    border-color: rgba(0, 0, 0, 0.15); }
  .mm-menu .mm-list > li > a.mm-subclose {
    background: rgba(0, 0, 0, 0.1);
    color: rgba(255, 255, 255, 0.3); }
  .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
    border-color: rgba(255, 255, 255, 0.3); }
  .mm-menu .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.15); }
  .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu .mm-list > li.mm-selected > span {
    background: rgba(0, 0, 0, 0.1); }
  .mm-menu .mm-list > li.mm-label {
    background: rgba(255, 255, 255, 0.05); }
  .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(255, 255, 255, 0.05); }

html.mm-opened.mm-opening .mm-page,
html.mm-opened.mm-opening #mm-blocker,
html.mm-opened.mm-opening .mm-fixed-top,
html.mm-opened.mm-opening .mm-fixed-bottom {
  left: 80%; }

.mm-menu {
  width: 80%; }


/******** mm-white - Copied from mm-themes ********/

html.mm-opened.mm-white .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.mm-ismenu.mm-white {
  background: white; }

.mm-menu.mm-white {
  color: rgba(0, 0, 0, 0.6); }
  .mm-menu.mm-white .mm-list > li:after {
    border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-white .mm-list > li > a.mm-subclose {
    background: rgba(0, 0, 0, 0.08);
    color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before {
    border-color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-white .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu.mm-white .mm-list > li.mm-selected > span {
    background: rgba(0, 0, 0, 0.08); }
  .mm-menu.mm-white .mm-list > li.mm-label {
    background: rgba(0, 0, 0, 0.03); }
  .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-white .mm-search input {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-white li.mm-noresults {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white em.mm-counter {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-list li.mm-label > div > div {
  background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-white .mm-header {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-white .mm-header a:before {
    border-color: rgba(0, 0, 0, 0.3); }

/******** End mm-white ********/


@media all and (max-width: 175px) {
  .mm-menu {
    width: 140px; }

  html.mm-opened.mm-opening .mm-page,
  html.mm-opened.mm-opening #mm-blocker,
  html.mm-opened.mm-opening .mm-fixed-top,
  html.mm-opened.mm-opening .mm-fixed-bottom {
    left: 140px; } }
@media all and (min-width: 550px) {
  .mm-menu {
    width: 440px; }

  html.mm-opened.mm-opening .mm-page,
  html.mm-opened.mm-opening #mm-blocker,
  html.mm-opened.mm-opening .mm-fixed-top,
  html.mm-opened.mm-opening .mm-fixed-bottom {
    left: 440px; } }
html.mm-nooverflowscrolling.mm-opened {
  height: auto;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: scroll; }
  html.mm-nooverflowscrolling.mm-opened body {
    overflow: auto; }
  html.mm-nooverflowscrolling.mm-opened .mm-page {
    min-height: 1000px;
    position: fixed; }
  html.mm-nooverflowscrolling.mm-opened .mm-menu {
    height: auto;
    min-height: 1000px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    left: auto;
    top: auto; }
  html.mm-nooverflowscrolling.mm-opened > .mm-panel {
    position: relative;
    height: auto;
    display: none;
    left: 0; }
    html.mm-nooverflowscrolling.mm-opened > .mm-panel.mm-current {
      display: block; }





/************** COVER POP **************/

  
#CoverPop-cover {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2000;
    -webkit-animation: fade-in .25s ease-in;
    -moz-animation-name: fade-in .25s ease-in;
    -ms-animation-name: fade-in .25s ease-in;
    -o-animation-name: fade-in .25s ease-in;
    animation-name: fade-in .25s ease-in;
    background:rgba(0,0,0,0.5);
}

    .CoverPop-open #CoverPop-cover {
        display: block;
    }


@-webkit-keyframes fade-in {
    0% { opacity: 0; }
    25% { opacity: 0; }
    100% { opacity: 1; }
}


.CoverPop-content {
  position:relative;
  width:600px;
  max-width:100%;
  height:450px;
  max-height:96%;
  display:block;
  margin:30px auto;
  background-color:#fff;
  background-image:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/popupBG.png?3118695180292459412);
  background-repeat:no-repeat;
  background-size:100% 100%;
  
  text-align:center;
  padding:20px;
  overflow-x:hidden;
  overflow-y:auto;
}

.popupCopy {
  display:block;
  margin:0 auto;
  width: 360px;
  max-width:100%;
  padding-top:20px;
}
.popupCopy img {
  max-width:90px;
}
.popupCopy h2 {
  font-size:40px;
  font-weight:bold;
  color:#00AEEF;
  padding:20px 0 16px;
}
.popupCopy p {
  padding:0 25px;
  color:#00AEEF;
  font-size:20px;
  font-weight:normal;
  line-height:1.4;
}
.popupAction {
  width:300px;
  max-width:100%;
  display:block;
  position:relative;
  margin:30px auto 0;
}



#newsletterPopup a.closeX {
  padding:15px 20px;
}
#newsletterPopup a.closeX img {
  max-width:20px;
}
.closeContinueShopping {
  font-family:'Lato',sans-serif;
  font-weight:bold;
  color:#000;
  font-size:14px;
  color:#00AEEF;
}

@media only screen and (max-width:850px) { 
  .CoverPop-content {
    height:400px;
  }
  .popupCopy {
   padding-top:40px;
  }
  .popupCopy img {
    max-width:60px;
  }
  .popupCopy h2 {
    font-size:34px;
    padding:15px 0 10px;
  }
  .popupCopy p {
    padding:0;
    font-size:16px;
  }
}

/************** END COVER POP **************/



/* *********** Body Fit Me Section ************* */

.productBodyFit {
  width:350px;
  max-width:100%;
  padding-bottom:10px;
  color:#000;
}

.fit-ctl{
  overflow:hidden;
}

.head.bf-title{
  font-size:20px;
  text-shadow: 8px 4px 25px rgba(0, 0, 0, 0.15);
}

h2.bf-title{
  text-shadow: 8px 4px 25px rgba(0, 0, 0, 0.15);
}

.body-fit .fit-me, .body-fit .fit-fields{
  width:50%;
  height:40px;
  position:relative;
}

.body-fit .fit-me{
  padding-left:10px;
  margin-left:10px;
}

.body-fit .fit-ctl {
  display:flex;
  justify-content:space-between;

}

.darkTheme .body-fit{
  color:white;
}
.darkTheme #bodyFitModal,
.darkTheme #bodyFitModal .fit-text {
  color:#000;
}

.body-fit .instr{
  padding-bottom:10px;
}

.body-fit .info, .body-fit-global .info, .bf-info{
  display:inline-block;
  width: 1.2em;
  height: 0.9em;
  background:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/Information-Icon.png?3118695180292459412) 50% 50% no-repeat transparent;
  background-size:contain;
  cursor:help;
  margin-bottom:-1px;
}

#bodyFitModalBG {
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:rgba(255,255,255,0.0);
  z-index:1401;
  display:none;
}
#bodyFitModalBG.active {
  display:block;
}
#bodyFitModal{
  
  position:fixed;
  top:101vh;
  opacity:0;
  left:50%;
  transform:translateX(-50%);
  width:80%;
  min-width:360px;
  max-width:600px;
  padding:40px;
  background-color:#eee;
  z-index:1401;
  transition:opacity 0.5s;
  max-height:80vh;
  overflow-y:auto;
}

#bodyFitModal.active{
  top:16vh;
  opacity:1;
  transition: all 1s;
  z-index:1600;
}

@media (max-width:480px){
  #bodyFitModal.active{
    top:8vh;
    max-height:90vh;
  }
}


#bodyFitModal .close{
  width:30px;
  height:30px;
  position:absolute;
  right:20px;
  top:20px;
  line-height:30px;
  text-align:center;
  cursor:pointer;
}

#bodyFitModal .close:after{
  content: '\2715';
}


.body-fit .fit-fields{
  display:flex;
  justify-content:space-between;
  padding-right:10px;
}

.body-fit .fit-fields input{
  width:40px;
  height:40px;
  line-height:40px;
  text-align: center;
  margin:0 !important;
  padding:6px;
}

.body-fit .fit-fields input.error{
  border:1px solid red;
  border:1px solid rgba(200,0,0, 0.8);
}

.body-fit .fit-me >*{ 
  display:none; 
  position:absolute;
  top:0;
  left:0;
  margin: 0;
  width:100%;
  height:100%;
  line-height:40px;
  padding:0;
  text-align:center;
  border:none;
  color:black;
}

.fit-text{
  clear:left;
  margin:12px 0 23px;
  line-height:1.4;
}

.fit-text > .fit-me{
  float:left;
  width:165px;
  height:40px;
  margin:0 20px 0 0;
  overflow:hidden;
  position:relative;

  
}

.fit-text .fit-me >*{
  margin-left:0;
}

.fit-me .active{
  display:block;
}

.fit-me .pre-fit{
  background-color:#00afec !important;
  border:1px solid #00afec !important;
  color:#fff !important;
}

.fit-me .no-fit, .fit-me .it-fits{
  border-radius:20px;
  padding:2px 0 0 25px;
  background:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/Thumbs-Down.png?3118695180292459412) 25% 50% no-repeat;
  background-size:auto 20px;
  font-size:18px;
}

.fit-me .no-fit{
  color:white;
  background-color:#ff0000;
  
}

.fit-me .it-fits{
  color:white;
  background-color:#4BCC5D;
  background-image:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/Thumbs-up.png?3118695180292459412);
}



/* ************* end body fit section ***************** */


/************* Body Fit Overlay ***********/

.modal-container {
  z-index: 1500;
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 1100px;
  max-width:100%;
  height:560px;
  max-height: 80%;
  background-color: rgba(38,38,38,0.8);
  opacity: 1;
}


.modal-wrap {
  display:flex;
  align-items:center;
  width: 100%;
  height:100%;
  overflow-y:auto;
  color: white;
  padding: 20px;
}

.modal-wrap .modal-close{
  position: absolute;
  text-align: left;
  top: 20px;
  right: 30px;
  line-height: 40px;
  padding-right: 50px;
  cursor: pointer;
  font-size:17px;
  font-weight:bold;
}

.modal-wrap .modal-close:after{
  content: '\2573';
  line-height: 40px;
  position: absolute;
  right: 0;
  top:0;
  width: 40px;
  text-align: center;
}

.modal-wrap .modal-content{
  width:100%;
  padding:12px;
}

.modal-wrap .modal-body {
  width:1000px;
  max-width:100%;
  margin:0 auto;
}
.modal-wrap .modal-body:after {
  content:'';
  clear:both;
  display:table;
}
.modal-wrap .modal-info{
  width:50%;
  min-width:300px;
  float:left;
  padding-left:30px;
  padding-right:30px;
}
.modal-wrap .modal-info,
.modal-wrap h2,
.modal-wrap h3,
.modal-wrap h4,
.modal-wrap h5,
.modal-wrap h6,
.modal-wrap p {
  color:white;
}

.modal-wrap h2 {
  font-size:64px;
  padding: 0 0 10px;
}

.modal-wrap h3{
  font-weight:bold;
  font-size:20px;
  letter-spacing:0;
  padding:0 0 20px;
}
.modal-wrap h4 {
  font-weight:bold;
  font-size:18px;
  letter-spacing:0;
  padding:50px 0 0;
}
.modal-info p {
  padding:0;
}

.fit-explain p{
  font-size:14px;
}

.modal-wrap .fit-inst{
  font-size:15px;
  padding-bottom:7px;
}

.modal-wrap .fit-fields{
  font-size:15px;
  margin-top:10px;
}

.modal-info input.fit-field, .bf-cart input.fit-field {
  width: 4.5em;
  text-align: center;
  float: left;
  margin-right: 8px;
  height: 46px;
  line-height: 40px;
}
.bf-cart input.fit-field {
  max-width:calc(33% - 8px);
}

.modal-info .fit-me.fit-field{
  display:inline-block;
  width:12em;
  text-align:center;
}

.modal-wrap .fit-ctl{
  margin-bottom:20px;
}

.modal-wrap .fit-ctl button.pre-fit {
  position:relative;
    width: 12em;
    height: 46px;
    font-weight: normal !important;
    font-size: 16px !important;
    text-transform: unset !important;
  border-radius:0 !important;
  cursor:pointer;
}

.modal-wrap .fit-ctl button.fit-reset{
  background-color:transparent;
  border:none;
  color:white;
  outline:none;
  font-weight:bold;
  letter-spacing:1px;
  text-transform:uppercase;
  padding-top:12px;
  cursor:pointer;
}

.thumb-explain.thumbs {
    white-space: nowrap;
    padding-right: 12px;
}
.thumb-explain {
    
}
.thumb-explain h3 {
  padding:20px 0 3px;
  font-size:18px;
}
.thumb-explain p {
  font-size:14px;
  line-height:1.3;
}

.thumb-down img {
    position: relative;
    top: 16%;
}
.thumb-up img {
    position: relative;
    top: 16%;
}
.thumb-up, .thumb-down {
    height: 51px;
    width: 40px;
    margin-right: 4px;
    /* border: 1px solid cyan; */
    position: relative;
    display: inline-block;
}

.cartPageTemplate .thumb-explain h3 {
  padding-top:0;
  font-size:22px;
}


@media only screen and (max-width:850px) {
  
  .modal-container {
    /* height: 80%; */
  }
  
  .modal-wrap {
    display:block;
  }
  .modal-wrap .modal-close{
    right: 10px;
    padding-right: 40px;
    font-size:13px;
  }
  .modal-wrap .modal-content{
    padding:30px;
  }
  .modal-wrap .modal-info{
    width:100%;
    position:relative;
    padding-left:0;
    padding-right:0;
  }

  .modal-wrap h2 {
    font-size:44px;
    padding: 60px 0 10px;
  }
  .modal-wrap h3{
    font-size:16px;
    padding:0 0 5px;
  }
  .modal-wrap h4 {
    font-size:14px;
    padding-top:40px;
  }
  .modal-info p {
    font-size:14px;
  }

  .fit-explain p{
    font-size:14px;
  }

  .modal-wrap .fit-inst{
    font-size:14px;
    line-height:1.4;
  }
  
  .modal-wrap .fit-ctl .fit-inst {
    position:absolute;
    top:80px;
    left:0;
    width:50%;
  }

  .modal-wrap .fit-fields{
    font-size:13px;
    margin-top:20px;
    margin-bottom:25px;
  }

  .modal-info input.fit-field {
    width: 14%;
    margin-right: 10px;
    height: 40px;
    line-height: 36px;
  }
  .modal-info input.fit-field:last-of-type {
    width:18%;
  }
  .modal-info .fit-me.fit-field{
    width:calc(54% - 30px);
    text-align:center;
  }
  .modal-wrap .fit-ctl button.pre-fit {
      width: 100%;
      height: 40px;
      font-size: 14px !important;
  }

  .modal-wrap .fit-ctl{
    /* margin-bottom:20px; */
  }


  .modal-wrap .fit-ctl button.fit-reset{
    padding-top:42px;
    font-size:12px;
  }
  
  .modal-wrap .body-fit-section .fit-explain {
    position:relative;
  }
  .modal-wrap .body-fit-section .fit-explain .thumb-explain h3 {
    width:140px;
    max-width:50%;
    padding:10px 0 28px;
    font-size:16px;
  }
  .modal-wrap .body-fit-section .fit-explain .thumb-explain.thumbs {
    /* white-space: nowrap; */
    /* padding-right: 12px; */
    position:absolute;
    top:0;
    right:0;
  }
  .modal-wrap .body-fit-section .fit-explain .thumb-explain br {
    display:none;
  }
  
  
}


.bf-loop-indicator {
  width:30px;
    height: 30px;
}
.gridProduct .bf-loop-indicator {
    position: absolute;
    top:40px;
    left:40px;
}

.bf-loop-indicator.ride-fits{
  background:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/BF-Thumb-up-green.svg?3118695180292459412) transparent no-repeat 50% -18%;

}
.bf-loop-indicator.ride-no-fit{
  background:url(//cdn.shopify.com/s/files/1/0761/2225/t/13/assets/BF-Thumb-up-red.svg?3118695180292459412) transparent no-repeat 50% 18%;
}



button.bf-reset,
button.bf-start {
  display:block;
  position: fixed;
  bottom: 10px;
  right: 160px;
  z-index: 999998;
  width: 200px;
  height: 47px;
  border-radius: 20px;
  background-color: #00afec;
  font-size:16px;
  color:#fff;
  cursor:pointer;
}

/*********** End Body Fit Overlay *********/

/* ********** Body Fit Cart ************* */


.bf-cart .fit-me{
  float:left;
  margin-left:2%;
  min-width:60px;
  margin-top:0;
}

.bf-cart .fit-ctl{
  display:flex;
  jstify-content:space-between;

}