@media all and (max-width:400px) { .js-product-count .product-count{color:#fff;font-size:20px;font-size:2rem;vertical-align:text-top} } .banner{clear:both;margin-top:-40px} .banner img{width:100%} @media all and (max-width: 1023px){.banner{margin-top:-20px}} @media all and (max-width: 600px){.banner{display:none}} @media all and (max-width: 768px){.filter{display:block;position:relative}} @media all and (min-width: 769px){.filter{display:inline-block;margin-bottom:5px}}.filter-dropdown.selectedNow{border-bottom:#0063ba 3px solid}.filter-options{display:none;padding:5px 10px 5px 5px;overflow:hidden} @media all and (min-width: 769px){.filter-options{background:#fff;border:#ccc 1px solid;margin-top:-1px;position:absolute;z-index:5}}.filter-option{margin-bottom:5px;-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid-column;white-space:nowrap;position:relative}.filter-option.sub-item{margin-left:20px}.filter-option:last-of-type{margin-bottom:0}.filter-columns{-webkit-column-count:100px;-moz-column-count:100px;column-count:100px;-webkit-column-gap:5;-moz-column-gap:5;column-gap:5}.filter-sectionTitle{width:100%}.filter-label{font-family:"jaf-bernino-sans-condensed","Helvetica Neue",Helvetica,Helmet,Freesans,sans-serif;text-transform:uppercase;font-size:16px;font-size:1.6rem;display:inline-block;font-weight:800;line-height:25px;text-transform:uppercase} @media all and (max-width: 480px){.filter-label{font-size:14px;font-size:1.4rem}} @media all and (max-width: 480px){.product-count{font-size:12px;font-size:1.2rem}} @media all and (max-width: 768px){.filter-section{/*float:right;*/padding-left:0px;width:100%}} @media all and (min-width: 769px) { .filter-clearance-section {display:block;float:right;font-weight:800} .filter-section{margin-right:195px;margin-bottom:-5px;position:relative} } .sort-section{float:right} @media all and (max-width: 768px){.sort-section{float:left;width:65%;padding-right:5px}} @media all and (min-width: 769px){.sort-section{width:180px}}.selectColor{display:inline-block;height:40px;width:40px}.filterAmount{vertical-align:top}.colorName{text-transform:capitalize}.toggle-filters,.hide-filters,.clear-filters,.filters-header .product-count{display:none}.add-filters{border:#ccc 1px solid;cursor:pointer;height:40px;line-height:40px;display:block;padding-right:30px;position:relative;float:right;width:30%}.add-filters:before{font-family:FontAwesome;font-size:25px;font-size:2.5rem;content:'\f0da';position:absolute;right:10px} @media all and (max-width: 768px){.filters{display:none}#toggle-filters:checked ~ .background{position:fixed;overflow:hidden}#toggle-filters:checked ~ .background .listing,#toggle-filters:checked ~ .background .sort-section,#toggle-filters:checked ~ .background #page-title,#toggle-filters:checked ~ .background .header{opacity:.5;filter:alpha(opacity=50)}#toggle-filters:checked ~ .background .add-filters{display:none}#toggle-filters:checked ~ .background .filter-section{overflow:auto;position:fixed;height:100vh;right:0px;top:0;z-index:10;background-color:#fff;width:75%;border:#ccc solid 1px}#toggle-filters:checked ~ .background .filter-section .filters-header{display:block;background-color:#0063ba;width:75%;padding:7px 5px 5px 10px;color:#fff;position:fixed;z-index:5;top:0;right:0}#toggle-filters:checked ~ .background .filter-section .filters-header .btn-light{display:block;border:1px solid #ccc;background-color:#fff;color:#0063ba;font-weight:600;padding:0 5px;cursor:pointer;line-height:25px;line-height:2.5rem}#toggle-filters:checked ~ .background .filter-section .filters-header .hide-filters{float:right}#toggle-filters:checked ~ .background .filter-section .filters-header .clear-filters{float:left}#toggle-filters:checked ~ .background .filter-section .filters-header p{display:block;text-align:center;line-height:15px;line-height:1.5rem}#toggle-filters:checked ~ .background .filter-section .filters-header p.product-count{display:block;color:#ffffff;font-size:11px;font-size:1.1rem;font-weight:100}#toggle-filters:checked ~ .background .filter-section .filters{background:#fff;padding:5px;display:block;margin-top:35px;margin-bottom:100px}}#toggleNav.toggleInput:focus+label,#toggleCart.toggleInput:focus+label{text-decoration:none}.toggleInput:focus+label{text-decoration:underline}.toggleInput:checked ~ .filter-options{display:block}.toggleInput:checked+.filter-dropdown{background:#fff;border-bottom:0} @media all and (max-width: 768px){.toggleInput.checked ~ .filter-options{display:block}.toggleInput.checked+.filter-dropdown{background:#fff;border-bottom:0}} @media all and (max-width: 768px){.filter>.toggleInput:not(.checked) ~ .filter-dropdown:after{font-size:30px;font-size:3rem;content:'+';position:absolute;right:10px}.filter>.toggleInput:not(.checked):checked ~ .filter-dropdown:after{content:'\2013'}.filter-dropdown .selected{display:none}}.filter-dropdown{cursor:pointer;display:block;height:40px;line-height:40px} @media all and (max-width: 768px){.filter-dropdown{border-top:#ccc 1px solid}}@media all and (min-width: 769px){.filter-dropdown{background:#ffffff;border:#ccc 1px solid;min-width:100px;position:relative;padding:0 32px 0 5px}.filter-dropdown::after{font-size:30px;font-size:3rem;color:#888888;content:'\f0d7';font-family:fontAwesome;line-height:40px;position:absolute;top:0;right:5px}}@media all and (min-width: 769px){.filter:hover>.filter-options,.filter-hover>.filter-options{display:block}.filter:hover>.filter-dropdown,.filter-hover>.filter-dropdown{background:#fff;border-bottom:0}.filter:hover>.filter-dropdown::after,.filter-hover>.filter-dropdown::after{content:'\f0d8'}#toggle-filters,.add-filters{display:none}.toggle-filters{background:#fff;border:#ccc 1px solid;margin-top:39px;padding:5px 15px 5px 5px;position:absolute;right:0;z-index:1}}.promoBanner{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear;background:#fff;border:#ccc solid 5px}.promoBanner:hover{border:#0063ba solid 5px}@media all and (min-width: 481px){.promoBanner{height:400px}} @media all and (max-width: 480px){.promoBanner{border:0px}.promoBanner:hover{border:0px}}.promoBanner-imgWrapper{height:100%;overflow:hidden;position:relative} @media all and (max-width: 480px){.promoBanner-imgWrapper{height:400px}}.promoBanner-img{position:absolute;top:0px;left:50%;margin-left:-530px}.promoBanner-textWrapper{height:100%;display:table !important;text-align:center} @media all and (max-width: 480px){.promoBanner-textWrapper{background:#fff;border-bottom:#e6e6e6 1px solid;height:150px}}.promoBanner-text{display:table-cell;vertical-align:middle;padding:15px}.promoBanner-overview>h3{margin-bottom:30px;letter-spacing:0.02rem;text-transform:uppercase}.promoBanner-overview>p{padding-bottom:30px}.jump-refinement{list-style-type:none;padding-left:0}.jump-refinement>li>a{font-family:"jaf-bernino-sans-condensed","Helvetica Neue",Helvetica,Helmet,Freesans,sans-serif;text-transform:uppercase;color:#434343;display:block;line-height:40px} @media all and (max-width: 768px){.jump-refinement{background:#fff}.jump-refinement>li>a{padding:0 3%}.jump-refinement>li:not(:last-child){border-bottom:#e6e6e6 solid 1px}}@media all and (min-width: 769px){.jump-refinement>li{display:inline-block}.jump-refinement>li>a{border:#ccc 1px solid;padding:0 15px}.jump-refinement>li>a:hover{background:#fff;cursor:pointer}}.listing{background:#fff;margin-bottom:15px;padding-bottom:15px} @media all and (min-width: 769px){.listing.styles-droplet{margin-bottom:20px}}.no-products-found{padding-top:15px;padding-left:15px}.product-count{color:#5b5b5b;font-size:20px;font-size:2rem;/*vertical-align:text-top*/}.load-more{margin-top:15px;width:102%;text-transform:lowercase;}.load-more-wrapper{clear:both;margin:0 auto}.product-name{font-weight:bold}.price{display:inline-block;margin:5px 5px 10px 0}.original-price{color:#888;margin-right:5px}.available-colors{float:left}.has-wide-tag{font-size:12px;font-size:1.2rem;font-weight:700;float:right;text-transform:uppercase;color:#fff;padding:1px 5px;background-color:#4f4f4f}.rating{display:none}.product{background:#fff;float:left;position:relative;overflow:hidden;vertical-align:top;width:100%}@media all and (min-width: 769px){.product{height:355px}.product:hover{height:355px;overflow:inherit}}@media all and (max-width: 768px){.productGridSize{width:50%}}@media all and (min-width: 520px) and (min-width: 32.5em){.productGridSize{width:50%}}@media all and (min-width: 780px) and (min-width: 48.75em){.productGridSize{width:33.33333%}}@media all and (min-width: 1040px) and (min-width: 65em){.productGridSize{width:25%}}@media all and (min-width: 1300px) and (min-width: 81.25em){.productGridSize{width:20%}}@media all and (min-width: 1560px) and (min-width: 97.5em){.productGridSize{width:16.66667%}}@media all and (min-width: 481px){.grid-size-5 .productGridSize{width:20%}}.product-component{background:#fff;border:5px solid #fff;height:355px;margin:0 auto;position:relative;z-index:0}@media all and (min-width: 481px) and (max-width: 768px){.product-component{max-width:250px}}@media all and (min-width: 769px){.product-component{height:355px;max-width:260px;padding:0 5px 5px}.product-component:hover{border:5px solid #0063ba;height:auto;z-index:3}}.prodImg-wrapper{display:block}.product-component-img{display:block;margin:0 auto 15px auto;max-width:100%;height:auto}.listing-productInfo{border-bottom:#ccc 1px solid;margin-bottom:5px;padding-bottom:5px}.product-zoom-missingImage{height:0;border:#e6e6e6 5px solid;padding-bottom:88%;position:relative}.product-zoom-missingImage:after{color:#888;content:'Missing Image';margin-top:-8px;position:absolute;top:50%;text-align:center;width:100%}@media all and (max-width: 768px){.hover{display:none}}@media all and (min-width: 769px){.hover{-webkit-transition:all 250ms ease-in-out;-moz-transition:all 250ms ease-in-out;-o-transition:all 250ms ease-in-out;-ms-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out;display:block;height:0;opacity:0}.product-component:hover>.hover{display:block;height:100%;margin-top:15px;opacity:1}.product-component:hover>.btn-default{height:50px}.product-component:hover>.colorchips{height:25px}.qv-product{-webkit-transition:height .3s linear;-moz-transition:height .3s linear;-o-transition:height .3s linear;-ms-transition:height .3s linear;transition:height .3s linear;background:#fff;border-top:#e6e6e6 5px solid;border-bottom:#e6e6e6 5px solid;float:left;margin-top:-5px;padding:15px 15px 0 15px;position:relative;height:0px;overflow:hidden;width:100%}.qv-product.show-qv{height:800px}.qv-arrow{border-left:25px solid transparent;border-right:25px solid transparent;border-bottom:25px solid #e6e6e6;position:absolute;bottom:0;left:50%;margin-left:-25px;z-index:1}.qv-arrow::after{content:'';border-left:25px solid transparent;border-right:25px solid transparent;border-bottom:25px solid #fff;position:absolute;top:8px;left:-25px}.qv-productImg{margin-top:-30px}}@media all and (min-width: 1460px){._6x12 .listing.styles-droplet,._6x12omega .listing.styles-droplet{margin-top:20px}}@media all and (min-width: 1600px){._6x12 .listing.styles-droplet,._6x12omega .listing.styles-droplet{margin-top:30px}}@media all and (min-width: 481px){._6x12 .listing .productGridSize,._6x12omega .listing .productGridSize{padding:0 5%;width:50%}}@media all and (min-width: 481px) and (max-width: 1023px){._6x12 .listing .productGridSize,._6x12omega .listing .productGridSize{padding:0}}@media all and (min-width: 481px) and (max-width: 1023px){._6x12 .listing .product-component-img,._6x12omega .listing .product-component-img{margin:0 auto;width:60%}}@media all and (min-width: 481px) and (max-width: 768px){._6x12 .listing .product-component p,._6x12omega .listing .product-component p{font-size:1rem;line-height:initial}} @media all and (max-width:768px){ .add-filters{border:#ccc 1px solid;cursor:pointer;height:40px;line-height:40px;display:block;padding-right:30px;position:relative;float:right;width:30%} .filter-clearance-section { display:none; } .filter-label{ font-family:"jaf-bernino-sans-condensed","Helvetica Neue",Helvetica,Helmet,Freesans,sans-serif; text-transform:uppercase; font-size:16px; font-size:1.6rem; display:none; font-weight:800; line-height:25px; text-transform:uppercase } #toggle-filters:checked ~ .background .filter-section .filters-header p { display:none; text-align:center; line-height:15px; line-height:1.5rem; } }