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


/* =============================== */
/*   	 	 BASE STYLES		   */
/*   Version 3.0  Updated 4/24/15  */
/* =============================== */



/* ================================================================== */
/*  	This CSS only contains base styles and helper classes		  */
/*         There shouldn't be any reason to make edits here           */
/*  Everything can be changed in the Theme Settings or in styles.css  */
/* ================================================================== */


.devBorder { border:2px solid red; }


/* ========================================================= */
/*               	 Element & Class Defaults                */
/* ========================================================= */


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

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

body {
  -webkit-font-smoothing:antialiased;
  background-color:#fff;
  overflow-x:hidden;
}

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


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


/** General Typography **/

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


/** Navigation **/

nav ul {
  list-style:none;
  padding:0;
  margin:0;
  line-height:normal;
}
nav ul li {
  margin:0;
  padding:0;
  line-height:normal;
}
nav ul li a {
  text-decoration:none;
}


/** Social Icons **/

ul.socialIcons {
  list-style:none;
  padding:0;
  margin:0;
}
ul.socialIcons li { 
  display:inline-block;
  margin:1px;
}
ul.socialIcons li img { 
  width:45px;
}


/** Buttons & Forms **/

select, input, textarea, button,.button,.btn { 
  padding:8px; 
  height:auto;
  border-style:solid;
  border-width:1px;
  border-color:#ddd;
  font-family:inherit;
  line-height:normal;
  color:#7b7b7b;
} 
label {
  display:inline-block;
  padding:10px 0 5px;
  line-height:normal;
}

.button, .btn, button, input[type="submit"] {   
  -webkit-appearance:none;
  cursor:pointer;
  text-decoration:none;
  text-align:center;
}
.button.disabled, .btn.disabled, input[type="submit"].disabled { 
  background-color:#ccc !important;
  border-color:#ccc !important;
  color:#fff !important;
  cursor:not-allowed;
}

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; }




/** Table Defaults **/
table { 
  width:100%;
  border-spacing: 0px;
}


/*** Header Defaults ***/
#header {
  z-index:1400;
  position:relative;
  width:100%;
}
#header.mm-fixed-top { 
  position:fixed; 
}

/*** Main Container Defaults ***/
#mainContainer {
  position:relative;
  width:100%;
}

/*** Footer Defaults ***/
#footer {
  position:relative;
  width:100%;
}


/*** Page Template Defaults ***/

.template .head,
.template .body,
.template .foot {
  position:relative;
  width:100%;
  /** padding set in settings.css **/
}



/*** Login Form ***/

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




/* ========================================================= */
/*              Quick Styling / Helper Classes               */
/* ========================================================= */


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

.unstyled a, a.unstyled { text-decoration:none; }
.underline { text-decoration:underline; }
.underlineHover:hover { text-decoration:underline; }
.underlineHoverReversed { text-decoration:underline; }
.underlineHoverReversed:hover { text-decoration:none; }

.pointer { cursor:pointer; }



/** Borders, Backgrounds and Shading **/

.whiteBackground { background:#fff !important; }
.lightBackground { background:#e5e5e4 !important; }
.darkBackground { background:#4D4D4D; }
.blackBackground { background:#000 !important; }
.translucentBlack { background:rgba(0,0,0,0.6); }
.translucentWhite { background:rgba(255,255,255,0.7); }

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

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


/** Borders **/

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

.borderNone { border:0 !important; }

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


/** Font Styling **/
  
.lighter { font-weight:200 !important; }
.normal { font-weight:normal !important; }
.bold { font-weight:bold !important; }

.smallest {
  font-size:8px;  
}
.smaller {
  font-size:10px;
}
.small {
  font-size:12px;
}
.smallMedium {
  font-size:13px;
}
.medium { 
  font-size:14px;
}
.mediumLarge {
  font-size:16px;
}
.large {
  font-size:18px; 
}
.larger { 
  font-size:20px;
}
.extraLarge {
  font-size:25px;
}
.extraLarger {
  font-size:30px;
}
.huge {
  font-size:35px;
}
.huger {
  font-size:40px;
}
.enormous { 
  font-size:50px;
}
.ginormous {
  font-size:60px;
}
.gargantuan {
  font-size:80px;
}
.absurdlyBig {
  font-size:100px;
}

.lineHeightNormal {
  line-height:normal;
}
.lineHeight1 {
  line-height:1;
}

.lineHeight1-1 {
  line-height:1.1;
}

.lineHeight1-2 {
  line-height:1.2;
}

.lineHeight1-3 {
  line-height:1.3;
}

.lineHeight1-4 {
  line-height:1.4;
}

.lineHeight1-5 {
  line-height:1.5;
}

.lineHeight1-6 {
  line-height:1.6;
}

.lineHeight1-7 {
  line-height:1.7;
}

.lineHeight1-8 {
  line-height:1.8;
}

.lineHeight1-9 {
  line-height:1.9;
}

.lineHeight2 {
  line-height:2;
}

.wide1 {
  letter-spacing: 1px;
}
.wide2 {
  letter-spacing:2px;
}
.wide3 {
  letter-spacing: 3px;
}
.wide4 {
  letter-spacing: 4px;
}
.wide5 {
  letter-spacing: 5px;
}
.wide6 {
  letter-spacing: 6px;
}
.wide7 {
  letter-spacing: 7px;
}
.wide8 {
  letter-spacing: 8px;
}
.wide9 {
  letter-spacing: 9px;
}
.wide10 {
  letter-spacing: 10px;
}

.noLetterSpacing {
  letter-spacing:0 !important;
}


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


.inheritFont {
  font-family:inherit !important;
}
.inheritWeight {
  font-weight:inherit !important;
}
.inheritSize {
  font-size:inherit !important;
}
.inheritCase {
  text-transform:inherit !important;
}
.inheritLineHeight {
  line-height:inherit !important;
}
.inheritColor {
  color:inherit !important;
}

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

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




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


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

.verticallyCenterMyChild {
  width:100%;
  height:100%;
  position:relative;
  display:table;
}

.verticallyCenterMyChild .verticallyCenteredChild {
  display:table-cell;
  vertical-align:middle;
}

.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;
}

.alignTop { vertical-align:top; }
.alignMiddle,.middle { vertical-align:middle; }
.alignBottom { vertical-align:bottom; }

.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; }
.marginTopSixty { margin-top:60px; }
.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; }

.marginThirty { margin:30px; }

/** 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; }
.paddingTopFive { padding-top:5px; }
.paddingTopTen { padding-top:10px; }
.paddingTopFifteen { padding-top:15px; }
.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; }

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

/** Left Padding **/
.paddingLeftThree {padding-left:3px; }
.paddingLeftFive { padding-left:5px;}
.paddingLeftTen { padding-left:10px; }
.paddingLeftTwenty { padding-left:20px; }
.paddingLeftThirty { padding-left:30px; }
.paddingLeftForty { padding-left: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; }
.paddingZeroEighty { padding:0 80px; }

/** 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; }

/** 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; }

/** 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; }




/* ========================================================= */
/*                          Fixed Ratio                      */
/* ========================================================= */

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

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

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

.ratio2x1:before{
  padding-top: 50% !important;
}
.ratio3x2:before{
  padding-top: 66.67% !important;
}
.ratio4x3:before{
  padding-top: 75% !important;
}
.ratio1x1:before { 
  padding-top:100% !important; 
}
.ratio3x4:before{
  padding-top: 133.33% !important;
}
.ratio2x3:before{
  padding-top: 150% !important;
}
.ratio1x2:before{
  padding-top: 200% !important;
}



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


/** Pixel Widths **/

[class*='span-1'] { width: 50px; }
[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-21'] { width: 1050px; }
[class*='span-22'] { width: 1100px; }
[class*='span-23'] { width: 1150px; }
[class*='span-24'] { width: 1200px; }

.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-10'] { width: 10%; } /** Added specifically for promix **/
[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*='col-9-10'] { width: 90%; }

[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%; }


.fullwidth { width:100%; }

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

.fullheight { height:100%; }



/*** Item Grid / Product Grid ***/

.itemGrid {
  position:relative;
}
.itemGrid:after {
  content:'';
  display:table;
  clear:both;
}
.gridItem {
  position:relative;
  width:100%;
}
.gridItem .body {
  position:relative;
  width:100%;
}
.itemGrid .gridItem {
  float:left;
  width:25%;
  text-align:center;
}



/* ========================================================= */
/*                        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; }
  
}
  
/* 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; 
  }
  .alignCenterOnMobile {
    display:block;
    float:none; 
    margin-left:auto;
    margin-right:auto; 
  }
  .contentsCenterOnMobile {
    text-align:center;
  }
  
  .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%; }
  
  
  .itemGrid .gridItem {
    width:50%;
  }
  
  nav.secondary ul li a .text { display:none; } 
  
}



/* 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; 
  }
  .alignCenterOnMobile {
    display:block;
    float:none; 
    margin-left:auto;
    margin-right:auto; 
  }
  .contentsCenterOnMobile {
    text-align:center;
  }
  
  .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%; }
  
 
  .itemGrid .gridItem {
    width:50%;
  }
  
  nav.secondary ul li a .text { display:none; } 
  
  .noMobile { display:none; }
}




/* ========================================================= */
/*                Special Styling Class Defaults             */
/* ========================================================= */

.hidden {
   opacity:0;
}

/*** HOVER CHILD ***/

.toggleMyChild .hiddenChild { 
  display:none; 
} 
.fadeMyChild .hiddenChild { 
  opacity:0; 
  visibility:hidden; 
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  transition: all 300ms;
} 
@media only screen and (min-width:851px) {
  .toggleMyChild:hover .hiddenChild, .hovered .hiddenChild { display:block; }
  .toggleMyChild:hover .hiddenChild.inline, .hovered .hiddenChild.inline { display:inline; }
  .toggleMyChild:hover .hiddenChild.inlineBlock, .hovered .hiddenChild.inlineBlock { display:inline-block; }
  .fadeMyChild:hover .hiddenChild { 
    opacity:1; 
    visibility:visible; 
  }
}


/** Popup Styling **/

.blackBack { 
  z-index:1500; 
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.6);
  display:none;
}

.popup { 
  z-index:1600;
  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;
  cursor:pointer;
  text-decoration:none;
}

/*** Video Container ***/

.videoContainer {
	position: relative;
	padding-bottom: 54.25%; 
	padding-top: 25px;
	height: 0;
}
.videoContainer iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/** Form Styling **/

.fullwidthForm select, .fullwidthForm input, .fullwidthForm textarea {
  width:100%;
  margin-bottom:5px;
}
.fullwidthForm input[type="submit"] {
  width:auto; 
}
.largeForm select, .largeForm input, .largeForm textarea, .largeForm button, .largeForm .button, .largeForm .btn {
  padding-top:12px;
  padding-bottom:12px;
  margin-top:5px;
  margin-bottom:5px;
}
.button.large, .input[type="submit"].large, .largeForm .button, .largeForm .btn, .largeForm input[type="submit"] {
  padding-left:20px;
  padding-right:20px;
}
.largeForm label {
  display:inline-block;
  padding-top:5px;
}
.niceSelect {
  border-radius:3px;
  background:url(//cdn.shopify.com/s/files/1/0205/2636/t/24/assets/arrow-dark.png?v=6525184403010132337) right 10px center no-repeat;
  -webkit-appearance: none; 
}


/** Nice Table **/
.niceTable table, table.niceTable { 
  border:1px solid #e8e8e8;
}
.niceTable thead { 
  width:100%;
  background:#f5f5f5;
}
.niceTable thead th { 
  text-align:left;
  padding:9px 5px 6px;
  font-weight:normal;
}
.niceTable tbody, .niceTable tfoot { 
  background:#fff; 
}
.niceTable tbody th,
.niceTable tbody td {
  padding:7px 5px 4px;
  border:1px solid #e8e8e8;
}
.niceTable tbody th { 
  text-align:right;
  padding-right:20px;
}

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


/** Nice List **/

ul.niceList { 
  width:100%;
  padding:0;
  margin:0;
  list-style:none; 
  border-top:1px solid #ddd;
}
ul.niceList li {
  display:block;
  padding:0;
  margin:0;
  border-bottom:1px solid #ddd;
}
ul.niceList li.activeParent, ul.niceList li:hover { 
  background:#f5f5f5;
}
ul.niceList li a {
  display:block;
  text-decoration:none;
  padding:10px 10px 7px; 
}
ul.niceList li ul { 
  display:none;
  padding:0 0 5px 10px;
  border:0;
}
ul.niceList li.activeParent ul { 
  display:block;
}
ul.niceList li ul li { 
  border-bottom:0;
}
ul.niceList li ul li a {
  padding:6px 12px 3px; 
}


/** Filter List **/


ul.filterGroup {
  width:100%;
  padding:0;
  margin:0;
  list-style:none; 
  border:0;
}
ul.filterGroup li {
  display:block;
  padding:0;
  margin:0;
  border:0;
}
ul.filterGroup li a {
  display:block;
  text-decoration:none;
  padding:6px 0px 4px 22px;
  overflow:hidden;
  position:relative;
}
ul.filterGroup li.unChecked a {
  background: url(//cdn.shopify.com/s/files/1/0205/2636/t/24/assets/checkboxDark.png?524) left no-repeat;
  background-position:0 0px;
}
ul.filterGroup li.checked a,ul.filterGroup li.unChecked a:hover {
  background: url(//cdn.shopify.com/s/files/1/0205/2636/t/24/assets/checkboxDark.png?524) left no-repeat;
  background-position:0 -75px;
} 
ul.filterGroup li.checked a:hover { 
  background: url(//cdn.shopify.com/s/files/1/0205/2636/t/24/assets/checkboxDark.png?524) left no-repeat;
  background-position:0 -150px;
}

/** Tags List **/

ul.tags { 
  width:100%;
  padding:0;
  margin:0;
  list-style:none;
}

ul.tags li {
  display:inline-block;
  margin:3px;  
  border:1px solid #ddd;
}

ul.tags li a { 
  display:block;
  padding:6px 15px 4px; 
  text-decoration:none;
}

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

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


/** Tabs Table **/

ul.tabs { 
  margin:0;
  padding:0;
  list-style:none;
}
        
ul.tabs li { 
  display:inline-block;
  padding:5px 7px 5px 6px; 
  border-right:1px solid #ddd;
  background:#fff;
  color:#a1a1a1;
  cursor:pointer;   
}
ul.tabs li:first-of-type {
 padding-left:0;       
}
ul.tabs li:last-of-type {
 border-right:0;       
}
ul.tabs li:hover, ul.tabs li.active {
  color:#000;   
}
        

/** Titles Toggle **/

.titlesToggle h4 {
  padding:10px 10px 5px 0;
  cursor:pointer;
  background:url(//cdn.shopify.com/s/files/1/0205/2636/t/24/assets/arrow-dark.png?v=6525184403010132337) right 5px center no-repeat;
  border-bottom:1px solid #ddd;
}


/*** Ajax Loading Stuff ***/

.loadingContainer {
  display:block;
  width:100%;
  text-align:center;
  min-height:80px;
  padding-top:20px;
}
.ajaxLoading .loadingContainer {
  background-image:url(//cdn.shopify.com/s/files/1/0205/2636/t/24/assets/loader.gif?v=3770227903821827324);
  background-repeat:no-repeat;
  background-position:center top 20px;
}
.ajaxLoading .loadingContainer a { 
  display:none;
  opacity:0;
  visibility:hidden;
}
.ajaxLoaded .loadingContainer { 
  display:none;
}