/* ===============================================
GLOBAL ELEMENTS 
* ===============================================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, .header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, .header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; font-family: 'Raleway', Verdana, Helvetica, Arial, sans-serif; font-weight: 400; font-size: .875em; color: #3e3e3e; background: #fbfbfb; }
ol, ul { list-style: none; }
em {font-style: italic;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { /* border-collapse: collapse; border-spacing: 0; */ }
.mobileOnly { display: none !important; }
.tabletOnly { display: none; }
.desktopOnly { display: block; }
textarea:focus, input:focus { outline: none; }
input[type=button], input[type=submit], input[type=text], input[type=email], input[type=url], input[type=password], .sortBy select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0;-moz-border-radius: 0; -webkit-border-radius: 0; }
select { padding: 5px; cursor: pointer; border-radius: 0;-moz-border-radius: 0; -webkit-border-radius: 0; border: 1px solid #ebebeb; }
.sortBy select { border: none; }
button:focus { outline: 0; }
* { text-rendering: optimizeLegibility; text-rendering: geometricPrecision; font-smooth: always; font-smoothing: antialiased; -moz-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: subpixel-antialiased; box-sizing: border-box; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.screenreader { position: absolute; left: -10000px; }
input[type=radio] { -webkit-border-radius: 100%; } /* Makes radio inputs round on Chrome and Safari Mobile */
sup { vertical-align: super; font-size:.875em;}
.is--desktop { display: block; }
.is--mobile { display: none; }
.pointer { cursor: pointer; }

/* Global Headings */ 
h1, h2, h3, h4, h5, h6 { width: 100%; display: inline-block; font-family: 'Josefin Slab', "Times New Roman", Times, serif; font-weight: 700; }
h1 { font-size: 2.143em; color: #01a7e1; margin: 0; line-height: 1.2em; }
h1.tabletOnly { margin: 5px 0; }
h1.large { font-size: 3.3em; font-weight: 600;}
h2 { font-size: 1.714em; color: #3e3e3e; line-height: 1.2em; margin: 0; }
h2.large { font-size: 2.5em; font-weight: 600;line-height: 1.15em; margin-bottom: 12px; }
h2.burtonblue-font { color: #01a7e1; }
h2.popup { text-align: left; margin-top: -40px; margin-bottom: 20px; }
h1 > a, h2 > a { color: #01a7e1; text-decoration:none; }
h1 > a:hover, h2 > a:hover { color: #01a7e1; text-decoration:underline !important; }
h3 { font-size: 1.286em; color: #3e3e3e; margin: 0; }
h4 { font-size: 1.143em; color: #3e3e3e; margin: 0; }

/* WYSIWYG Styles */
/* Fonts */
.josefin-slab { font-family: 'Josefin Slab', "Times New Roman", Times, serif; }
.raleway { font-family: 'Raleway', Verdana, Helvetica, Arial, sans-serif; }
.bold { font-weight: 700; }
/* All Caps text */
.all-caps { font-family: 'Josefin Slab', "Times New Roman", Times, serif; font-size: 1.829rem; text-decoration: uppercase; }
/* Lower Case Text */
.lowercase { font-family: 'Josefin Slab', "Times New Roman", Times, serif; font-size: 1.829rem; text-decoration: lowercase; }
/* Image Alignment */
.align-left { float: left; margin: 0 20px 10px 0; }
.align-right { float: right; margin: 0 0 10px 20px; }

/* Global Links */
a { color: #3e3e3e; outline: none; }
.mainContent a { color: #01a7e1; text-decoration: none; }
.mainContent a:hover, .mainContent a:focus  { text-decoration: underline; }

/* Global Content */
hr { border: 0; height: 1px; background: #cdc4bb; margin-bottom: 25px; width: 100%; clear: both; }
p { line-height: 1.5em; margin-bottom: 15px; }
img { border: none; height: auto; max-width: 100%; }
td img { max-width: none; }
strong { font-weight: 700; }
iframe { max-width: 100%; }
.clear { clear: both; }
.center { text-align: center; }
.alignCenter { text-align: center; display: block; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/* Buttons */
input[type='button'].button, .button, .button2, .button3, .button4, .formRow input[type='submit'], table input[type='submit'] {color: #0587b6; white-space: normal; width: auto;cursor: pointer; font-weight: 700; display: inline-block; margin: 0; font-family: 'Josefin Slab', "Times New Roman", Times, serif; max-width: 100%; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; text-decoration: none; text-align: center; }
input[type='button'].button:focus, .button:focus, .button2:focus, .button3:focus, .button4:focus, .formRow input[type='submit']:focus, table input[type='submit']:focus {color: #fff; }
input[type='button'].button:hover, a.button:hover, .button:hover, a.button:focus, .button:focus, .button2:hover, .button2:focus .button3:hover, .button3:focus, .button4:hover, .button4:hover, .formRow input[type='submit'], table input[type='submit']:hover, .formRow input[type='submit'], table input[type='submit']:focus  {color: #fff; background-color: #0587b6; text-decoration: none; }
a.ctaAreaButton:hover, a.ctaAreaButton:focus { background-color: #0587b6; }
input[type='button'].button {width: 100%;vertical-align:bottom;}
input[type='button'].button.auto {width: auto;}
#mainBody_ctrViewCart_ctrwishlistpopup_btnWishlistClose { margin-top: 20px; }
/* Button Style 1 */
a.button, .button, .formRow input[type='submit'], table input[type='submit']  {padding: 9px 25px; font-size: 14px; text-transform: uppercase; color: #0587b6; background: #fff; border: 1px solid #0587b6; vertical-align:top; text-decoration: none; }
a.button:hover, .button:hover, .formRow input[type='submit']:hover, table input[type='submit']:hover  {color: #fff; background: #0587b6;}
a.ctaAreaButton {color: #fff; background: #0587b6;}
.button.arrowRight {padding:2px 36px 2px 4%; background:#01a7e1 url(../../images/global/store/arrowRightWhite.png) no-repeat right center; }
.button.arrowLeft {padding: 2px 4% 2px 36px; background:#01a7e1  url(../../images/global/store/arrowLeftWhite.png)  no-repeat left center;}
/* Button Style 2 */
.button2 {padding: 2px 0;color: #01a7e1;border: none;text-transform: uppercase;font-size: 15px;background: transparent;}
.button2.arrowRight {padding:2px 22px 2px 0; background:transparent url(../../images/global/store/arrowRightBrightBlue.gif) no-repeat right center; }
.button2.arrowLeft {padding: 2px 1% 2px 22px; background:transparent  url(../../images/global/store/arrowLeftBrightBlue.gif)  no-repeat left center;}
/* Button Style 3 */
.button3 {padding: 2px 0;  border: none;color: #003355; background: transparent; text-transform: none;background: transparent;}
.button3.arrowRight {padding:2px 22px 2px 0; background:transparent url(../../images/global/store/arrowRightDarkBlue.gif) no-repeat right center; }
.button3.arrowLeft {padding: 2px 1% 2px 22px; background:transparent  url(../../images/global/store/arrowLeftDarkBlue.gif)  no-repeat left center;}
.button2.arrowLeft {padding: 2px 1% 2px 22px; background:transparent  url(../../images/global/store/arrowLeftBrightBlue.gif)  no-repeat left center;}
/* Button Style 4 */
.button4 {padding: 2px 1%;font-size: 13px;text-transform: uppercase; letter-spacing: 0.078em; color: #fff; background: #AE1A18;border: 1px solid #AD1B1C;border-bottom: 2px solid #dedede !important;}
.button4.arrowRight {padding:2px 36px 2px 2%; background:#AE1A18 url(../../images/global/store/arrowRightWhite.png) no-repeat right center; }
.button4.arrowLeft {padding: 2px 2% 2px 36px; background:#AE1A18  url(../../images/global/store/arrowLeftWhite.png)  no-repeat left center;}
/* Product Button */
a.button.whiteBg, .button.whiteBg {padding: 9px 25px 0 25px; color: #01a7e1 !important; background: transparent; border: none; width: 100%; }
a.button.whiteBg:hover, .button.whiteBg:hover, a.button.whiteBg:focus, .button.whiteBg:focus { text-decoration: underline; outline: none; }
/* Gray Button */
.button.gray, .button.wshContinue, input[type='button'].button.wshContinue { background: #f0f1f3; border: 1px solid #f0f1f3; color: #3e3e3e; }

/* More Link */
.moreLink { color: #01a7e1; }
.moreLink:hover, .moreLink:focus { text-decoration: underline; }
.moreLink:after { content: ' \f101'; font-family: 'FontAwesome';  }
/* Magnific Popup White Background and Close Button */
.whiteBox .mfp-iframe-holder .mfp-close, .closeButton { position: absolute; top: 0; right: 5px; color: #ccc; font-size: 2.5rem; font-weight: bold; opacity: 1;  }
.whiteBox .mfp-iframe-holder .mfp-close:hover, .whiteBox .mfp-iframe-holder .mfp-close:focus, .closeButton:hover, .closeButton:focus  { color: #3e3e3e; }
.closeButton { z-index: 1; }

/* ===============================================
 One% CSS Grid - 12 Columns Fluid CSS Grid System 
* ===============================================*/
.container { max-width: 1200px; margin-left: auto; margin-right: auto; }
.fullRow, .columns { float: left; width: 100%; display: block; clear: both; margin: 20px 0; }
.columns img { margin-bottom: 15px; }
.col1, .col2, .col2-5, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { float: left; margin: 0 3% 0 0; }
.col3 { float: left; margin: 0 2.5% 0 0; }
.col4 { float: left; margin: 0 2% 0 0; }
.col1:last-child, .col2:last-child, .col2-5:last-child, .col3:last-child, .col4:last-child, .col5:last-child, .col6:last-child, .col7:last-child, .col8:last-child, .col9:last-child, .col10:last-child, .col11:last-child, .col12 { margin: 0; }
.col1 { width: 5.5%; }
.col2 { width: 14%; }
.col2-5 { width: 17.5%; }
.col3 { width: 22.5%; }
.col4 { width: 31%; }
.col5 { width: 39.5%; }
.col6 { width: 48%; }
.col7 { width: 56.5%; }
.col8 { width: 65%; }
.col9 { width: 73.5%; }
.col10 { width: 82%; }
.col11 { width: 90.5%; }
.col12 { width: 100%; margin: 0; }
/*Columns within columns on about page example*/
.col6.tabletFull { text-align: right; }
.col6.tabletFull.last { float: right; }
.tabletImage { float: right; }
.imgMarginTop { margin-top: 55px; }

/* ===============================================
 Global Background Colors 
* ===============================================*/
/*Background Gray*/.gray-bg { background-color: #fbfbfb; color: #fff; }

/* ===============================================
 Global Text Colors 
* ===============================================*/
/*White*/.white-font { color: #fff; }
/*Black*/.black-font { color: #000; }
/*Dark Gray*/ .darkgray-font { color: #3e3e3e; }
/*Medium Gray*/.mediumgray-font { color: #666666; }
/*Light Gray*/.lightgray-font { color: #9b3921; }
/*b+B Blue*/.burtonblue-font { color: #01a7e1; }

/* ===============================================
 Form Styles
* ===============================================*/
form > div > fieldset label { font-size: 90%; }
fieldset { border: 0; padding: 0; }
label { font-size: .95em; cursor: pointer; }
input { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; font-size: .875rem; color: #3e3e3e; }
input[type=text], input[type=email], input[type=url], input[type=password], textarea { color:inherit; font-family:inherit; font-size: 1em; border: 1px solid #ebebeb; background: #fff; padding: 8px 8px; margin-bottom: 5px; }
input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, textarea:focus { outline: 0; }
input.failedField, select.failedField, .failedField{ border: 1px solid red !important; }
input[type='radio'].failedField { outline: 1px solid red !important; }
.error { color: red; }
.errorMark { font-size: 1.8em; }
.form.header { font-weight: bold; margin: 0 0 10px 0; }
.formRow { clear: both; overflow: hidden; padding: 1px 0; margin: 0 0 5px 0; }
.formRow fieldset > div > div { padding: 0 0 5px 0; }
.formRow > label, legend  { font-weight: bold; text-align: right; width: 24%; float: left; padding-right: 1%; }
.loginUser label { font-weight: bold; padding: 6px 0 0 0; display: inline-block; }
.loginUser label[for*='UserName']:after { color: #01a7e1; content: ' \f059 '; font-family: 'FontAwesome';margin-right:10px; }
.formRow > div, .formRow fieldset > div { width: 74%; float: right; }
.formRow.itemsInline fieldset > div > div { display: inline; }
.formRow.leftAlign > label { width: auto; text-align: left; padding-right: 2%}
.formRow.leftAlign > div   { width: auto; float: left;}
.formRow td { padding: 0; }
.required { color: #ff0000; font-weight: bold; font-size: 1.2em; }
.buttonsRight { text-align: right;}
.fine-text {font-size:.79rem;}

/* Login User */
.loginUser { max-width: 315px; width: 100%; margin: 0 auto 20px auto; }
.loginUser table table tr:first-of-type > td { text-align: left; font-size: 2.143em; color: #01a7e1; margin: 0; line-height: 1.2em; width: 100%; display: inline-block; font-family: 'Josefin Slab', "Times New Roman", Times, serif; font-weight: 700;}
.storeLookup .formRow {clear:none;}
.storeLookup .formRow > div, .storeLookup .formRow fieldset > div {float:left; width:90%;}

/* ===============================================
Magnific Custom Styles
* ===============================================*/
.whitePopup { background: #fff; padding: 20px 30px; text-align: left; max-width: 650px; margin: 40px auto; position: relative; }

/* ===============================================
jQuery UI Dialog Custom Styles
* ===============================================*/
.modalBackground { background-color:#0b0b0b; filter:alpha(opacity=65); opacity:0.65; }
.pnlBackGround { position:fixed; top:10%; left:0; right:0; max-width:850px; width: 96%; height:125px; text-align:center; background-color: #fff; border:solid 1px f1f1f1; display: inline-table; padding: 15px 25px; margin-left: 2%; margin-right: 2%; box-shadow: none !important; }
.ui-widget-content a.button { color: #01a7e1 !important; }
.ui-widget-content a.button:hover{ color: #fff !important; }
.ui-widget { font-family: 'Raleway', Verdana, Helvetica, Arial, sans-serif !important; font-size: 1em !important; }

/* ===============================================
   Tables
* ===============================================*/
.table { padding:0; margin:0 0 12px 0; font-size:1.0em; text-align:left; border:1px solid #f1f1f1; font-family: 'Josefin Slab', "Times New Roman", Times, serif; }
.table tr { vertical-align:top; }
.table th { vertical-align: bottom; padding:5px; text-align:left; background:#f1f1f1; }
.table td { padding: 5px; }
.table p { line-height: 16px; }
.table tr.odd { }
.table tr.even { background:#ebebeb; }
table { display: block; height: auto!important; width: auto; max-width: 100%; }
table.dataTable { display: table; width: 100%; }
table.dataTable td { display: table-cell; }
td { padding: 0 1%; }
.loginUser td {padding: 0; vertical-align: top;}
th { background-color: #f1f1f1; }
/*** RESPONSIVE TABLES ***/
.table { display: table; margin: 10px 0; }
.table.responsive { width: 100%; float: left; }
.table-head { display: table-header-group; border-bottom: 1px solid #f1f1f1; }
.table-head .column { display: table-cell; background: #f1f1f1; padding: 2px 22px; text-align: left; font-weight: 700; font-size: 1.143em; }
.table-head .column:nth-child(1) { padding-left: 5px; }
.tableRow.hidden { display: none; }
.tableRow.mobile { display: none; }
.tableRow { display: table-row; }
.tableRow .column:nth-child(1) { border-left: 1px solid #f1f1f1; padding-left: 5px; }
.tableRow:last-child .column { border-bottom: none; }
.tableRow .column { display: table-cell; padding: 4px 22px; border-bottom: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; background: #fff; font-size: 1.143em; font-weight: 600; }
.responsive .column { padding: 5px; }
.tableRow.spanFull .column{ border:none; }

/*** PRODUCT ORDER TABLE ***/
.table.product-order-table, .table.product-order-table .column, .table.product-order-table .tableRow .column:nth-child(1) { border: none; background: none; font-weight: bold; font-size: 13px; }
/*** VIEW CART TABLE ***/
.table.viewCart { font-size: 12px; }
.table.viewCart .column { padding: 5px; }
.table.viewCart .subtotal .column { background: #ccc; font-weight: bold; }
.table.viewCart .total { text-align: right; }
.table.viewCart .delete { text-align: center; margin: 0 auto; }
.table.col12.viewCart input[type='button']{color: #01a7e1; text-decoration: none; background: none; border: none;cursor: pointer;padding:0;}
.table.col12.viewCart input[type='button']:hover {text-decoration: underline;}

/* ===============================================
Site Header 
* ===============================================*/
.header { height: 180px; width: 100%; background: #fff;
box-shadow: 0px 24px 14px -29px rgba(87,87,87,1); }
.header { position: fixed; z-index: 100; }
.header .logo { float: left; width: 40%; padding: 23px 0; }
.header .logo.wholesale { padding-bottom: 0; }
.header .logo img { max-width: 449px; width: 100%;}
/* Header Utility */ 
.utility { background-color: #f1f1f1; display: inline-block; width: 100%; }
.utility ul { float: right; display: inline-block; padding: 0; }
.utility li { color: #434548; font-size: 0.857em; font-weight: 500; display: inline-block; padding: 0 7px; margin: 0 7px; position: relative; }
.utility li:hover, .utility li:focus { background-color: #fff; }
.utility li.register:hover, .utility li.register:focus { background-color: transparent; }
.utility li.register a:hover, .utility li.register a:focus { background-color: #fff; }
.utility li:last-child { padding-left: 0; padding-right: 0; }
.utility li a { color: #3e3e3e; text-decoration: none; }
.utility > div > ul > li > a { display: inline-block; padding: 10px 7px 7px 7px; }
.utility li.userName, .accountInfo.userName { font-style: italic; padding-right: 0; background-color: transparent; }
.utility li.wholesale {padding: 0; }
.utility li.wholesale a { border: 2px solid #d4d4d4; padding: 5px 7px 3px 7px; }
.utility li .fa.large  { float: left; font-size: 1.475em; display: block; margin-top: -3px; padding-right: 3px; }
.utility li.cart { padding-right: 0; padding-left: 5px; margin-right: 0; }
.utility li.cart a { padding-left: 5px; }
.utility li .cartIcon { float: left; background: url(../images/icons/bb-icons.png); background-repeat: no-repeat; background-position:0px 0px; background-size: 260px; height: 18px; width: 22px; margin-top: -5px; padding-right: 2px; }
.utility li.cartCount, .cartCount { color: #3e3e3e; text-decoration: none; margin-left: 0; background-color: #01a7e1;}
.utility li.cartCount a, .cartCount a {  color: #fff; font-size: 1.143rem; font-weight: 600; padding: 4px 11px 7px 11px; text-decoration: none; }
/* Utility Submenu */
.utility input[type=checkbox] { display: none; }
.utility input[type="checkbox"] ~ .toolbarcontent { display:none; }
.utility .toolbarcontent { padding: 5px 8px; height: auto; display: block; background: #fff; position: absolute; z-index: 12; width: 130px; right:0; top: 28px; border: 1px solid #fff; box-shadow: 0px 7px 24px -6px rgba(207,207,207,1); }
.utility .toolbarcontent li { display: block; border-right:0;}
.utility .toolbarcontent li a { text-decoration: none; line-height: 1.4rem; display: block; font-size: 0.750rem; text-transform: inherit; padding: 4px 1px; }
.utility .toolbarcontent li a:hover, .utility .toolbarcontent li a:focus  { text-decoration: underline; }
.utility .fa-caret-down { padding-left:3px; }
.utility li:hover input[type="checkbox"] ~ .toolbarcontent, .utility li:focus input[type="checkbox"] ~ .toolbarcontent { display:block; }
.utility .toolbar { display: inline-block; width: 100%; }
.utility .toolbar li { padding: 3px 3px 0 3px; margin: 0; width: auto; }
/* Utility Mobile Menu */
input#button[type=checkbox] { position: absolute; top: -9999px; left: -9999px; }
#button ~ label, .mobile.cartIcon, .mobile.cartCount { display: none; }

/* Mega Menu */
.megaImage {position: relative; max-width: 200px;}
.megaImageTitle { position: absolute; top: 43%; text-align: center; width: 100%; padding: 0 3%; color: #fff; text-shadow: 0px 0px 7px rgba(0, 0, 0, 1); font-family: 'Josefin Slab', "Times New Roman", Times, serif;font-size: 1.9em; line-height: 1.2; font-weight: 600;}

/* Header Search */
.search { float: right; background-color: #fff; margin: 30px 0 0 0; width: 52.5%; }
.search .placeholder { font-family: 'Raleway', Verdana, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.143em; display: inline-block; background-color: transparent; border: 1px solid #ebebeb; color: #434548; margin: 8px 0 7px 0; padding: 8px 10px; width: 92.5%; box-shadow: 0px 0px 5px 1px rgba(227,227,227,1); }
.searchButton { float: right; background-color: transparent; border: none; width: 29px; height: 25px; position: relative; cursor: pointer; background: url(../images/icons/search-icon.png); background-repeat: no-repeat; background-size: contain; margin: 15px 0 0 0; }
.nxt-ac-main { z-index: 101 !important; }
.nxt-ac-item .nxt-item-txt { color: #01a7e1 !important;}

/* ===============================================
Site Footer
* ===============================================*/
.footer { width: 100%; display: inline-block; float: left; }
.footer a { text-decoration: none; }
.footer a:hover, .footer a:focus { text-decoration: underline; }
.footer p { font-size: 1em; margin-bottom: 10px; }
.footer > .container { border-top: 1px solid #ebebeb; padding-top: 20px; line-height: 1.5; }
/* Footer Left Column */
.footer .container > .col4 { margin-right: 0; }
.footer .col6 { margin: 0 7% 0 0; }
.footer .col6:last-child { width: 45%; margin: 0; }
.footertitle { font-family: 'Josefin Slab', "Times New Roman", Times, serif; font-weight: 700; font-size: 1.286em; text-transform: uppercase; margin-bottom: 4px;}
.footer .location { font-family: 'Josefin Slab', "Times New Roman", Times, serif; font-weight: 700; font-size: 1.25em; }
.footer .contactbar { margin-bottom: 6px; }
.footer .contactbar span { font-weight: 600; }
.socialbar { margin-bottom: 10px; }
.socialbar a { font-size: 1.286rem; display: inline-block; padding: 0 8px; }
.socialbar a:first-child { padding-left: 0; }
.socialbar a span { position: absolute; left: -999999px; }
/* Footer Middle Column */
.footer .emailsignup input[type="text"] { width: 76%; padding: 9px 8px; }
.footer .emailsignup input[type="submit"] { float: right; width: 22%; padding: 11px 5px 10px 5px; }
.list_block { width: 100%; margin: 5px 0; }
.whiteBox.news .mfp-iframe-holder .mfp-content { min-height: 250px; max-height: 250px; }
#newsletterForm { padding: 30px 20px 20px 20px; }
/* Footer Right Column */
.footerlinks li { margin-bottom: 9px; }
/* Footer Copyright and Links */
.footerNav { width: 100%; background-color: #f1f1f1; padding: 10px 0; margin: 10px 0 0 0; text-align: center; }
.footerNav li { display: inline-block; font-size: 0.8em; padding: 0 10px; margin: 3px 0; border-right: 1px solid #3e3e3e; }
.footerNav li.copy { padding: 0; border-right: none; }
.footerNav li:last-child { border-right: none; }

/* ===============================================
   Bottom Drawer
* ===============================================*/
.foot, .footReg { position: fixed; width: 100%; z-index: 22; height: auto; background: #f1f1f1; right: 0; left: 0; margin-right: auto; margin-left: auto; bottom: 0; -webkit-box-shadow: 0 -2px 9px 0 rgba(0,0,0,.2); -moz-box-shadow: 0 -2px 9px 0 rgba(0,0,0,.2); box-shadow: 0 -2px 9px 0 rgba(0,0,0,.2); }
/* Footer Toaster Gray Background */
.foot { background: #f1f1f1; }
.registerToaster .closeButton { float: right; cursor: pointer; margin-left: -4%; margin-right: 3%; margin-top: 20px; padding: 0; width: 27px; height: 27px; }
.registerToaster{float: left; position:relative;display:block;left:0;right:0;margin:0 auto;width:100%;padding:15px 1.5%;font-family: 'Raleway', Verdana, Helvetica, Arial, sans-serif;}
.registerToaster p{display:block;font-family: 'Raleway', Verdana, Helvetica, Arial, sans-serif;}
.registerToaster .title{display:block;color:#00A9E0;font-family: 'Josefin Slab', "Times New Roman", Times, serif; font-weight: 700; font-size:1.15em; text-align:center;margin: 10px 0 auto 0;}
.registerToaster .subTitle{display:block;text-align:center;margin:5px auto;width:90%;}
.registerToaster #emailConfirm{width:96%;margin:0 2% 5px 2%;}
.registerToaster .formRow > label{font-size:0.85em;color:#555;padding-top:2px;width:25%;}
.registerToaster input[type=text], .registerToaster input[type=email]{width:70%;}
.registerToaster .arrowRight{padding-top:6px !important;padding-bottom:6px !important;padding-left:15px !important;}
.registerToaster > div.full{width:100%;}
.registerToaster .customerWrap{float:left;width:100%;text-align:center;}
.registerToaster .customerWrap .arrowRight{margin-top:15px auto;}
.registerToaster .customerWrap .info{position:relative;display:inline-block;vertical-align:top;}
.registerToaster .customerWrap .consumer p{font-size:0.9em;min-height:65px;}
.registerToaster .consumer{width:56%;}
.registerToaster .customerWrap .customer p{font-size:0.9em;min-height:38px;}
.registerToaster .customer{width:100%;}
.registerToaster .customerWrap .title{display:block;color:#00A9E0;font-size:1.0em;font-weight:bold;padding:5px;}
.registerToaster .customerWrap .title2{display:block;color:#555;font-size:1.0em;padding:5px; text-transform: uppercase;}
.registerToaster .fancy { line-height: 0.5; text-align: center; overflow: hidden; }
.registerToaster .fancy span { font-weight: bold; }
/* Footer Toaster Blue Background */
.footReg { background: #01a7e1; }
.footReg .message { font-size: 1.15em; line-height: 1.4; color: #fff; margin: 7px 0; }
.footReg .registerToaster .title{ font-size: 1.65em; color:#fff; }
.footReg .registerToaster .button.auto { padding: 13px 21px 9px 21px; margin-bottom: 15px; min-width: 302px; }
@media (min-width: 640px) {
  .footReg .button.auto { margin-right: 20px; }
  .footReg .button.auto + .button.auto { margin-left: 20px; }
}

/* ===============================================
Back to Top Link
* ===============================================*/
a#topLink { opacity: 0.7; background: #f1f1f1; right: 25px; bottom: 70px; color: #818181; font-size: 0.75rem; font-family: 'Raleway-500', Verdana, Helvetica, Arial, sans-serif; text-align: center; text-transform: uppercase; max-width: 45px; width: 100%; height: 40px; padding: 0 0 3px 0; text-decoration: none; position: fixed; z-index: 999999; border: 1px solid #f1f1f1; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; -webkit-box-shadow: -1px 2px 2px rgba(0,0,0,0.2); -moz-box-shadow: -1px 2px 2px rgba(0,0,0,0.2); box-shadow: -1px 2px 2px rgba(0,0,0,0.2); }
a#topLink img { padding: 6px 0 0 0; max-width: 48%; width: 100%; }

/* ===============================================
Live Person
* ===============================================*/
.LPMcontainer.LPMslider, .LPMcontainer.LPMoverlay { top:60% !important; }
.lp_desktop { display: block; }

/* ===============================================
* Message Banner
* ===============================================*/
.messageBanner { position: relative; }
.messageBanner, .messageBanner a { display: block; font-family: 'Josefin Slab', "Times New Roman", Times, serif; font-weight: 600; text-align: center; color: #fff; text-decoration: none; font-size: 1.64rem; line-height: 1.3; }
.messageBanner .wysiwyg a { display: inline; padding-bottom: 2px; border-bottom: 2px solid #fff; text-decoration: none;}
.messageBanner .wysiwyg a:hover,.messageBanner .wysiwyg a:focus {text-decoration: none;}
.messageBanner .container { padding-top: 12px; padding-bottom: 12px; background-repeat: no-repeat; background-position: center right; background-size:100% 100%; background-size: contain;position: relative; z-index: 3;}
.messageBanner .dots { position: absolute; width: 100%; height: 100%; /*background: url(../images/icons/polka-dots.png);*/ z-index: 2; }
.messageBanner .learn { text-decoration: underline; font-size: .875rem; }

/* ===============================================
Impact Areas
* ===============================================*/
.impact { max-width: 1200px; width: 100%; position: relative; margin: 0 auto; }
.impact.fullwidth { max-width: 100%; margin: 0 auto; background:#000; }
.impact.interior { margin: 54px auto 0 auto; }
.impact.interior.whiteBg { background-color: #fff; }
.messageBanner + .container > .impact.interior,.messageBanner ~.impact.interior { margin: 0 auto; }
.impact.home { max-width: 100%; margin: 0 0 15px; height:inherit; background: #000; /*max-height: 459px;*/ }
.impact.home.vid { overflow: hidden;}
.impact .slideSVG { height: auto; max-width: 100%; position: relative; display: inline-block; }
.impact .slideSVG object { height: auto; max-width: 100%; pointer-events: none; }

/* ===============================================
* Impact Home Slider
* ===============================================*/
.impact .group { position: relative; }
/*.impact.home .slides .group img { object-fit: cover; min-height: 600px; }*/
.impact .captionwrap { position: absolute; left: 0; right: 0; top: 0; height: 100%; margin: 0 auto; max-width: 1200px; width: 100%; }
.impact .caption { position: absolute; z-index: 1; padding-left: 25px; padding-right: 25px; }
.impact .caption .button { font-size: 1.143em; padding-top: 12px; padding-bottom: 8px; margin-top: 25px; }
.impact .caption .button.no-background { background: url(../images/icons/white-arrow-right.png); background-repeat: no-repeat; background-position: right center; border: none; font-family: 'Raleway', Verdana, Helvetica, Arial, sans-serif !important; font-weight: 400; font-size: 1.55em; text-transform: none; margin-top: 0; padding-right: 14px; }

/* Impact Caption Directions */
.impact .caption.center-center { top: 0; margin: auto; left: 0; right: 0; text-align: center; top: 50%; transform: translateY(-50%); }
.impact .caption.bottom-left { bottom: 7%; margin: 0 auto; left: 0; right: 0; text-align: left; }
.impact .caption.top-left { top: 7%; margin: 0 auto; left: 0; right: 0; text-align: left; }
.impact .caption.bottom-right { bottom: 7%; margin: 0 auto; left: auto; right: 0; text-align: right; }
.impact .caption.top-right { top: 7%; margin: 0 auto; left: auto; right: 0; text-align: right; }
/* Impact Caption Text */
.impact .caption h1.main, .impact .caption h2.main, .impact .caption p.sub { color: #fff; margin: 0; text-shadow: -1px -1px 8px rgba(0, 0, 0, 1); clear: both; }
.impact .caption h1.main, .impact .caption h2.main { font-size: 4.6em; font-weight: 700; }
.impact .caption p.sub { font-size: 1.571em; font-weight: 600; }
.impact .caption.gray h1, .impact .caption.gray h2, .impact .caption.gray p { color: #57575b; text-shadow: none; font-weight: 600; }

/* ===============================================
* Homepage Video
* ===============================================*/
.impact.home.vid .group { position: relative; max-height: 600px; }
#fullVideo { background: transparent; overflow: hidden!important; display: block; min-height: 100%; min-width: 100%; width: 100%; height: auto; }
.impact.home .videoBg { position: relative; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; cursor: pointer;}
.impact.home .slides .group img.impactVideo { display: none; }
video { display: block; max-width: 100%; height:100%; background: transparent; overflow:hidden; }
.impact.home.vid .flex-control-nav { display: none; }
.impact.home.vid .flex-direction-nav { display: none; }

/* ===============================================
* Featured Banner
* ===============================================*/
.featureBanner, .featureBanner a { display: block; text-align: center; text-decoration: none;}
.featureBanner .container { display: table; margin: 0 auto; }
.featureBanner .container.padding { padding-bottom: 34px; }
.featureBanner .container .img{ display: table-cell; max-width: 1188px; padding: 0; vertical-align: middle;}
.featureBanner .container .img.button{ padding: 0;}
.featureBanner .container .img img { float: left; margin-bottom: 0; }
.featureBanner .link { display: table-cell; max-width: 300px; font-family: 'Raleway', Verdana, Helvetica, Arial, sans-serif; font-weight: 700; text-decoration: none; font-size: 2.7rem; line-height: 1.0; text-transform: uppercase; padding: 3px 10px; vertical-align: middle; }
.featureBanner .button { background: none; border: none; }
@media all and (min-width: 1250px) {
  .featureBanner .container .img.button{ padding: 0 8% 0 0;}
}

/* ===============================================
* Featured Content
* ===============================================*/
.featuredContent { text-align: center; }
.featuredContent a { text-decoration: none; }
.featuredContent .title { font-family: 'Josefin Slab', "Times New Roman", Times, serif; font-size: 1.829rem; margin-bottom: 0; line-height: 2rem; }
.featuredContent .title p { font-size: 1.829rem; margin-bottom: 0; line-height: 2rem; }
.featuredContent .link { display: inline-block; font-size: 1.1em; padding: 15px 0; font-weight: 600; text-transform: uppercase; }
.featuredContent .link:hover, .featuredContent .link:focus { color: #01a7e1; }
.featuredContent .link:after { content: '\00a0\00a0\00a0 \f105'; font-family: 'FontAwesome'; }

/* ===============================================
* New Products
* ===============================================*/
.newProducts { margin: 30px 0; width: 99.5%; }
.newProducts .head { text-align: center; }
.newProducts .subhead { padding: 5px 0 12px 0; }
.newProducts .subhead, .newProducts .subhead p { text-align: center; font-size: .85rem; }
.newProducts .slider { background-color: #fbfbfb; }
.newProducts .slider .group { float: left; position: relative; background-color: #fff; padding-top: 18px; padding-bottom: 10px; text-align: center; }
.newProducts .slider .group img { width: auto; margin: 0 auto; }
.newProducts .slider .group a { padding-left: 8px; padding-right: 8px; display: block; }
.newProducts .slider .title, .newProducts .flexslider .sub { font-family: 'Josefin Slab', "Times New Roman", Times, serif;  font-weight: 600; text-transform: uppercase; text-align: center; }
.newProducts .slider .title { padding: 10px 0 0 0; font-size: 1.29em; }
.newProducts .slider .sub { font-size: 1em;}
.newProducts .slider a { text-decoration: none; }
.newProducts .slider a:hover, .newProducts .slider a:focus, .newProducts a:hover, .newProducts a:focus { color: #01a7e1; text-decoration: none; }
/* Detail Products Slides Margins */
.newProducts .slick-slide { margin-left: 35px; }
.newProducts .slick-list { margin-left: -35px; }
/* Wishlist also used in Product Section */
.wishlist { display: block; position: absolute; right: 15px; top: 15px; z-index: 2;  background: url(../images/icons/bb-icons.png); background-repeat: no-repeat; background-size: 337px; height: 30px; width: 25px; text-indent: -99999px; border: none; cursor: pointer; }
.productList .group .wishlist { position: relative; right: -81%; top: 0; }
.productList .group .saleMarker + .wishlist, .productList .group .newMarker + .wishlist { top: -37px; }
.wishlist.add { background-position: -90px 0px; }
.wishlist.add:hover, .wishlist.add:focus { background-position: -90px -50px; }
.wishlist.remove { background-position: -60px 0px; }
.wishlist.remove:hover, .wishlist.remove:focus { background-position: -60px -50px; }

/* ===============================================
* Featured Tiles
* ===============================================*/
.featuredTiles .tile { float: left; position: relative; }
.featuredTiles img { float: left; margin-bottom: 0; }
.featuredTiles .col7 .col12:first-of-type { margin-bottom: 5%; }
.featuredTiles .col6 { margin-right: 4%; }
.featuredTiles .col6:last-of-type { margin-right: 0; }
.featuredTiles .col6:last-of-type img { float: right; }
.featuredTiles .col6:last-of-type .tile { float: right; }
.featuredTiles .title { font-family: 'Josefin Slab', "Times New Roman", Times, serif; font-size: 2.9em; font-weight: 600; line-height: 1.2; color: #fff; position: absolute; bottom: 0; width: 100%; padding: 25px 15px; text-align: center;/*text-shadow: 2px 2px 0px rgba(0, 0, 0, 1);*/text-shadow: 0px 0px 7px rgba(0, 0, 0, 1); }
.featuredTiles .col7 .col12:first-of-type .title { text-align: right; }

/* ===============================================
* Call to Action Area
* ===============================================*/
/* Home CTA */
.ctaArea { margin-top: 30px; margin-bottom: 15px; }
.ctaArea img { float: left; }
.ctaArea .button { width: 100%; margin-bottom: 20px; }
/* Interior CTA */
.cta.interior.columns { margin-top: 20px; }

/* ===============================================
* Content
* ===============================================*/
.mainContent.col9, .mainContent.col12 { margin-top: 35px; }
.mainContent.col8 { margin-top: 35px; margin-right:3%; }
.container + .container > .mainContent.col8, .mainContent.col8.view-cart-wrap { margin-top: 0; }
.container + .container > .mainContent.store.col8 { margin-top: 35px; }
.mainContent.whiteBg { background-color: #fff; }
/* Buttons */
a.button:hover,a.button:focus {color: #fff; text-decoration: none !important;}
/* Listing Pages Title and Content outside of controls */
.listingOnly ~ .nonListing { display: none !important; }
.col3 > .productNav.leftnav.col3 { margin-top: 0 !important; width: 100%; }
#mainBody_ctrProductListing_ctrNextopiaAppliedFilters_pnlAppliedFilters > .productNav.leftnav ul li { padding: 5px 3px 5px 5px; }
#mainBody_ctrProductListing_ctrNextopiaAppliedFilters_pnlAppliedFilters > .productNav.leftnav ul li a{ padding: 5px 3px 5px 0; }

.impact.interior ~ .mainContent.col9, .impact.interior ~ .mainContent.col12 { margin-top: 22px; margin-bottom: 30px; }
.mainBody { padding-top: 180px; line-height: 1.5em; }
.mainBody.popup { padding: 0 15px; }
.mainBody ol { margin: 0 0 15px 35px; }
.mainBody ol li { list-style: decimal; line-height: 1.875em; }
.mainBody ul { margin: 28px 15px 15px 15px; text-indent: -1em; padding-left: .9em; }
.mainBody ul li { display: block; clear: both; line-height: 1.5em; list-style: outside; margin-bottom: 7px; }
.mainBody ul li ul { margin-top: 0; }
.mainBody ul li:before { content: '\f111'; color: #01a7e1; font-family: 'FontAwesome'; font-size: 0.450em; margin: 0px 14px 0 0; float: left; }
.mainBody .formCenter ul { padding-left: 0; margin-top: 15px; }
.mainBody .formCenter ul li:before { content: ''; margin: 0; }
.mainBody select { font-size: 1em; }
.mainContent .interior.columns .button { width: 100%; }
.interior.columns { margin: 0 0 30px 0; }
.interior.columns.fullWidth { margin: 30px 0 0 0; padding: 30px 0; }
.interior.columns.fullWidth.gray { background-color: #f1f1f1; padding: 55px 0 30px 0; }
.interior.columns.fullWidth.whiteBg { background-color: #fff; }
.interior.columns.fullWidth.white { margin: 10px 0 0 0; padding: 25px 0 30px 0; }
.interior.columns .col12 > h2 { margin-bottom: 5px; }
.interior.columns .col12 > h2, .interior.columns.fullWidth.gray .col12 > h2 { text-align: center; margin-bottom: 20px; }
.interior.columns h3 { margin-bottom: 5px; }
.interior.columns h3.large { font-size: 1.6em; margin-bottom: 10px; }
.extraPadding { padding: 20px 0; }

/* List Groups */
.listGroup { text-align: center; margin-top: 25px; }
.listGroup .col3 { margin-bottom: 20px; min-height: 180px; }
.listGroup .col3 img { margin-bottom: 0; }
/* Site Map */
.mainBody .container > .sitemap:not(:first-child) { margin: 25px 0; }
.sitemap div { clear: none; list-style: none; display: inline-block; margin: 0 0 8px 0; vertical-align: top; width: 100%; }
.sitemap div:not(:first-child) { width: 21.5%; }
.sitemap, div.sitemap, .sitemap:first-child { width: 100%; }
.sitemap { clear: both; width: 100% !important; margin: 0; padding: 0; text-indent: 0; }
.sitemap span { font-family: 'Josefin Slab', "Times New Roman", Times, serif; font-size: 1.5em; font-weight: 700; line-height: 1.4; width: 100%; margin: 0; display: block; }
.sitemap > .sitemap span { font-size: 1.2em; }

/* ===============================================
* Left Navigation
* ===============================================*/
.leftnav .row > input, .leftnav ul li.row > i { display: none; }
.leftnav { position: relative; margin: 35px 0 25px 0; font-size: 0.875rem; z-index: 3; }
.impact.interior ~ .leftnav { margin-top: 22px; }
.leftnav ul { margin: 0; padding: 0 0 2px 0; background-color: #fff; text-indent: 0; }
.leftnav > ul { width: 84%; margin-bottom: 15px; }
.leftnav ul li { line-height: 1.3em; margin-bottom: 0; }
.leftnav ul li a { padding: 5px 3px 5px 14px; display: block; text-decoration: none; }
.leftnav ul li a:hover, .leftnav ul li a:focus { color: #01a7e1; }
.leftnav .title { font-family: 'Josefin Slab', "Times New Roman", Times, serif; font-size: 1.3em; font-weight: 700; line-height: 1.4; }
.leftnav  ul li .title a { padding: 7px 7px 0px 7px; }
.leftnav ul li::before { content: normal; }
.leftnav ul li.active > a { color: #01a7e1; }
/* Tier 3 */
.leftnav ul li ul.tier3 li { font-size: .85rem; }
.leftnav ul li ul.tier3 li a { text-transform: none; padding: 6px 23px; }
.leftnav ul li ul.tier3 li.active > a { color: #01a7e1; }
/* Tier 4 */
.leftnav ul li ul.tier3 li.active ul.tier4 li { font-size: 0.8rem; }
.leftnav ul li ul.tier3 li.active ul.tier4 li a { padding: 5px 10px 5px 45px; display: block; }
.leftnav ul li ul.tier3 li.active ul.tier4 li.active > a { color: #01a7e1; }
/* Tier 5 */
.leftnav ul li ul.tier3 li.active ul.tier4 li ul.tier5 li { font-size: 0.8rem; }
.leftnav ul li ul.tier3 li.active ul.tier4 ul.tier5 li a { padding: 5px 10px 5px 66px; display: block; }
.leftnav ul li ul.tier3 li.active ul.tier4 ul.tier5 li.active > a { color: #01a7e1; }
/* Product Listing Navigation */
.productNav.leftnav {margin: 0;}

/* ===============================================
Columns
* ===============================================*/
/* White Background with Border */
.columns.whiteBg .col6 { background-color: #fff; padding: 15px; }
.columns .borderBox { border: 1px solid #cccbd0; padding: 15px; }
/* Custom Landing Boxes */
.columns.retailer .col6 { display: table; min-height: 430px; }
.columns.retailer .borderBox { display: table-cell; vertical-align: middle; }
.columns.retailer .title, .columns.retailer h1 { text-align: center; width: 100%; display: inline-block; font-family: 'Josefin Slab', "Times New Roman", Times, serif; font-weight: 700; font-size: 2.5em; color: #01a7e1; margin: 30px 0 15px 0; line-height: 1.2em; }
ul.doubleBullets, ul.checklist { margin: 0; text-align: center; }
ul.doubleBullets li { font-size: 1.143em; margin-bottom: 10px; }
ul.doubleBullets li:before { float: none; vertical-align: middle; }
ul.doubleBullets li:after { content: '\f111'; color: #01a7e1; font-family: 'FontAwesome'; font-size: 0.450em; margin: 0 0 0 14px; vertical-align: middle; }
ul.checklist li { font-size: 1.475em; margin-bottom: 15px; }
ul.checklist li:before { content:''; }
.checkmark { display: inline-block; background: url(../images/icons/bb-icons.png); background-repeat: no-repeat; background-size: 438px; background-position: -156px -2px; height: 30px; width: 38px; margin-left: 10px; text-indent: -99999px; border: none; vertical-align: bottom; }
.cta.interior.columns.retailer  .col12 .button { font-size: 1.75em; font-weight: 600; padding: 20px 5px; }

/* ===============================================
Accordion
* ===============================================*/
.accordion { display: inline-block; clear: both; }
.accordion .row { display: block; position: relative; padding: 7px 0; margin: 0 0 15px 2%; border-bottom: 1px solid #ebebeb; }
.accordion .row i { display: inline-block; float: right; padding: 0 0 10px 0; }
.accordion .row i:before { content: '\f068'; font-family: 'FontAwesome'; font-size: 1.2rem; color: #01a7e1; margin: 0 5px; }
.accordion .row input[aria-label='accordion'][type=checkbox] {width: 100%; height: 100%; position: absolute; top:0; left: 0; z-index: 1; opacity: 0; cursor: pointer; padding: 0; margin: 0; }
.accordion .row input[aria-label='accordion'][type=checkbox]:checked ~ div { margin-top: 0; max-height: 0; opacity: 0; display: none; }
.accordion .row input[aria-label='accordion'][type=checkbox]:checked ~ i:before {content: '\f067'; }
.accordion .row .title { display: block; width: auto; margin: 0 0 3px; font-family: 'Josefin Slab', "Times New Roman", Times, serif; font-size: 1.125rem; font-weight: 400; }
.accordion input:hover ~ .title { color: #01a7e1; }
.accordion .content { position: relative; overflow: hidden; opacity: 1; z-index: 2; padding: 5px 0; width: 100%; }
.col6 > .accordion.columns { margin: 0; }

/* ===============================================
Video Popup
* ===============================================*/
.popupYoutube img { margin-bottom: 0; }
.popupYoutube a{ display: block; }

/* ===============================================
* Pull Quotes
* ===============================================*/
.pullQuotes { margin: 30px 15px 60px 15px; }
.pullQuotes .head { text-align: center; }
.pullQuotes .subhead { padding: 5px 0 12px 0; }
.pullQuotes .subhead, .pullQuotes .subhead p { text-align: center; font-size: .85rem; }
.pullQuotes .slider { background-color: #fbfbfb; }
.pullQuotes .slider .group { float: left; position: relative; padding-top: 18px; padding-bottom: 10px; text-align: center; width: 100%; }
.pullQuotes .slider .title, .pullQuotes .flexslider .sub { text-align: center; }
.pullQuotes .slider .title { padding: 10px 0 20px 0; font-size: 1.29em; font-style: italic; line-height: 1.6; }
.pullQuotes .slider .sub { font-size: 1.286em; font-weight: 100; font-style: italic; color: #a6a6a6; }
.pullQuotes .slider .sub div { font-weight: 700; font-style: normal; color: #3e3e3e; }

/* ===============================================
* Infographics Area
* ===============================================*/
.infoWrapper { text-align: left; display: block; height: 110px; }
.infoWrapper .infoText { color: #01a7e1; font-size: 3.1rem; line-height: 2.5rem;font-family: 'Josefin Slab', "Times New Roman", Times, serif;
    font-weight: 700; }
.infoWrapper .infoCaption { font-size: 1.063rem; line-height: 1.25rem; }
.infoWrapper .iconWrap { color: #3e3e3e; float: left; margin-right: 15px; }
.infoWrapper .iconWrap img { max-width: 69px; }
.infoWrapper .detailWrap { float: left; max-width: 170px; }
.infoMain .col4, .infoMain .col4:last-child { margin-top: 22px; }

/* ===============================================
Product Listing
* ===============================================*/
/* Product Items */
.productList.grid { display: -ms-flex; display: -moz-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-flow:row wrap; flex-flow:row wrap; /*justify-content: space-between; -webkit-justify-content: space-between;*/ }
.productList .group { background-color: #fff; padding: 18px 9px; margin: 0 0 36px 0; text-align: center; overflow: hidden; display: -ms-flex; display: -moz-flex; display: -webkit-flex; display: flex; flex-direction: column; -webkit-flex-direction: column; }
.productList .group:hover, .productList .group:focus { box-shadow: 0px 0px 39px 2px rgba(161,161,161,0.30); }
.productList .group, .productList .gridSizer { width: 31%; }
.mainContent.col9 .productList .group:nth-child(3n),.productList .group.catalog:nth-child(3n) {margin-right: 0;}
.mainContent.col9 .productList .group, .productList .group.catalog {margin-right: 3.5%;}
.productList .gutterSizer { width: 3.5%; display: none; }
.productList .gridSizer { display: none; }
/*.productList.full .group, .productList .gridSizer { width: 21%; }*/
.productList.full .gutterSizer { width: 3.5%; }
.productList img { width: auto; margin: 0 auto; height: auto; flex-shrink: 0; }
.productList input[type='image']  { max-width: 100%; }
.productList .title, .productList .sub { font-family: 'Josefin Slab', "Times New Roman", Times, serif;  font-weight: 600; text-transform: uppercase; text-align: center; }
.productList .title { font-size: 1.29em;}
.mainContent .productList a { text-decoration: none; }
.mainContent .productList a { color: #3e3e3e; }
.mainContent .productList a:hover, .mainContent .productList a:focus { color: #01a7e1; }
.productList .sub { font-size: 1.143em;}
.priceBox { border-top: 1px solid #ebebeb; margin-top: 12px; padding-top: 15px; }
.priceBox .price { margin-bottom: 5px; flex: 0 0 100%; }
.priceBox .price span { font-size: 1.45em; font-weight: 700; }
.priceBox .amount { font-size: .95em; font-style: italic; padding: 2px 0 10px 0; flex: 0 0 100%;}
.productList .priceBox{ display: -ms-flex; display: -moz-flex; display: -webkit-flex; display: flex;-webkit-align-items: flex-end;  align-items: flex-end; flex: 1 auto; flex-wrap: wrap;}
.priceBox .quantity {flex: 0 0 100%; }
.priceBox .quantity .qty{ padding-right:5px; }
.priceBox .quantity .listingQty { width: 54px; margin-left: 5px; margin-right: 5px; }
.priceBox .msg { font-size: .95em; font-weight: 700; text-transform: uppercase; color: #ea2737; line-height: 1.4; padding-bottom: 10px; flex: 0 0 100%;}
.productList .button { width: auto; padding: 9px 12px; }
.productList .closeButton { position: relative; right: -81%; top: -11px; z-index: 1;}
/* Markers */
.saleMarker, .newMarker { position: relative; top: 0px; left: -49px; padding: 3px 0; text-align: center; width: 155px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.newMarker + .saleMarker { top: -9px; left: -76px; width: 264px; }
.productDetailImages .saleMarker, .productDetailImages .newMarker { position: absolute; top: 24px; left: -35px;}
.saleMarker span, .newMarker span { display: block; color: #fff; font-family: 'Josefin Slab', "Times New Roman", Times, serif; text-transform: uppercase; border-top: 1px dashed #fff; border-bottom: 1px dashed #fff; padding: 5px 5px 2px 5px; }
.productDetailImages .newMarker + .saleMarker { position: absolute; top: 51px; left: -63px;}
.saleMarker { background: #ea2737; }
.newMarker { background: #00a683; }
/* Audio Player */
.productMedia { margin: 10px auto; width: 100%; max-width: 375px; }
/* Removes Audio Download Button */
audio::-internal-media-controls-download-button { display:none; }
audio::-webkit-media-controls-enclosure { overflow:hidden; }
audio::-webkit-media-controls-panel { width: calc(100% + 30px); }

/* Product Controls */
.productControls { display: table; width: 100%; padding: 6px 0; margin: 12px 0 30px 0; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
.productControls.bottom { margin-top: 0; border-bottom: none; }
/* Items Per Page */
.itemsPerPage { display: table-cell; text-align:left; vertical-align: middle; }
.itemsPerPage > span { display: inline-block; margin-right: 7px; }
.pageSize { display:inline; text-align:center; padding: 3px 5px; margin: 0 2px; font-family: 'Josefin Slab', "Times New Roman", Times, serif; font-size: 1.185em; border:none; cursor:pointer; }
.pageSize.on { background:#01a7e1; color:#fff; }
.pageSize.off { background:#fbfbfb; }
.pageSize.off:hover, .pageSize.off:focus { color:#01a7e1; }
/* Sort By */
.sortBy { text-align: center; vertical-align: middle; }
.sortBy.desktopOnly { display: table-cell; }
.sortBy.tabletOnly { display: none; }
.sortBy:after { display: inline-block; content: '\f107'; font-family: 'FontAwesome'; color: #01a7e1; font-size: 1.2rem; vertical-align: middle; margin-left: -20px; pointer-events: none;}
.sortBy > span { display: inline-block; margin-right: 10px; }
.sortBy select { background: url(../../_images/svg/downarrow.svg) no-repeat 100% 50%;padding: 0 30px 0 10px !important; -webkit-padding-end: 30px !important; -webkit-padding-start: 10px !important;  background-size: contain; padding:8px 8px; -moz-appearance: none; -webkit-appearance: none; -webkit-border-radius: 0px; appearance: none; outline-width: 0; width: auto; font-size: .875rem !important; color: #3e3e3e !important; margin-bottom: 0; box-sizing: border-box; -ms-flex-align: center; align-items: center; white-space: pre; background-color: white; border: 1px solid #ebebeb !important; cursor: default; }
.sortBy select::-ms-expand { display: none; }
/* List Paging */
.listPaging { display: table-cell; text-align:right; vertical-align: middle; min-width: 165px; }
.listPaging ul { text-indent: 0; list-style: none; margin: 0; padding: 0; }
.listPaging ul > a { display: none !important; }
.listPaging ul li { display: inline-block; }
.listPaging ul li a { padding: 3px 9px; margin: 0 2px; }
.listPaging ul li a:empty { display: none; } 
.listPaging ul li:before { content: ''; margin: 0; }
.listPaging .listPage { display:inline; text-align:center; margin: 0; font-family: 'Josefin Slab', "Times New Roman", Times, serif; font-size: 1.185em; border:none; cursor:pointer; }
.listPaging .listPage.on, .listPaging.orders span span { background:#01a7e1; color:#fff; padding: 2px 8px; }
.listPaging .listPage.off, .listPaging.orders a { background:#fbfbfb; color: #3e3e3e; font-size: 1rem; }
.listPaging .listPage.off:hover, .listPaging .listPage.off:focus, .listPaging.orders a:hover, .listPaging.orders a:focus { color:#01a7e1; text-decoration: none; }
.listPaging .prev, .listPaging .next { font-size: 1.6em; line-height: 1; color: #01a7e1; padding: 0 5px; background: #fbfbfb; border: none; cursor: pointer; }
.listPaging .prev:hover, .listPaging .prev:focus, .listPaging .next:hover, .listPaging .next:focus { text-decoration: none; }
/* Product Listing Logged Out Message */
.loginRegister { font-weight: 600; text-align: right; font-size: .875em;}
.loginLinks { color: #d12f2c; }
.loginLinks a { color: #d12f2c; text-decoration: none; }
.loginLinks a:hover, .loginLinks a:focus { text-decoration: underline; }

/* ===============================================
Product Detail
* ===============================================*/
/* Product Detail Prev/Next/Return Navigation */
.detailNav { position: relative; float: left; width: 100%; margin-bottom: 35px; }
.detailButton { position: relative; float: left; width:33.3%; font-family: 'Josefin Slab', "Times New Roman", Times, serif; }
.detailButton a { color: #3e3e3e; text-decoration: none; font-weight: bold; }
.detailButton a:hover { color: #01a7e1; text-decoration: none; }
.detailButton.left { text-align: left; }
.detailButton.left a:before { font-family: 'FontAwesome'; content: '\f053'; font-size: .75rem; font-weight: normal; padding-right: 5px; }
.detailButton.center { text-align: center; }
.detailButton.right { text-align: right; }
.detailButton.right a:after { font-family: 'FontAwesome'; content: '\f054'; font-size: .75rem; font-weight: normal; padding-left: 5px; }
/* Product Detail Gallery Images */
.productDetailImages .zoomGallery { max-width: 375px; width: 100%; margin: 0 auto; position: relative; overflow: hidden; }
.productDetailImages .zoomGallery a { outline: none; }
.productDetailImages .thumbnail { text-align: center; }
.productDetailImages .thumbnail a { display: inline-block; width: 60px; height: 60px; margin: 8px 10px; }
.productDetailImages .thumbnail .play { background: none; /*background: url(../images/icons/video-play-btn-gray.png); background-repeat: no-repeat; background-position: center center;*/ }
.productDetailImages .thumbnail img { max-width: 100%; width: 100px; vertical-align: middle;}
.productDetailImages h1 { color: #3e3e3e; text-transform: uppercase; }
/* Product Detail Information */
.productDetailInfo { background: #fff; border: 1px solid #ebebeb; padding: 20px 24px; }
.productDetailInfo .button { display: block; width: auto; position: relative; }
.productDetailInfo .button.addCart { display: block; background-image: url(../images/icons/add-cart.png); background-repeat: no-repeat; background-position: 31% 3px; margin: 0 0 3px 0; padding-left: 11%; max-width: 290px; width: 100%; }
.productDesc { border-top: 1px solid #ebebeb; margin-top: 18px; padding-top: 18px; }
.productDetailInfo .button.whiteBg, .productDetailInfo .button.whiteBg { color: #3e3e3e !important; text-decoration: none; width: auto; padding: 9px 30px;background: #fff; border: none; }
.productDetailInfo .button.whiteBg:hover, .productDetailInfo .button.whiteBg:focus { color:#01a7e1 !important; text-decoration: none; background-color: #fff; }
.productDetailInfo .button.wishlistInput { background-image: url(../images/icons/wishlist-plus.png); background-repeat: no-repeat; background-size: 18px; background-position: 0 center; margin: 8px 0 3px 0; max-width: 290px; width: 100%; text-align: left;}
.productDesc .title { font-family: 'Josefin Slab', "Times New Roman", Times, serif; font-weight: 700; font-size: 1.268em; margin-bottom: 5px; }

/* ===============================================
* Detail Products Slider
* ===============================================*/
.detailProducts { margin: 10px 0 30px 0; padding-top: 25px; border-top: 1px solid #ebebeb; }
.detailProducts h2 { margin-bottom: 20px; }
.detailProducts .slider { background-color: #fbfbfb; }
.detailProducts .slider .group { float: left; position: relative; height: auto; background-color: #fff; padding-top: 18px; padding-bottom: 10px; text-align: center; }
.detailProducts .slider .group a { padding-left: 8px; padding-right: 8px; display: block; }
.detailProducts .group img { width: auto; margin: 0 auto; }
.detailProducts .youMayLike .group img { width: 133px !important; height: auto !important; }
.detailProducts .slider .title, .detailProducts .slider .sub { font-family: 'Josefin Slab', "Times New Roman", Times, serif;  font-weight: 600; text-transform: uppercase; }
.detailProducts .slider .title { padding: 10px 0 0 0; font-size: 1.29em;}
.detailProducts .slider .sub { font-size: .975em;}
.detailProducts .slider a { color: #3e3e3e; text-decoration: none; }
.detailProducts .slider a:hover, .detailProducts .slider a:focus, .detailProducts a:hover, .detailProducts a:focus { color: #01a7e1; text-decoration: none; }
/* Detail Products Slides Margins */
.detailProducts .slick-slide { margin-left: 40px; }
.detailProducts .slick-list { margin-left: -40px; }
/* Detail Products Price Box */
.detailProducts .priceBox { color: #3e3e3e; text-align: center; }
.detailProducts .priceBox .amount { padding-bottom: 0; }

/* ===============================================
Product Reviews Third Party Override
* ===============================================*/
/* Review Container */
#reviews{ float:left; width:100%; margin-top: 30px; padding-top: 25px; border-top: 1px solid #ebebeb; }
#reziew-area { width:100%; margin:auto; background: #fbfbfb !important; color: #3e3e3e; }
#reziew-area #crt-reviews-list, #reziew-area #crt-form-area { margin: 0 !important; }
.reziew-rating-area.one.grade-50 { display: inline-block; margin: 20px 0; width: 100px; padding-right: 15%; }
.readReviews { display: inline-block;  }
.productDetailImages .readReviews { margin-top: 18px; vertical-align: top; }
/* Review Trigger */
#reviews .trigger { font-family: 'Josefin Slab', "Times New Roman", Times, serif; padding: 0 0 10px 0; min-height:20px; }
#reviews .trigger a { color:#3e3e3e; text-decoration: none; }
#reviews .trigger a:hover { color: #01a7e1; text-decoration: none; }
/* Review Header */
.crt-review-header h3 { font-family: 'Josefin Slab', "Times New Roman", Times, serif !important; font-weight: 700 !important; }
/* Review Fonts */
#mini-summary,#crt-review,.review-textarea,#review-form-error span,.result,.social-share-label,.line,.crt-review-message,#global-summary-div,#rating-tot { color:#3e3e3e; font-family: 'Raleway', Verdana, Helvetica, Arial, sans-serif !important; }
/* Review Top Total Reviews, Login Text and Leave Button */
#no-review-form{ border: none !important; margin: 0 !important; padding: 0 !important; height: 40px !important; }
#reziew-area #no-review-form.right { margin-top: -10px; }
#mini-summary { margin: 0 !important; font-size: .9em; }
.cleanslate { font-size: 1em !important; font-family: 'Raleway', Verdana, Helvetica, Arial, sans-serif !important; color: #3e3e3e !important; }
/* Review Items */
#reziew-area > div{ margin: 25px 0; padding-top: 25px; border-top: 1px solid #ebebeb; }
#reziew-area > div.right, #reziew-area > div.left{ margin: 10px 0; padding-top: 0; border-top: none; }
div.read-only-rating.small-star.read-only-rating {background-image: url(../images/icons/sprite-small-star.png?rand=1) !important; width: 73px !important; height: 14px !important; }
#reziew-area .thumbsup.mini_thumbs a { background-image: url(../images/icons/tiny_thumbs.png) !important; }
#reziew-area .social-share a { background-image: url(../images/icons/sprite_share.png) !important; }
#reziew-area .crt-review-footer-report a { background-image: url(../images/icons/sprite_flags.png) !important; }
#reziew-area .crt-review-message.pros span.icon, #reziew-area .crt-review-message.cons span.icon, #reziew-area .recommend span.icon { background-image: url(../images/icons/sprite-icons16.png) !important; }
#reziew-area .line { font-size: 1.143em; }
#reziew-area .line.dtreviewed { font-style: italic; font-size: .9em; padding: 10px 0; }
.crt-review-body-wrapper { margin-top: 15px !important; }
#reziew-area .crt-review-message { font-size: 1em !important; }
#crt-reviews-list { border: none !important; }
#reziew-area #crt-reviews-list .crt-review-item {border-top:1px solid #ebebeb !important; border-bottom: none !important; }
#reziew-area #crt-reviews-list .crt-review-item:first-of-type{ border-top: none !important; }
#crt-review,.review-textarea,.review-text{ border-radius:0 !important; }
#crt-review{ width:85% !important; }
/* Review Buttons */
#loadReviewForm, #post-form, #flag-box-yes, #post-comment-form { background:#01a7e1 !important; border-radius:0 !important; border: none !important; text-align: center; font-family: 'Josefin Slab', "Times New Roman", Times, serif; text-transform: uppercase; padding: 11px 9px 9px 9px !important; font-size: 1em !important; }
#loadReviewForm { float: right; width: auto; }
#loadReviewForm:hover, #post-form:hover, #flag-box-yes:hover, #post-comment-form:hover { background: #0587b6 !important; }
#flag-box-no{ border-radius:0 !important; }
#reziew-area .orange.button, #reziewbox .button, #reziew-area .qq-upload-button, a.medio.green.button,a.button.medio.green,a.button.medio.white,a.medio.green.button{box-shadow:none !important; background-color: #01a7e1 !important; }
.filled.rounded-div{background:#f2f2f2 !important;border-radius:0 !important;border:1px solid #ebebeb !important;}
/* Review Item Content */
.average,.recommend.positive{color: #01a7e1 !important; font-style: italic; }
.small a,a.comment-link.left,a.ctr-edit-profile,a.ctr-user-sign-out{color:#01a7e1 !important;text-decoration:none !important;}
.small a:hover,a.comment-link.left:hover,a.ctr-edit-profile:hover,a.ctr-user-sign-out:hover{color: #D12F2B !important;}
.comment-item{background:#f2f2f2 !important;border:none !important;}
.more-reviews.filled.rounded-div{background:#bfbfbf !important;border:none !important;}
.crt-review-comment-list{margin-top:5px !important;}
a.pager,a.pager:hover{ color:#3e3e3e !important; text-decoration:none !important; font-weight:bold; }
a#crt-footer-link,a#crt-footer-link:hover{ color:#ebebeb !important;text-decoration:none !important; }
.rating-label{ display:none !important; }
.product-title{ position:relative; }
.product-title div.title{ width:75%; }
.spch-bub-inside,.spch-bub-inside em{ background-image:none !important; background-color: #01a7e1 !important;}
.point{display:none !important;}
.crt-user-avatar{ border:1px solid #ebebeb !important; }
#rezboxTitle{ background: #01a7e1 !important;color:#fff !important; border:1px solid #01a7e1 !important;border-radius:0 !important;font-size:12px !important;text-align:left !important;padding:8px 0 0 10px; }
#rezboxLoadedContent{ border:3px solid #01a7e1 !important; }
#review-form-error span,#flag-box { font-family: 'Raleway', Verdana, Helvetica, Arial, sans-serif !important; }
#rezboxClose{background:url(/includes/greybox/w_close.gif) no-repeat right bottom !important;margin:10px 5px 0 0 !important;}
/* Product Reviews NON JS */
.review, .reviewsummary{ color:#3e3e3e;}
.starRating, .itemReviewed, .count{ font-weight:bold; }
.reviewby,.reviewdate,.reviewtext,.starRating,.total,.avgReview{ font-size: 1em; }
.reviewtext{ margin-top:10px; }
.reviewLogin{ padding:0 0 8px 7px; }

/* ===============================================
Wishlist Listing
* ===============================================*/

/* Wishlist Controls */
.nameWishlist { display: table-cell; vertical-align: bottom; font-family: 'Josefin Slab', "Times New Roman", Times, serif; font-size: 1.7em; font-weight: 700; line-height: 1.2; padding: 0 10px; }
.nameChange{ float: right; }
ul.wishlistControls { list-style:none; margin: 0; text-indent: 0; }
ul.wishlistControls li.wishBtn input { background: transparent; border: none; vertical-align: middle; }
ul.wishlistControls li.wishBtn:before { content:''; margin: 0; }
ul.wishlistControls li.wishBtn { display:inline-block; padding: 4px 15px; margin-bottom: 0; position: relative; }
ul.wishlistControls li.wishBtn a { color: #3e3e3e; }
ul.wishlistControls li.wishBtn i { font-size: 1.2em; padding-right: 4px; }
ul.wishlistControls li.wishBtn > input { font-size: 1em; padding: 0; }
ul.wishlistControls li.wishBtn:hover, ul.wishlistControls li.wishBtn:focus, ul.wishlistControls li.wishBtn:hover > input, ul.wishlistControls li.wishBtn a:hover, ul.wishlistControls li.wishBtn a:focus { color: #01a7e1; text-decoration: none; cursor: pointer; }
ul.wishlistControls li.wishBtn .on, ul.wishlistControls li.wishBtn a.on:hover, ul.wishlistControls li.wishBtn a.on:focus { background: #fff; color: #3e3e3e; text-decoration: none; display: inline-block; }
.wishBtn .plus { display: inline-block; font-weight: 700; font-size: 2.2rem; font-family: 'Josefin Slab', "Times New Roman", Times, serif; vertical-align: bottom; margin-bottom: 1px; }
/* Wishlist Controls Submenu */
ul.wishSubMenu { display: none; position: absolute; right: 0; list-style:none; width:300px; height:auto; background-color:#fff; z-index: 2; margin: 0; padding: 5px 0 5px 10px; box-shadow: 0px 7px 24px -6px rgba(207,207,207,1); }
.wishBtn a.on + ul.wishSubMenu { display: block; }
ul.wishSubMenu li { margin: 0; }
ul.wishSubMenu li:before { content: ''; }
ul.wishSubMenu .placeholder { font-size: 1em; display: inline-block; background-color: transparent; border: 1px solid #ebebeb; color: #434548; margin: 10px 0 10px 20px; padding: 8px 10px; width: 83%; box-shadow: 0px 0px 5px 1px rgba(227,227,227,1); }
ul.wishSubMenu input.plusButton { font-size: 3em; color: #3e3e3e; font-family: 'Josefin Slab', "Times New Roman", Times, serif; font-weight: 700; }
ul.wishSubMenu input.plusButton:hover, ul.wishSubMenu input.plusButton:focus { color: #01a7e1; cursor: pointer; }

/* ===============================================
Wishlist Popup
* ===============================================*/
/* Wishlist Items */
.popup .mainContent.col9, .popup .mainContent.col12 { margin-top: 18px; }
.popup h2.title { margin: 0 20px 18px 20px; width: auto; }
.whiteBox .mfp-iframe-holder .mfp-content { max-width: 780px; min-height: 550px; }
.wishlistArea .group { min-height: 217px; background-color: #fff; margin: 0 2% 25px 2%; padding: 5px; text-align: center; }
.wishlistArea .group:hover, .wishlistArea .group:focus {
box-shadow: 0px 0px 39px 2px rgba(161,161,161,0.30); }
.wishlistArea .group.col3 { width: 21%; }
.wishlistArea .group .title { font-family: 'Josefin Slab', "Times New Roman", Times, serif; text-transform: none; padding: 10px 0 0 0; margin: 0; font-size: 1.143em; font-weight: 600; background: none; border: none; white-space: normal; }
.ui-dialog-content .title { padding: 10px 0 0 0; }
.ui-dialog-content .sub { padding: 5px 0 0 0; }
.ui-dialog-content .sub, .wishlistArea .sub { text-transform: none; margin: 0 0 8px 0; font-family: 'Raleway', Verdana, Helvetica, Arial, sans-serif; font-size: 1em; font-weight: 400; }
.createWishlist { background-color: #fff; border: none; display: inline-block; width: 100%; cursor: pointer; }
.createWishlist.plus { height: 97px; padding-top: 12px; font-weight: 600; color: #01a7e1; font-size: 4.5rem; }
.createWishlist.title { width: 85%; display: inline; color: #3e3e3e; }
.ui-dialog-content .createWishlist.title { padding-top: 0; width: 87%;}
.productList .button.whiteBg { padding: 9px 12px 0 12px; }
.ui-dialog-content .button, .wishlistArea .button { width: auto; padding: 9px; margin-bottom: 10px; }
#tbWishListName, #btnCreateWishList { width: 100%; }
#tbWishListName { margin-top: 5px; }
#dialog_message .button {margin-bottom: 10px;}
input.createWishlist.title.mobile[type=checkbox] {position: relative; float: left; width: 100%; z-index: 1; opacity: 0; }
input.createWishlist.title.mobile[type=checkbox]:checked ~ #pnlCreateWishListMobile { margin-top: 0; max-height: 0; opacity: 0; display: none; }
label[for=pnlCreateWishListMobile]{ font-family: Verdana,Arial,sans-serif; position: absolute; left: 0; top: 150px; padding-left: 19px; color: #01a7e1; font-size: 1em;}
label[for=pnlCreateWishListMobile]:hover{ text-decoration: underline; }

/* ===============================================
Store Locator
* ===============================================*/
.storeRight{ width: 100%; }
.storeSearch{ float: left; }
p.distance{ padding-top: 5px; }
.storeLookup p{ margin:5px 0px; }
.storeLookup .field, input#tbEmailSignup { padding: 1px 3px; }
.storeLookup .field{ margin: 8px 0; }
.storeLookup .formButton{ margin: 8px 0; padding: 0; }
#emailSignUp { float: right; width: 35%; height: auto; margin: auto; padding: 15px 15px 5px 15px; background: #fff; border: 1px solid #ebebeb; }
input#tbEmailSignup { width: 170px; }
#EmailSignUp p { margin-bottom: 8px; }
.joinButton { float: right; height: 24px; background: url(/images/global/store/gobtn.gif) no-repeat; width: 45px; border: none;text-indent:-999em; }
#results .divider { margin:8px 0; }
#results .gridWrap { padding:0; clear:both;}
#results .gridBox {display: block; position: relative; min-height: 100px; width: 20%; float: left; padding: 0 1% 0 0; }
.clearGridRow{ clear: both;}
.notice { color:#ff0000; }
.viewOnly ul{ display: inline-block; width: 100%; margin: 35px 0 15px 0; padding: 8px 15px; list-style-type:none; border-top: 2px solid #999; border-bottom: 2px solid #999; }
.viewOnly ul li{ float: left; list-style-type: none; margin-bottom: 0; padding-right: 15px; clear: none; }
.viewOnly ul li:last-child { padding-right: 0; }
.viewOnly ul li:before { content: "" }
.viewOnly  li.tab { cursor: pointer; color: #999; font-weight: bold; }
#storeListings{ margin-top: 10px; float: left; }
#storeListings .title,#onlineRetailers .title{ width: 100%; margin-bottom: 10px; }
.storeListing{ float: left; width: 53%; margin-right: 2%; }
.storeCell{ margin-bottom: 15px; float: left; width: 50%; }
#mapContainer { display: inline-block; width: 45%; }
#mapContainer span{ font-size: 0.8em; padding: 0 0 5px 0; }
#map{ float: right; width: 100%; height: 350px; position: relative; overflow: hidden; }
#onlineRetailers{ float: left; clear: both; margin-top: 10px; }
#tbLocal.active,#tbOnline.active { color:#00A9E0 !important; }

/* ===============================================
* View Cart Page
===============================================*/
/*** NOTICE ***/
.orderNotice { border: 1px solid #ff0000; background: #fef8e5; padding: 10px 15px; color: #000; }
.orderNotice.col8 { margin: 10px 0; }
.orderNotice .title { color: #ff0000; font-weight: 700; font-size:1.2em; margin-bottom: 5px; }
.orderNotice p:last-of-type { margin-bottom: 0; }
/*** RESPONSIVE TABLES ***/
.viewCart.table { display: table; margin: 10px 0; }
.viewCart .table-head { display: table-header-group; background: #f1f1f1; border-bottom: 1px solid #f1f1f1; }
.viewCart .table-head .column {/* margin-right:0; */ background: #f1f1f1; text-align: left; font-weight: 700; font-size: 20px; padding:5px!important; }
.viewCart .table-head .column.col1 { padding-left: 5px; width:1%; }
.viewCart .tableRow.hidden { display: none; }
.viewCart .tableRow { display: table-row; position:relative; }
.viewCart .tableRow .column:nth-child(1) { border-left:0!important; padding-left: 5px; }
.viewCart .tableRow:last-child .column { border-bottom: none; }
.viewCart .tableRow .column { display: table-cell; padding: 4px 22px; border-right: 0px; border-left:0px; border-bottom:0!important;  background:transparent!important; font-size: 1.143em; font-weight: 600; }
.viewCart .tableRow .column { padding: 115px; }
/*.viewCart .tableRow input[type=checkbox] { margin-top: 50px; }*/
.viewCart .tableRow { border-bottom: 1px solid #f1f1f1; width:100%; }
.viewCart .tableRow.outOfStock { display: table-row; background:#fef8e5; }
/*** PRODUCT ORDER TABLE ***/
.viewCart .table.product-order-table, .table.product-order-table .column, .table.product-order-table .tableRow .column:nth-child(1) { border: none; background: none; font-weight: bold; font-size: 13px; }

/*** VIEW CART TABLE ***/
.table.viewCart { font-size: 12px; overflow-x: hidden; }
.table.viewCart .column { padding:30px 5px; }
.column.col1 { width:1%; }
div[class^="column col"]:not(:nth-child(-n+3)) { text-align:center; }
.viewCart.table .prodTitle { font-size:1rem; display:block; float:left; width:100%;}
.viewCart.table .prodTitle a { color:inherit; text-decoration: none; }
.viewCart.table .prodNumber { font-size:0.875rem; font-weight: normal; }
.viewCart.table a { text-decoration: underline; font-size:0.875rem; }
.viewCart.table .prodPrice { font-size:0.875rem; display:block; font-weight: normal; }
.viewCart.table .prodPrice span { display:block; clear:both; }
.viewCart.table #qty { font-size:1rem; text-align:center;}
.viewCart.table .totalValue { font-size:0.875rem; font-weight:normal; }
.outOfStock { background:#fef8e5; }
.outOfStockNotice { font-size: 0.750rem; color: #ff0000; text-transform: uppercase; line-height: 1.2em; margin: -48px 0 0 26%; padding-right: 500px; }
.fillerBlock { float: left; width: 100%; font-size: 1.05rem; font-weight: bold; padding: 8px; }
.stockNotice { float: left; width: 50%; font-size: 1.05rem; font-weight: bold; padding: 8px; }
.stockNoticePrice { float: right; width: 50%; text-align: right; font-size: .875rem; font-weight: bold; padding: 8px; }
.stockNotice.full, .stockNoticePrice.full { width: 100%; }
#mainBody_ctrcheckout_lblExcludeTotal {font-weight: normal; font-style: italic;}
.desktop { display:block; }
.viewCart .trWrap--no-margin.col9 { margin-right:0; }
.viewCart .tableRow .trWrap.col3 { display: -ms-flexbox; display: flex; }
.viewCart .tableRow .trWrap.col3 .column.col2 { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1; flex: 1; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }

.accordion.view-cart { margin-top:0; }
.accordion.view-cart .row { border-bottom:none; padding:0 0 0 0; margin: 0 0 15px 0; }
.accordion.view-cart .row i { padding:0; }
.accordion.view-cart .row i:before { color:#000; font-size: .750em; }
.accordion.view-cart .content { padding:0; }
.accordion.view-cart .content p { margin-bottom:30px; }
.accordion.view-cart #mainBody_productNumberLabel, .accordion.view-cart #mainBody_qtyLabel { font-size:0.750em; }
.quickOrderProductNumber .placeholder { width:100%; }
.quickOrderQty .placeholder { width:100%; }
.quickOrderAddToCart { text-align: right; }
.quickOrderAddToCart.col6 { margin-top:21px; }
.quickOrderAddToCart .button { width:100%; }
.viewCart input[type=submit], .continueShopping .txtBtn:nth-child(-n+3) input[type=submit] { background: none !important; border: none; font-weight: normal!important; font-family: 'Raleway', Verdana, Helvetica, Arial, sans-serif!important; letter-spacing: 0!important; padding: 0 !important; font: inherit; color:#01a7e1; cursor: pointer; }
.viewCart input[type=submit]:hover, .continueShopping .txtBtn:nth-child(-n+3) input[type=submit]:hover { text-decoration: underline!important;  }
/* Order Summary */
.checkoutColumn.col4 { margin-right:0; }
.orderSummary.col4 ~ .mainContent.col9 { width: 100%; max-width: 1900px; margin: 0 auto; }
.orderSummary { background: #FFF; border: 1px #ebebeb solid; float: left; padding: 14px 24px; max-width: 372px; }
.orderSummary h2 { margin-bottom: 18px; }
.orderSummary .rightShift { text-align:right; margin-right: 9%; }
.orderSummary .subTotalValue { }
.orderSummary.col4 { margin-right: 0; }
.orderSummary.col4 .accordion { width: 100%; }
.orderSummary .zip .placeholder { width:100%; }
.orderSummary .zip.col6:not(:first-child) { margin:0px 0 0 0!important; }
.orderSummary .zip select { width: 100%; padding: 8px 30px 8px 10px !important; -webkit-padding-end: 30px !important; -webkit-padding-start: 10px !important; }
.orderSummary .zip, .orderSummary .calculateBtn { margin-top:0px; }
.orderSummary .button { width:100%; margin-top:21px; }
.orderSummary .button.calcShip { margin-top:0; }
.orderSummary .calculateBtn.col12 { margin-top:8px; display: block; }
.orderSummary .regZip, .orderSummary .tbZip, .orderSummary .rqState { color:red;  margin-top: -6px; }
.orderSummary .zip.col6 { position: relative; }
.orderSummary .regZip, .orderSummary .rqState { position:absolute; bottom:-8px; left:0;}
.orderSummary .tbZip { display: block; }
.orderSummary .estimatedTotalValue, .orderSummary .estimatedTotal { font-weight: bold; }
.orderSummary .divide { display: block; width: 100%; border-bottom: 1px solid #f1f1f1; margin-bottom: 20px; clear: both; padding-top: 20px; }
.orderSummary .col12 a, .orderSummary li a { line-height: 1.5rem; color: #01a7e1; text-decoration: none; }
.orderSummary .col12 a:hover, .orderSummary li a:hover { color: #01a7e1; text-decoration: underline; }
.orderSummary ul { margin-bottom:0; }
.orderSummary ul li { margin-bottom:0; }
#mainBody_ctrcheckout_ddlSalesRepLabel{font-weight: bold;margin-top: 15px;display: block;}
#mainBody_ctrcheckout_ddlSalesRep{margin-bottom: 20px;}
#mainBody_ctrcheckout_summaryShipping span, .shippingMsg { font-size: .775rem; font-style: italic; margin-top: 5px; display: inline-block; line-height: 1rem; }
.shippingMsg { margin-bottom: 7px; margin-top: 0px; }

/* Continue Shopping */
.continueShopping { display: flex; display:-ms-flexbox; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center }
.continueShopping > .col6 { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }
.continueShopping a { color:#434548!important; text-decoration: underline; }

/* ===============================================
   My Orders
* ===============================================*/
.orders.productControls.top { overflow: hidden; }
.orders.productControls.top input[type=text] { margin-bottom: 0; }

/* ===============================================
   Registration
* ===============================================*/
.progPanel div { display: inline-block; }
.progPanel.step1 div.step1,
.progPanel.step2 div.step2,
.progPanel.step3 div.step3,
.progPanel.step4 div.step4,
.progPanel.step5 div.step5 { text-decoration: underline; }
.progPanel div img { display: block; }
.formCenter.pagingForm { overflow: hidden; margin: 20px auto; }
/*.progPanel + .pagingForm { margin: 20px auto; }*/
.singleRegPanel:not(.js) .jsHidden { display: none; }
.singleRegPanel.js { position: relative; /*width: 3480px;*/ width: 600%; display: inline-block; }
.singleRegPanel.js > .step { display: block; float: left; /*width: 580px;*/ width: 16.6666%; min-height: 1px; overflow-y: auto; }
.singleRegPanel.js:not(.step2) > .retNewStep2, 
.singleRegPanel.js:not(.step2) > .retExStep2,
.singleRegPanel.js:not(.step2) > .conStep2 { max-height: 1px }
.singleRegPanel.js:not(.step3) > .retNewStep3 { max-height: 1px }
.singleRegPanel.js:not(.step4) > .retNewStep4 { max-height: 1px }
.singleRegPanel.js:not(.step3) > .retExStep3 { max-height: 1px }
.singleRegPanel.js:not(.lastStep) > .buttonRow { max-height: 1px }

/* General show and hide for conditional js elements */
.singleRegPanel.js.retNew .jsOnly.retNew { display: block; }
.singleRegPanel.js.retEx .jsOnly.retEx { display: block; }
.singleRegPanel.js.con .jsOnly.con { display: block; }

.singleRegPanel.js .jsAll { display: block; }
.singleRegPanel.js .button.pause { background-color: #f1f1f1; color: #7F8287; border-color: #7F8287; }

/* Hide the extra steps if not needed based on initial declaration */
.singleRegPanel.js.retEx > .step:not(.retEx) { display: none; }
.singleRegPanel.js.retNew > .step:not(.retNew) { display: none; }
    
.singleRegPanel .jsOnly { display: none; }
.singleRegPanel:not(.js) .rbRetailerNew:checked ~ .jsHidden.retNew,
.singleRegPanel/*:not(.js)*/ .rbRetailerNew:checked ~ .jsHidden.retNew .retNew:not(.jsOnly) { display: block; }
.singleRegPanel:not(.js) .rbRetailerExisting:checked ~ .jsHidden.retEx,
.singleRegPanel/*:not(.js)*/ .rbRetailerExisting:checked ~ .jsHidden.retEx .retEx:not(.jsOnly) { display: block; }
.singleRegPanel:not(.js) .rbConsumer:checked ~ .jsHidden.con,
.singleRegPanel/*:not(.js)*/ .rbConsumer:checked ~ .jsHidden.con .con:not(.jsOnly) { display: block; }
.sameAsBillingCheck:checked ~ .sameAsBillingGroup { display: none; }

.singleRegPanel.js.step1 { margin-left: 0%; }
.singleRegPanel.js.step2 { margin-left: 0%; }
.singleRegPanel.js.step3.retNew { margin-left: 0%; }
.singleRegPanel.js.step4.retNew { margin-left: 0%; }
.singleRegPanel.js.step3.retEx { margin-left: 0%; }
/* Page load styles if js is running, and they got a server error */
.singleRegPanel.js.errStep1 { margin-left: 0%; }
.singleRegPanel.js.errStep2 { margin-left: -100%; }
.singleRegPanel.js.errStep3.retNew { margin-left: -200%; }
.singleRegPanel.js.errStep4.retNew { margin-left: -300%; }
.singleRegPanel.js.errStep3.retEx { margin-left: -200%; }

/*.singleRegPanel.js.animated .button:not(.pause) { -webkit-animation: buttonActivation 0.7s forwards; -webkit-animation-delay: 0.0s; animation: buttonActivation 0.7s forwards; animation-delay: 0.0s; }
@-webkit-keyframes buttonActivation { 0% { background-color: #f1f1f1; } 100% { background-color: #fff; } }
@keyframes buttonActivation { 0% { background-color: #f1f1f1; } 100% { background-color: #fff; } }*/
.singleRegPanel.js.animated .button:not(.pause):hover { background-color: #0587b6; }
.singleRegPanel label.desc.step1 { font-weight: bold; }

/* BEGIN: Step 1 animations */
/* Step 1 can only be animated to through .prev, so .prev is the only animation needing to be defined */
/* Step 2 -> Step 1 (.prev1) */
/* .prev1.singleRegPanel Margin for slide */
.singleRegPanel.js.prev1.step1 { -webkit-animation: slide1prev 0.5s forwards; -webkit-animation-delay: 0.0s; animation: slide1prev 0.5s forwards; animation-delay: 0.0s; }
@-webkit-keyframes slide1prev { 0% { margin-left: -100%; } 100% { margin-left: 0%; } }
@keyframes slide1prev { 0% { margin-left: -100%; } 100% { margin-left: 0%; } }
/* .step2.prev2 height for panel height adjustment */
.singleRegPanel.js.prev1.step1 .step2 { -webkit-animation: slide1prevStep2Height 0.5s forwards; -webkit-animation-delay: 0.0s; animation: slide1prevStep2Height 0.5s forwards; animation-delay: 0.0s; }
@-webkit-keyframes slide1prevStep2Height { 0% { max-height: 1000px; } 100% { max-height: 1px; } }
@keyframes slide1prevStep2Height { 0% { max-height: 1000px; } 100% { max-height: 1px; } }

/* Step 3 -> Step 1 (.prev2) */
/* .prev1.singleRegPanel Margin for slide */
.singleRegPanel.js.prev2.step1 { -webkit-animation: slide1prev2 0.5s forwards; -webkit-animation-delay: 0.0s; animation: slide1prev2 0.5s forwards; animation-delay: 0.0s; }
@-webkit-keyframes slide1prev2 { 0% { margin-left: -200%; } 100% { margin-left: 0%; } }
@keyframes slide1prev2 { 0% { margin-left: -200%; } 100% { margin-left: 0%; } }
/* .step2.prev3 height for panel height adjustment */
.singleRegPanel.js.prev2.step1 .step3 { -webkit-animation: slide1prev2Step3Height 0.5s forwards; -webkit-animation-delay: 0.0s; animation: slide1prev2Step3Height 0.5s forwards; animation-delay: 0.0s; }
@-webkit-keyframes slide1prev2Step3Height { 0% { max-height: 1000px; } 100% { max-height: 1px; } }
@keyframes slide1prev2Step3Height { 0% { max-height: 1000px; } 100% { max-height: 1px; } }

/* Step 4 -> Step 1 (.prev3) */
/* .prev1.singleRegPanel Margin for slide */
.singleRegPanel.js.prev3.step1 { -webkit-animation: slide1prev3 0.5s forwards; -webkit-animation-delay: 0.0s; animation: slide1prev3 0.5s forwards; animation-delay: 0.0s; }
@-webkit-keyframes slide1prev3 { 0% { margin-left: -300%; } 100% { margin-left: 0%; } }
@keyframes slide1prev3 { 0% { margin-left: -300%; } 100% { margin-left: 0%; } }
/* .step2.prev4 height for panel height adjustment */
.singleRegPanel.js.prev3.step1 .step4 { -webkit-animation: slide1prev3Step4Height 0.5s forwards; -webkit-animation-delay: 0.0s; animation: slide1prev3Step4Height 0.5s forwards; animation-delay: 0.0s; }
@-webkit-keyframes slide1prev3Step4Height { 0% { max-height: 1000px; } 100% { max-height: 1px; } }
@keyframes slide1prev3Step4Height { 0% { max-height: 1000px; } 100% { max-height: 1px; } }
/* END: Step 1 animations */

/* BEGIN: Step 2 animations */
/* Step 2 .next animation from Step 1 */
/* .next1.singleRegPanel Margin for slide */
.singleRegPanel.js.next.step2 { -webkit-animation: slide2next 0.5s forwards; -webkit-animation-delay: 0.0s; animation: slide2next 0.5s forwards; animation-delay: 0.0s; }
@-webkit-keyframes slide2next { 0% { margin-left: 0%; } 100% { margin-left: -100%; } }
@keyframes slide2next { 0% { margin-left: 0%; } 100% { margin-left: -100%; } }
/* .step2.next height for panel height adjustment */
.singleRegPanel.js.next.step2 .step2 { -webkit-animation: slide1nextStep2Height 0.5s forwards; -webkit-animation-delay: 0.0s; animation: slide1nextStep2Height 0.5s forwards; animation-delay: 0.0s; }
@-webkit-keyframes slide1nextStep2Height { 0% { max-height: 1px; } 100% { max-height: 1000px; } }
@keyframes slide1nextStep2Height { 0% { max-height: 1px; } 100% { max-height: 1000px; } }

/* Step 2 .prev animation from either Step 3 or from Step 4 */
/* Step 3 -> Step 2 (.prev1) */
.singleRegPanel.js.prev1.step2 { -webkit-animation: slide2prev 0.5s forwards; -webkit-animation-delay: 0.0s; animation: slide2prev 0.5s forwards; animation-delay: 0.0s; }
@-webkit-keyframes slide2prev { 0% { margin-left: -200%; } 100% { margin-left: -100%; } }
@keyframes slide2prev { 0% { margin-left: -200%; } 100% { margin-left: -100%; } }
/* .step2.prev1 height for panel height adjustment */
.singleRegPanel.js.prev1.step2 .step2 { -webkit-animation: slide2prev1Step2Height 0.5s forwards; -webkit-animation-delay: 0.0s; animation: slide2prev1Step2Height 0.5s forwards; animation-delay: 0.0s; }
@-webkit-keyframes slide2prev1Step2Height { 0% { max-height: 1px; } 100% { max-height: 1000px; } }
@keyframes slide2prev1Step2Height { 0% { max-height: 1px; } 100% { max-height: 1000px; } }
/* Step 4 -> Step 2 (.prev2) */
.singleRegPanel.js.prev2.step2 { -webkit-animation: slide2prev2 0.5s forwards; -webkit-animation-delay: 0.0s; animation: slide2prev2 0.5s forwards; animation-delay: 0.0s; }
@-webkit-keyframes slide2prev2 { 0% { margin-left: -300%; } 100% { margin-left: -100%; } }
@keyframes slide2prev2 { 0% { margin-left: -300%; } 100% { margin-left: -100%; } }
/* .step2.prev2 height for panel height adjustment */
.singleRegPanel.js.prev2.step2 .step2 { -webkit-animation: slide2prev2Step2Height 0.5s forwards; -webkit-animation-delay: 0.0s; animation: slide2prev2Step2Height 0.5s forwards; animation-delay: 0.0s; }
@-webkit-keyframes slide2prev2Step2Height { 0% { max-height: 1px; } 100% { max-height: 1000px; } }
@keyframes slide2prev2Step2Height { 0% { max-height: 1px; } 100% { max-height: 1000px; } }
/* END: Step 2 animations */

/* BEGIN: Step 3 animations */
/* Step 3 .next.retNew animation from Step 2 */
.singleRegPanel.js.next.step3.retNew { -webkit-animation: slide3retNewNext 0.5s forwards; -webkit-animation-delay: 0.0s; animation: slide3retNewNext 0.5s forwards; animation-delay: 0.0s; }
@-webkit-keyframes slide3retNewNext { 0% {  margin-left: -100%; } 100% { margin-left: -200%; } }
@keyframes slide3retNewNext { 0% {  margin-left: -100%; } 100% { margin-left: -200%; } }
/* .step3.next height for panel height adjustment */
.singleRegPanel.js.next.step3.retNew .step3 { -webkit-animation: slide3retNewNextHeight 0.5s forwards; -webkit-animation-delay: 0.0s; animation: slide3retNewNextHeight 0.5s forwards; animation-delay: 0.0s; }
@-webkit-keyframes slide3retNewNextHeight { 0% { max-height: 1px; } 100% { max-height: 1000px; } }
@keyframes slide3retNewNextHeight { 0% { max-height: 1px; } 100% { max-height: 1000px; } }

/* Step 3 .prev can only be animated to from Step 4 .retNew, so .prev1.retNew is the only .prev animation needing to be defined, and it comes from .step4.retNew */
.singleRegPanel.js.prev1.step3.retNew { -webkit-animation: slide3retNewPrev 0.5s forwards; -webkit-animation-delay: 0.0s; animation: slide3retNewPrev 0.5s forwards; animation-delay: 0.0s; }
@-webkit-keyframes slide3retNewPrev { 0% {  margin-left: -300%; } 100% { margin-left: -200%; } }
@keyframes slide3retNewPrev { 0% {  margin-left: -300%; } 100% { margin-left: -200%; } }
/* .step3.prev1 height for panel height adjustment */
.singleRegPanel.js.prev1.step3 .step3 { -webkit-animation: slide3prev1Step3Height 0.5s forwards; -webkit-animation-delay: 0.0s; animation: slide3prev1Step3Height 0.5s forwards; animation-delay: 0.0s; }
@-webkit-keyframes slide3prev1Step3Height { 0% { max-height: 1px; } 100% { max-height: 1000px; } }
@keyframes slide3prev1Step3Height { 0% { max-height: 1px; } 100% { max-height: 1000px; } }

/* Step 3 .next.retEx animation from Step 2 */
.singleRegPanel.js.next.step3.retEx { -webkit-animation: slide3retExNext 0.5s forwards; -webkit-animation-delay: 0.0s; animation: slide3retExNext 0.5s forwards; animation-delay: 0.0s; }
@-webkit-keyframes slide3retExNext { 0% {  margin-left: -100%; } 100% { margin-left: -200%; } }
@keyframes slide3retExNext { 0% {  margin-left: -100%; } 100% { opacity: 1;margin-left: -200%; } }
/* .step3.next height for panel height adjustment */
.singleRegPanel.js.next.step3.retEx .step3 { -webkit-animation: slide3retExNextHeight 0.5s forwards; -webkit-animation-delay: 0.0s; animation: slide3retExNextHeight 0.5s forwards; animation-delay: 0.0s; }
@-webkit-keyframes slide3retExNextHeight { 0% { max-height: 1px; } 100% { max-height: 1000px; } }
@keyframes slide3retExNextHeight { 0% { max-height: 1px; } 100% { max-height: 1000px; } }
/* END: Step 3 animations */

/* BEGIN: Step 4 animations */
/* Step 4 can only be animated to through .next, so .next is the only animation needing to be defined, and it comes from .step3.retNew */
.singleRegPanel.js.next.step4.retNew { -webkit-animation: slide4retNewNext 0.5s forwards; -webkit-animation-delay: 0.0s; animation: slide4retNewNext 0.5s forwards; animation-delay: 0.0s; }
@-webkit-keyframes slide4retNewNext { 0% {  margin-left: -200%; } 100% { margin-left: -300%; } }
@keyframes slide4retNewNext { 0% {  margin-left: -200%; } 100% { margin-left: -300%; } }
/* .step3.next height for panel height adjustment */
.singleRegPanel.js.next.step4.retNew .step4 { -webkit-animation: slide4retNewNextHeight 0.5s forwards; -webkit-animation-delay: 0.0s; animation: slide4retNewNextHeight 0.5s forwards; animation-delay: 0.0s; }
@-webkit-keyframes slide4retNewNextHeight { 0% { max-height: 1px; } 100% { max-height: 1000px; } }
@keyframes slide4retNewNextHeight { 0% { max-height: 1px; } 100% { max-height: 1000px; } }
/* END: Step 4 animations */

/* BEGIN: Progress bar animations */
@-webkit-keyframes stepanimation {
  from { left: 0%; }
  to { left: 50%; }
}
@keyframes stepanimation {
  from { left: 0%; }
  to { left: 50%; }
}
.progPanel { color: #3e3e3e; font-family: 'Raleway', Verdana, Helvetica, Arial, sans-serif; margin: 30px auto 20px auto; padding-bottom: 75px; max-width: 700px; position: relative; }
.progPanel ul.stepsBar { -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
background-size: 35px 35px; background: rgb(220,223,224);
background: -moz-linear-gradient(top, rgba(220,223,224,1) 0%, rgba(233,234,234,1) 100%);
background: -webkit-linear-gradient(top, rgba(220,223,224,1) 0%,rgba(233,234,234,1) 100%); 
background: linear-gradient(to bottom, rgba(220,223,224,1) 0%,rgba(233,234,234,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdfe0', endColorstr='#e9eaea',GradientType=0 );
  border-radius: 15px; height: 15px; margin: 0 auto; padding: 0; position: absolute; text-indent: 0; width: 100%; }
.progPanel ul.stepsBar:before { background-size: 35px 35px; background: rgb(14,157,222);
background: -moz-linear-gradient(top, rgba(14,157,222,1) 0%, rgba(4,164,225,1) 100%);
background: -webkit-linear-gradient(top, rgba(14,157,222,1) 0%,rgba(4,164,225,1) 100%); 
background: linear-gradient(to bottom, rgba(14,157,222,1) 0%,rgba(4,164,225,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e9dde', endColorstr='#04a4e1',GradientType=0 );
-webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
border-radius: 15px; content: " "; height: 15px; left: 0; position: absolute; width: 15%; }
.progPanel ul.stepsBar li { color: #3e3e3e; display: inline-block; margin: 50px 0 0; padding: 0; position: relative; text-align: center; width: 33%; }
.progPanel ul.stepsBar li:nth-child(1):before { content: "1"; }
.progPanel ul.stepsBar li:nth-child(2):before { content: "2"; }
.progPanel ul.stepsBar li:nth-child(3):before { content: "3"; }
.progPanel ul.stepsBar li:nth-child(4):before { content: "4"; }
.progPanel ul.stepsBar li:before { -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
background: #dee1e1; border: 2px solid #eaedec; border-radius: 50%; color: #c6c6c6; font-family: 'Raleway', Verdana, Helvetica, Arial, sans-serif; font-size: 26px; height: 45px; left: 40%; line-height: 41px; position: absolute; top: -65px; width: 45px; z-index: 99; }

.progPanel ul.stepsBar li.active { color: #3e3e3e; }
.progPanel ul.stepsBar li.active:before { background: rgb(16,206,132);
background: -moz-linear-gradient(top, rgba(16,206,132,1) 0%, rgba(4,220,166,1) 100%);
background: -webkit-linear-gradient(top, rgba(16,206,132,1) 0%,rgba(4,220,166,1) 100%); 
background: linear-gradient(to bottom, rgba(16,206,132,1) 0%,rgba(4,220,166,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#0dd18c',GradientType=0 );
color: #fff; font-family: 'Raleway', Verdana, Helvetica, Arial, sans-serif; z-index: 99; }
.stepsBar li.active:after { -webkit-animation: stepanimation 3s 0s; animation: stepanimation 3s 0s;
  background-size: 35px 35px; background: rgb(16,206,132);
  background: -moz-linear-gradient(top, rgba(16,206,132,1) 0%, rgba(4,220,166,1) 100%);
  background: -webkit-linear-gradient(top, rgba(16,206,132,1) 0%,rgba(4,220,166,1) 100%); 
  background: linear-gradient(to bottom, rgba(16,206,132,1) 0%,rgba(4,220,166,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#0dd18c',GradientType=0 );
  -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
          box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
  content: ""; border-radius: 15px; height: 15px; width: 100%; left: 50%; position: absolute; top: -50px; z-index: 0; }

/* Existing Retailer Progress*/ 
.progPanel.retEx { max-width: 500px; }
.progPanel.retEx ul.stepsBar li { width: 50%; }
.progPanel.retEx ul.stepsBar:before { width: 22%; }
.progPanel.retEx .stepsBar li.step3.active:after { width: 50%; }

/* Confirmation Status */
.progPanel.complete { margin: 10px auto 25px auto;}

/* New Retailer Confirmation Status */
.progPanel.retNew.complete ul.stepsBar li { width: 24.5%; }
.progPanel.retNew.complete ul.stepsBar:before { width: 20%; }
.progPanel.retNew.complete ul.stepsBar li.step3.active:after { width: 20%; }
.progPanel.retNew.complete ul.stepsBar li.complete.last { width: 17.5%; }
.progPanel.retNew.complete ul.stepsBar li.complete.last:after { border-radius: 15px; }
.progPanel.retNew.complete li span  { margin: 0 26%; text-align: center; display: inline-block; }

/* Existing Retailer Confirmation Status */
.progPanel.retEx.complete { max-width: 580px; }
.progPanel.retEx.complete ul.stepsBar li.complete.first { width: 30%; }
.progPanel.retEx.complete ul.stepsBar li.complete.first:after { left: 60%; }
.progPanel.retEx.complete ul.stepsBar li { width: 40%; }
.progPanel.retEx.complete ul.stepsBar:before { width: 15%; }
.progPanel.retEx.complete ul.stepsBar li.complete.last { width: 19%; }
.progPanel.retEx.complete ul.stepsBar li.complete.last:after { border-radius: 15px; }
.progPanel.retEx.complete li span  { margin: 0 26%; text-align: center; display: inline-block; }

/* Consumer Confirmation Status */
.progPanel.con.complete ul.stepsBar li { width: 56%; }
.progPanel.con.complete ul.stepsBar:before { width: 26%; }
.progPanel.con.complete ul.stepsBar li.complete.last { width: 29%; }
.progPanel.con.complete ul.stepsBar li.complete.last:after { border-radius: 15px; }
.progPanel.con.complete li span  { width: 100%; margin: 0; text-align: center; display: inline-block; }

.stepsBar li.active:nth-child(3):after { width: 62%; }

.progPanel ul.stepsBar li.complete { color: #3e3e3e; z-index: 99; }
.progPanel ul.stepsBar li.complete:before { background: rgb(14,157,222);
background: -moz-linear-gradient(top, rgba(14,157,222,1) 0%, rgba(4,164,225,1) 100%);
background: -webkit-linear-gradient(top, rgba(14,157,222,1) 0%,rgba(4,164,225,1) 100%); 
background: linear-gradient(to bottom, rgba(14,157,222,1) 0%,rgba(4,164,225,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e9dde', endColorstr='#04a4e1',GradientType=0 );
color: #fff; content: "\f00c"; font-family: 'FontAwesome'; font-size: 21px; line-height: 45px; z-index: 99; }
.progPanel ul.stepsBar li.complete:after { background-size: 35px 35px; background: rgb(14,157,222);
background: -moz-linear-gradient(top, rgba(14,157,222,1) 0%, rgba(4,164,225,1) 100%);
background: -webkit-linear-gradient(top, rgba(14,157,222,1) 0%,rgba(4,164,225,1) 100%); 
background: linear-gradient(to bottom, rgba(14,157,222,1) 0%,rgba(4,164,225,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e9dde', endColorstr='#04a4e1',GradientType=0 ); -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2); content: ""; height: 15px; left: 50%; position: absolute; top: -50px; width: 100%; z-index: 9; }
.progPanel ul.stepsBar a { color: #3e3e3e; font-size: 1em; text-decoration: none; }

@media all and (max-width:520px) {
  .progPanel { padding-bottom: 90px; }
  .singleRegPanel input.rbRetailerNew.step1.required, .singleRegPanel input.rbRetailerExisting.step1.required, .singleRegPanel input.rbConsumer.step1.required { display: inline-block; width: 4%; vertical-align: top; }
  .singleRegPanel label.step1 { display: inline-block; width: 85%; }
  .progPanel ul.stepsBar li { width: 30%; }
  .progPanel ul.stepsBar li span{ display: block; width: 75%; margin: 0 23%; padding: 0 10px; text-align: center; }
  .stepsBar li.active:nth-child(3):after { width: 83%; }
  /* Existing Retailer Progress*/ 
  .progPanel.retEx ul.stepsBar li { width: 48%; }
  .progPanel.retEx .stepsBar li.step3.active:after  { width: 58%; }
  .progPanel.retEx .stepsBar li span  { width: 53%; margin: 0 24%; }
  
  /* New Retailer Confirmation Status */
  .progPanel.retNew.complete { max-width: 500px; margin: 10px 15px 25px 0;}
  .progPanel.retNew.complete ul.stepsBar li { width: 22%; }
  .progPanel.retNew.complete .stepsBar li.complete.last { width: 22%; }
  .progPanel.retNew.complete li span  { width: auto; }
  .progPanel.retNew.complete .stepsBar li.complete:after { left: 47%; }
  
  /* Existing Retailer Confirmation Status */
  .progPanel.retEx.complete ul.stepsBar li.complete.first { width: 26%; }
  .progPanel.retEx.complete ul.stepsBar li.complete.first:after { left: 70%; }
  .progPanel.retEx.complete ul.stepsBar li { width: 40%; }
  .progPanel.retEx.complete ul.stepsBar li.complete.last { width: 21%; }
  .progPanel.retEx.complete li span  { margin: 0 26%; }
  
  /* Consumer Confirmation Status */
  .progPanel.con.complete ul.stepsBar li { width: 52%; }
  .progPanel.con.complete ul.stepsBar li.complete.last { width: 31%; }
  .progPanel.con.complete ul.stepsBar li.complete.last:after { border-radius: 15px; }
  .progPanel.con.complete li span  { width: 92%; margin: 0 8%; }    
}
@media all and (max-width:380px) {
  .progPanel ul.stepsBar li span{ width: 100%; margin: 0 17%; padding: 0; }
  /* Existing Retailer Progress*/ 
  .progPanel.retEx .stepsBar li span  { width: 59%; }
}
/* END: Progress bar animations */

/* BEGIN: Paging Form */
.pagingForm .formRow { margin: 0; }
.pagingForm .formRow.buttonRow { float: right; width: 74%; }
.pagingForm .formRow.buttonRow > div { float: left; width: auto; margin-top: 0; margin-bottom: 20px; }
.pagingForm .formRow input[type=text], .pagingForm .formRow input[type=email], .pagingForm .formRow input[type=url], .pagingForm .formRow input[type=password], .pagingForm .formRow textarea { padding: 7px 8px; }
.pagingForm .formRow input[type='submit']:focus { background-color: #0587b6; }
.pagingForm input[type='button'].button { width: auto; float: none; margin-right: 20px; }
.pagingForm select { margin-bottom: 5px; }
.pagingForm .formRow.buttonRow .formRow.error { clear: right; float: left; width: 100%; }
.singleRegPanel .formRow .button { margin-top: 20px; }
.singleRegPanel h2  { margin-top: 20px; margin-bottom: 5px; }
.singleRegPanel h2:first-child { margin-top: 10px; }
.retEx h1 { margin-top: 10px; }
label[for="rblPreferToViewProducts"] { margin-bottom: 13px; }
/* END: Paging Form */

/* ===============================================
   Checkout
   ===============================================*/
.accordion.customer.columns, .accordion.checkout.columns, .accordion.newcustomer.columns, .accordion.shipping.columns, .accordion.payment.columns, .accordion.order.columns,.accordion.delivery.columns { margin:0; }
.accordion.customer { margin-top:0; background:#FFF;}
.accordion.customer .row { border-bottom:none; margin:6px 6px; padding:6px 6px; background-color:#FFF; }
.accordion.customer .row .title { background-color:#F1F1F1; padding:11px 11px; font-size:1.313rem; font-weight:bold; border-left:1px solid #f1f1f1; border-right:1px solid #f1f1f1; border-top:1px solid #f1f1f1;}
.accordion.customer .row > .content { padding:11px 7px; border-left:1px solid #f1f1f1; border-right:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; }
.accordion.customer .row > .content .col6:nth-child(2) { margin-right:0; margin-left:1%;}
.accordion.checkout { margin-top:0; margin-bottom:0; }
.accordion.checkout .columns { margin-bottom:0 !important; }
.accordion.checkout .row { border-bottom:none; padding:10px 0 15px 0; border-bottom:1px solid #f1f1f1; }
.accordion.checkout .row i { padding:0; }
.accordion.checkout .row i:before { color:#000; font-size: .750em; }
.accordion.checkout .content { padding:0; border-left:0!important; border-right:0!important; border-bottom:0!important; padding:0 !important;}
.accordion.checkout .content p { margin-bottom:15px; }
.accordion.checkout #mainBody_checkoutEmailAddressLabel, .accordion.checkout #mainBody_checkoutpwdLabel { font-size:0.875rem; }
.accordion.checkout #mainBody_checkoutPassword { margin-bottom:0; }
.accordion.checkout a.forgotpassword { font-size:.750rem; }
.accordion.checkout .placeholder { width:100%; }
.accordion.checkout .button { width:100%; margin-top:15px; text-transform: uppercase; font-family: 'Josefin Slab', "Times New Roman", Times, serif; }
.accordion.checkoutStep td { padding: 0; }
.accordion.newcustomer .row i { padding:0; }
.accordion.newcustomer .row i:before { color:#000; font-size: .750em; }
.accordion.newcustomer .content { padding:0; border-left:0!important; border-right:0!important; border-bottom:1px solid #f1f1f1; padding:0 !important;}
.accordion.newcustomer, .accordion.shipping, .accordion.payment, .accordion.order,.accordion.delivery, { margin-top:0; background:#FFF;}
.accordion.newcustomer .row, .accordion.shipping .row, .accordion.payment .row, .accordion.order .row, .accordion.delivery .row { border-bottom:none; margin:6px 6px; padding:6px 6px; background-color:#FFF; }
.accordion.shipping .row .title, .accordion.payment .row .title, .accordion.order .row .title, .accordion.delivery .row .title { background-color:#F1F1F1; padding:11px 11px; font-size:1.313rem; font-weight:bold; border-left:1px solid #f1f1f1; border-right:1px solid #f1f1f1; border-top:1px solid #f1f1f1;}
.accordion.shipping .row > .content, .accordion.payment .row > .content, .accordion.order .row > .content, .accordion.delivery .row > .content { padding:11px 11px; border-left:1px solid #f1f1f1; border-right:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; }
.accordion.shipping .content .col12:first-of-type, .accordion.payment .content .col12:first-of-type { margin-bottom:15px; }
.accordion.shipping span, .accordion.payment span, .accordion.order span, .accordion.delivery span { font-size:0.875rem; }
.accordion.shipping .placeholder, .accordion.payment .placeholder, .accordion.order .placeholder, .accordion.delivery .placeholder { width:100%; }
.accordion.shipping .button, .accordion.payment .button, .accordion.order .button, .accordion.delivery .button { width:100%; margin-top:15px;}
.accordion.shipping #mainBody_shippingState, .accordion.shipping #mainBody_DropDownListDelivery { width:100%; }
.accordion select { background: url(../../_images/svg/downarrow.svg) no-repeat 100% 50%; background-size: contain; padding:8px 8px; -moz-appearance: none; -webkit-appearance: none; -webkit-border-radius: 0px; appearance: none; outline-width: 0; width: 100%; font-size: .875rem; color: #3e3e3e; margin-bottom: 15px; box-sizing: border-box; -ms-flex-align: center; align-items: center; white-space: pre; background-color: white; border: 1px solid #ebebeb; cursor: default; }
.accordion select::-ms-expand { display: none; } /* removes default IE dropdown arrow */
.placeorder.button { padding: 12px 25px; }

/* Your Items */
.yourItems { background:#FFF; margin-top: 15px; border:1px #ebebeb solid; float:right; padding: 14px 2px 2px 2px; margin-bottom:20px;}
.yourItems .divider{ border-bottom: 1px solid #ebebeb; }
.yourItems .divider:last-of-type { border-bottom:0; }
.yourItems .edit { text-align:right; margin-top: 3px; margin-right:0; }
.yourItems .edit a { color: #01a7e1; margin-right:24px; }
.yourItems h2 { padding:0 24px; }
.yourItems .col12 { padding: 15px 24px 10px; }
.yourItems .col12 > .col8 > .col12 { margin-top:-15px; }
.yourItems .qualityTitle { float:left; padding-right:12px; }
.yourItems .qualityTitle, .yourItems .prodPrice { margin-top:12px; }
.yourItems .qualityTitle span { font-weight:normal!important; padding-left:24px; }
.yourItems .inStock { color:#01a7e1; margin-top:12px; }
.yourItems .inStockPrice { margin-top:12px; }
.yourItems .outOfStockNotice { font-size: 0.750rem; color: #ff0000; text-transform: uppercase; line-height: 1.2em; margin: 0; padding: 15px 0 0 0; }
.yourItems .outOfStock .col4 > img { margin-top: 15px; margin-left: 15px; }
.loadMore { color:#01a7e1!important; text-decoration:none; margin-left:5px!important; padding-bottom:20px; display: inline-block; }
.loadMore:after { content: ''; background: url(../../_images/svg/load-more.svg) no-repeat 0 100%; width: 15px; height: 15px; display: inline-block; margin-left: 5px; }

/* Contact Form */
.hidden { display:none; }
select { background: url(../../_images/svg/downarrow.svg) no-repeat 100% 50%; background-size: contain; padding: 8px 32px 8px 8px; -moz-appearance: none; -webkit-appearance: none; -webkit-border-radius: 0px; appearance: none; outline-width: 0; min-width: 65px; width: auto; font-size: .875rem !important; color: #3e3e3e !important; margin-bottom: 15px; box-sizing: border-box; -ms-flex-align: center; align-items: center; white-space: pre; background-color: white; border: 1px solid #ebebeb !important; cursor: default; position: relative; }
input[type=textbox] { box-sizing: border-box; }
/* Chrome Only */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select, input[type=textbox] { min-height: 32px; }
}
select::-ms-expand { display: none; } /* removes default IE dropdown arrow */

/* ===============================================
   RECIPES PAGES - SEO PAGES
   ===============================================*/
.recipe.columns h2 { margin-bottom:20px; }
.recipe.columns .col6:not(:last-of-type) { text-align: center; }
/* padding-bottom and top for image */
.mfp-no-margins img.mfp-img { padding: 0; }
/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after { top: 0; bottom: 0; }
/* padding for main container */
.mfp-no-margins .mfp-container { padding: 0; }
.recipeViewLarger { clear: both; text-align: left; }
.recipe-img-popup.view--larger:before { font-family: 'FontAwesome'; content: '\f002'; margin-right:5px; }

/* Ingredients */
.recipeList { float: left; width: 100%; }
.recipe.columns { border-top:1px solid #ebebeb; display:inline-block; width:100%; padding:25px 0 0;}
.recipe h3, .recipeList h3 { margin-bottom: 10px; }
.recipe.columns .col3 { float:left; margin-bottom:20px; }
.recipe.columns .col3:nth-child(4n) { margin-right:0;}

/* ===============================================
   CATALOG LANDING PAGE
 ===============================================*/
.catalog-block img { margin-bottom: 0; }
.catalog-block { display:block!important; font-family: 'Josefin Slab', "Times New Roman", Times, serif; font-size: 1.185em; margin-bottom: 10px; }
.catalog .button.auto { margin-bottom: 15px; }
.mainContent  a.catalog-block { color: #000; }
.mainContent  a.catalog-block:hover, .mainContent  a.catalog-block:focus { color:#01a7e1; text-decoration: none; }
.mainContent  a.button { color: #0587b6; }
.mainContent  a.button:hover, .mainContent  a.button:focus { color: #fff; }
.mascots { padding: 3px 9px; font-family: 'Josefin Slab', "Times New Roman", Times, serif; font-size: 1.185em; color:#01a7e1; }
/* Catalog Request */
#mainBody_ctrMailForm_cbEverydayCatalog {vertical-align: top;}
#mainBody_ctrCatalogRequest_cbEverydayCatalog, #mainBody_ctrCatalogRequest_cbSeasonalCatalog {vertical-align: top;}
label[for=cbEverydayCatalog], label[for=cbSeasonalCatalog] { width: 0; padding-right: 0; }
label[for=mainBody_ctrCatalogRequest_cbEverydayCatalog] , label[for=mainBody_ctrCatalogRequest_cbSeasonalCatalog] { max-width: 65px; width: 100%; display: inline-block; margin-right: 36px; }
.formRow > div.col6 { width: 47%; float: left; margin-bottom: 10px;}
.formRow > div.col6 { font-weight: bold; }
.formRow > div.col6 img { vertical-align: top; }

/* ===============================================
   jQuery UI Styles Overwrite
* ===============================================*/
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-radius: 0 !important; }
.ui-dialog .ui-dialog-title { font-family: 'Josefin Slab', "Times New Roman", Times, serif; font-size: 1.714em !important; width: 100% !important; }
.ui-widget-header { border: none !important; background: none !important; color: #3e3e3e; text-align: center; }
#dialog_message { text-align: center; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: none !important; background: none !important; }
.ui-widget-overlay { background: #0b0b0b !important; filter: alpha(opacity=65) !important; opacity: 0.65 !important; }
.ui-dialog { padding: 15px !important; width: 96% !important; max-width: 800px !important; margin-left: 2% !important; margin-right: 2% !important; }
.ui-dialog .ui-dialog-content { height: auto !important; text-align: center; }
.ui-dialog .ui-dialog-buttonpane button { white-space: normal; width: auto;cursor: pointer; font-weight: 700; display: inline-block; margin: 0; font-family: 'Josefin Slab', "Times New Roman", Times, serif; max-width: 100%; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; text-decoration: none; text-align: center; }
.ui-dialog .ui-dialog-buttonpane button  {padding: 9px 25px !important; font-size: 13px  !important; text-transform: uppercase  !important; color: #fff  !important; background: #01a7e1  !important; border: 1px solid #01a7e1  !important; vertical-align:top  !important; text-decoration: none  !important; }
.ui-dialog .ui-dialog-buttonpane button:hover { background-color: #0587b6  !important; text-decoration: none  !important; }
.ui-widget button { font-family: 'Josefin Slab', "Times New Roman", Times, serif !important; }
.ui-widget-content { border: none !important; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: none !important; text-align: center; }

/* New Products */
.newProducts ul.slick-dots { bottom: -50px; }
/* New Products Arrows */
.newProducts .slick-prev, .newProducts .slick-next { width: 15px; height: 42px; }
.newProducts .slick-prev { background: url(../images/icons/slider-arrow-gray.png); }
.newProducts .slick-next { background: url(../images/icons/slider-arrow-gray.png); background-position: -15px 0; }

/* Pull Quotes */
.pullQuotes ul.slick-dots { bottom: -60px; }

/* ===============================================
   Slick Slider
* ===============================================*/
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative;display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: -ms-flex; display: -webkit-flex; display: flex; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: auto; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
/* Slider */
.slick-loading .slick-list{ background: #fff url('./ajax-loader.gif') center center no-repeat;}
/* Arrows */
.slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 55px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; border: none; outline: none; z-index: 2; }
.slick-prev { left: -4%; background: url(../images/icons/slider-arrow-gray-large.png); background-repeat: no-repeat; background-position: 0 0; }
.slick-next { right: -4%; background: url(../images/icons/slider-arrow-gray-large.png); background-repeat: no-repeat; background-position: -20px 0; }
/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }
ul.slick-dots { position: absolute; display: block; width: 100%; bottom: -40px; padding: 0; margin: 0; list-style: none; text-align: center; text-indent: 0; }
ul.slick-dots > li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 2px; padding: 0; cursor: pointer; clear: none; }
ul.slick-dots li:before { content: ''; }
ul.slick-dots > li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
ul.slick-dots li button:hover, ul.slick-dots li button:focus { outline: none; }
ul.slick-dots li button:hover:before, ul.slick-dots li button:focus:before { opacity: 1; }
ul.slick-dots > li button:before { font-size: 45px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '\2022'; text-align: center; color: #ccc; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }
ul.slick-dots li.slick-active button:before { color: #8f8f8f; }
@media all and (max-width: 1300px) {
  /* Arrows */
  .slick-prev { left: 0; }
  .slick-next { right: 0; }
}

/* ===============================================
   Flexslider
* ===============================================*/
/* Flexslider Resets */
.flex-container a:hover, .flex-slider a:hover { outline: none; }
.slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }
.flex-pauseplay span { text-transform: capitalize; }
/* Base Styles */
.flexslider { margin: 0; padding: 0; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
.flexslider .slides > .group { display: none; -webkit-backface-visibility: hidden; }
.flexslider .slides img { width: 100%; display: block; }
.flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .flexslider .slides { display: block; }
* html .flexslider .slides { height: 1%; }
.no-js .flexslider .slides > li:first-child { display: block; }
.no-js .flexslider .slides > .group:first-child { display: block; }
/* Default Theme */
.flexslider {  position: relative; zoom: 1; }
.flexslider .slides { zoom: 1; }
.flexslider .slides img { height: auto; -moz-user-select: none; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.carousel li { margin-right: 5px; }
.flex-direction-nav { *height: 0; }
.flex-direction-nav a { text-decoration: none; display: block; width: 20px; height: 55px; position: absolute; top: 39%; z-index: 1; overflow: hidden; opacity: 1; cursor: pointer; color: rgba(0, 0, 0, 0.8); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.flex-direction-nav a:before { display: inline-block; content: ''; }
.flex-direction-nav a.flex-next:before { content: ''; }
.flex-direction-nav .flex-prev { left: 50px; background: url(../images/icons/slider-arrow.png); background-repeat: no-repeat; background-position: 0 0; text-indent: -9999px }
.flex-direction-nav .flex-next { right: 50px; background: url(../images/icons/slider-arrow.png); background-repeat: no-repeat; background-position: -20px 0; text-indent: -9999px }
.flexslider:hover .flex-direction-nav .flex-prev { opacity: 1; left: 50px; }
.flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; }
.flexslider:hover .flex-direction-nav .flex-next { opacity: 1; right: 50px; }
.flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; }
.flex-nav-next:before, .flex-nav-prev:before {content:''!important;}
.flex-direction-nav .flex-disabled { opacity: 0 !important; filter: alpha(opacity=0); cursor: default; z-index: -1; }
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }
.flex-control-nav { width: 100%; text-align: center; padding: 15px 0; margin: 0 !important; background: #fbfbfb; }
.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: #ececec; background: rgba(234, 234, 234, 1); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(234, 234, 234, 1); -moz-box-shadow: inset 0 0 3px rgba(234, 234, 234, 1); -o-box-shadow: inset 0 0 3px rgba(234, 234, 234, 1); box-shadow: inset 0 0 3px rgba(234, 234, 234, 1); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.flex-control-paging li a:hover { background: #8f8f8f; background: rgba(143, 143, 143, 0.7); }
.flex-control-paging li a.flex-active { background: #8f8f8f; background: rgba(143, 143, 143, 1); cursor: default; }
.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
.flex-control-thumbs li { width: 25%; float: left; margin: 0; }
.flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.flex-control-thumbs img:hover { opacity: 1; }
.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }
@media all and (max-width: 1024px) {
  .flex-direction-nav .flex-prev { left: 0; }
  .flex-direction-nav .flex-next { right: 0; }
  .flexslider:hover .flex-direction-nav .flex-prev { left: 5px; }
  .flexslider:hover .flex-direction-nav .flex-next { right: 5px; }
  .flex-direction-nav a { top: 32%; }
  .flex-direction-nav a { width: 20px; height: 55px; top: 32%; }
  .flex-direction-nav .flex-prev { background-position: 10px 0; background-size: 100%; }
  .flex-direction-nav .flex-next { background-position: -10px 0; background-size: 100%; }
}
@media all and (max-width: 960px) {
  /* New Products */
  .newProducts .flex-direction-nav .flex-prev, .newProducts .flex-direction-nav .flex-next, .detailProducts .flex-direction-nav .flex-next { display: none; }
}

/* ===============================================
   Magnific Popup
* ===============================================*/
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.65; filter: alpha(opacity=65); }
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }
.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.mfp-align-top .mfp-container:before { display: none; }
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }
.mfp-ajax-cur { cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }
.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none !important; }
.mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }
.mfp-preloader a { color: #CCC; }
.mfp-preloader a:hover { color: #FFF; }
.mfp-s-ready .mfp-preloader { display: none; }
.mfp-s-error .mfp-content { display: none; }
button.mfp-close, button.mfp-arrow, .closeButton { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; }
button::-moz-focus-inner { padding: 0; border: 0; }
.mfp-close, .closeButton { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #3e3e3e; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus, .closeButton:hover, .closeButton:focus{ color: #3e3e3e; opacity: 1; filter: alpha(opacity=100); }
.mfp-close:active { top: 1px; }
.mfp-close-btn-in .mfp-close { color: #3e3e3e; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; }
.mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; }
.mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; }
.mfp-arrow:active { margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); }
.mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }
.mfp-arrow .mfp-a { top: 8px; }
.mfp-arrow .mfp-b { opacity: 0.7; }
.mfp-arrow-left { background: url(../images/icons/slider-arrow.png) top left !important; background-repeat: no-repeat; width: 20px; height: 55px; background-position: 0 0; left: 40px; padding-left: 40px;}
.mfp-arrow-right { background: url(../images/icons/slider-arrow.png) top right !important; background-repeat: no-repeat; width: 20px; height: 55px;background-position: -20px 0; right: 40px; padding-right: 40px; }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }
.mfp-iframe-holder .mfp-close { top: -40px; }
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; /*box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); */background: #000; }
/* Main image in popup */
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure { line-height: 0; }
.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; }
.mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; }
.mfp-figure figure { margin: 0; }
.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }
.mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; }
.mfp-image-holder .mfp-content { max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }
@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
  .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
  .mfp-img-mobile img.mfp-img { padding: 0; }
  .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
  .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
  .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
  .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; }
}
@media all and (max-width:900px) {
  .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
  .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
  .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
  .mfp-container { padding-left: 6px; padding-right: 6px; }
}
.mfp-ie7 .mfp-img { padding: 0; }
.mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; }
.mfp-ie7 .mfp-container { padding: 0; }
.mfp-ie7 .mfp-content { padding-top: 44px; }
.mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; }
@media all and (max-width:580px) {
  .mfp-arrow-left { background: url(../images/icons/slider-arrow-gray.png) top left !important; width: 15px; height: 40px; }
  .mfp-arrow-right { background: url(../images/icons/slider-arrow-gray.png) top right !important; width: 15px; height: 40px; }
}

/* ===============================================
  DC Social Feed
 ===============================================*/
.social-wall .desktop { display: block; }
.social-wall .mobile { display: none; }
.social-stream.dcsns { width: 100%; }
.dcsns { display: inline-block;list-style: none outside none;margin: 0; }
.dcsns-li{ position: relative; }
.dcsns-toolbar{ display: none!important; }
.dcsns-content, ul.stream { width: 100%!important;height: 375px!important; }
.dcsns-instagram .inner, .dcsns-instagram .section-thumb{ /*width:100%;*/position:relative!important;max-height: 375px; } 
.dcsns-instagram .section-user { position: absolute;bottom: 5px;left: 0;z-index: 1; }
.dcsns-instagram .section-user a{ margin-left:50px;color:#fff;text-decoration: none; }
.dcsns-instagram .section-user a:before{ content:"\f16d";position:absolute;font-family: 'FontAwesome';color:#fff;left:30px;}
.dcsns-instagram .section-thumb, .dcsns-instagram .section-thumb a:after{ content:"";clear:both;display:block; }
.dcsns-instagram .section-thumb a img{ /*float:left;width:100%;min-width: 375px;*/transition: all .2s ease-in-out; }
.dcsns-instagram .section-text, .dcsns-instagram .section-share, .dcsns-instagram .section-meta, .dcsns-instagram .section-intro, .dcsns-instagram > a > img{ display:none!important; }
.mainBody ul.stream { margin: 0 0 20px 0; }
.mainBody .stream li:before,.mainBody .social-slider ul.slides li:before { content:""; }
.mainBody .social-slider ul.slides li { clear: none; list-style: none; margin-bottom: 0; text-align: center; }
.desktop .stream { display: block; }
.desktop .stream li { display: inline-block; clear: none; overflow: hidden; padding: 0; height: 375px !important; position: relative !important; margin: 20px 2.7% 12px 0; max-width: 375px; width: 100%; }
.desktop .stream li:last-child { margin-right: 0; border-right: none; }
.mobile .stream li { display: block; overflow:hidden; clear: none; }
.stream li .inner { overflow: hidden; padding: 0; }
.stream li > img { display: none; }
.stream li .section-title { display: none !important; }
/*.stream li .section-thumb { display: block; float: left; margin: 0; max-height:375px; width: 100%; text-align: center; }
.stream li .section-thumb img { border: none; padding: 0; }
.stream li.dcsns-instagram .section-thumb img { margin: 0; float: left; padding: 0; max-width: 375px;}*/
.section-thumb { overflow: hidden; height: 375px; width: 375px; }
.section-thumb img { position: absolute; left: 50%; top: 50%; height: 100%; width: auto; max-width: none; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.flexslider .slides .section-thumb img { height: 100%; width: auto; }

@media (max-width:1250px) and (min-width:961px) {
  .mainBody ul.stream { margin: 0 auto 20px auto; max-width: 906px;}
  .desktop .stream li { max-width: 295px; margin: 20px 1% 12px 0; }
  .stream li.dcsns-instagram .section-thumb img { /*max-width: 100px;*/ }
}
@media (min-width: 961px) {
  /* MAIN NAVIGATION */
  /* Header Main Navigation */
  .menu { float: left; width: 100%; display: block; }
  /* Header Main Navigation */
  .mainNav { display: table; table-layout: fixed; width: 100%; padding: 5px 0 5px; }
  .mainNav > li { display: table-cell; font-size: 1.286em; text-align: center; }
  .mainNav > li:first-child { text-align: left; padding-left: 5px; }
  .mainNav > li:last-child { text-align: right; padding-right: 5px; }
  .mainNav > li > a, .mainNav > li > span { color: #3e3e3e; margin: 0; display: inline-block; border-bottom: 4px solid transparent; padding: 10px 0 15px 0; text-decoration: none; cursor: pointer; }
  body .mainNav > li:hover > a, body .mainNav > li:focus > a, body .mainNav > li:hover > span, body .mainNav > li:focus > span { color: #3e3e3e; border-bottom: 4px solid #01a7e1; }
  li.dl-back, .dl-menuwrapper li.accountInfo { display: none !important; }
  /* Mega Menu */
  .menu ul li:hover > ul > .mega, .menu ul li:focus > ul  > .mega { display: block; visibility: visible; opacity: 1; transition-delay: 0.4s;}
  .menu .mega{ visibility: hidden; opacity: 0; position: absolute; width: 100%; left: 0; text-align: left; background: rgba(255,255,255,1.0);box-shadow: inset 0px 24px 14px -29px rgba(87,87,87,1); -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition: 0.3s;}
  .menu .mega > .wrapper { padding: 20px; }
  .mega .container { padding-bottom: 20px; overflow: hidden; max-width: 1240px; padding: 0; }
  .megaBottom { width: 100%; padding:15px 0; }
  /* Mega Menu Columns */
  .megaCol{ position:relative; border-right:1px solid #e1e0dd; margin-bottom: -99999px; padding-bottom: 99999px; }
  .megaCol:last-of-type { border-right: none; }
  .megaCol.col2 { width: 17%; }
  .megaCol.col3 { margin-right: 3%; }
  .megaCol.col4 { width: 30%; }
  .megaCol.col2:last-of-type, .megaCol.col3:last-of-type, .megaCol.col4:last-of-type, .megaCol.col6:last-of-type { margin-right: 0; }
  .megaCol ul { vertical-align: top; margin: 0 12% 10px 12%; }
  .megaCol:first-of-type ul { margin: 0 15% 10px 20px; }
  .megaCol:first-of-type ul.desktopOnly { margin: 0 15% 0 24px; }
  .megaCol ul.desktopOnly {margin: 0 12% 0 13%;}
  /* Mega Menu List Items */
  .megaCol li.subSection { font-family: 'Josefin Slab', "Times New Roman", Times, serif; /*font-size: 1.143rem;*/ font-size: 1.05rem; font-weight: 700; margin-bottom: 5px; }
  .megaCol li{ display: block; padding: 0 5px 4px 5px; /*font-size: .875rem;*/ font-size: .845rem; margin-bottom: 4px; }
  .megaCol ul li a{ text-transform: none; margin:0; /*line-height: 1.4;*/ line-height: 1.2; text-decoration: none; }
  .megaCol ul li:hover a, .megaCol ul li:focus a{ text-decoration: underline; }
  /* Mega Menu Image */
  .megaCol img{ display: block; width: 100%; }
  
  /* Social Section */
  .social-stream { max-width: 1188px; }
  .dcsns:last-child { margin-right: 0; }
}
@media all and (max-width:960px) {
  .mainBody .social-wall ul, .mainContent .social-wall li { margin: 0; padding: 0; }
  .dcsns-content, ul.stream { height: 320px!important; margin-top: 20px; }
  .section-thumb { overflow: hidden; height: 320px; width: 320px; margin: 0 auto; }
  .social-wall .desktop { display: none; }
  .social-wall .mobile { display: block; }
  .stream li.dcsns-instagram .section-thumb img { float: none; margin: 0 auto; /*max-width: 350px;*/ }
  .social-stream-1 li:nth-child(n+2) { display: none; }
  .social-stream-2 li:nth-child(1),.social-stream-2 li:nth-child(n+3){ display: none; }
  .social-stream-3 li:nth-child(1),.social-stream-3 li:nth-child(2),.social-stream-3 li:nth-child(4) { display: none; }
  .social-stream-4 li:nth-child(-n+3) { display: none; }

  /* ===============================================
    Mobile Menu
   ===============================================*/
  .megaCol.col2 { width: 100%; margin-right: 0;}
  .megaCol.col3 { width: 100%; margin-right: 0; }
  .megaCol.col4 { width: 100%; margin-right: 0;}
  .megaCol.col6 { width: 100%; margin-right: 0;}
  .dl-menuwrapper { width: 100%; float: right; position: relative; -webkit-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; perspective-origin: 50% 200%; }
  .dl-menuwrapper ul { padding: 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; overflow-y: auto; }
  .dl-menuwrapper li { position: relative; }
  .dl-menuwrapper li a, .dl-menuwrapper li span { font-size: .88rem; border-bottom: 1px solid #ebebeb; display: block; position: relative; padding: 8px 0; margin: 0 15px; outline: none; line-height: 1.4; text-decoration: none; }
  .dl-menuwrapper li.accountInfo { background-color: #f1f1f1; }
  .dl-menuwrapper li.accountInfo a { border-bottom: none; }
  .no-touch .dl-menuwrapper li a:hover { color: #01a7e1; }
  .dl-menuwrapper li.dl-back > a { color: #01a7e1; padding-left: 18px; font-size: 1.143em; }
  .dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after { position: absolute; top: 0; line-height: 36px; font-family: 'FontAwesome'; speak: none; -webkit-font-smoothing: antialiased; content: "\f054"; font-size: .875em; }
  .dl-menuwrapper li.dl-back:after { left: 12px; color: #01a7e1; line-height: 36px; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  .dl-menuwrapper li > a:after { right: 7px; color: #01a7e1; }
  .dl-menuwrapper .dl-menu { margin: 0; position: absolute; width: 100%; opacity: 0; pointer-events: none; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
  .dl-menuwrapper .dl-menu.dl-menu-toggle { transition: all 0.3s ease; }
  .dl-menuwrapper .dl-menu.dl-menuopen { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); transform: translateY(0px); overflow-y: hidden; }
  .dl-menuwrapper .container {padding-left: 0;}
  /* Hide the inner submenus */
  .mega .container > span, .dl-menuwrapper li .dl-submenu { display: none; }
  .dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a { display: none; }
  li.dl-subviewopen > .dl-submenu > div > div > div > div > li , li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > div > div > div > div > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li { display: block; }
  /* Dynamically added submenu outside of the menu context */
  .dl-menuwrapper > .dl-submenu { position: absolute; width: 100%; top: 0; left: 0; margin: 0; }
  /* Animation classes for moving out and in */
  .dl-menu.dl-animate-out-1 { -webkit-animation: MenuAnimOut1 0.4s; animation: MenuAnimOut1 0.4s; }
  .dl-menu.dl-animate-out-2 { -webkit-animation: MenuAnimOut2 0.3s ease-in-out; animation: MenuAnimOut2 0.3s ease-in-out; }
  .dl-menu.dl-animate-out-3 { -webkit-animation: MenuAnimOut3 0.4s ease; animation: MenuAnimOut3 0.4s ease; }
  .dl-menu.dl-animate-out-4 { -webkit-animation: MenuAnimOut4 0.4s ease; animation: MenuAnimOut4 0.4s ease; }
  .dl-menu.dl-animate-out-5 { -webkit-animation: MenuAnimOut5 0.4s ease; animation: MenuAnimOut5 0.4s ease; }
  @-webkit-keyframes MenuAnimOut1 {
      0% { }
      50% { -webkit-transform: translateZ(-250px) rotateY(30deg); }
      75% { -webkit-transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; }
      100% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; }
  }
  @-webkit-keyframes MenuAnimOut2 {
      0% { }
      100% { -webkit-transform: translateX(-100%); opacity: 0; }
  }
  @-webkit-keyframes MenuAnimOut3 {
      0% { }
      100% { -webkit-transform: translateZ(300px); opacity: 0; }
  }
  @-webkit-keyframes MenuAnimOut4 {
      0% { }
      100% { -webkit-transform: translateZ(-300px); opacity: 0; }
  }
  @-webkit-keyframes MenuAnimOut5 {
      0% { }
      100% { -webkit-transform: translateY(40%); opacity: 0; }
  }
  @keyframes MenuAnimOut1 {
      0% { }
    50% { -webkit-transform: translateZ(-250px) rotateY(30deg); transform: translateZ(-250px) rotateY(30deg); }
    75% { -webkit-transform: translateZ(-372.5px) rotateY(15deg); transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; }
    100% { -webkit-transform: translateZ(-500px) rotateY(0deg); transform: translateZ(-500px) rotateY(0deg); opacity: 0; }
  }
  @keyframes MenuAnimOut2 {
    0% { }
    100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; }
  }
  @keyframes MenuAnimOut3 {
    0% { }
    100% { -webkit-transform: translateZ(300px); transform: translateZ(300px); opacity: 0; }
  }
  @keyframes MenuAnimOut4 {
    0% { }
    100% { -webkit-transform: translateZ(-300px); transform: translateZ(-300px); opacity: 0; }
  }
  @keyframes MenuAnimOut5 {
    0% { }
    100% { -webkit-transform: translateY(40%); transform: translateY(40%); opacity: 0; }
  }
  .dl-menu.dl-animate-in-1 { -webkit-animation: MenuAnimIn1 0.3s; animation: MenuAnimIn1 0.3s; }
  .dl-menu.dl-animate-in-2 { -webkit-animation: MenuAnimIn2 0.3s ease-in-out; animation: MenuAnimIn2 0.3s ease-in-out; }
  .dl-menu.dl-animate-in-3 { -webkit-animation: MenuAnimIn3 0.4s ease; animation: MenuAnimIn3 0.4s ease; }
  .dl-menu.dl-animate-in-4 { -webkit-animation: MenuAnimIn4 0.4s ease; animation: MenuAnimIn4 0.4s ease; }
  .dl-menu.dl-animate-in-5 { -webkit-animation: MenuAnimIn5 0.4s ease; animation: MenuAnimIn5 0.4s ease; }
  @-webkit-keyframes MenuAnimIn1 {
    0% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; }
    20% { -webkit-transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; }
    100% { -webkit-transform: translateZ(0px) rotateY(0deg); opacity: 1; }
  }
  @-webkit-keyframes MenuAnimIn2 {
    0% { -webkit-transform: translateX(-100%); opacity: 0; }
    100% { -webkit-transform: translateX(0px); opacity: 1; }
  }
  @-webkit-keyframes MenuAnimIn3 {
    0% { -webkit-transform: translateZ(300px); opacity: 0; }
    100% { -webkit-transform: translateZ(0px); opacity: 1; }
  }
  @-webkit-keyframes MenuAnimIn4 {
    0% { -webkit-transform: translateZ(-300px);    opacity: 0; }
    100% {    -webkit-transform: translateZ(0px); opacity: 1; }
  }
  @-webkit-keyframes MenuAnimIn5 {
    0% { -webkit-transform: translateY(40%); opacity: 0; }
    100% {    -webkit-transform: translateY(0);    opacity: 1; }
  }
  @keyframes MenuAnimIn1 {
    0% { -webkit-transform: translateZ(-500px) rotateY(0deg); transform: translateZ(-500px) rotateY(0deg); opacity: 0; }
    20% { -webkit-transform: translateZ(-250px) rotateY(30deg); transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; }
    100% { -webkit-transform: translateZ(0px) rotateY(0deg); transform: translateZ(0px) rotateY(0deg); opacity: 1; }
  }
  @keyframes MenuAnimIn2 {
    0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; }
    100% { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }
  }
  @keyframes MenuAnimIn3 {
    0% { -webkit-transform: translateZ(300px); transform: translateZ(300px); opacity: 0; }
    100% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; }
  }
  @keyframes MenuAnimIn4 {
    0% { -webkit-transform: translateZ(-300px); transform: translateZ(-300px); opacity: 0; }
    100% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; }
  }
  @keyframes MenuAnimIn5 {
    0% { -webkit-transform: translateY(40%); transform: translateY(40%); opacity: 0; }
    100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
  }
  .dl-menuwrapper > .dl-submenu.dl-animate-in-1 { -webkit-animation: SubMenuAnimIn1 0.4s ease; animation: SubMenuAnimIn1 0.4s ease; }
  .dl-menuwrapper > .dl-submenu.dl-animate-in-2 { -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out; animation: SubMenuAnimIn2 0.3s ease-in-out; }
  .dl-menuwrapper > .dl-submenu.dl-animate-in-3 { -webkit-animation: SubMenuAnimIn3 0.4s ease; animation: SubMenuAnimIn3 0.4s ease; }
  .dl-menuwrapper > .dl-submenu.dl-animate-in-4 { -webkit-animation: SubMenuAnimIn4 0.4s ease; animation: SubMenuAnimIn4 0.4s ease; }
  .dl-menuwrapper > .dl-submenu.dl-animate-in-5 { -webkit-animation: SubMenuAnimIn5 0.4s ease; animation: SubMenuAnimIn5 0.4s ease; }
  @-webkit-keyframes SubMenuAnimIn1 {
    0% { -webkit-transform: translateX(50%); opacity: 0; }
    100% {    -webkit-transform: translateX(0px); opacity: 1; }
  }
  @-webkit-keyframes SubMenuAnimIn2 {
    0% { -webkit-transform: translateX(100%); opacity: 0; }
    100% { -webkit-transform: translateX(0px); opacity: 1; }
  }
  @-webkit-keyframes SubMenuAnimIn3 {
    0% { -webkit-transform: translateZ(-300px); opacity: 0; }
    100% { -webkit-transform: translateZ(0px); opacity: 1; }
  }
  @-webkit-keyframes SubMenuAnimIn4 {
    0% { -webkit-transform: translateZ(300px); opacity: 0; }
    100% { -webkit-transform: translateZ(0px); opacity: 1; }
  }
  @-webkit-keyframes SubMenuAnimIn5 {
    0% { -webkit-transform: translateZ(-200px); opacity: 0; }
    100% { -webkit-transform: translateZ(0); opacity: 1; }
  }
  @keyframes SubMenuAnimIn1 {
    0% { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; }
    100% { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }
  }
  @keyframes SubMenuAnimIn2 {
    0% { -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; }
    100% { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }
  }
  @keyframes SubMenuAnimIn3 {
    0% { -webkit-transform: translateZ(-300px); transform: translateZ(-300px); opacity: 0; }
    100% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; }
  }
  @keyframes SubMenuAnimIn4 {
    0% { -webkit-transform: translateZ(300px); transform: translateZ(300px); opacity: 0; }
    100% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; }
  }
  @keyframes SubMenuAnimIn5 {
    0% { -webkit-transform: translateZ(-200px); transform: translateZ(-200px); opacity: 0; }
    100% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; }
  }
  .dl-menuwrapper > .dl-submenu.dl-animate-out-1 { -webkit-animation: SubMenuAnimOut1 0.4s ease; animation: SubMenuAnimOut1 0.4s ease; }
  .dl-menuwrapper > .dl-submenu.dl-animate-out-2 { -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out; animation: SubMenuAnimOut2 0.3s ease-in-out; }
  .dl-menuwrapper > .dl-submenu.dl-animate-out-3 { -webkit-animation: SubMenuAnimOut3 0.4s ease; animation: SubMenuAnimOut3 0.4s ease; }
  .dl-menuwrapper > .dl-submenu.dl-animate-out-4 { -webkit-animation: SubMenuAnimOut4 0.4s ease; animation: SubMenuAnimOut4 0.4s ease; }
  .dl-menuwrapper > .dl-submenu.dl-animate-out-5 { -webkit-animation: SubMenuAnimOut5 0.4s ease; animation: SubMenuAnimOut5 0.4s ease; }
  @-webkit-keyframes SubMenuAnimOut1 {
    0% { -webkit-transform: translateX(0%); opacity: 1; }
    100% { -webkit-transform: translateX(50%); opacity: 0; }
  }
  @-webkit-keyframes SubMenuAnimOut2 {
    0% { -webkit-transform: translateX(0%); opacity: 1; }
    100% { -webkit-transform: translateX(100%); opacity: 0; }
  }
  @-webkit-keyframes SubMenuAnimOut3 {
    0% { -webkit-transform: translateZ(0px); opacity: 1; }
    100% { -webkit-transform: translateZ(-300px); opacity: 0; }
  }
  @-webkit-keyframes SubMenuAnimOut4 {
    0% { -webkit-transform: translateZ(0px); opacity: 1; }
    100% { -webkit-transform: translateZ(300px); opacity: 0; }
  }
  @-webkit-keyframes SubMenuAnimOut5 {
    0% { -webkit-transform: translateZ(0); opacity: 1; }
    100% { -webkit-transform: translateZ(-200px); opacity: 0; }
  }
  @keyframes SubMenuAnimOut1 {
    0% { -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; }
    100% { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; }
  }
  @keyframes SubMenuAnimOut2 {
    0% { -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; }
    100% { -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; }
  }
  @keyframes SubMenuAnimOut3 {
    0% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; }
    100% { -webkit-transform: translateZ(-300px); transform: translateZ(-300px); opacity: 0; }
  }
  @keyframes SubMenuAnimOut4 {
    0% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; }
    100% { -webkit-transform: translateZ(300px); transform: translateZ(300px); opacity: 0; }
  }
  @keyframes SubMenuAnimOut5 {
    0% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; }
    100% { -webkit-transform: translateZ(-200px); transform: translateZ(-200px); opacity: 0; }
  }
  /* No JS Fallback */
  .no-js .dl-menuwrapper .dl-menu { position: relative; opacity: 1; -webkit-transform: none; transform: none; }
  .no-js .dl-menuwrapper li .dl-submenu { display: block; }
  .no-js .dl-menuwrapper li.dl-back { display: none; }
  .no-js .dl-menuwrapper li > a:not(:only-child) { color: #01a7e1; }
  .no-js .dl-menuwrapper li > a:not(:only-child):after { content: ''; }
}

/* ===============================================
  Media Queries
 ===============================================*/
@media print {
  body { font-size: 70% !important; }
  .header { position: relative; height: 30px !important; }
  .mainBody { padding-top: 10px !important; }
  .LPMcontainer.LPMoverlay, .cartIcon, .leftnav.col3, .utility .desktopOnly, .search, .cartCount, .menu, .messageBanner, #topLink, .footer .col3, .footer .col5, .footer .col4, .printButtons, a#topLink { display: none !important; }
  .mainContent.col12, .mainContent.col9, .container + .container > .mainContent.store.col8 { margin-top: 10px !important; }
  /* Order Confirmation */
  .store.col8 { width: 100%; }
  .productList .group { width: 30% !important; }
  .productList img { width: 50%; }
  .printButtons ~ .col12 { padding-right: 35px !important; }
  /* Footer */
  .footer > .container { padding-top: 5px; }
  .footerNav { margin: 0;}
  .footerNav.col12 ul { width: 100%; }
  .footerNav.col12 ul li{ width: 100%; text-align: center; }
  .footerNav.col12 ul li:nth-child(n+2){display: none;}
  img.itemThumb.printHide { display: none; }
}

@media all and (max-width: 1250px) {
  .container, .impact.interior { padding-left: 15px; padding-right: 15px; }
  .container .impact.interior { padding-left: 0; padding-right: 0; }
  .header .container { padding-right: 0; }
  .utility li:last-child { margin-right: 0; }
  .search { padding-right: 10px; }
  .mainNav > li:last-child { padding-right: 15px; }
  /* Order Summary */
    .orderSummary .container { padding-left:0; padding-right:0; }
    /*Your Items */
    .yourItems .container { padding:0 0; }
}
@media screen and ( max-width: 1200px ) {
    /* View Cart */
    .outOfStockNotice { padding-right:20px; margin: 0px 0 20px 26%; width:auto; }    
}
@media screen and ( max-width: 1135px ) {
    /* View Cart */
    .orderSummary .button { font-size:.750em; }
}
@media screen and (min-width: 1029px) {
  /* View Cart */
  .checkoutColumn.col4 {float: right;}
  .container.detailProductsWrapper { max-width: 65%; float: left; }
}
@media screen and (max-width: 1028px) {
    .mainContent.col8 { width:100%; }
	/* View Cart */
  .checkoutColumn.col4 { width: 100%; }
	.orderSummary { width:100%; float:left; max-width: 100%; }
	.orderSummary .calculateBtn.col12 { margin-top:10px; }
	/* Your Items */
	.yourItemsWrap.col4 { width:100%; float:left; }
}
@media all and (max-width: 1024px) {
  /* Impact Home Slider */
  .impact .caption { padding-left: 35px; padding-right: 35px; }
  .impact.home .slideSVG, .impact.home .slideSVG object { height: auto; max-width: 100%; max-height: 290px; }
  .impact.interior .caption h1.main,.impact.flexslider .caption h2.main { font-size: 6.25vw; }
  .impact.flexslider .caption p.sub, .impact.interior .caption p.sub { font-size: 1.88vw; }
  /* View Cart */
  .orderNotice.col8 { width: 100%; }
}
@media only screen and (max-width: 1028px) and (min-width: 950px)  {
   .outOfStockNotice { padding-right: 20px; margin: 0px 0 20px 1%; width: auto; }
}
@media screen and (min-width: 961px) {
  /* Utility */
  .utility li.tabletOnly { display: none; }
  .utility li.cartCount, .cartCount { padding: 0; }
  /* Listing Pages Title and Content outside of controls */
  .listingOnly { margin-top: 35px; position: relative; z-index: 0; }
  .page-title.listingOnly { margin-left: 25.5%; width: 74.5%; }
  .page-title.listingOnly.view-cart-title { margin-left: 0; }
  .listingOnly ~ .leftnav.col3, .listingOnly ~ div > .leftnav.col3, .listingOnly ~ .mainContent.col9, .listingOnly ~ div > .mainContent.col9 { margin-top: -35px !important; }
  .listingOnly ~ .mainContent.col9, .listingOnly ~ div > .mainContent.col9 { padding-top: 35px !important; }
  .listingOnly ~ .mainContent.col9 ~ .mainContent.col9, .listingOnly ~ div > .mainContent.col9 ~ .mainContent.col9{ padding-top: 0 !important; width: 77.5%; float: right; }
  .mainContent.col9.listingOnly { margin-left: 0; }
  .leftnav ~ .mainContent.col9, .leftnav ~ div > .mainContent.col9 { width: 76.5%; padding-left: 3%; margin-right: 0; border-left: 1px solid #ebebeb; margin-bottom: 30px; }
  /* Product Listing Navigation */
  .productNav.leftnav.fullTablet + .mainContent .listPaging  { float: right; }
  .productNav.leftnav ul { background: none; }
  .productNav.leftnav > ul > .row > .content > ul { margin-bottom: 20px; }
  .productNav.leftnav .content > ul { background-color: #fff; }
}
@media all and (max-width:960px) {
  /* Global */
  .tabletOnly { display: block; }
  .desktopOnly { display: none; }
  /* Mobile Header */ 
  .header { height: 90px; }
  .header .logo, .header .logo.wholesale { width: 65%; padding: 15px 0 10px 0; margin-top: -45px; }
  .header .logo img { max-width: 182px; }
  /* Mobile Utility */
  .utility { /*display: none;*/ float: right; width: 40%; background-color: #fff; }
  .utility li.desktopOnly { display: none; }
  .utility .cartCount { display: block; float: right; background-color: #01a7e1; padding: 0 3px; margin-left: 6px; height: 45px; }
  .utility li.cartCount, .cartCount { margin-left: 7px; margin-right: 0; }
  .utility li.tabletOnly { margin: 0; padding: 0; }
  /* Mobile Search */
  .search { float: left; width: 100%; margin: 0 auto; }
  .search .placeholder { font-size: .875em; width: 95%; box-shadow: none; margin: 0; padding: 5px 9px; }
  .searchButton { width: 22px; height: 18px; margin: 5px 0 0 8px; }
  /* Mobile Menu */
  body.mobileOn { height: 100%; overflow: hidden; }
  .menu .mobileOnly { display: block; clear: both; }
  .menu { background: #fbfbfb; width: 240px; right: -240px; top: 90px; position: fixed; height: 94%; overflow-y: auto; z-index: 15; box-shadow: 0px 8px 10px 0px rgba(87,87,87,1); }
  .dl-menuwrapper { display: block; }
  /* iPhone Landscape Menu Height */
  @media only screen and (min-device-width: 320px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2)and (orientation: landscape) { .menu { height: 75%; } }
  @media only screen and (min-device-width: 320px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3)and (orientation: landscape) { .menu { height: 75%; } }
  /* Android Landscape Menu Height */
  @media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) { .menu { height: 75%; } }
  /* Mobile Menu Buttons */
  #button { float: right; }
  #button:checked ~ .menu { display: block; }
  #button ~ label { display: block; float: right; color: #01a7e1; font-size: 1.5em; position: relative; margin-top: 15px; cursor: pointer; }
  #button ~ label .name, .mobile.cartIcon .name { position: absolute; left: -999999px; }
  .mobileIcon { background: url(../images/icons/mobile-menu-icon.png); background-repeat: no-repeat; background-position: 0px 0px; background-size: 20px; height: 18px; width: 20px; display: block; }
  .mobileOn .mobileIcon { background: url(../images/icons/mobile-menu-icon.png); background-repeat: no-repeat; background-position: 0px -18px; background-size: 20px; height: 18px; width: 20px; }
  .mobile.cartIcon { display: block; float: right; background: url(../images/icons/bb-icons.png); background-repeat: no-repeat; background-position:0px 0px; background-size: 320px; height: 25px; width: 24px; margin: 12px 0 0 14px; }
  .mobile.cartIcon a { display: block; width:24px; height: 25px; }
  .mobile.cartCount { display: block; float: right; background-color: #01a7e1; padding: 0 3px; margin-left: 6px; height: 45px; }
  .utility li.cartCount a, .cartCount a { padding: 12px 6px; display: block; }
  /* Footer */
  .footer > .container { padding-top: 15px; }
  .footer .col3, .footer .col4, .footer .col5, .footer .col6, .footer .col6:last-child { width: 100%; text-align: center; padding-bottom: 20px; }
  .footer .col4, .footer .col6:last-child { padding-bottom: 0; }
  .footer .formRow { margin: 0 auto 10px auto; width: 53%; }
  .socialbar a:first-child { padding-left: 8px; }
  /* Main Body */
  .mainBody { padding-top: 90px; }
  .mainBody.popup { padding: 0; }
  .mainContent.col9 { margin-right: 0; width: 100%; }
  .container .mainContent > .container { padding: 0; }
  /* Impact Home Slider */
  .impact.home { background: #fff; }
  .impact.home .captionwrap { position: relative; margin: 15px auto 0 auto; }
  .impact.home .caption { position: relative; }
  .impact.home .caption.top-right,.impact.home .caption.top-left,.impact.home .caption.bottom-right,.impact.home .caption.bottom-left, .impact.home .caption.center-center { text-align: center; margin: 10px 0; }
  .impact.home .caption .button { margin-top: 5px; }
  .impact.home .caption h1.main, .impact.home .caption h2.main, .impact.home .caption p.sub { text-shadow: none; color: #3e3e3e;}
  .impact.home .caption h1.main, .impact.home .caption h2.main { font-size: 2.4rem; text-align: center; }
  .impact.home .caption p.sub { font-size: 1.1rem; }
  .impact.home a { text-decoration: none; }
  .mainBody .impact.home ul.flex-direction-nav { margin: 0; }
  .tablet .columns.featuredContent { margin-top: 0; }
  /* Homepage Video */
  .impact.home .slides .group img.impactVideo { display: block; }
  /* Message Banner */
  .messageBanner .container { background-image: none !important; }
  /* Featured Banner */
  .featureBanner .container { display: block; padding:0; margin: 0 auto; }
  .featureBanner .container .img{ float: left; display: block; max-width: 100%; width: 100%; padding: 34px 15px 26px 15px; clear: both; }
  .featureBanner .container .img img { float: none; text-align: center; }
  .featureBanner .link { display: block; max-width: 100%; font-size: 2.3rem; line-height: 1.2; padding: 0 10px; clear: both; } 
  /* Featured Tiles */
  .featuredTiles .title { padding: 10px 5px; }
  .featuredTiles .col7 .col12:first-of-type .title { text-align: center; }
  .featuredTiles .col7 .col12:first-of-type { margin-bottom: 4%; }
  /* CTA Area */
  .ctaArea { margin-top: 20px; }
  .ctaArea .col6 { width: 100%; text-align: center; }
  .ctaArea img { float: none; }
  
  /* Sitemap */
  .sitemap div:not(:first-child) { width: 33%; }
  
  /* Left Navigation */
  .leftnav.col3 { width: 100%; margin: 24px 0 0 0; clear: both; border-top: none; border-right: none; }
  .leftnav > ul { width: 100%; }
  .leftnav ul { list-style: none; padding: 0; margin: 0; }
  .leftnav ul li.row { background-color: #fff; position: relative; padding: 0; margin: 0; font-size: 1em; font-weight: 400; cursor: pointer; }
  .leftnav > ul > li.row { border: 1px solid #ebebeb; }
  .leftnav ul li.row:before { content: normal; }
  .leftnav ul li.row > i { display: inline-block; float: right; padding-top: 5px; }
  .leftnav ul li.row > i:before { content: '\f106'; font-family: 'FontAwesome'; font-size: 1rem; color: #01a7e1; padding: 10px 5px; }
  .leftnav ul li.row > input[type=checkbox] { width: 100%; height: 100%; position: absolute; left: 0; z-index: 1; opacity: 0; cursor: pointer; padding: 0; margin: 0; display: inline-block; }
  .leftnav ul li.row > input[type=checkbox]:checked ~ div { margin-top: 0; max-height: 0; opacity: 0; display: none; }
  .leftnav ul li.row > input[type=checkbox]:checked ~ i:before { content: '\f107'; font-family: 'FontAwesome'; }
  .leftnav .title { width: auto; margin: 0; font-size: 1em; display: inline-block; font-family: 'Raleway', Verdana, Helvetica, Arial, sans-serif; font-weight: 400; }
  .leftnav ul li .title a { padding: 5px; }
  .leftnav .content > ul { padding-top: 7px; }
  .leftnav div.content { position: relative; overflow: hidden; opacity: 1; z-index: 2; width: 100%; }
  #mainBody_ctrProductListing_ctrNextopiaAppliedFilters_pnlAppliedFilters > .leftnav div.content { width: 100.5%; }
  .leftnav > ul > li  > .content { position: absolute; border: 1px solid #ebebeb; border-top: 1px solid #fff; padding-bottom: 7px; background: #fff; }
  #mainBody_ctrProductListing_ctrNextopiaAppliedFilters_pnlAppliedFilters > .leftnav > ul > li  > .content { margin-left: -6px; }
  .leftnav div li::-moz-list-bullet {font-size: 0.750em;margin-right: 5px;}
  
  /* Product Listing */
  .impact.interior ~ h1.listingOnly { margin: 5px 0; }
  h1.listingOnly { margin: 22px 0 5px 0; }
  .productNav.leftnav { float: left; width: 49%; margin-top: 0 !important; margin-right: 1%; position: relative; }
  .productNav.leftnav.fullTablet  { width: 99%; margin-bottom: 5px; }
  .productNav ~ .mainContent.col9, .productNav ~ .mainContent.col12 { margin-top: 22px; }
  #mainBody_ctrProductListing_ctrNextopiaAppliedFilters_pnlAppliedFilters > .productNav.leftnav ul li { padding: 0 3px 0 5px; }
  .productControls.top, .productControls.bottom { display: inline-block; }
  .productControls.top  { margin-top: 2px; margin-bottom: 18px; }
  .productControls.bottom  { margin-bottom: 12px; }
  /* Product Listing Items */
  .itemsPerPage, .listPaging { display: block; text-align: center; padding: 4px 5px; }
  .orders .itemsPerPage { display: table-cell; text-align:left; vertical-align: middle; }
  .orders .itemsPerPage > span { display: inline-block; margin-right: 7px; }
  /* Product Listing Sort By */
  .sortBy { float: left; text-align: left; width: 100%; margin-top: 22px; margin-bottom: 20px;}
  .sortBy:after { display: inline-block; content: '\f107'; font-family: 'FontAwesome'; color: #01a7e1; font-size: 1rem; vertical-align: middle; margin-left: -25px; pointer-events: none;}
  .sortBy.desktopOnly {  }
  .sortBy.tabletOnly { display: block; margin-top: 0; float: right; }
  .sortBy > span { display: inline-block; margin-right: 10px; }
  .sortBy select { border: 1px solid #ebebeb; background-color: #fff; padding: 5px 12px 5px 5px; width: 98%; height: 31px; }
  /* Product Details */
  .productDetailInfo .button.addCart { background-position: 31% 3px; padding-left: 18%; }
  /* Wishlist Listing */
  .wishlistNav.leftnav.col3 { margin-top: 0; }
  .wishlistNav ~ .mainContent.col9, .wishlistNav ~ .mainContent.col12 { margin-top: 22px; }
  .nameWishlist { display: block; text-align: center; }
  ul.wishlistControls { text-align: center; padding-left: 0; }
  ul.wishlistControls li.wishBtn { padding-left: 15px; padding-right: 15px; }
  .nameChange { float: none; }
  .wishBtn:first-of-type ul.wishSubMenu { left: 0; }
  /* Store Locator */
  #emailSignUp { float: left; width: 100%; height: auto; margin: 15px auto; }
  .storeListing{ width: 100%; margin-right: 0; margin: 25px 0 15px 0;}
  .storeCell{ width: 50%; }
  #mapContainer { width: 100%; }
  #results .gridBox {width: 25%; padding: 0 2% 0 0; min-height: 120px; }
}

@media all and (min-width: 780px) {
  /* Wishlist */
  .wishlistArea  .desktopOnly { display: block; }
  .wishlistArea  .tabletOnly { display: none; }
}

@media all and (max-width:779px) {
/* Wishlist Items */
  .wishlistArea  .tabletOnly { display: block; }
  .whiteBox .mfp-iframe-holder .mfp-content { max-width: 500px; min-height: 90px; }
  .wishlistArea .group { background: none; min-height: 0; margin: 0 5%; padding: 0; }
  .wishlistArea .group:hover, .wishlistArea .group:focus { box-shadow: none; }
  .wishlistArea .sortBy { width: 100%; margin-top: 0; }
  .wishlistArea .group.col3 { width: 95%; }
  .ui-dialog-content .createWishlist.title.save { padding-top: 0; width: 98%; padding-left: 6px; float: left; }
  .createWishlist.title { width: 100%; padding: 12px; text-align: left; color: #01a7e1; }
  .createWishlist.title:hover, .createWishlist.title:focus { text-decoration: underline; }
  #tbMobileWishListName { margin-bottom: 10px; margin-top: 10px; }
  .wishlistArea .button { width: auto; padding: 9px; margin-bottom: 5px; }
}
@media (min-width: 769px) {
  /* Infographics */
  .infoMain {margin-left: 11%;}
  .infoWrapper .detailWrap { max-width: 215px; }
  /* Wishlist also used in Product Section */
  .productList .wishlist { background-size: 430px; height: 35px; width: 40px; }
  .productList .wishlist.add { background-position: -108px 2px; }
  .productList .wishlist.add:hover, .productList .wishlist.add:focus { background-position: -108px -61px; }
  .productList .wishlist.remove { background-position: -69px 0px; }
  .productList .wishlist.remove:hover, .productList .wishlist.remove:focus { background-position: -69px -63px; }
  /* Footer Newsletter */
  #newsletterForm { padding: 60px 20px 20px 20px; text-align: center; }
}
@media all and (max-width:768px) {
  /*Columns within columns on about page example*/
  .col6.tabletFull { margin-left: 0; margin-right:0; width: 100%; display: inline-block; }
  /* Header Search */
  .search .placeholder { width: 94%; }
  /* Product Listing */
  .productList .group { margin: 0 0 25px 0; }
  .productList .priceBox .quantity .listingQty { margin-bottom: 12px; }
  /* Store Locator */
  #results .gridBox {width: 33%; padding: 0 2% 0 0; }
  /* Infographics */
  .infoWrapper .detailWrap { max-width: 106px; }
}
@media screen and ( min-width: 621px ) {
  /* My Orders */
  .listPaging.orders { float: right; margin-bottom: 10px; }
}
@media screen and ( max-width: 620px ) {
  /* Sitemap */
  .sitemap div:not(:first-child) { width: 45%; }
	/* View Cart */
	.continueShopping a { font-size:2.25vw; }
  /* Responsive Table */
  .table.responsive, .table.responsive .tableRow, .table.responsive .column, .table.responsive .column:before { display: block; }
  .table.responsive, .table.responsive .tableRow .column:last-child { border-bottom: none; }
  .table.responsive .table-head { position: absolute; top: -1000em; left: -1000em; }
  .table.responsive .tableRow { border: 1px solid #DEDEDE; border-top: 2px solid #DEDEDE; border-bottom: 2px solid #DEDEDE; margin: 5px 0; }
  .table.responsive .tableRow .column:nth-child(1) { border-left: none; }
  .table.responsive .tableRow .column:last-child { border-right: none; }
  .table.responsive .tableRow:last-child .column, .table.responsive .column { border-bottom: 1px solid #DEDEDE; }
  .tableRow.mobile { display: block; }
  .table.responsive .column:before { font-weight: bold; padding-right: 20px; content: " "attr(data-label)" "; }
  .table.responsive .column { padding: 5px; }
  .table.viewCart .field { width: 25%; }
  .table.viewCart .total { text-align: left; }
  .table.viewCart .delete { text-align: left; }
  .table.responsive .subtotal, .table.responsive .subtotal .column { border: none!important; margin: 0; }
  .table.responsive .spanFull .column{border:none!important;}
  .table.responsive .column.blank {display: none;}
  /* My Orders */
  .listPaging.orders ul li a { font-size: .9rem; padding: 5px; }
  .listPaging.orders span span { padding: 5px; }
}
@media screen and (min-width: 581px) {
  /* Forms */
  .formCenter { margin: 0 auto; max-width: 580px; width: 100%; }
  input[type=reset]{ margin:0 25px; }
  .clearButton { margin:0 0 0 10px; }
  /* Login User */
  .loginUser.register { max-width: 680px; }
  /* Interior CTA */
  .cta .col3 { width: 22.7%; }
  /* Columns and Buttons */
  .mainContent .interior.columns .button.auto { width: auto; }
  .interior.columns > .col6 { width: 47%; margin-right: 6%; }
  .interior.columns > .col6:last-of-type { margin-right: 0; }
  .interior.columns > .col4 { margin-right: 3.4%; }
  .interior.columns > .col4:last-of-type { margin-right: 0; }
  .registerBtn { margin-top: 47px; }
  /* Interior Columns */
  .interior.columns > .col6 { width: 48%; margin-right: 3.5%; }
}
@media all and (max-width:580px) {
  /* Columns*/
  .col1, .col2, .col2-5, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 { width: 100%; display: inline-block; }
  /* Columns within columns on about page example */
  .interior.columns.interior .col6.tabletFull { width: 48%; display: inline-block; text-align: center; margin-bottom: 0 !important;}
  .col2-5 img {margin-bottom: 0;}
  .col12.extraPadding.half {width: 48%;}
  .col3.half {width: 47%;}
  .tabletImage { float: none; display: block; max-width: 200px; text-align: center; margin: 0 auto; }
  .imgMarginTop { margin-top: 0; }
  /* Interior Columns */
  .interior.columns .col1, .interior.columns .col2, .interior.columns .col3, .interior.columns .col4, .interior.columns .col5, .interior.columns.interior .col6, .interior.columns .col7, .interior.columns .col8, .interior.columns .col9, .interior.columns .col10, .interior.columns .col11 { margin-bottom: 20px; }
  .interior.columns .col1:last-of-type, .interior.columns .col2:last-of-type, .interior.columns .col3:last-of-type, .interior.columns .col4:last-of-type, .interior.columns .col5:last-of-type, .interior.columns.interior .col6:last-of-type, .interior.columns .col7:last-of-type, .interior.columns .col8:last-of-type, .interior.columns .col9:last-of-type, .interior.columns .col10:last-of-type, .interior.columns .col11:last-of-type { margin-bottom: 0; }
      .interior.columns.interior .col6.tabletFull { margin-bottom: 0; }
      
   /* Live Person */
    .LPMcontainer.LPMslider, .LPMcontainer.LPMoverlay { top: 41% !important; }
  
  /* Forms */
  .formRow > div.col6 { width: 100%; }
  .formRow {margin: 0;}
  .formRow > div { margin: 0; }
  .formRow > label,  legend { width: 100%; float: none; margin: 0 0 5px 0; text-align: left; }
  .formRow > div,  .formRow > fieldset > div { width: 98%; float: none; }
  input[type=text],  input[type=email],  input[type=url],  input[type=password],  textarea,  select { width: 100%; margin-bottom: 5px; }
  table input[type=submit], .formRow input[type=submit] { width: 100%; margin-bottom: 12px; }
  .button, .button.auto,input[type='button'].button.auto { width: 100%; margin:10px 0; }
  .clearButton { margin-left:0; }
  label[for=tbMailingAddress2], label[for=tbMailingAddress3], #mainBody_ctrMailForm_rfvBusinessName, #mainBody_ctrMailForm_rfvMailingAddress1, #mainBody_ctrMailForm_rfvContactName,#mainBody_ctrMailForm_rfvMailingCity, #mainBody_ctrMailForm_rfvDaytimePhone, #mainBody_ctrMailForm_rfvEmail, #mainBody_ctrMailForm_cvEmail {display: none;}
  /* Header Search */
  .search .placeholder { width: 89%; }
  /* Footer */
  .footer .formRow { width: 100%; }
  .footer .emailsignup input[type="text"], .footer .emailsignup input[type="submit"] { width: 100%; margin-right: 0; }
  .footerNav { padding: 15px 0; }
  .list_block { text-align: left; }
  /* Impact Home Slider */
  .impact.home .caption .button { width: auto; }
  .impact.home .slideSVG, .impact.home .slideSVG object { height: auto; max-width: 100%; max-height: 215px; }
  .impact.home.vid .slideSVG, .impact.home.vid .slideSVG object  { height: auto; max-width: 100%; max-height: 180px; }
  .impact.home .caption h1.main, .impact.home .caption h2.main { font-size: 1.9rem; }
  .impact.home.flexslider .caption p.sub, .impact.interior .caption p.sub { font-size: 4vw; }
  /* Featured Tiles */
  .featuredTiles .tile { text-align: center; width: 100%; }
  .featuredTiles .tile img { width: 100%; }
  .featuredTiles .col5, .featuredTiles .col6, .featuredTiles .col7 .col12:first-of-type { float: left; margin-bottom: 20px; }
  .featuredTiles .col6:last-of-type { margin-bottom: 0; }
  .featuredTiles .col6:last-of-type .tile { float: left; }
  .featuredTiles .col6:last-of-type img { float: none; text-align: center; }
  .featuredTiles .col6 { margin-right: 0; }
  /* Infographics */
  .infoMain {margin-left: 11%;}
  .infoWrapper { height: auto; margin: 0 auto; width: 100%; max-width: 265px;}
  .infoWrapper .infoText { margin-bottom: 10px; }
  /* Product Listing */
  .productNav.leftnav.fullTablet  { margin-bottom: 15px; }
  .productList.grid { justify-content: space-between; -webkit-justify-content: space-between; }
  .productList .group { margin: 0 0 18px 0; }
  .productList .group, .productList.full .group, .productList .gridSizer, .productList.full .gridSizer { width: 47%; }
  .productList .gutterSizer, .productList.full .gutterSizer { width: 5%; }
  .mainContent.col9 .productList .group, .productList .group.catalog, .mainContent.col9 .productList .group:nth-child(3n), .productList .group.catalog:nth-child(3n) {margin-right: 0;}
  .productList .wishlist { right: 8px; top: 8px; }
  /* Product Listing Sort By */
  .sortBy select { width: 96%; }
  .sortBy.tabletOnly { margin-bottom: 15px; }
  /* Product Details */
  .productDetailInfo .button.addCart { padding-left: 20%; }
  .productDetailImages .zoomGallery { pointer-events: none; cursor: default; text-align: center; } /* disables popup on mobile only */
  .recipe-img-popup.view--larger { visibility: hidden; }
  /* Product Detail Prev/Next/Return Navigation */
  .detailButton.left { width:25%; }
  .detailButton.center { width:50%; }
  .detailButton.right { width:25%; }
  /* Product Reviews */
  .readReviews { display: block; }
  #reziew-area .crt-review-content-wrapper .right { float: left; margin-top: 10px; clear: both; }
  /* Recipe Page */
  .ingredients.columns .interior, .equipment.columns .interior { display:block; }
  .recipe.columns .col6:last-of-type { margin-top:35px; }
  .ingredients.columns .col3, .equipment.columns .col3 { width:48%; float:left; }
  .ingredients.columns .ingredientsWrap .col3:nth-child(2n), .equipment.columns .equipmentWrap .col3:nth-child(2n) { margin-right:0; }
  /* Store Locator */
  .storeCell{ width: 100%; }
  #results .gridBox {width: 48%; padding: 0 2% 0 0; }
  /* Recipe */
  .recipe-img-popup { pointer-events: none; cursor: default; } /* disables popup on mobile only */
  .is--desktop { display:none; }
	.is--mobile { display: block; }
	/* View Cart */
	.calculateBtn.col8, .rightShift.col8 { width:65%; float:left; }
	.subTotalValue.col3, .estTaxValue.col3 { width:22.5%; float:left; }
	.zip.col4 { width:31%; float:left; }
	/*.viewCart .tableRow input[type=checkbox] { margin-top: 40px; }*/
	/*.viewCart .tableRow .column:last-of-type { padding-bottom:20px; }*/
	.outOfStockNotice { font-size: 0.750rem; color: #ff0000; text-transform: uppercase; line-height: 1.2em; margin: 0px 0 20px 2%; padding-right: 0; clear: both; }
	.viewCart.table a { float:left; }
	.viewCart .continueShopping div { margin-bottom:20px; }
	.viewCart .continueShopping a { font-size:0.825rem!important; }
	.viewCart .table-head.col12 { display: none; }
	.viewCart .trWrap.col3 { width:100%; float:left; }
	.viewCart .trWrap.col3 .col2 { width:14%; float:left; }
	.viewCart .trWrap.col3 { width:100%; float:left; }
	.viewCart .trWrap--no-margin.col9 { width:100%; }
	.viewCart .trWrap--no-margin.col9 > .col4:first-child { float:left; width:48%; }
	.viewCart .trWrap--no-margin.col9 > .col2 { float:left; width:48%; margin-right:0; text-indent: 20px; text-align: right; }
	.viewCart .trWrap--no-margin.col9 > .col4:nth-child(4) { float: right; width: 48%; margin-right: 0; text-indent: 28px; text-align: right; }
	.viewCart .trWrap--no-margin.col9 > .col2:nth-child(2):before { content:'Price:'; font-size:inherit; font-weight: normal; font-family: 'Raleway', Verdana, Helvetica, Arial, sans-serif; color:inherit; float:left; display: inline-block;}
	.viewCart .trWrap--no-margin.col9 > .col2:nth-child(3):before { content:'Quantity:'; font-size:inherit; font-weight: normal; font-family: 'Raleway', Verdana, Helvetica, Arial, sans-serif; color:inherit; float:left; display: inline-block;}
	.viewCart .trWrap--no-margin.col9 > .col4:nth-child(4):before { text-align:left; margin-left:-10px; content:'Total:'; font-size:inherit; font-weight: 700; font-family: 'Raleway', Verdana, Helvetica, Arial, sans-serif; color:inherit; float:left; display: inline-block;}
	.viewCart .trWrap--no-margin.col9 > .col2 input[type=text], .trWrap--no-margin.col9 > .col2 select { width:30%; display: block; float:right;}
	.viewCart .trWrap--no-margin.col9 > .col2 input[type=submit] { float: right; clear:both; }
	.viewCart .trWrap--no-margin.col9 > .col4 .totalValue { text-align: right; }
	.table.viewCart .column { padding:10px 5px; }
	/* Order Summary */
	.orderSummary h2 { font-size:1.313rem; }
	.calculateBtn.col8, .rightShift.col8 { font-size:0.875rem; }
    .rightShift + .col3 { width:auto; }
	/*.estimatedTotalValue.col3 { width:auto; float:left; }*/
	/* Your Items */
	.yourItems .col12 { padding:15px 12px 10px 12px; }
	.yourItems .col12.divider > .col8 { width:100%!important; }
	.yourItems .inStock { width:48%!important; float:left!important; }
	.yourItems .inStockPrice .col5 { width:48%!important; float:left!important; }
	.yourItems .col8 { width:65%; float:left; }
	.yourItems .prodTitle { font-size:1rem; }
	.yourItems .prodNumber { font-size:0.750rem; }
	.yourItems .qualityTitle, .yourItems .qualityTitle, .yourItems .inStock, .yourItems .inStockPrice { font-size:0.875rem; }
	.yourItems .inStockPrice { text-align:right; }
  /* My Orders */
  .orders .itemsPerPage { display: block; text-align: left; padding: 4px 5px; }
  /* Sitemap */
  .sitemap div:not(:first-child) { width: 100%; }
}

@media all and (max-width:380px) {
  /* Header Search */
  .search .placeholder { width: 88%; }
  /* Home Impact */
  .impact.home .slideSVG, .impact.home .slideSVG object { height: auto; max-width: 100%; max-height: 190px; }
  .impact.home.vid .slideSVG, .impact.home.vid .slideSVG object { height: auto; max-width: 100%; max-height: 150px; }
}

@media all and (max-width:360px) {
  /* Product Listing */
  .productList .group, .productList.full .group, .productList .gridSizer, .productList.full .gridSizer { width: 100%; }
  .productList .gutterSizer, .productList.full .gutterSizer { width: 0; }
  /* Product Details */
  .productDetailInfo .button.addCart { padding-left: 27%; }
}