/*
* styles.scss.liquid -->
*
* A.K.A.
* ------
*
*
*
*
*
*/
/*
* main.alt.css
* ------------
*
*
*/
#blog-wrapper {
margin: 24px auto;
}
@charset "UTF-8";
@font-face {
font-family: 'Arial';
src: url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/Arial.eot?18034179594028967761");
src: url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/Arial.eot?%23iefix&18034179594028967761") format("embedded-opentype"),
url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/Arial.woff?18034179594028967761") format("woff"),
url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/Arial.ttf?18034179594028967761") format("truetype"),
url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/Arial.svg%23f3fb449eaa02ef10eadca12cfdf8ae41?18034179594028967761") format("svg");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: 'Din Text Cond Bold';
src: url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/PFDinTextCondPro-Bold_1.eot?18034179594028967761");
src: url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/PFDinTextCondPro-Bold_1.eot?%23iefix&18034179594028967761") format("embedded-opentype"),
url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/PFDinTextCondPro-Bold_1.woff?18034179594028967761") format("woff"),
url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/PFDinTextCondPro-Bold_1.ttf?18034179594028967761") format("truetype"),
url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/PFDinTextCondPro-Bold_1.svg%23c8c968cde8f2e5400208243d2820d976?18034179594028967761") format("svg");
font-style: normal;
font-weight: 700;
}
@font-face {
font-family: 'Din Text Cond Italic';
src: url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/PFDinTextCondPro-Italic.eot?18034179594028967761");
src: url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/PFDinTextCondPro-Italic.eot?%23iefix&18034179594028967761") format("embedded-opentype"),
url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/PFDinTextCondPro-Italic.woff?18034179594028967761") format("woff"),
url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/PFDinTextCondPro-Italic.ttf?18034179594028967761") format("truetype"),
url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/PFDinTextCondPro-Italic.svg%23f1c1216ac413032af2bc5a14a8a1b34d?18034179594028967761") format("svg");
font-style: italic;
font-weight: 400;
}
@font-face {
font-family: 'Din Text Cond Pro Medium';
src: url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/PFDinTextCondPro-Medium_1.eot?18034179594028967761");
src: url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/PFDinTextCondPro-Medium_1.eot?%23iefix&18034179594028967761") format("embedded-opentype"),
url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/PFDinTextCondPro-Medium_1.woff?18034179594028967761") format("woff"),
url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/PFDinTextCondPro-Medium_1.ttf?18034179594028967761") format("truetype"),
url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/PFDinTextCondPro-Medium_1.svg%23ab933453e51118ea1f999b96325cdc0c?18034179594028967761") format("svg");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: 'Din Text Cond Reg';
src: url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/PFDinTextCondPro-Regular.eot?18034179594028967761");
src: url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/PFDinTextCondPro-Regular.eot?%23iefix&18034179594028967761") format("embedded-opentype"),
url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/PFDinTextCondPro-Regular.woff?18034179594028967761") format("woff"),
url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/PFDinTextCondPro-Regular.ttf?18034179594028967761") format("truetype"),
url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/PFDinTextCondPro-Regular.svg%238b626f8231099d206993c58b11ed0014?18034179594028967761") format("svg");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: 'icons';
src: url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/icons.eot?social&18034179594028967761");
src: url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/icons.eot?%23iefixsocial&18034179594028967761") format("embedded-opentype"),
url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/icons.woff?social&18034179594028967761") format("woff"),
url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/icons.ttf?social&18034179594028967761") format("truetype"),
url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/icons.svg?social%23icons&18034179594028967761") format("svg");
font-weight: 400;
font-style: normal;
}
body,
html {
height: 100%;
}
body.overflow-hidden {
overflow: hidden;
}
img {
max-width: 100%;
height: auto;
}
:focus {
outline: 0;
}
@media (min-width: 320px) {
#brand,
#navbar #shopping-cart .price,
#navbar .social,
#sub-menus,
#top-bar {
display: none;
}
#navbar #link-list,
#navbar #shopping-cart .qty {
font-style: normal;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
}
.header-wrapper {
position: fixed;
z-index: 1000;
top: 0;
width: 100%;
}
#navbar {
background-color: #18181b;
width: 100%;
}
#navbar .middle {
padding: 15px;
text-align: center;
}
#navbar #menu-toggle,
#navbar #shopping-cart {
top: 0;
padding: 16px 15px;
font-size: 21px;
line-height: 21px;
}
#navbar #brand-m {
width: 71px;
}
#navbar #menu-toggle {
position: absolute;
border-right: 2px solid #000;
cursor: pointer;
}
#navbar #menu-toggle i,
#navbar #menu-toggle i:after {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
#navbar #menu-toggle i {
position: relative;
}
#navbar #menu-toggle.x i {
color: transparent;
}
#navbar #menu-toggle.x i:after {
color: #fff;
content: "\f00d";
left: 0;
position: absolute;
}
#navbar #shopping-cart {
text-align: center;
position: absolute;
right: 0;
border-left: 2px solid #000;
}
#navbar #shopping-cart .qty {
position: absolute;
width: 100%;
left: 0;
top: 44px;
font-size: 11px;
color: #007f00;
}
#navbar #shopping-cart .qty .bubble {
border-radius: 500px;
background-color: #39e264;
display: inline-block;
margin: 0 auto;
width: 21px;
height: 21px;
line-height: 23px;
font-size: 10px;
}
#navbar #shopping-cart .qty .bubble.notify:after {
border: 5px solid green;
border-radius: 500px;
box-shadow: 0 0 5px;
content: "";
display: block;
height: 21px;
opacity: 0.5;
position: absolute;
top: 0;
-webkit-transform: scale(-1.8);
transform: scale(-1.8);
width: 21px;
z-index: 0;
}
#navbar #link-list {
position: absolute;
top: 54px;
text-transform: uppercase;
font-size: 19px;
background-color: #121214;
width: 100%;
width: calc(100% - 50px);
overflow: auto;
-webkit-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: translateZ(0) translateX(-100%);
-moz-transform: translateZ(0) translateX(-100%);
-ms-transform: translateZ(0) translateX(-100%);
-o-transform: translateZ(0) translateX(-100%);
}
#navbar #link-list.shown {
-webkit-transform: translate3D(0, 0, 0);
-moz-transform: translate3D(0, 0, 0);
-ms-transform: translate3D(0, 0, 0);
-o-transform: translate3D(0, 0, 0);
}
#navbar #link-list ul {
list-style: none;
padding-left: 0;
margin: 0;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
-webkit-transition: all 0.2s 0 ease-out;
transition: all 0.2s 0 ease-out;
}
#navbar #link-list ul li {
border-bottom: 1px solid #000;
}
#navbar #link-list ul li:last-child {
border-bottom: none;
}
#navbar #link-list ul li a {
padding: 15px 15px 11px;
display: inline-block;
width: 100%;
-webkit-transition: all 0.2s 0 ease-out;
transition: all 0.2s 0 ease-out;
}
#navbar #link-list ul li .sub-toggle {
position: relative;
}
#navbar #link-list ul li .sub-toggle:after {
content: "\f107";
font-family: 'FontAwesome';
position: absolute;
right: 15px;
top: 15px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
#navbar #link-list ul li .sub-toggle.active,
#navbar #link-list ul li .sub-toggle.opened {
background-color: #fff;
color: #121214;
}
#navbar #link-list ul li .sub-toggle.opened:after {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
}
#navbar #link-list ul li .sub-toggle.opened+.sub-list {
max-height: 400px;
}
#navbar #link-list ul li.social-m a {
width: 25%;
float: left;
text-align: center;
padding: 20px 0;
}
#navbar #link-list ul li.social-m a+a {
border-left: 1px solid #000;
}
#navbar #link-list ul li.search-form .ctabtn {
background-color: #000;
color: #fff;
float: right;
max-width: 20%;
padding-left: 0;
padding-right: 0;
width: 100%;
}
#navbar #link-list ul li.search-form input {
background-image: none;
background-color: transparent;
border: none;
text-transform: uppercase;
color: #fff;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
padding: 15px 15px 11px;
float: left;
width: 80%;
}
#navbar #link-list ul li.search-form input:focus {
box-shadow: none;
outline: 0;
}
#navbar #link-list ul li.search-form input::-moz-placeholder {
color: #626269;
opacity: 1;
}
#navbar #link-list ul li.search-form input:-ms-input-placeholder {
color: #626269;
opacity: 1;
}
#navbar #link-list ul li.search-form input::-webkit-input-placeholder {
color: #626269;
opacity: 1;
}
#navbar #link-list ul.sub-list {
border-bottom: none;
border-right: none;
max-height: 0;
overflow: hidden;
}
#navbar #link-list ul.sub-list li {
background-color: #18181b;
}
#navbar #link-list ul.sub-list li a {
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
padding-left: 24px;
}
}
@media (max-width:991px) {
#navbar .container {
width: 100%;
padding: 0;
}
}
@media (min-width:992px) {
#brand-m {
display: none;
}
#brand {
display: block;
width: 93px;
}
#top-bar {
display: block;
z-index: 1000;
background-color: #18181b;
border-bottom: 1px solid #262629;
color: #626269;
}
#top-bar span {
font-size: 11px;
line-height: 27px;
padding-left: 6px;
color: #bfbfbf;
}
#top-bar .dropdown li ul a,
#top-bar a {
text-transform: uppercase;
font-style: normal;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-size: 12px;
}
#top-bar a {
color: #626269;
float: right;
display: inline-block;
padding: 5px 10px;
}
#top-bar a.right {
margin-right: 9px;
}
#top-bar a.country img {
margin-top: -2px;
margin-right: 4px;
}
#top-bar .wrapper {
padding-right: 60px;
padding-left: 138px;
}
#top-bar .dropdown {
padding-left: 0;
margin: 0;
list-style: none;
float: right;
}
#top-bar .dropdown li:hover ul {
display: block;
opacity: 1;
visibility: visible;
}
#top-bar .dropdown>li {
position: relative;
}
#top-bar .dropdown>li:hover>a {
background-color: #fff;
color: #121214;
}
#top-bar .dropdown li ul li {
background-color: #18181b;
display: block;
color: #fff;
border-top: 1px solid #000;
}
#sub-menus,
#top-bar .dropdown li ul li:hover {
background-color: #fff;
}
#top-bar .dropdown li ul {
padding: 0;
position: absolute;
z-index: 2;
top: 27px;
width: 100%;
left: 0;
box-shadow: none;
display: none;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
#top-bar .dropdown li ul a {
color: #fff;
text-align: center;
display: block;
padding: 6px 10px 4px;
float: none;
}
#sub-menus a,
#top-bar .dropdown li ul li:hover a {
color: #121214;
}
#top-bar .dropdown li ul.country a {
text-align: left;
}
li.list-help {
display: none!important;
}
#sub-menus {
position: fixed;
z-index: 999;
width: 100%;
top: 83px;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
text-transform: uppercase;
font-size: 19px;
box-shadow: 0 0 5px rgba(0, 0, 0, .15);
}
#sub-menus .wrapper {
padding: 10px 20px 10px 158px;
}
#sub-menus a img {
-webkit-transition: all 0.2s 0 ease-out;
transition: all 0.2s 0 ease-out;
}
#sub-menus a img:hover {
-webkit-transform: translateZ(0) translateX(2px);
-moz-transform: translateZ(0) translateX(2px);
-ms-transform: translateZ(0) translateX(2px);
-o-transform: translateZ(0) translateX(2px);
}
#sub-menus a:hover {
text-decoration: underline;
}
#sub-menus .sub-list {
display: none;
padding-left: 0;
margin-bottom: 0;
}
#sub-menus .sub-list li {
display: inline-block;
margin-right: 20px;
}
#sub-menus .sub-list li a img {
margin-right: 10px;
}
#sub-menus .sub-list.opened,
#sub-menus.opened {
display: block;
}
#navbar {
top: 28px;
max-height: 55px;
}
#navbar .container {
position: relative;
}
#navbar .middle {
background-color: #18181b;
position: absolute;
top: -28px;
left: 15px;
z-index: 10000;
}
#navbar #link-list,
#navbar .middle {
display: inline-block;
float: left;
}
#navbar #brand-m {
width: 69px;
}
#navbar #menu-toggle {
display: none;
}
#navbar .search-form,
#navbar .social-m {
display: none!important;
}
#navbar #shopping-cart {
position: relative;
float: right;
padding: 16px 24px 17px 22px;
border-left: none;
background-color: #1b1b1e;
}
#navbar #shopping-cart .price {
display: block;
position: absolute;
width: 100%;
text-align: center;
font-size: 12px;
text-transform: uppercase;
color: #39e264;
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
left: 0;
bottom: 100%;
background-color: #232327;
padding: 3px;
}
#navbar #link-list {
position: static;
font-size: 16px;
padding-left: 123px;
width: auto;
background-color: transparent;
overflow: visible;
-webkit-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: translate3D(0, 0, 0);
-moz-transform: translate3D(0, 0, 0);
-ms-transform: translate3D(0, 0, 0);
-o-transform: translate3D(0, 0, 0);
}
#navbar #link-list ul {
padding-left: 0;
margin: 0;
border: none;
-webkit-transition: all 0.2s 0 ease-out;
transition: all 0.2s 0 ease-out;
}
#navbar #link-list ul li {
border-bottom: none;
}
#navbar #link-list ul li a {
padding: 15px;
display: inline-block;
width: 100%;
-webkit-transition: all 0.2s 0 ease-out;
transition: all 0.2s 0 ease-out;
}
#navbar #link-list ul li a:hover {
background-color: #fff;
color: #121214;
}
#navbar #link-list ul.sub-list {
border-bottom: none;
border-right: none;
max-height: 0;
overflow: hidden;
position: absolute;
}
#navbar #link-list ul.sub-list li {
background-color: #18181b;
}
#navbar #link-list>ul>li {
display: inline-block;
position: relative;
float: left;
}
#navbar #link-list>ul>li a {
padding: 17px 40px 16px 22px;
}
#navbar #link-list>ul>li a.no-sub {
padding: 17px 22px 16px;
}
}
#category-hero.apparel,
#type-nav ul {
overflow: hidden;
}
#cart input:focus,
#cart textarea:focus,
#pg-product #add-to-cart #product-variants select:focus,
#shipping-rates input:focus {
box-shadow: none;
outline: 0;
}
@media (min-width:1200px) {
#navbar .social {
display: block;
float: right;
padding-left: 0;
margin: 0 13px 0 0;
list-style: none;
}
#navbar .social li {
display: inline-block;
float: left;
}
#navbar .social a {
padding: 18px 10px 17px;
display: inline-block;
}
}
@media (min-width: 641px) {
footer .footer-panels {
display: flex;
}
}
@media (min-width:320px) {
footer .statement strong {
display: block;
text-transform: uppercase;
}
footer form {
position: relative;
}
footer button.btn.btn-lg {
// background: #000;
background: transparent;
-webkit-appearance: none;
border: 0;
display: block;
z-index: 2;
left: 0;
top: 0;
color: #fff;
border-radius: 0;
}
footer button.btn.btn-lg:hover {
background: #fff;
color: #000;
}
footer input,
footer input[type=email] {
background-image: none;
position: relative;
z-index: 1px;
background-color: transparent;
border: none;
color: #fff;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
font-size: 16px;
padding: 12px;
box-shadow: none;
}
footer input:active,
footer input:focus,
footer input[type=email]:active,
footer input[type=email]:focus {
box-shadow: none;
outline: 0;
// background: #000;
background: transparent;
}
footer input::-moz-placeholder,
footer input[type=email]::-moz-placeholder {
color: #fff;
opacity: 1;
}
footer input:-ms-input-placeholder,
footer input[type=email]:-ms-input-placeholder {
color: #fff;
opacity: 1;
}
footer input::-webkit-input-placeholder,
footer input[type=email]::-webkit-input-placeholder {
color: #fff;
opacity: 1;
}
footer .social {
padding: 10px 0;
}
footer .social ul {
list-style: none;
text-align: center;
padding: 0;
}
footer .social ul li {
display: inline;
}
footer .social ul li a {
padding: 20px;
display: inline-block;
}
footer .social ul li a .fa {
font-size: 20px;
}
footer .value-tile {
background-color: #18181b;
padding: 30px 15px;
margin-bottom: 2px;
display: block;
text-align: center;
}
footer .value-tile h4 {
font-size: 20px;
text-transform: uppercase;
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
margin-top: 0;
margin-bottom: 22px;
}
footer .value-tile h4 i {
margin-right: 14px;
}
footer .value-tile a,
footer .value-tile span {
font-size: 11px;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
color: #626269;
text-transform: uppercase;
}
footer .statement h3,
footer .statement strong {
font-style: normal;
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-weight: 400;
}
footer .statement {
padding: 27px 20px 15px;
text-align: center;
}
footer .statement img {
max-width: 93px;
margin-bottom: 17px;
}
footer .statement p {
margin: 0 auto 36px;
}
footer .statement strong {
font-size: 12px;
}
footer .statement ul {
border-top: 1px solid #333;
padding-left: 0;
margin: 40px 0 0;
list-style: none;
padding-top: 15px;
font-size: 12px;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
}
footer .statement ul a {
color: #626269;
text-transform: uppercase;
margin: 0 12px;
}
}
@media (min-width:641px) {
footer .statement {
padding: 80px 0;
text-align: center;
}
footer .statement p {
max-width: 70%;
margin: 0 auto 54px;
}
footer .statement ul {
margin-top: 80px;
}
footer .statement ul li {
display: inline-block;
}
footer form {
float: left;
}
footer input {
font-size: 12px;
padding: 12px;
}
footer .social .icons {
float: right;
}
footer .social .icons ul li a {
padding: 9px 10px 10px;
}
footer .value-tile {
float: left;
width: 48%;
width: calc(50% - 1px);
margin-right: 2px;
padding: 25px;
}
footer .value-tile:first-child {
width: 100%;
float: none;
// margin-bottom: 2px;
}
footer .value-tile:first-child p {
margin: 0 80px;
}
footer .value-tile:last-child {
margin-right: 0;
}
}
@media (min-width:979px) {
footer .statement p {
max-width: 841px;
margin-top: 36px;
line-height: 1.75;
font-size: 15px;
}
footer .value-tile {
float: left!important;
width: 31%!important;
width: calc(33.33333333% - 1.33px)!important;
margin-right: 2px;
min-height: 180px;
padding: 25px;
position: relative;
}
footer .value-tile:first-child p {
margin: 0;
}
footer .value-tile:last-child {
margin-right: 0;
}
footer .value-tile span {
position: absolute;
bottom: 20px;
width: 100%;
left: 0;
}
}
@media (min-width:1255px) {
footer .value-tile {
padding: 67px 40px;
}
footer .value-tile p {
max-width: 330px;
margin: 0 auto 22px !important;
}
footer .value-tile h4 {
font-size: 27px;
}
footer .value-tile span {
position: static;
}
}
@media (min-width:320px) {
#home-tiles {
margin-bottom: 0;
}
#home-tiles .right {
width: 100%;
display: block;
}
#home-tiles a {
margin-bottom: 7px;
display: inline-block;
max-width: 100%;
position: relative;
}
#home-tiles a .ctabtn {
position: absolute;
bottom: 10px;
right: 10px;
z-index: 5;
}
}
@media (min-width:488px) and (max-width:991px) {
#home-tiles {
margin-bottom: 24px;
}
#home-tiles .left a {
width: 50%;
width: calc(50% - 3.5px);
float: left;
}
#home-tiles .left a:first-child {
margin-right: 7px;
}
}
@media (min-width:992px) {
#home-tiles .left a,
#home-tiles .right a {
background: #000;
}
#home-tiles {
margin-bottom: 36px;
}
#home-tiles .left,
#home-tiles .right {
float: left;
}
#home-tiles .left {
width: 38%;
width: calc(38.7% - 7px);
margin-right: 7px;
}
#home-tiles .right {
width: 61.3%;
}
}
@media (min-width:320px) {
#box-slider .slick-next:before {
content: "\f054";
}
#box-slider .slick-prev:before {
content: "\f053";
}
#box-slider ul.slick-dots {
text-align: left;
padding-left: 12px;
}
}
@media (min-width: 768px) {
#box-slider ul.slick-dots {
text-align: center;
padding-left: 0;
}
}
@media (min-width:320px) {
#home-slider .slide .headline .intro,
#home-slider .slide .headline h1 {
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
text-transform: uppercase;
}
#home-slider {
position: relative;
}
#home-slider .promo img {
width: 130%;
margin: 0 auto;
display: block;
-webkit-transform: translate(-12%, 0);
-moz-transform: translate(-12%, 0);
-ms-transform: translate(-12%, 0);
-o-transform: translate(-12%, 0);
}
#home-slider .image {
text-align: right;
width: 100%;
}
#home-slider .image img {
max-width: 25%;
}
#home-slider .image a {
display: block;
}
#home-slider .image a:before {
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2;
}
#home-slider .slide {
background-position: center -53px;
background-repeat: repeat-x;
background-size: contain;
padding-top: 40px;
text-align: center;
}
#home-slider .slide .headline {
position: absolute;
left: 10%;
top: 10%;
right: 25%;
text-align: left;
}
#home-slider .slide .headline .intro {
margin-bottom: 17px;
display: inline-block;
padding: 6px 13px 4px;
border: 1px solid #fff;
border-width: 1px 0;
}
#home-slider .slide .headline h1 {
margin-top: 0;
margin-bottom: 0;
font-size: 27px;
line-height: 27px;
}
#home-slider .slide .headline p {
font-size: 12px;
margin-bottom: 12px;
}
#home-slider .slide .specs {
display: none;
left: 50%;
padding-left: 244.4px;
text-align: left;
}
#home-slider .slide .specs ul {
padding-left: 0;
margin: 0;
list-style: none;
font-family: 'Din Text Cond Italic', Helvetica, sans-serif;
font-style: italic;
font-weight: 400;
font-size: 17px;
color: #626269;
}
#home-slider .slide .specs ul li.price {
color: #fff;
}
}
@media (min-width:500px) {
#home-slider .slide .headline .intro,
#home-slider .slide .headline h1 {
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
text-transform: uppercase;
}
#home-slider .image {
text-align: center;
width: 38.2%;
}
#home-slider .image img {
max-width: 100%;
}
#home-slider .slide {
padding-top: 40px;
text-align: center;
}
#home-slider .slide .headline {
position: absolute;
left: 38.2%;
top: 10%;
right: 10%;
text-align: left;
}
#home-slider .slide .headline .intro {
margin-bottom: 17px;
display: inline-block;
padding: 6px 13px 4px;
border: 1px solid #fff;
border-width: 1px 0;
}
#home-slider .slide .headline h1 {
margin-top: 0;
margin-bottom: 0;
font-size: 58px;
line-height: 58px;
}
#home-slider .slide .headline p {
font-size: 14px;
margin-bottom: 14px;
}
#home-slider .slide .specs {
display: none;
left: 50%;
padding-left: 244.4px;
text-align: left;
}
#home-slider .slide .specs ul {
padding-left: 0;
margin: 0;
list-style: none;
font-family: 'Din Text Cond Italic', Helvetica, sans-serif;
font-style: italic;
font-weight: 400;
font-size: 17px;
color: #626269;
}
#home-slider .slide .specs ul li.price {
color: #fff;
}
}
@media (max-width:991px) {
#home-slider .slick-dots {
display: none!important;
}
}
@media (min-width:992px) {
#home-slider {
min-height: 690px;
position: relative;
}
#home-slider .promo img {
width: 100%;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
}
#home-slider .image {
width: 100%;
text-align: center;
float: none;
}
#home-slider .image img {
height: auto;
max-width: none;
max-height: 650px;
}
#home-slider .slide {
background-position: center 106%, center -53px;
background-repeat: no-repeat, repeat-x;
background-size: auto;
padding-top: 40px;
}
#home-slider .slide .headline,
#home-slider .slide .specs {
position: absolute;
width: 50%;
top: 18%;
}
#home-slider .slide .headline {
left: 0;
padding-right: 151.09px;
text-align: right;
}
#home-slider .slide .headline .intro {
margin-bottom: 22px;
display: inline-block;
padding: 11px 27px;
}
#home-slider .slide .headline h1 {
font-size: 71px;
line-height: 71px;
padding-left: 30%;
}
#home-slider .slide .headline p {
font-size: 17px;
margin-bottom: 22px;
width: 50%;
float: right;
}
#home-slider .slide .headline a.ctabtn {
display: inline-block;
min-width: 280px;
clear: both;
}
#home-slider .slide .headline a.ctabtn:after,
#home-slider .slide .headline a.ctabtn:before {
content: "";
display: table;
clear: both;
}
#home-slider .slide .specs {
display: block;
left: 50%;
padding-left: 151.09px;
text-align: left;
}
#home-slider .slide .specs ul {
padding-left: 0;
margin: 0;
list-style: none;
font-family: 'Din Text Cond Italic', Helvetica, sans-serif;
font-style: italic;
font-weight: 400;
font-size: 17px;
color: #626269;
}
#home-slider .slide .specs ul li.price {
color: #fff;
}
}
@media (min-width:1255px) {
#home-slider .slide .headline {
padding-right: 244.4px;
}
#home-slider .slide .specs {
padding-left: 244.4px;
}
}
@media (min-width:1480px) {
#home-slider .slide .headline p {
float: none;
width: 100%;
}
#home-slider .slide .specs ul {
font-size: 18px;
}
}
#category-hero {
padding: 44px 10px;
text-align: center;
}
#category-hero .description h1 {
font-size: 44px;
text-transform: uppercase;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
}
#category-hero .description p {
font-size: 17px;
margin-bottom: 36px;
}
#category-hero.apparel img {
margin-bottom: -40%;
}
#category-hero.collaborations {
text-align: justify;
background-position: left bottom;
background-size: cover;
padding: 27px 10px 80px;
}
#category-hero.collaborations .description p {
font-size: 12px;
margin-bottom: 12px;
text-shadow: 0 0 2px #000;
}
#category-hero #mctaylor {
background: rgba(0, 0, 0, .85);
padding: 14px 16px 24px;
text-align: center;
margin: 0 auto;
}
#category-hero #mctaylor label {
color: #fff;
display: block;
font-family: 'Din Text Cond Pro Medium', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 19px;
padding: 0 5%;
text-transform: uppercase;
margin-bottom: 8px;
line-height: 1.2;
}
#category-hero #mctaylor input[type=email] {
background: #fff;
text-align: center;
border: 0;
font-family: 'Arial', Helvetica, sans-serif;
font-weight: 400;
font-size: 16px;
padding: 4px 12px;
width: 100%;
display: block;
min-height: 48px;
color: #121214;
}
#category-hero #mctaylor input[type=submit] {
background: #f03330;
border: 0;
display: block;
width: 100%;
margin: 12px auto 0;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
text-transform: uppercase;
padding: 10px 0 8px;
}
.pagination a,
.pagination span.current {
font-weight: 400;
font-style: normal;
font-family: 'Din Text Cond Pro Medium', Helvetica, sans-serif;
}
@media (min-width:320px) and (max-width:992px) {
body #category-hero.bg-set,
body #category-hero.collaborations {
background-repeat: no-repeat!important;
}
body #category-hero.bg-set.handleaccessories,
body #category-hero.bg-set.handleg-pen,
body #category-hero.bg-set.handleg-pro,
body #category-hero.bg-set.handleg-slim,
body #category-hero.bg-set.handlemicrog {
padding: 0;
min-height: 152px;
background-size: 160%;
background-position: right center;
}
body #category-hero.bg-set.handleaccessories .description p,
body #category-hero.bg-set.handleg-pen .description p,
body #category-hero.bg-set.handleg-pro .description p,
body #category-hero.bg-set.handleg-slim .description p,
body #category-hero.bg-set.handlemicrog .description p {
display: none;
}
body #category-hero.bg-set.handleaccessories h1,
body #category-hero.bg-set.handleg-pen h1,
body #category-hero.bg-set.handleg-pro h1,
body #category-hero.bg-set.handleg-slim h1,
body #category-hero.bg-set.handlemicrog h1 {
font-size: 24px;
padding-left: 4px;
text-align: left;
margin-top: 16px;
}
body #category-hero.collaborations {
background-size: 100%!important;
background-position: top center;
padding-top: 17%;
margin-bottom: -40px;
}
body #category-hero.collaborations .description {
display: none!important;
}
body #category-hero.collaborations.taylor-collab {
padding: 12px;
background: #222!important;
}
body #category-hero.collaborations.taylor-collab div.description {
display: block!important;
margin-bottom: 30px;
}
body #category-hero.collaborations.taylor-collab .img-taylor {
margin: 0 auto;
display: block;
}
body #category-hero.collaborations.taylor-collab .container {
padding: 0;
}
body #category-hero.collaborations.taylor-collab .container .description {
margin-right: 0;
width: 100%;
}
}
@media (min-width:992px) {
body #category-hero.handleall-products {
padding: 24px 0 0 !important;
}
body #category-hero.handleall-products .description {
width: 100%;
}
body #category-hero.handleall-products h1 {
text-align: left;
font-size: 48px;
padding-left: 140px;
}
#mctaylor label {
font-size: 18px!important;
}
.img-taylor {
display: none!important;
}
}
.pagination {
min-width: 360px;
margin: 0 auto 24px;
text-align: center;
display: block;
-webkit-transform: translate(0, -3px);
-moz-transform: translate(0, -3px);
-ms-transform: translate(0, -3px);
-o-transform: translate(0, -3px);
}
.pagination a {
color: #fff;
display: block;
padding: 6px 14px 4px;
}
.pagination span.deco {
background: #000;
color: #fff;
padding: 6px 14px 4px;
}
.pagination span.current {
background: #fff;
color: #000;
border-bottom: 2px solid #000;
padding: 6px 14px 4px;
}
#bush-popup h4,
#type-nav a {
text-transform: uppercase;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
}
.pagination span {
display: inline-block;
background: #000;
font-size: 16px;
}
.pagination span:hover {
background: #fff;
color: #000;
}
.pagination span:hover a {
color: #000;
}
@media (min-width: 768px) {
#category-hero.apparel,
#category-hero.collaborations.claw,
#category-hero.collaborations.gumball,
#category-hero.collaborations.huf {
background-size: cover;
}
#category-hero.collaborations {
background-size: cover;
background-position: 0 50%;
min-height: 310px;
}
#category-hero.collaborations .description {
width: 50%;
float: right;
margin-right: 10%;
text-align: justify;
}
#category-hero.collaborations .description p {
font-size: 17px;
margin-bottom: 22px;
}
}
@media (min-width: 768px) and (max-width:991px) {
#category-hero.collaborations .description {
float: left;
}
}
@media (min-width:992px) {
#category-hero {
padding: 93px 0 !important;
}
#category-hero .description,
#category-hero .picture {
float: left;
}
#category-hero .description {
width: 40%;
padding-right: 10%;
text-align: right;
}
#category-hero .description h1 {
font-size: 71px;
margin-top: 0;
}
#category-hero .picture {
width: 50%;
}
#category-hero .picture img {
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translate3D(0, -300px, 0) rotateZ(-80deg);
-moz-transform: translate3D(0, -300px, 0) rotateZ(-80deg);
-ms-transform: translate3D(0, -300px, 0) rotateZ(-80deg);
-o-transform: translate3D(0, -300px, 0) rotateZ(-80deg);
-webkit-backface-visibility: hidden;
}
#category-hero .picture img.down {
-webkit-transform: translate3D(0, 0, 0) rotateZ(0);
-moz-transform: translate3D(0, 0, 0) rotateZ(0);
-ms-transform: translate3D(0, 0, 0) rotateZ(0);
-o-transform: translate3D(0, 0, 0) rotateZ(0);
}
#category-hero.collaborations {
background-size: cover;
min-height: 400px;
}
#category-hero.collaborations .description {
width: 50%;
float: right;
margin-right: 0;
text-align: justify;
}
#category-hero.collaborations .description p {
font-size: 14px;
margin-bottom: 22px;
}
}
#cart .secondary,
#cart h1,
#cart.no-items,
#pg-product #product-slider,
#pg-product #video,
#product-grid .product-thumb,
#shop-by-tiles,
.bush-download-banner {
text-align: center;
}
@media (min-width:1440px) {
#category-hero.bg-set {
background-size: cover;
}
}
.bush-download-banner {
background-color: #333;
padding: 15px 0;
}
#bush-popup .g-popup-container {
background-color: #232327;
padding: 30px 15px 20px;
}
#bush-popup iframe {
margin-left: 25px;
}
#bush-popup .mobile-message {
display: none;
}
@media (max-width: 767px) {
#bush-popup iframe {
display: none;
}
#bush-popup .mobile-message {
display: block;
}
}
#bush-popup .logo {
max-width: 90px;
display: block;
margin-left: auto;
margin-right: auto;
}
#type-nav ul {
-webkit-transition: all 0.2s;
transition: all 0.2s;
max-height: 0;
padding-left: 0;
margin: 0;
list-style: none;
display: block;
border-bottom-width: 0;
}
#type-nav ul.collab-nav li a {
padding: 10px 12px;
font-size: 14px;
}
#type-nav ul li {
display: block;
background-color: #fff;
border-bottom: 1px solid #121214;
}
#type-nav ul a {
display: block;
}
#type-nav ul.open {
max-height: 100%;
height: auto;
}
#type-nav a {
display: inline-block;
font-style: normal;
color: #121214;
font-size: 16px;
padding: 10px 14px;
}
#type-nav a.active {
background-color: #fff;
color: #000;
}
#type-nav a.active:after {
content: 'View More +';
margin-left: 12px;
font-size: 10px;
text-transform: uppercase;
text-decoration: underline;
color: #999;
}
#type-nav span {
display: none;
}
@media (min-width: 768px) {
#type-nav a,
#type-nav ul,
#type-nav ul a,
#type-nav ul li {
display: inline-block;
}
#type-nav ul {
border: none;
max-height: none;
overflow: visible;
}
#type-nav ul li {
background-color: transparent;
border-bottom: none;
}
#type-nav ul a {
color: #626269;
}
#type-nav a.active:after {
display: none;
}
#type-nav span {
float: right;
display: block;
margin-top: 11px;
margin-right: 10px;
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
color: #626269;
}
}
@media (min-width:992px) {
#type-nav ul {
display: inline;
}
}
#product-grid .compare-at-price,
#related-products .compare-at-price {
color: red!important;
text-transform: uppercase;
font-size: 10px!important;
margin-right: 4px;
}
#product-grid {
background-color: #f1f1f4;
position: relative;
z-index: 1;
}
#product-grid .no-products {
margin: 20px 0;
color: #121214;
font-size: 20px;
}
#product-grid .product-thumb {
margin-bottom: 2px;
background-color: #fff;
}
#product-grid .product-thumb a {
display: block;
max-width: 100%;
font-size: 17px;
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
color: #000;
}
#shop-by-tiles .tile span,
#shop-by-tiles h3 {
font-style: normal;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
}
#shop-by-tiles h3 {
text-transform: uppercase;
}
#product-grid .product-thumb a img {
margin-bottom: 22px;
}
#product-grid .product-thumb a .product-price {
margin-bottom: 17px;
}
#product-grid .product-thumb a .product-title {
margin-bottom: 0;
}
@media (min-width:320px) {
#product-grid .product-thumb,
#related-products .product-thumb {
float: left;
width: 48%;
width: calc(50% - 1px);
margin-right: 2px;
}
#product-grid .product-thumb p.product-title,
#related-products .product-thumb p.product-title {
line-height: 1.2;
padding: 0 6px;
font-size: 13px;
}
#product-grid .product-thumb p.product-price,
#related-products .product-thumb p.product-price {
font-size: 13px;
}
#product-grid .product-thumb figure,
#related-products .product-thumb figure {
min-height: 250px;
width: 100%;
position: relative;
}
#product-grid .product-thumb figure img,
#related-products .product-thumb figure img {
max-height: 250px;
padding: 0 4px;
margin-bottom: 0;
width: 100%;
max-width: 375px;
z-index: 2;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
}
#product-grid .product-thumb:nth-child(2n),
#related-products .product-thumb:nth-child(2n) {
margin-right: 0;
}
}
@media (min-width:640px) {
#product-grid .product-thumb p.product-price,
#product-grid .product-thumb p.product-title {
font-size: 14px;
}
#product-grid .product-thumb figure {
min-height: 320px;
}
#product-grid .product-thumb figure img {
max-height: 320px;
}
}
@media (min-width:992px) {
#product-grid .product-thumb {
width: 30%;
width: calc(33.333333% - 1.33px);
margin-right: 2px;
}
#product-grid .product-thumb p.product-title {
font-size: 16px;
line-height: 24px;
}
#product-grid .product-thumb p.product-price {
font-size: 16px;
}
#product-grid .product-thumb:nth-child(2n) {
margin-right: 2px;
}
#product-grid .product-thumb:nth-child(3n) {
margin-right: 0;
}
#product-grid .product-thumb img {
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#product-grid .product-thumb a:hover p {
text-decoration: underline;
color: #555;
}
}
#shop-by-tiles {
margin: 0;
padding: 24px 0;
background-color: #18181b;
}
#shop-by-tiles h3 {
font-size: 2em;
margin-bottom: 22px;
margin-top: 0;
}
#shop-by-tiles .slider {
display: block;
}
#shop-by-tiles .slick-slide {
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
opacity: 0.5;
}
#shop-by-tiles .slick-prev,
#shop-by-tiles .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
padding: 120px 20px;
margin-top: -150px;
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
font-weight: bold;
}
#shop-by-tiles .slick-prev {
left: 0;
}
#shop-by-tiles .slick-next {
right: 0;
}
#shop-by-tiles .slick-prev:before,
#shop-by-tiles .slick-next:before {
font-size: 40px;
line-height: 1;
opacity: 0.75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#shop-by-tiles .slick-prev::before {
content: "\2039";
}
#shop-by-tiles .slick-next::before {
content: "\203A";
}
#shop-by-tiles .slick-prev:hover:before,
#shop-by-tiles .slick-prev:focus:before,
#shop-by-tiles .slick-next:hover:before,
#shop-by-tiles .slick-next:focus:before {
opacity: 1;
}
#shop-by-tiles .slick-slide.slick-active {
opacity: 1;
}
#shop-by-tiles .tile {
display: block;
position: relative;
padding: 22px 0;
transform: translate3d(0, 0, 0);
outline: 0;
}
#shop-by-tiles .tile img {
display: block;
margin: 0 auto;
}
#shop-by-tiles .tile span.vape {
bottom: 0;
top: auto;
margin: 30px auto 0;
left: 0;
right: 0;
width: 100px;
display: block;
padding: 8px 10px 5px;
line-height: 1;
background-color: #fff;
color: #000;
font-size: 1.25em;
}
#shop-by-tiles .tile p {
margin-top: 30px;
text-transform: uppercase;
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-weight: 400;
margin-bottom: 0;
letter-spacing: 2px;
}
#shop-by-tiles .tile h4 {
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
letter-spacing: 2px;
font-size: 22px;
margin: 0;
}
#shop-by-tiles .tile h4 sup {
font-size: 65%;
top: -4px;
}
#shop-by-tiles .tile+.tile {
margin-top: 2px;
}
@media (min-width: 768px) {
#shop-by-tiles .tile {
// display: flex;
// align-items: flex-end;
// justify-content: center;
float: left;
width: 20%;
margin-top: 0;
transition: 0.4s all ease-in-out;
//padding-bottom: 80px;
}
#shop-by-tiles .tile img {
transition: 0.4s all ease-in-out;
}
#shop-by-tiles .tile span.vape {
//position: absolute;
display: inline-block;
}
#shop-by-tiles .tile:hover img {
transform: translateZ(0) rotateY(180deg);
}
}
@media (min-width:992px) {
#shop-by-tiles {
padding: 80px 60px 110px;
}
#shop-by-tiles h3 {
margin-bottom: 40px;
}
#shop-by-tiles .tile span.vape {
padding: 17px 22px 14px;
}
}
.breadcrumbs {
display: none;
}
.breadcrumbs ul {
padding-left: 0;
margin: 0;
list-style: none;
}
.breadcrumbs ul li {
display: inline-block;
}
.breadcrumbs ul a {
color: #b0b0b3;
}
.breadcrumbs ul a:hover {
color: #121214;
}
@media (min-width:992px) {
.breadcrumbs {
display: block;
padding: 10px 0 0 138px;
margin-bottom: 71px;
}
.breadcrumbs li+li a:before {
font-family: 'FontAwesome';
content: "\f105";
margin: 0 5px;
}
.breadcrumbs a {
color: #b0b0b3;
font-family: 'Din Text Cond Pro Medium', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 12px;
}
}
#pg-product #product-slider .next-slide {
color: #000;
font-size: 40px;
position: absolute;
top: 45%;
right: -1%;
z-index: 10;
padding: 20px 0 20px 20px;
text-shadow: 0 0 5px #fff;
}
#pg-product #product-main {
background-color: #fff;
color: #000;
}
#pg-product #product-main h1 {
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 27px;
margin-bottom: 10px;
margin-top: 0;
line-height: 1;
}
#pg-product #product-main .product-compare-price,
#pg-product #product-main .tag,
#pg-product #product-main strong {
font-family: 'Arial', Helvetica, sans-serif;
font-style: normal;
}
#pg-product #product-main strong {
font-family: 'Arial', Helvetica, sans-serif;
color: #717171;
}
#pg-product #product-main .tag {
margin-top: 8px;
text-transform: uppercase;
color: #626269;
}
#pg-product #product-main .slider {
margin-bottom: 47px;
}
#pg-product #product-main .product-compare-price {
font-size: 16px!important;
line-height: 16px!important;
display: block;
margin-bottom: 6px !important;
color: red;
font-weight: 700;
}
#pg-product #add-to-cart #product-variants label,
#pg-product #product-main .price {
font-weight: 400;
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-style: normal;
}
#pg-product #product-main .price {
font-size: 22px;
margin-top: 0;
line-height: 1;
}
#pg-product #product-main p {
color: #717171;
}
#pg-product #product-main .info {
-webkit-transition: all 0.3s;
transition: all 0.3s;
display: none;
opacity: 0;
}
#pg-product #product-main .info.open {
display: block;
opacity: 1;
}
#pg-product #add-to-cart .info,
#pg-product #add-to-cart .social,
#pg-product #product-main .social {
display: none;
}
#pg-product #product-main .info a {
color: #121214;
text-decoration: underline;
}
#pg-product #add-to-cart-msg {
color: #121214;
}
#pg-product #add-to-cart {
background-color: #f7f7fa;
border: 1px solid #e3e3ea;
padding: 10px 0;
}
#pg-product #add-to-cart .ctabtn {
width: 100%;
}
#pg-product #add-to-cart input.ctabtn {
padding: 22px 0 20px;
display: block;
line-height: 22px;
}
#pg-product #add-to-cart #product-variants label {
display: none;
font-size: 10px;
text-transform: uppercase;
color: #000;
margin-left: 8px;
}
#pg-product #info-toggle,
#pg-product #video .more .item strong {
font-style: normal;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
}
#pg-product #add-to-cart #product-variants select {
margin-left: 8px;
}
#pg-product #add-to-cart #product-variants select::-moz-placeholder {
color: #626269;
opacity: 1;
}
#pg-product #add-to-cart #product-variants select:-ms-input-placeholder {
color: #626269;
opacity: 1;
}
#pg-product #add-to-cart #product-variants select::-webkit-input-placeholder {
color: #626269;
opacity: 1;
}
#pg-product #info-toggle {
border-top: 1px solid #e1e1e1;
color: #000;
text-transform: uppercase;
padding: 16px 0;
}
#pg-product #info-toggle i {
float: right;
font-size: 10px;
line-height: 10px;
position: relative;
margin-right: 4px;
}
#pg-product #video {
position: relative;
overflow: hidden;
}
#pg-product #video aside {
position: absolute;
z-index: 2;
height: 100%;
width: 100%;
}
#pg-product #video img.videobg {
display: block;
width: 100%;
position: relative;
z-index: 1;
}
#pg-product #video .play {
font-size: 80px;
}
#pg-product #video .intro {
display: none;
position: relative;
z-index: 3;
}
#pg-product #video .more {
width: 100%;
left: 0;
text-align: left;
position: absolute;
bottom: 24px;
z-index: 3;
}
#pg-product #video .more .item a.vbox-item,
#pg-product #video .more strong {
display: block;
}
#pg-product #video .more .item span,
#pg-product #video .more .item strong {
text-align: left;
text-transform: uppercase;
}
#pg-product #video .more .item strong {
margin-bottom: 10px;
}
#pg-product #video .more .item span {
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
}
#pg-product #video .more .item img {
float: left;
border: 2px solid #fff;
display: none;
}
#pg-product #more-info {
padding: 22px 0;
background-color: #fff;
color: #626269;
}
#pg-product #more-info .yotpo-regular-box {
border: 0!important;
}
#pg-product #more-info .yotpo-label.yotpo-small-box {
display: none!important;
}
#pg-product #more-info .parts {
margin-bottom: 36px;
}
#pg-product #more-info .parts a {
color: #000;
text-decoration: underline;
}
#pg-product #more-info .parts a .fa {
margin-right: 10px;
}
#pg-product #more-info .parts ul {
padding-left: 0;
margin: 0 0 10px;
list-style: none;
}
#pg-product #more-info .parts ul.small {
font-size: 0.8em;
}
#pg-product .parts li {
font-family: 'Arial', Helvetica, sans-serif;
font-size: 18px;
color: #717171;
font-size: 14px;
}
#pg-product #more-info h2 {
font-size: 27px;
text-transform: uppercase;
font-family: 'Din Text Cond Pro Medium', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
color: #000;
}
#pg-product #more-info #review-section .yotpo .yotpo-nav ul .yotpo-nav-tab.yotpo-active span {
color: #121214;
}
#pg-product #more-info #review-section .yotpo .yotpo-nav ul .yotpo-nav-tab.yotpo-active .yotpo-nav-wrapper {
border-color: #39e264;
}
#pg-product #more-info #review-section .yotpo .yotpo-nav ul .yotpo-nav-tab span {
text-transform: uppercase;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
}
#pg-product #more-info #review-section .yotpo a,
#pg-product #more-info #review-section .yotpo div,
#pg-product #more-info #review-section .yotpo form,
#pg-product #more-info #review-section .yotpo i,
#pg-product #more-info #review-section .yotpo img,
#pg-product #more-info #review-section .yotpo label,
#pg-product #more-info #review-section .yotpo li,
#pg-product #more-info #review-section .yotpo p,
#pg-product #more-info #review-section .yotpo span,
#pg-product #more-info #review-section .yotpo strong,
#pg-product #more-info #review-section .yotpo sup,
#pg-product #more-info #review-section .yotpo ul {
font-family: 'Arial', Helvetica, sans-serif;
font-weight: 400;
}
#pg-product #more-info #review-section .reviews .review h5,
#pg-product #more-info #review-section .yotpo .yotpo-icon-button-text,
#pg-product #prev-next-links a {
font-style: normal;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
}
#pg-product #more-info #review-section .yotpo .yotpo-default-button,
#pg-product #more-info #review-section .yotpo input.yotpo-default-button[type=button] {
background-color: #626269;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
}
#pg-product #more-info #review-section .yotpo .yotpo-first-review .yotpo-first-review-stars .yotpo-icon-star {
color: #626269;
}
#pg-product #more-info #review-section .yotpo .yotpo-logo-title a,
#pg-product #more-info #review-section .yotpo .yotpo-modal-dialog .yotpo-label .yotpo-icon,
#pg-product #more-info #review-section .yotpo.yotpo-main-widget .yotpo-label .yotpo-icon {
color: #626269!important;
}
#pg-product #more-info #review-section .reviews .review {
margin-bottom: 20px;
}
#pg-product #more-info #review-section .reviews .review h5 {
text-transform: uppercase;
margin-bottom: 0;
}
#pg-product #more-info #review-section .reviews .review .rating {
margin-bottom: 10px;
}
#pg-product #more-info #review-section .reviews .review .rating .fa {
color: #ffcb2d;
margin-right: 7px;
}
#pg-product #prev-next-links {
padding: 12px 0;
background-color: #d3d3d3;
}
#pg-product #prev-next-links a {
color: #18181b;
text-transform: uppercase;
padding: 9px 0 7px;
float: left;
}
#pg-product #prev-next-links a:last-child {
float: right;
}
@media (min-width:320px) {
#pg-product #video .play {
height: 100%;
width: 100%;
position: absolute;
z-index: 2;
display: block;
top: 0;
}
#pg-product #video .play i {
font-size: 80px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
#pg-product #add-to-cart #product-variants,
#pg-product #add-to-cart .ctabtn:not(.plain) {
float: left;
}
#pg-product #add-to-cart #product-variants select {
padding: 16px 10px 12px;
}
#pg-product #add-to-cart .ctabtn {
width: auto;
}
#pg-product #add-to-cart .ctabtn.plain {
padding: 8px 2px 6px 6px;
}
#pg-product #add-to-cart input.ctabtn {
padding: 14px 30px 12px;
}
#pg-product #add-to-cart .social {
width: 330px;
}
#pg-product #add-to-cart .social .reviews {
padding: 7px 8px;
float: left;
width: 115px;
overflow: hidden;
background-color: #fff;
color: #dbdbdd;
margin-right: 4px;
border: 1px solid #e3e3ea;
}
#pg-product #add-to-cart .social .reviews .text-m {
display: none;
}
#pg-product #add-to-cart .social .fb i {
color: #3b5998;
}
#pg-product #add-to-cart .social .twitter i {
color: #0084b4;
}
#pg-product #add-to-cart .social .reviews i,
#pg-product #add-to-cart .social .reviews span {
color: #ffcb2d;
}
#pg-product #add-to-cart .wrap-form input.ctabtn {
padding: 22px 0 20px;
display: block;
width: 100%;
}
#pg-product #add-to-cart form {
display: block;
}
#pg-product #add-to-cart .add-to-cart-wrapper {
height: 75px;
}
}
@media (min-width: 768px) {
.whats-included-section {
margin-bottom: 48px;
}
#pg-product #video .play i {
font-size: 120px!important;
}
#pg-product #video .intro {
display: block;
font-size: 22px;
font-family: 'Din Text Cond Pro Medium', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
padding: 8% 10% 0;
width: 100%;
}
#pg-product #video .intro p {
margin: 0 auto;
max-width: 949px;
}
#pg-product #video .more .item {
padding-top: 15px;
}
#pg-product #video .more .item a.vbox-item {
outline: 0;
opacity: 0.75;
}
#pg-product #video .more .item a.vbox-item:hover {
opacity: 1;
}
#pg-product #video .more .item span,
#pg-product #video .more .item strong {
text-align: left;
display: block;
text-transform: uppercase;
}
#pg-product #video .more .item span {
margin-top: 24px;
margin-left: 20px;
float: left;
padding-right: 24px;
}
#pg-product #video .more .item img {
display: block;
}
#pg-product #more-info {
padding: 72px 0;
}
#pg-product #more-info .image,
#pg-product #more-info .parts {
float: left;
width: 50%;
}
#pg-product #more-info .image {
padding-right: 10%;
}
#pg-product #more-info .review {
float: left;
width: 45%;
width: calc(50% - 10px);
}
#pg-product #more-info .review:nth-child(2n) {
margin-left: 20px;
}
}
@media (min-width:992px) {
#pg-product #product-slider .next-slide {
right: -4%;
}
#pg-product #add-to-cart .ctabtn:not(.plain) {
width: auto!important;
padding: 24px 90px 20px !important;
}
#pg-product #add-to-cart #product-variants select {
padding: 23px 10px 18px;
font-size: 15px;
}
#pg-product #product-main h1 {
font-size: 36px;
margin-bottom: 17px;
}
#pg-product #product-main .slider {
float: right;
-webkit-transform: translate(0, -36px);
-moz-transform: translate(0, -36px);
-ms-transform: translate(0, -36px);
-o-transform: translate(0, -36px);
}
#pg-product #product-main .price {
font-size: 27px;
margin-bottom: 36px;
}
#pg-product #product-main strong {
margin-bottom: 24px;
display: block;
font-size: 18px;
}
#pg-product #product-main .description,
#pg-product #product-main .slider {
width: 50%;
}
#pg-product #product-main .description {
float: left;
padding-right: 10%;
}
#pg-product #product-main #info-toggle {
display: none;
}
#pg-product #product-main .info {
display: block;
opacity: 1;
}
#pg-product #add-to-cart .ctabtn:not(.plain) {
font-size: 22px;
float: left;
}
#pg-product #add-to-cart .info {
float: left;
display: block;
color: #000;
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
margin-top: 14px;
margin-left: 20px;
}
#pg-product #add-to-cart .info span {
display: block;
font-size: 17px;
}
#pg-product #add-to-cart .info span.price {
font-size: 20px;
line-height: 20px;
}
#pg-product #add-to-cart .social {
margin-top: 16px;
display: block;
float: right;
}
#pg-product #add-to-cart.down {
position: fixed;
top: 83px;
width: 100%;
z-index: 998;
}
#pg-product #add-to-cart.down #add-to-cart-msg,
#pg-product #add-to-cart.down .ctabtn:not(.plain) {
margin-left: 138px;
}
}
#related-products {
background-color: #f1f1f4;
padding: 0 0 27px;
}
#related-products h4 {
color: #000;
font-size: 17px;
font-family: 'Din Text Cond Pro Medium', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
text-transform: uppercase;
margin-top: 36px;
margin-bottom: 10px;
}
#cart h1,
#related-products .product-thumb a {
font-weight: 400;
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-style: normal;
}
#related-products .product-thumb {
margin-bottom: 2px;
text-align: center;
background-color: #fff;
}
#related-products .product-thumb a {
max-width: 100%;
font-size: 17px;
display: block;
color: #000;
}
#related-products .product-thumb a .product-price {
margin-bottom: 17px;
}
#related-products .product-thumb a .product-title {
margin-bottom: 0;
}
@media (min-width: 768px) {
#related-products .product-thumb {
float: left;
width: 48%;
width: calc(50% - 1px);
margin-right: 2px;
}
#related-products .product-thumb:nth-child(2n) {
margin-right: 0;
}
}
@media (min-width:992px) {
#related-products .product-thumb {
width: 24%;
width: calc(25% - 1.5px);
margin-right: 2px;
}
#related-products .product-thumb:nth-child(2n) {
margin-right: 2px;
}
#related-products .product-thumb:nth-child(4n) {
margin-right: 0;
}
}
#cart {
background-color: #fff;
color: #121214;
padding: 24px 0;
}
#cart.no-items .ctabtn {
width: auto;
}
#cart .item-container {
margin-bottom: 22px;
}
#cart .item-container .item {
clear: both;
border-bottom: 1px solid #f1f0f5;
padding: 15px 0;
}
#cart .item-container .item:after,
#cart .item-container .item:before {
content: "";
display: table;
clear: both;
}
#cart .item-container .item .image {
display: none;
}
#cart .item-container .item .left {
float: left;
}
#cart .item-container .item .right {
float: right;
}
#cart .item-container .item span {
display: block;
font-family: 'Arial', Helvetica, sans-serif;
font-weight: 400;
color: #626269;
font-size: 11px;
}
#cart .checkout .text span,
#cart .checkout .small {
text-transform: uppercase;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
}
#cart .item-container .item a {
color: #121214;
font-size: 13px;
display: block;
line-height: 1;
margin-bottom: 8px;
}
#cart .item-container .item .qty {
float: left;
}
#cart .item-container .item .qty input {
max-width: 50px;
}
#cart .item-container .item .remove {
float: right;
padding: 10px;
}
#cart .item-container .item .subtotal {
display: none;
}
#cart .secondary img {
margin-bottom: 7px;
width: 100%;
max-width: 160px;
}
#cart .secondary .ctabtn {
background-color: transparent;
padding: 10px 5px 6px;
color: #626269;
}
#cart .comments textarea,
#cart .ctabtn {
width: 100%;
}
#cart .checkout .text {
clear: both;
}
#cart .checkout .text .total-text {
float: left;
}
#cart .checkout .text .total {
float: right;
}
#cart .checkout .text span {
font-size: 19px;
}
#cart .checkout .text:after,
#cart .checkout .text:before {
content: "";
display: table;
clear: both;
}
#cart .checkout .small {
margin-bottom: 10px;
display: block;
font-size: 14px;
color: #626269;
}
#cart h4,
#cart input,
#cart textarea,
#shipping-rates h4 {
text-transform: uppercase;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
font-size: 12px;
}
#cart h4,
#shipping-rates h4 {
margin-top: 0;
margin-bottom: 14px;
}
#cart input,
#cart textarea {
background-image: none;
background-color: #f9f9f9;
border: 1px solid #f1f0f5;
color: #121214;
padding: 10px;
}
#shipping-rates input,
#shipping-rates select {
font-style: normal;
margin-bottom: 10px;
text-transform: uppercase;
border: none;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
}
#cart input::-moz-placeholder,
#cart textarea::-moz-placeholder {
color: #626269;
opacity: 1;
}
#cart input:-ms-input-placeholder,
#cart textarea:-ms-input-placeholder {
color: #626269;
opacity: 1;
}
#cart input::-webkit-input-placeholder,
#cart textarea::-webkit-input-placeholder {
color: #626269;
opacity: 1;
}
#shipping-rates {
background-color: #f1f1f4;
color: #121214;
padding: 22px 0;
}
#shipping-rates small {
display: block;
font-size: 10px;
text-transform: uppercase;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
color: #626269;
}
#shipping-rates .ctabtn,
#shipping-rates input,
#shipping-rates select {
background-color: #626269;
color: #fff;
}
#shipping-rates form {
margin-bottom: 10px;
}
#shipping-rates select {
cursor: default;
display: inline-block;
font-size: 11px;
font-weight: 700;
line-height: 1;
outline: 0;
outline-offset: -2px;
padding: 9px 6px 6px;
position: relative;
text-align: left;
width: 50%;
width: calc(50% - 5px);
float: left;
}
#shipping-rates select+select {
margin-left: 10px;
}
#shipping-rates input {
width: 100%;
background-image: none;
font-size: 12px;
padding: 11px 10px 6px;
}
#shipping-rates input::-moz-placeholder {
color: #fff;
opacity: 1;
}
#shipping-rates input:-ms-input-placeholder {
color: #fff;
opacity: 1;
}
#shipping-rates input::-webkit-input-placeholder {
color: #fff;
opacity: 1;
}
@media (min-width:320px) {
#cart h1,
#cart p.msg span {
font-style: normal;
text-transform: uppercase;
}
#cart .remove {
color: red;
position: absolute;
right: 0;
}
#cart .remove .fa-close {
color: red;
}
#cart .comments {
display: none;
}
#cart h1 {
font-size: 16px;
margin-top: 0;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
}
#cart .item-container .item {
position: relative;
padding: 16px 0 8px;
}
#cart .item-container .item a {
line-height: 1.2;
display: block;
}
#cart .item-container .item .image {
float: left;
width: 15%;
display: block;
margin-right: 5%;
}
#cart .item-container .item .info,
#cart .item-container .item .subtotal {
float: left;
}
#cart .item-container .item .info {
width: 80%;
}
#cart .item-container .item .left {
width: 73%;
}
#cart .item-container .item .left .title {
padding-right: 6px;
}
#cart .item-container .item .right {
width: 27%;
}
#cart p.msg {
text-align: center;
margin: 12px 0;
}
#cart p.msg span {
background-color: #121214;
color: #fff;
padding: 9px 16px 6px;
line-height: 1;
font-family: 'Din Text Cond Pro Medium', Helvetica, sans-serif;
font-weight: 400;
display: block;
font-size: 14px;
}
}
@media (min-width:641px) {
#cart .item-container .item {
padding-bottom: 0;
}
#cart .item-container .item .image {
float: left;
margin-right: 10px;
display: block;
}
#cart .item-container .item .info,
#cart .item-container .item .subtotal {
float: left;
}
#cart .item-container .item .right>* {
margin-left: 20px;
}
#cart .item-container .item .subtotal {
display: block;
margin-top: 8px;
}
#cart .item-container .item .remove {
padding-top: 6px;
}
#cart .item-container .item .title {
max-width: 290px;
}
#cart .checkout,
#cart .secondary {
float: left;
width: 47.5%;
}
#cart .secondary {
text-align: center;
}
#cart .secondary .ctabtn {
margin-top: 15px;
}
#cart .checkout {
float: right;
margin-left: 5%;
}
#cart .info {
padding-left: 14px;
padding-top: 8px;
}
}
@media (min-width:991px) {
#cart h1 {
margin-top: 14px;
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
text-transform: capitalize;
font-size: 28px;
}
#cart p.msg {
border-bottom: 1px solid #f1f0f5;
padding-bottom: 5px;
}
#cart p.msg span {
display: inline;
font-size: 16px;
}
#cart .item-container .item {
padding: 8px 0 22px;
}
#cart .item-container .item span {
font-size: 13px;
}
#cart .item-container .item a {
font-size: 18px;
}
#cart .item-container .item .left .info {
padding-top: 44px;
}
#cart .item-container .item .right {
padding-top: 40px;
}
#cart .item-container .item .image {
width: 160px;
}
#cart .item-container .item .title {
max-width: 490px;
}
#cart .item-container .item .remove {
padding-top: 10px;
}
#cart .item-container .item div.info {
font-size: 20px;
width: 500px;
}
#cart .item-container .subtotal {
font-size: 20px;
}
#cart .comments {
width: 25%;
float: left;
display: block;
}
#cart .comments textarea {
min-height: 87px;
}
#cart .secondary {
width: 25%;
margin: 0 5%;
}
#cart .secondary .ctabtn {
border: 1px solid;
padding: 17px 5px 16px;
}
#cart .checkout {
width: 40%;
float: right;
margin-left: 0;
}
#shipping-rates form input,
#shipping-rates form select {
width: auto;
float: left;
padding: 19px 27px 16px;
}
#shipping-rates form input+*,
#shipping-rates form select+* {
margin-left: 10px;
}
}
@media (max-width: 767px) {
.pg-forms .top-title a,
.pg-forms .top-title h2,
.pg-forms .top-title p,
.pg-forms .top-title strong {
text-align: center!important;
}
}
.pg-forms .form-contact {
margin: 36px 0;
}
.pg-forms .top-title h2 {
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
color: #000;
margin-bottom: 24px;
margin-top: 0;
}
.pg-forms .top-title p a {
color: #000;
text-decoration: underline;
}
.pg-forms .top-title p {
margin-bottom: 0 !important;
color: #000;
display: block;
line-height: 1.5;
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 18px;
}
.pg-forms .top-title .faqlink,
.pg-forms .top-title strong,
.pg-forms h1 {
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
}
.pg-forms .top-title strong {
text-transform: uppercase;
margin: 8px 0;
display: block;
}
.pg-forms .top-title i {
margin-right: 4px;
}
.pg-forms .top-title .faqlink {
border-top: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
padding-top: 9px;
padding-bottom: 6px;
color: #121212;
display: block;
margin-bottom: 36px;
}
.pg-forms .top-title .faqlink:hover {
color: #626269;
}
.pg-forms h1 {
font-size: 36px;
text-align: center;
text-transform: uppercase;
color: #000;
margin-bottom: 46px;
}
.pg-forms a.pw {
color: #000;
text-decoration: underline;
display: block;
margin: 4px 0;
}
.pg-forms form {
max-width: 420px;
margin: 0 auto;
width: 100%;
}
.pg-forms form label {
font-family: 'Arial', Helvetica, sans-serif;
font-weight: 400;
font-size: 11px;
color: #d8d8d8;
}
#search-popup .text-center,
.pg-forms .form-input {
font-weight: 400;
font-style: normal;
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
}
.pg-forms .form-input {
border-radius: 2px;
display: block;
height: 48px;
border: 0;
background: #626269;
outline: 0;
color: #fff;
padding: 6px 0 4px 16px;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
width: 100%;
margin: 0 auto 12px;
}
.pg-forms textarea.form-input {
padding: 10px 16px 8px;
min-height: 150px;
}
.pg-forms .ctabtn {
width: 100%;
display: block;
border-radius: 2px;
margin-top: 24px;
}
#search-popup .text-center {
background: #232327!important;
}
#search-popup .logo {
max-width: 80px;
margin: 24px auto 12px;
}
.g-popup {
position: fixed;
left: 0;
z-index: 1000;
overflow: scroll;
top: 0;
height: 100%;
width: 100%;
background-color: rgba(31, 32, 35, .9);
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.g-popup .g-popup-container {
position: relative;
width: 90%;
max-width: 696px;
margin: 4em auto;
box-shadow: 0 0 20px rgba(0, 0, 0, .2);
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
-webkit-backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.g-popup .g-popup-container .left>:not(h4),
.g-popup .g-popup-container .right>:not(h4) {
padding: 20px 20px 24px;
}
.g-popup i.fa-check-circle {
color: #39e264;
}
.g-popup a.cart-link {
display: block;
font-size: 14px;
text-decoration: underline;
font-family: 'Din Text Cond Pro Medium', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
margin: 12px auto 0;
padding: 7px 0;
color: #555;
text-align: center;
}
.g-popup a.cart-link:hover {
color: #39e264;
}
.g-popup .logo {
width: 100%;
max-width: 150px;
margin: 0 0 28px;
}
.g-popup .col-sm-6 {
text-align: left;
}
.g-popup .col-sm-6.about {
padding-left: 36px;
}
.g-popup h5 {
margin-top: 24px;
border-top: 1px solid #ededed;
padding-top: 28px;
margin-bottom: 12px;
}
.g-popup h1 {
margin: 0 0 12px;
}
.g-popup span.small {
display: block;
font-size: 9px;
text-transform: uppercase;
color: #000;
margin-bottom: 4px;
}
.g-popup a.email,
.g-popup a.tel {
display: block;
color: #626269;
margin-bottom: 12px;
text-decoration: none;
}
.g-popup a.email:hover,
.g-popup a.tel:hover {
color: #000;
}
.g-popup .about {
background-color: #232327;
}
.g-popup .about img {
max-width: 60px;
margin: 0 auto 10px;
}
.g-popup .about p {
margin: 24px 12px;
font-size: 12px;
text-align: center;
}
.g-popup .about h3 {
margin: 10px 0 0;
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
text-align: center;
}
.g-popup .assistance,
.g-popup .links {
text-align: center;
font-style: normal;
background-color: #232327;
font-size: 12px;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
border-top: 2px solid #000;
}
.g-popup .links ul {
list-style: none;
padding-left: 0;
margin: 0;
}
.g-popup .links ul li {
display: inline-block;
}
.g-popup .links a {
text-transform: uppercase;
color: #626269;
padding: 0 10px;
}
.g-popup .assistance {
text-transform: uppercase;
}
.g-popup .form-contact {
padding: 20px;
background-color: #232327;
}
.g-popup .form-contact .form-input {
border-radius: 2px;
display: block;
height: 48px;
border: 0;
background: #626269;
outline: 0;
color: #fff;
text-transform: uppercase;
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
padding: 6px 0 4px 16px;
-webkit-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
width: 100%;
margin: 0 auto 12px;
}
.g-popup .form-contact textarea.form-input {
padding: 10px 16px 8px;
min-height: 150px;
}
.g-popup .form-contact .ctabtn {
width: 100%;
display: block;
border-radius: 2px;
}
.g-popup.add-to-cart {
color: #000;
}
.g-popup.add-to-cart .g-popup-container .section-title {
color: #39e264;
text-transform: uppercase;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
font-size: 14px;
margin-top: 0;
}
.g-popup.add-to-cart .g-popup-container .left,
.g-popup.add-to-cart .g-popup-container .right {
border-color: #eee;
}
.g-popup.add-to-cart .g-popup-container .left {
border-right: none;
}
.g-popup.add-to-cart .g-popup-container .product {
background-color: #fff;
border-right: 2px solid #eee;
}
.g-popup.add-to-cart .g-popup-container .product img {
margin-bottom: 20px;
}
.g-popup.add-to-cart .g-popup-container .product h3 {
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
margin-top: 0;
}
.g-popup.add-to-cart .g-popup-container .product .ctabtn {
width: 100%;
margin: 24px auto 0;
padding: 22px 0 20px;
}
.g-popup.add-to-cart .g-popup-container .product .accessory-upsale {
margin-top: 24px;
text-align: center;
}
.g-popup.add-to-cart .g-popup-container .product .accessory-upsale h4 {
font-family: 'Din Text Cond Pro Medium', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
text-transform: uppercase;
font-size: 16px;
margin-bottom: 0;
}
.g-popup.add-to-cart .g-popup-container .product .accessory-upsale .mobile {
display: none;
}
.g-popup.add-to-cart .g-popup-container .product .accessory-upsale .desktop,
.g-popup.add-to-cart .g-popup-container .product .accessory-upsale .mobile {
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
}
.g-popup.add-to-cart .g-popup-container .accessories {
background-color: #eee;
color: #000;
padding: 0;
position: relative;
top: 1px;
}
.g-popup.add-to-cart .g-popup-container .accessories .tile {
width: 49%;
width: calc(50% - 1px);
float: left;
background-color: #fff;
}
.g-popup.add-to-cart .g-popup-container .accessories .tile a {
color: #000;
display: block;
}
.g-popup.add-to-cart .g-popup-container .accessories .tile figure {
height: 144px;
overflow: hidden;
}
.g-popup.add-to-cart .g-popup-container .accessories .tile img {
padding: 0;
height: 144px;
display: block;
margin: 0 auto;
}
.g-popup.add-to-cart .g-popup-container .accessories .tile .ctabtn {
width: 100%;
padding: 10px 16px 8px;
background-color: #eee;
color: #000;
position: relative;
}
.g-popup.add-to-cart .g-popup-container .accessories .tile .ctabtn.added,
.g-popup.add-to-cart .g-popup-container .accessories .tile .ctabtn:hover {
background-color: #39e264;
color: #fff;
}
.g-popup.add-to-cart .g-popup-container .accessories .tile .info {
text-align: center;
padding: 8px 0 16px;
}
.g-popup.add-to-cart .g-popup-container .accessories .tile .info span {
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
display: block;
color: #000;
margin: 0 10px;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#about #storemapper #storemapper-go,
#about h3 {
font-weight: 400;
font-family: 'Din Text Cond Pro Medium', Helvetica, sans-serif;
font-style: normal;
}
.g-popup.add-to-cart .g-popup-container .accessories .tile:nth-child(2n) {
margin-left: 2px;
}
.g-popup.add-to-cart .g-popup-container .g-popup-close::after,
.g-popup.add-to-cart .g-popup-container .g-popup-close::before {
background-color: #000;
}
.g-popup.add-to-cart .g-popup-container .g-popup-close {
background-color: #fff;
top: 25px;
}
.g-popup.is-visible {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
transition: opacity 0.3s 0s, visibility 0s 0s;
}
.slick-loading .slick-slide,
.slick-loading .slick-track {
visibility: hidden;
}
.g-popup-container .g-popup-close {
position: absolute;
top: 8px;
right: 8px;
width: 30px;
height: 30px;
background-color: #232327;
padding: 20px;
}
.g-popup-container .g-popup-close::after,
.g-popup-container .g-popup-close::before {
content: '';
position: absolute;
top: 18px;
width: 14px;
height: 3px;
background-color: #fff;
}
.g-popup-container .g-popup-close::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
left: 13px;
}
.g-popup-container .g-popup-close::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
right: 13px;
}
.is-visible .g-popup-container {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
}
@media (max-width: 767px) {
.g-popup .g-popup-container .about,
.g-popup.add-to-cart .g-popup-container .product .accessory-upsale .desktop {
display: none;
}
body .g-popup-container {
margin: 1em auto;
}
.g-popup .g-popup-container .g-popup-close {
border-bottom: 2px solid #000;
right: 0;
top: -42px;
}
.g-popup.add-to-cart .g-popup-container .g-popup-close {
top: -17px;
}
.g-popup.add-to-cart .g-popup-container .product {
border-right: none;
}
.g-popup.add-to-cart .g-popup-container .product .accessory-upsale .mobile {
display: inline;
}
.g-popup.add-to-cart .g-popup-container .right .section-title {
display: none;
}
.g-popup.add-to-cart .g-popup-container .left {
border-bottom: 2px solid #eee;
}
}
@media (min-width: 768px) {
.g-popup .g-popup-container .g-popup-close {
border-left: 2px solid #000;
top: 0;
right: -42px;
}
.g-popup .g-popup-container .left,
.g-popup .g-popup-container .right {
width: 50%;
float: left;
}
.g-popup .g-popup-container .left {
border-right: 2px solid #000;
}
.g-popup.no-accessories .g-popup-container .g-popup-close {
left: 75%;
right: 0;
border-left: none;
}
.g-popup.no-accessories .left {
margin: 0 25%;
width: 50%;
}
}
#about h3,
#about p {
margin-bottom: 27px;
}
#about {
color: #626269;
background-color: #fff;
padding-bottom: 44px;
}
#about #storemapper #storemapper-go {
background: #000;
color: #fff;
text-align: center;
text-transform: uppercase;
line-height: 34px;
padding: 2px 0 0;
border: 0;
display: block;
width: 100%;
max-width: 140px;
}
#about h3 {
text-transform: uppercase;
padding-top: 40px;
margin-top: 0;
font-size: 17px;
}
#blog-wrapper .date,
#blog-wrapper a,
#blog-wrapper header h1 {
text-transform: uppercase;
font-style: normal;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
}
#about p {
line-height: 1.7;
}
@media (max-width:480px) {
#about {
padding-bottom: 0;
}
}
#blog-wrapper.pg-article header h1 {
max-width: 767px;
margin: 24px auto 0;
font-size: 36px;
}
#blog-wrapper.pg-article img.social {
margin: 0 auto;
display: block;
}
#blog-wrapper.pg-article .description {
float: none;
width: 100%;
max-width: 940px;
margin: 0 auto;
}
#blog-wrapper.pg-article .description a {
display: inline!important;
}
#blog-wrapper.pg-article .description img {
width: 100%;
margin: 24px auto 36px;
}
#blog-wrapper {
background-color: #fff;
color: #121214;
}
#blog-wrapper .social {
display: block;
margin: 0 auto;
float: none;
width: 360px;
}
#blog-wrapper .social a {
text-align: left;
width: 29%;
float: left;
margin-right: 2px;
height: 53px;
}
#blog-wrapper header,
.ctabtn,
.text-center {
text-align: center;
}
#blog-wrapper .social .fb i {
color: #3b5998;
}
#blog-wrapper .social .twitter i {
color: #0084b4;
}
#blog-wrapper .social .reviews i,
#blog-wrapper .social .reviews span {
color: #ffcb2d;
}
#blog-wrapper header h1 {
font-size: 44px;
line-height: 40px;
margin-bottom: 0;
}
#blog-wrapper .date,
#blog-wrapper a {
color: #626269;
display: block;
}
.ctabtn,
a,
body {
color: #fff;
}
#blog-wrapper summary {
margin-bottom: 27px;
}
#blog-wrapper summary .picture {
margin-bottom: 20px;
}
#blog-wrapper summary .picture .social {
margin-top: 14px;
}
#blog-wrapper summary .description h3 {
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
margin-top: 0;
margin-bottom: 10px;
}
#blog-wrapper summary .description .date {
margin-bottom: 10px;
}
@media (min-width:992px) {
#blog-wrapper header {
margin-bottom: 44px;
margin-top: 71px;
}
#blog-wrapper header h1 {
font-size: 71px;
line-height: 1;
}
#blog-wrapper summary {
margin-bottom: 36px;
}
#blog-wrapper summary .description,
#blog-wrapper summary .picture {
width: 47.5%;
float: left;
}
#blog-wrapper summary .picture {
margin-right: 5%;
}
}
body {
font-family: 'Arial', Helvetica, sans-serif;
font-weight: 400;
background-color: #121214;
font-size: 14px;
}
a:focus,
a:hover {
color: #fff;
text-decoration: none;
}
body,
html {
margin: 0;
}
.ul-unstyled {
padding-left: 0;
margin: 0;
list-style: none;
}
.ul-inline li {
display: inline-block;
}
.clearfix {
clear: both;
}
.clearfix:after,
.clearfix:before {
content: "";
display: table;
clear: both;
}
.out-of-stock {
background-color: #626269 !important;
margin-bottom: 20px;
}
.ctabtn {
font-size: 16px;
display: inline-block;
padding: 19px 27px 16px;
border: none;
font-family: 'Din Text Cond Pro Medium', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
background-color: #39e264;
text-transform: uppercase;
letter-spacing: 0.04em;
line-height: 1;
}
.back-white,
.ctabtn.plain {
background-color: #fff;
}
.slick-list,
.slick-slider,
.tblock {
display: block;
}
.ctabtn.large {
font-size: 22px;
padding: 22px 71px;
}
.ctabtn.ctabtn-inverse {
color: #000;
background-color: #fff;
}
.ctabtn.plain {
color: #dbdbdd;
border: 1px solid #e3e3ea;
}
.mauto {
margin: 0 auto;
}
.mb24 {
margin-bottom: 24px;
}
.max320 {
max-width: 320px;
width: 100%;
}
.text-right {
text-align: right;
}
.caps {
text-transform: uppercase;
}
.text14 {
font-size: 14px;
}
@-webkit-keyframes fade-down {
0% {
opacity: 0;
top: -20px;
}
100% {
opacity: 1;
top: 0;
}
}
@keyframes fade-down {
0% {
opacity: 0;
top: -20px;
}
100% {
opacity: 1;
top: 0;
}
}
.disable-shadow {
text-shadow: none!important;
}
.black {
color: #000;
}
.offblack {
color: #121214;
}
.white {
color: #fff;
}
.darkgrey {
color: #18181b;
}
.grey {
color: #626269;
}
.green {
color: #39e264;
}
.back-black {
background-color: #000;
}
.back-offblack {
background-color: #121214;
}
.back-dark-grey {
background-color: #18181b;
}
.back-green {
background-color: #39e264;
}
.arial {
font-family: 'Arial', Helvetica, sans-serif;
font-weight: 400;
}
.din-reg {
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
}
.din-bold {
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
}
.din-italic {
font-family: 'Din Text Cond Italic', Helvetica, sans-serif;
font-style: italic;
font-weight: 400;
}
.din-medium {
font-family: 'Din Text Cond Pro Medium', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
}
.slick-slider {
position: relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.accordion-item .accordion-heading,
.no-select,
.slick-slider {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.slick-list {
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: 0;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slide,
.slick-slide img,
.slick-slider .slick-list,
.slick-track {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
zoom: 1;
}
.slick-track:after,
.slick-track:before {
content: "";
display: table;
}
.slick-slide,
.slick-slide.slick-loading img {
display: none;
}
.slick-track:after {
clear: both;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
}
.slick-slide img {
pointer-events: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-slider {
margin-bottom: 30px;
}
#home-slider .slick-dots li button {
border: 0;
background-color: #121214;
display: block;
outline: 0;
padding: 18px;
cursor: pointer;
text-transform: uppercase;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
font-size: 12px;
width: 100%;
text-align: center;
}
#home-slider .slick-dots {
position: absolute;
top: 18%;
right: 0;
list-style: none;
display: block;
text-align: center;
padding: 0;
}
#home-slider .slick-dots li {
position: relative;
display: block;
padding: 0;
cursor: pointer;
}
#home-slider .slick-dots li.slick-active button {
background-color: #fff;
color: #000;
}
#product-slider .slick-dots li button {
border: 0;
display: block;
outline: 0;
padding: 2px;
cursor: pointer;
font-size: 8px;
color: transparent;
background-color: transparent;
}
#product-slider .slick-dots {
position: absolute;
bottom: -35px;
list-style: none;
display: block;
text-align: center;
padding: 0;
width: 100%;
}
#product-slider .slick-dots li {
position: relative;
display: inline-block;
margin: 0;
padding: 0;
cursor: pointer;
}
#product-slider .slick-dots li button:before {
font-family: 'FontAwesome';
content: "\f10c";
color: #000;
}
#product-slider .slick-dots li.slick-active button:before {
content: "\f111";
}
#box-slider .slick-dots li button {
border: 0;
display: block;
outline: 0;
padding: 2px;
cursor: pointer;
font-size: 9px;
color: transparent;
background-color: transparent;
}
#box-slider .slick-dots {
position: absolute;
bottom: 15px;
list-style: none;
display: block;
text-align: center;
padding: 0;
width: 100%;
}
#box-slider .slick-dots li {
position: relative;
display: inline-block;
margin: 0;
padding: 0;
cursor: pointer;
}
#box-slider .slick-dots li button:before {
font-family: 'FontAwesome';
content: "\f10c";
color: #fff;
}
#box-slider .slick-dots li.slick-active button:before {
content: "\f111";
}
#box-slider .slick-next,
#box-slider .slick-prev {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0;
font-size: 0;
cursor: pointer;
background: 0 0;
color: transparent;
top: 50%;
margin-top: -10px;
padding: 0;
border: none;
outline: 0;
}
#box-slider .slick-next:focus,
#box-slider .slick-next:hover,
#box-slider .slick-prev:focus,
#box-slider .slick-prev:hover {
outline: 0;
background: 0 0;
color: transparent;
}
#box-slider .slick-next:focus:before,
#box-slider .slick-next:hover:before,
#box-slider .slick-prev:focus:before,
#box-slider .slick-prev:hover:before {
opacity: 1;
}
#box-slider .slick-next.slick-disabled:before,
#box-slider .slick-prev.slick-disabled:before {
opacity: 0.25;
}
#box-slider .slick-next:before,
#box-slider .slick-prev:before {
font-family: "FontAwesome";
font-size: 20px;
line-height: 1;
color: #fff;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.share-facebook:hover .share-count,
.share-facebook:hover i,
.share-twitter:hover .share-count,
.share-twitter:hover i {
color: #fff!important;
}
#box-slider .slick-prev {
left: 10px;
}
#box-slider .slick-next {
right: 10px;
}
.slick-dots li button:focus,
.slick-dots li button:hover {
outline: 0;
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
opacity: 1;
}
[dir=rtl] .slick-next {
right: auto;
left: -25px;
}
[dir=rtl] .slick-next:before {
content: "\2190";
}
[dir=rtl] .slick-prev {
right: -25px;
left: auto;
}
[dir=rtl] .slick-prev:before {
content: "\2192";
}
[dir=rtl] .slick-slide {
float: right;
}
.share-title {
font-size: 14px;
padding-right: 10px;
}
.is-large .share-title {
padding-right: 16px;
}
.share-facebook {
background-color: #3b3b3b;
}
.share-facebook:hover {
background-color: #2d4373!important;
}
.share-twitter {
background-color: #3b3b3b;
}
.share-twitter:hover {
background-color: #0087ba!important;
}
.share-count {
position: relative;
padding: 0 8px;
margin-right: 0;
font-size: 14px;
line-height: 14px;
color: #333;
opacity: 0;
-webkit-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
}
.share-count.is-loaded {
opacity: 1;
}
.is-large .share-count {
font-size: 18px;
padding: 0 14px;
}
.no-touch #top-bar .wrapper>a:hover {
color: #fff;
}
.no-touch .qty:after {
position: relative;
-webkit-transition: all 200ms ease-in;
transition: all 200ms ease-in;
bottom: 0;
left: -17px;
width: 100px;
height: 30px;
content: 'View Cart';
visibility: hidden;
-webkit-backface-visiblity: hidden;
font-size: 11px;
font-family: 'Din Text Cond Pro Medium', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
display: block;
opacity: 0;
color: #39e264;
text-transform: uppercase;
}
.no-touch a#shopping-cart i.fa-shopping-cart {
-webkit-transition: all 150ms ease-in;
transition: all 150ms ease-in;
-webkit-backface-visiblity: hidden;
}
.no-touch a#shopping-cart .qty {
-webkit-transition: all 170ms ease-in;
transition: all 170ms ease-in;
-webkit-backface-visibility: hidden;
}
.no-touch a#shopping-cart:hover {
background: #000!important;
}
.no-touch a#shopping-cart:hover .qty {
-webkit-transform: translate(0, -35px);
-moz-transform: translate(0, -35px);
-ms-transform: translate(0, -35px);
-o-transform: translate(0, -35px);
}
.no-touch a#shopping-cart:hover .fa-shopping-cart {
opacity: 0;
-webkit-transform: translate(0, -100%);
-moz-transform: translate(0, -100%);
-ms-transform: translate(0, -100%);
-o-transform: translate(0, -100%);
}
.no-touch a#shopping-cart:hover .qty:after {
display: block;
visibility: visible;
opacity: 1;
}
.no-touch .statement ul li a:hover {
color: #fff;
text-decoration: underline;
}
.no-touch .ctabtn {
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.no-touch .ctabtn:hover {
background: #19c244;
color: #fff;
}
.no-touch #home-slider .slick-dots button.tab:hover {
background: #fff;
color: #000;
}
.no-touch #home-tiles .left a:hover span,
.no-touch #home-tiles .right a:hover span,
.no-touch #shop-by-tiles .slider a:hover span.vape {
color: #fff;
background: #000;
}
.no-touch #home-tiles .left a img,
.no-touch #home-tiles .right a img {
-webkit-transition: all 0.2s 0 ease-out;
transition: all 0.2s 0 ease-out;
}
.no-touch #home-tiles .left a:hover img,
.no-touch #home-tiles .right a:hover img {
opacity: 0.5;
}
.no-touch .value-tile a:hover {
color: #fff;
text-decoration: underline;
}
.no-touch #type-nav ul li a:hover {
color: #fff;
}
.no-touch #pg-product #video .play i {
-webkit-backface-visibility: hidden;
-webkit-transition: all 200ms;
transition: all 200ms;
}
.no-touch #pg-product #video .play:hover i {
opacity: 0.5;
-webkit-transform: translate(-50%, -60%);
-moz-transform: translate(-50%, -60%);
-ms-transform: translate(-50%, -60%);
-o-transform: translate(-50%, -60%);
}
.no-touch ul.social li a {
text-align: left;
}
.no-touch footer .icons li a:hover,
.no-touch ul.social li a:hover {
color: #626269;
}
.no-touch footer a.value-tile:hover span {
color: #fff;
text-decoration: underline;
}
#frequently-asked-questions #main header .page-title,
.search-no-results h2 {
font-style: normal;
text-transform: uppercase;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
}
#frequently-asked-questions #main {
background-color: #fff;
color: #000;
}
#frequently-asked-questions #main header .page-title {
max-width: 767px;
margin: 24px auto 40px;
font-size: 36px;
text-align: center;
}
@media (min-width: 768px) {
#frequently-asked-questions #main header .page-title {
font-size: 71px;
line-height: 1;
}
}
#home-slider .promo.slide {
background-size: contain;
display: block;
background-position: top;
padding-top: 0;
}
#home-slider .promo.slide a {
padding-top: 649px;
}
.search-no-results {
padding: 2rem 0;
}
.search-no-results h2 {
font-weight: 500;
}
.search-no-results a {
color: #39e264;
}
@media (max-width:991px) {
#navbar .middle {
width: auto;
height: auto;
}
}
.footer-email-signup .signup-response {
display: none;
position: absolute;
height: 16px;
left: 60px;
top: -30px;
line-height: 16px;
font-size: 10px;
}
input:focus::-webkit-input-placeholder {
color: transparent!important;
}
input:focus:-moz-placeholder {
color: transparent!important;
}
input:focus::-moz-placeholder {
color: transparent!important;
}
input:focus:-ms-input-placeholder {
color: transparent!important;
}
::-webkit-input-placeholder {
color: #FFF;
}
:-moz-placeholder {
color: #FFF;
}
::-moz-placeholder {
color: #FFF;
}
:-ms-input-placeholder {
color: #FFF;
}
.email-modal-container,
.age-modal-container,
.country-modal-container{
display: none;
width: 100%;
}
.age-modal-container, .country-modal-container {
top: 0;
right: 0;
bottom: 0;
left: 0;
position: fixed;
width: 100%;
height: 100%;
z-index: 999999999;
background-color: rgba(0, 0, 0, .6);
}
.under {
background-color: #626269 !important;
margin-bottom: 15px;
}
.invisible-email-overlay {
position: fixed;
top: 0!important;
bottom: 0;
left: 0;
right: 0;
background-color: transparent;
z-index: 999999998;
}
.grenco-modal-outer {
position: fixed;
top: 50%!important;
left: 50%;
z-index: 999999999;
width: 80%;
max-width: 496px;
color: #fff;
background-color: #000;
text-align: center;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-font-smoothing: subpixel-antialiased;
}
.grenco-modal-outer .close-modal {
position: absolute;
top: 0;
right: -32px;
color: inherit;
text-decoration: none;
}
.grenco-modal-outer .close-modal::after {
content: '✕';
display: block;
height: 34px;
width: 31px;
line-height: 34px;
font-size: 1.65rem;
font-weight: 800;
color: #FFF;
background-color: #000;
padding-left: 0.5px;
}
.grenco-modal-outer h2,
.grenco-modal-outer h6 {
font-family: "Din Text Cond Bold", "helvetica", sans-serif;
font-size: 5.5rem;
text-transform: uppercase;
line-height: 1;
padding: 0 5%;
margin: 2.5rem 0 0;
}
.grenco-modal-outer p,
.input-email {
font-family: "Din Text Cond Reg", "helvetica", sans-serif;
}
.grenco-modal-outer p {
font-size: 1.5rem;
margin: 0 0 30px;
padding: 0 15%;
}
.form-email-signup {
font-size: 0;
padding: 0 10%;
}
.input-email,
.input-submit {
font-size: 1.5rem;
color: #FFF;
padding: 1rem;
border: 0;
outline: 0;
}
.input-email {
text-transform: lowercase;
background-color: #838383;
border-right: 2px solid #000;
width: 75%;
}
.input-submit {
font-family: "Din Text Cond Bold", "helvetica", sans-serif;
text-transform: uppercase;
background-color: #39E264;
width: 25%;
cursor: pointer;
}
p.email-success-message {
font-size: 2.5rem;
margin: 0;
}
p.email-success-message:first-of-type {
margin-top: 2.5rem;
}
p.email-success-message:last-of-type {
margin-bottom: 2.5rem;
}
.email-success-code {
margin: 2.5rem 0;
font-size: 7.5rem;
}
.email-modal-logo {
height: 56px;
width: 40px;
margin: 2rem auto;
}
.launch-gpen-radio {
padding: 10px 0;
border: 0;
outline: 0;
position: absolute;
top: 650px;
right: 0;
width: 55px;
color: #fff;
background-color: #39e264;
z-index: 1004;
}
.launch-gpen-radio>* {
opacity: 0.65;
}
.footer-gpen-radio-launch img:hover,
.tiny-gpen-radio-launch>img:hover {
opacity: 0.35;
}
.launch-gpen-radio img:first-of-type {
padding: 0 0 10px;
}
.launch-gpen-radio.sticky {
position: fixed;
top: 420px;
}
.radio-button-text {
text-transform: uppercase;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
color: #000;
font-size: 1.25rem;
text-align: center;
}
.radio-button-text strong {
font-size: 2.8rem;
line-height: 1;
margin-top: 5px;
display: block;
}
.tiny-gpen-radio-launch {
display: inline-block;
float: left;
background-color: transparent;
outline: 0;
border: 0;
padding: 0;
width: 33px;
}
.tiny-gpen-radio-launch>img {
padding: 22px 10px 1px;
display: inline-block;
}
.footer-gpen-radio-launch {
padding: 0;
outline: 0;
border: 0;
background-color: transparent;
}
.footer-gpen-radio-launch img {
width: 38px;
padding: 4px 10px 10px;
}
.first-footer-box img {
width: 20px;
margin-top: -5px;
margin-right: 20px;
}
@media (min-width:1255px) {
.first-footer-box {
padding: 67px 28px !important;
}
.first-footer-box p {
margin-left: 0 !important;
margin-right: 0 !important;
max-width: 380px!important;
}
}
@media (max-width:991px) {
.gpen-radio-hide-mobile {
display: none!important;
}
}
#navbar #link-list>ul>li a {
padding: 17px 28px 16px 22px;
}
.description .yotpo-icon {
-webkit-font-smoothing: antialiased;
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: none;
background-origin: padding-box;
background-size: auto;
border-image-outset: 0;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
box-sizing: border-box;
color: #ffd200;
direction: ltr;
display: block;
float: left;
font-family: "yotpo-widget-font";
font-size: 26px;
font-style: normal;
font-variant: normal;
font-weight: 400;
height: 26px;
line-height: 26px;
speak: none;
text-align: left;
text-transform: none;
visibility: visible;
width: 26px;
border-color: #ffd200;
border-style: none;
border-width: 0;
margin: 0;
padding: 0;
}
.description .yotpo-icon:before {
content: "\e61b";
font-family: "yotpo-widget-font"!important;
}
@-webkit-keyframes flipdown {
0% {
opacity: 0;
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
5% {
opacity: 1;
}
80% {
-webkit-transform: rotateX(8deg);
transform: rotateX(8deg);
}
83% {
-webkit-transform: rotateX(6deg);
transform: rotateX(6deg);
}
92% {
-webkit-transform: rotateX(-3deg);
transform: rotateX(-3deg);
}
100% {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
}
@keyframes flipdown {
0% {
opacity: 0;
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
5% {
opacity: 1;
}
80% {
-webkit-transform: rotateX(8deg);
transform: rotateX(8deg);
}
83% {
-webkit-transform: rotateX(6deg);
transform: rotateX(6deg);
}
92% {
-webkit-transform: rotateX(-3deg);
transform: rotateX(-3deg);
}
100% {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
}
.accordion-item .parts,
.accordion-item input[type=checkbox]:checked~:not(i):not(.accordion-heading),
.accordion-item p,
.accordion-item>i:after,
.accordion-item>i:before,
.transition {
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.accordion-item,
.flipIn {
-webkit-animation: flipdown 0.5s ease both;
animation: flipdown 0.5s ease both;
}
.accordion-item .accordion-heading,
.no-select {
-webkit-tap-highlight-color: transparent;
user-select: none;
}
.accordion-container {
display: none;
list-style: none;
-webkit-perspective: 900;
perspective: 900;
padding: 0;
margin: 0;
}
.accordion-item {
position: relative;
padding: 12px 0 0;
margin: 0;
border-top: 1px dotted #ddd;
}
.accordion-item:nth-of-type(1) {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.accordion-item:nth-of-type(2) {
-webkit-animation-delay: 0.75s;
animation-delay: 0.75s;
}
.accordion-item:nth-of-type(3) {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.accordion-item:last-of-type {
padding-bottom: 0;
}
.accordion-item>i {
position: absolute;
-webkit-transform: translate(-6px, 0);
transform: translate(-6px, 0);
right: 0;
margin-top: 6px;
}
.accordion-item>i:after,
.accordion-item>i:before {
content: "";
position: absolute;
background-color: #000;
width: 3px;
height: 9px;
}
.accordion-item>i:before {
-webkit-transform: translate(-2px, 0) rotate(45deg);
transform: translate(-2px, 0) rotate(45deg);
}
.accordion-item>i:after {
-webkit-transform: translate(2px, 0) rotate(-45deg);
transform: translate(2px, 0) rotate(-45deg);
}
.accordion-item .accordion-heading {
padding-bottom: 10px;
text-transform: uppercase;
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-size: 20px;
line-height: 24px;
display: block;
margin: 0;
cursor: pointer;
-webkit-transition: border-color 0.3s;
transition: border-color 0.3s;
}
.accordion-item .parts,
.accordion-item p {
position: relative;
overflow: hidden;
max-height: 800px;
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
margin-top: 14px;
z-index: 2;
}
.accordion-item input[type=checkbox] {
position: absolute;
cursor: pointer;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
}
.accordion-item input[type=checkbox]:checked~:not(i):not(.accordion-heading) {
margin-top: 0;
margin-bottom: 0;
max-height: 0;
opacity: 0;
-webkit-transform: translate(0, 50%);
transform: translate(0, 50%);
}
.accordion-item input[type=checkbox]:checked~i:before {
-webkit-transform: translate(2px, 0) rotate(45deg);
transform: translate(2px, 0) rotate(45deg);
}
.accordion-item input[type=checkbox]:checked~i:after {
-webkit-transform: translate(-2px, 0) rotate(-45deg);
transform: translate(-2px, 0) rotate(-45deg);
}
.accordion-item input[type=checkbox]~h3 {
border-bottom-style: dotted;
border-bottom-color: #ddd;
}
.accordion-item input[type=checkbox]:checked~h3 {
border-bottom-width: 0;
}
.accordion-item input[type=checkbox]:not(:checked)~h3 {
border-bottom-width: 1px;
}
.accordion-item h3~* {
padding-left: 16px;
padding-right: 16px;
}
.accordion-container .parts ul {
list-style: none;
padding: 0;
color: #717171;
}
.bva-test-variation {
display: none;
}
.bva-test-original {
display: block;
}
#pg-product .go-back,
#pg-product .go-forward {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: #000;
font-size: 40px;
z-index: 10;
text-shadow: 0 0 5px #fff;
}
#pg-product .go-forward {
right: -15px;
padding: 20px 0 20px 20px;
}
#pg-product .go-back {
left: -15px;
padding: 20px 20px 20px 0;
}
#pg-product #more-info .bva-test-variation {
padding: 72px 0;
}
#pg-product #new-product-slider {
float: left!important;
}
@media (max-width:991px) {
#pg-product #new-product-slider {
float: none!important;
}
}
@media (min-width: 768px) {
#pg-product #product-main {
padding-bottom: 72px;
border-bottom: 1px solid #E3E3EA;
}
}
#pg-product #product-main .bva-test-variation .description {
float: right;
padding-left: 10%;
padding-right: 0;
}
#pg-product #product-main .bva-test-variation .description .primary-add-to-cart-form {
margin-bottom: 18px;
}
#pg-product #product-main .bva-test-variation .description .primary-add-to-cart-button {
width: 100%;
}
#pg-product #product-main .bva-test-variation .description .cloned-yotpo-stars-and-sums {
display: inline-block;
vertical-align: bottom;
min-width: 220px;
-webkit-transform: translate(-5px, -2px);
transform: translate(-5px, -2px);
margin-bottom: 5px;
}
#pg-product #product-main .bva-test-variation .description .cloned-yotpo-stars-and-sums .yotpo-stars {
display: block;
}
#pg-product #product-main .bva-test-variation .description .cloned-yotpo-stars-and-sums .questions {
margin: 5px;
}
#pg-product #product-main .bva-test-variation .description .cloned-yotpo-stars-and-sums .questions a {
color: #3085C7!important;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
#pg-product #product-main .bva-test-variation .description h1 {
margin-bottom: 5px;
}
#pg-product #product-main .bva-test-variation .description .share-count.is-loaded {
opacity: 1!important;
}
#pg-product #product-main .bva-test-variation .description .social.social-sharing {
display: block!important;
box-sizing: border-box;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 400;
}
#pg-product #product-main .bva-test-variation .description .social.social-sharing .ctabtn {
width: auto;
height: 27px;
}
#pg-product #product-main .bva-test-variation .description .social.social-sharing .ctabtn.plain {
padding: 4px 2px 4px 6px;
}
#pg-product #product-main .bva-test-variation .description .social.social-sharing .fb i {
color: #3B5998;
}
#pg-product #product-main .bva-test-variation .description .social.social-sharing .twitter i {
color: #0084B4;
}
#pg-product #product-main .bva-test-variation .description .social.social-sharing .share-count {
position: relative;
padding: 0 8px;
margin-right: 0;
font-size: 14px;
line-height: 21px;
color: #333;
opacity: 0;
-webkit-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
border: none;
background-color: transparent;
}
#pg-product #product-main .bva-test-variation .description .social.social-sharing .share-count:after,
#pg-product #product-main .bva-test-variation .description .social.social-sharing .share-count:before {
display: none;
}
#pg-product #product-main .bva-test-variation .description span[itemprop=offers] {
display: block;
margin-bottom: 18px;
}
@media (max-width:991px) {
#pg-product #product-main .bva-test-variation .description span[itemprop=offers] {
margin-bottom: 10px;
}
}
#pg-product #product-main .bva-test-variation .description .price {
display: inline-block;
vertical-align: top;
margin-bottom: 0;
}
@media (max-width:991px) {
#pg-product #product-main .bva-test-variation .description {
float: left;
padding-left: 10%;
padding-right: 10%;
}
#pg-product #product-main .bva-test-variation .description .info {
display: block;
opacity: 1;
}
}
#giveacceptbtn,
#giveclosebtn {
float: none!important;
display: block!important;
}
#facebox .popup {
border: 0!important;
box-shadow: none!important;
}
#facebox .content {
border: 0!important;
border-radius: 0!important;
}
#facebox #upsell {
height: 350px!important;
width: 615px!important;
}
#facebox .close {
top: 0!important;
right: -28px!important;
background-color: #FFF!important;
padding-left: 8px !important;
padding-bottom: 5px;
padding-right: 8px !important;
opacity: 1!important;
}
#facebox .close_image {
opacity: 1!important;
width: 10px!important;
}
#giveacceptbtn {
width: 570px!important;
background: #39E264!important;
border: 0!important;
border-radius: 0!important;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif!important;
text-shadow: none!important;
box-shadow: none!important;
margin-top: 6px !important;
margin-left: 24px !important;
}
#giveclosebtn {
color: #000!important;
margin: 0 auto !important;
font-family: 'Din Text Cond Reg', Helvetica, sans-serif!important;
}
#category-hero.apparel {
background-image: url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/asphalt-m.jpg?18034179594028967761");
}
#category-hero.collaborations {
background-image: url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/snoop-m.jpg?18034179594028967761");
}
@media (min-width: 768px) {
#category-hero.apparel {
background-image: url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/asphalt.jpg?18034179594028967761");
}
#category-hero.collaborations {
background-image: url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/snoop.jpg?18034179594028967761");
}
#category-hero.collaborations.claw {
background-image: url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/collaboration-claw.jpg?18034179594028967761");
}
#category-hero.collaborations.gumball {
background-image: url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/collaboration-gumball.jpg?18034179594028967761");
}
#category-hero.collaborations.huf {
background-image: url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/collaboration-huf.jpg?18034179594028967761");
}
}
.slick-loading .slick-list {
background: url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/ajax-loader.gif?18034179594028967761") center center no-repeat #fff;
}
@media (max-width:614px) {
#button {
width: 100%;
margin: 0 !important;
}
#button #giveacceptbtn {
width: 95%!important;
margin: 0 2.5% !important;
height: 70px;
}
#facebox {
padding: 0 10px;
}
#facebox #upsell {
width: 100%!important;
padding-top: 25px;
}
#giveclosebtn {
padding-top: 1rem;
padding-bottom: 1rem;
}
#facebox .close {
right: 0!important;
top: 5px!important;
}
#facebox a.close img {
display: block!important;
}
}
@media (min-width:615px) and (max-width: 750px) {
#facebox #upsell {
margin: 0 auto !important;
display: block;
}
#facebox #button {
float: left!important;
margin-left: 0;
margin-right: 0;
width: 100%;
}
#button #giveacceptbtn {
margin-left: auto !important;
margin-right: auto !important;
}
#facebox a.close img {
display: block!important;
}
#facebox .close {
right: 0!important;
top: 5px!important;
}
}
#new-product-slider .slick-slide img {
display: block;
margin: 0 auto;
}
.social.social-sharing {
margin-bottom: 1rem;
}
.social.social-sharing a.venobox {
margin-left: 1rem;
}
#blog-wrapper {
margin: 24px auto;
}
/*
* 'main.scss.css'
* ------------
*
*
*/
html,
body {
height: 100%;
}
body.overflow-hidden {
overflow: hidden;
}
img {
max-width: 100%;
height: auto;
}
*:focus {
outline: none;
}
@media (min-width: 320px) {
#top-bar {
display: none;
}
#brand {
display: none;
}
#sub-menus {
display: none;
}
.header-wrapper {
position: fixed;
z-index: 1000;
top: 0;
width: 100%;
}
#navbar {
background-color: #18181b;
width: 100%;
}
#navbar .middle {
padding: 15px;
text-align: center;
}
#navbar #brand-m {
width: 71px;
}
#navbar #menu-toggle {
position: absolute;
top: 0;
padding: 16px 15px;
font-size: 21px;
line-height: 21px;
border-right: 2px solid #000;
cursor: pointer;
}
#navbar #menu-toggle i,
#navbar #menu-toggle i:after {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#navbar #menu-toggle i {
position: relative;
}
#navbar #menu-toggle.x i {
color: transparent;
}
#navbar #menu-toggle.x i:after {
color: #fff;
content: "\f00d";
left: 0;
position: absolute;
}
#navbar .social {
display: none;
}
#navbar #shopping-cart {
text-align: center;
position: absolute;
top: 0;
right: 0;
padding: 16px 15px;
font-size: 21px;
line-height: 21px;
border-left: 2px solid #000;
}
#navbar #shopping-cart .price {
display: none;
}
#navbar #shopping-cart .qty {
position: absolute;
width: 100%;
left: 0;
top: 44px;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
font-size: 11px;
color: #007f00;
}
#navbar #shopping-cart .qty .bubble {
border-radius: 500px;
background-color: #39e264;
display: inline-block;
margin: 0 auto;
width: 21px;
height: 21px;
line-height: 23px;
font-size: 10px;
}
#navbar #shopping-cart .qty .bubble.notify:after {
border: 5px solid green;
border-radius: 500px;
box-shadow: 0 0 5px;
content: "";
display: block;
height: 21px;
opacity: 0.5;
position: absolute;
top: 0;
transform: scale(-1.8);
width: 21px;
z-index: 0;
}
#navbar #link-list {
position: absolute;
top: 54px;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
text-transform: uppercase;
font-size: 19px;
background-color: #121214;
width: 100%;
width: calc(100% - 50px);
overflow: auto;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: translateZ(0) translateX(-100%);
-moz-transform: translateZ(0) translateX(-100%);
-ms-transform: translateZ(0) translateX(-100%);
-o-transform: translateZ(0) translateX(-100%);
}
#navbar #link-list.shown {
-webkit-transform: translate3D(0, 0, 0);
-moz-transform: translate3D(0, 0, 0);
-ms-transform: translate3D(0, 0, 0);
-o-transform: translate3D(0, 0, 0);
}
#navbar #link-list ul {
list-style: none;
padding-left: 0;
margin: 0;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
-webkit-transition: all 0.2s 0 ease-out;
-moz-transition: all 0.2s 0 ease-out;
-ms-transition: all 0.2s 0 ease-out;
-o-transition: all 0.2s 0 ease-out;
transition: all 0.2s 0 ease-out;
}
#navbar #link-list ul li {
border-bottom: 1px solid #000;
}
#navbar #link-list ul li:last-child {
border-bottom: none;
}
#navbar #link-list ul li a {
padding: 15px 15px 11px;
display: inline-block;
width: 100%;
-webkit-transition: all 0.2s 0 ease-out;
-moz-transition: all 0.2s 0 ease-out;
-ms-transition: all 0.2s 0 ease-out;
-o-transition: all 0.2s 0 ease-out;
transition: all 0.2s 0 ease-out;
}
#navbar #link-list ul li .sub-toggle {
position: relative;
}
#navbar #link-list ul li .sub-toggle:after {
content: "\f107";
font-family: 'FontAwesome';
position: absolute;
right: 15px;
top: 15px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
#navbar #link-list ul li .sub-toggle.active {
background-color: #fff;
color: #121214;
}
#navbar #link-list ul li .sub-toggle.opened {
background-color: #fff;
color: #121214;
}
#navbar #link-list ul li .sub-toggle.opened:after {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
}
#navbar #link-list ul li .sub-toggle.opened + .sub-list {
max-height: 400px;
}
#navbar #link-list ul li.social-m a {
width: 25%;
float: left;
text-align: center;
padding: 20px 0;
}
#navbar #link-list ul li.social-m a + a {
border-left: 1px solid #000;
}
#navbar #link-list ul li.search-form .ctabtn {
background-color: #000;
color: #fff;
float: right;
max-width: 20%;
padding-left: 0;
padding-right: 0;
width: 100%;
}
#navbar #link-list ul li.search-form input {
background-image: none;
background-color: transparent;
border: none;
text-transform: uppercase;
color: #fff;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
padding: 15px 15px 11px;
float: left;
width: 80%;
}
#navbar #link-list ul li.search-form input:focus {
box-shadow: none;
outline: none;
}
#navbar #link-list ul li.search-form input::-moz-placeholder {
color: #626269;
opacity: 1;
}
#navbar #link-list ul li.search-form input:-ms-input-placeholder {
color: #626269;
opacity: 1;
}
#navbar #link-list ul li.search-form input::-webkit-input-placeholder {
color: #626269;
opacity: 1;
}
#navbar #link-list ul.sub-list {
border-bottom: none;
border-right: none;
max-height: 0;
overflow: hidden;
}
#navbar #link-list ul.sub-list li {
background-color: #18181b;
}
#navbar #link-list ul.sub-list li a {
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
padding-left: 24px;
}
}
@media (max-width: 991px) {
#navbar .container {
width: 100%;
padding: 0;
}
}
@media (min-width: 992px) {
#brand-m {
display: none;
}
#brand {
display: block;
width: 93px;
}
#top-bar {
display: block;
z-index: 1000;
background-color: #18181b;
border-bottom: 1px solid #262629;
color: #626269;
}
#top-bar span {
font-size: 11px;
line-height: 27px;
padding-left: 6px;
color: #bfbfbf;
}
#top-bar a {
color: #626269;
font-size: 12px;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
text-transform: uppercase;
float: right;
display: inline-block;
padding: 5px 10px;
}
#top-bar a.right {
margin-right: 9px;
}
#top-bar a.country img {
margin-top: -2px;
margin-right: 4px;
}
#top-bar .wrapper {
padding-right: 60px;
padding-left: 138px;
}
#top-bar .dropdown {
padding-left: 0;
margin: 0;
list-style: none;
float: right;
}
#top-bar .dropdown li:hover ul {
display: block;
opacity: 1;
visibility: visible;
}
#top-bar .dropdown > li {
position: relative;
}
#top-bar .dropdown > li:hover > a {
background-color: #fff;
color: #121214;
}
#top-bar .dropdown li ul li {
background-color: #18181b;
display: block;
color: #fff;
border-top: 1px solid #000;
}
#top-bar .dropdown li ul {
padding: 0;
position: absolute;
z-index: 2;
top: 27px;
width: 100%;
left: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
display: none;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
#top-bar .dropdown li ul a {
color: #fff;
font-size: 12px;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
text-transform: uppercase;
text-align: center;
display: block;
padding: 6px 10px 4px;
float: none;
}
#top-bar .dropdown li ul.country a {
text-align: left;
}
#top-bar .dropdown li ul li:hover {
background-color: #fff;
}
#top-bar .dropdown li ul li:hover a {
color: #121214;
}
li.list-help {
display: none !important;
}
#sub-menus {
position: fixed;
z-index: 999;
width: 100%;
top: 83px;
background-color: #fff;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
text-transform: uppercase;
font-size: 19px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
#sub-menus .wrapper {
padding: 10px 20px 10px 158px;
}
#sub-menus a {
color: #121214;
}
#sub-menus a img {
-webkit-transition: all 0.2s 0 ease-out;
-moz-transition: all 0.2s 0 ease-out;
-ms-transition: all 0.2s 0 ease-out;
-o-transition: all 0.2s 0 ease-out;
transition: all 0.2s 0 ease-out;
}
#sub-menus a img:hover {
-webkit-transform: translateZ(0) translateX(2px);
-moz-transform: translateZ(0) translateX(2px);
-ms-transform: translateZ(0) translateX(2px);
-o-transform: translateZ(0) translateX(2px);
}
#sub-menus a:hover {
text-decoration: underline;
}
#sub-menus .sub-list {
display: none;
padding-left: 0;
margin-bottom: 0;
}
#sub-menus .sub-list li {
display: inline-block;
margin-right: 20px;
}
#sub-menus .sub-list li a img {
margin-right: 10px;
}
#sub-menus .sub-list.opened {
display: block;
}
#sub-menus.opened {
display: block;
}
#navbar {
top: 28px;
max-height: 55px;
}
#navbar .container {
position: relative;
}
#navbar .middle {
background-color: #18181b;
position: absolute;
top: -28px;
left: 15px;
z-index: 10000;
}
#navbar .middle,
#navbar #link-list {
display: inline-block;
float: left;
}
#navbar #brand-m {
width: 69px;
}
#navbar #menu-toggle {
display: none;
}
#navbar .social-m,
#navbar .search-form {
display: none !important;
}
#navbar #shopping-cart {
position: relative;
float: right;
padding: 16px 24px 17px 22px;
border-left: none;
background-color: #1b1b1e;
}
#navbar #shopping-cart .price {
display: block;
position: absolute;
width: 100%;
text-align: center;
font-size: 12px;
text-transform: uppercase;
color: #39e264;
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
left: 0;
bottom: 100%;
background-color: #232327;
padding: 3px;
}
#navbar #link-list {
position: static;
font-size: 16px;
padding-left: 123px;
width: auto;
background-color: transparent;
overflow: visible;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: translate3D(0, 0, 0);
-moz-transform: translate3D(0, 0, 0);
-ms-transform: translate3D(0, 0, 0);
-o-transform: translate3D(0, 0, 0);
}
#navbar #link-list ul {
padding-left: 0;
margin: 0;
border: none;
-webkit-transition: all 0.2s 0 ease-out;
-moz-transition: all 0.2s 0 ease-out;
-ms-transition: all 0.2s 0 ease-out;
-o-transition: all 0.2s 0 ease-out;
transition: all 0.2s 0 ease-out;
}
#navbar #link-list ul li {
border-bottom: none;
}
#navbar #link-list ul li a {
padding: 15px;
display: inline-block;
width: 100%;
-webkit-transition: all 0.2s 0 ease-out;
-moz-transition: all 0.2s 0 ease-out;
-ms-transition: all 0.2s 0 ease-out;
-o-transition: all 0.2s 0 ease-out;
transition: all 0.2s 0 ease-out;
}
#navbar #link-list ul li a:hover {
background-color: #fff;
color: #121214;
}
#navbar #link-list ul.sub-list {
border-bottom: none;
border-right: none;
max-height: 0;
overflow: hidden;
position: absolute;
}
#navbar #link-list ul.sub-list li {
background-color: #18181b;
}
#navbar #link-list > ul > li {
display: inline-block;
position: relative;
float: left;
}
#navbar #link-list > ul > li a {
padding: 17px 40px 16px 22px;
}
#navbar #link-list > ul > li a.no-sub {
padding: 17px 22px 16px;
}
}
@media (min-width: 1200px) {
#navbar .social {
display: block;
float: right;
padding-left: 0;
margin: 0;
list-style: none;
margin-right: 13px;
}
#navbar .social li {
display: inline-block;
}
#navbar .social a {
padding: 18px 10px 17px;
display: inline-block;
}
#navbar .social li {
float: left;
}
}
@media (min-width: 320px) {
footer .statement strong {
display: block;
text-transform: uppercase;
}
footer form {
position: relative;
}
footer button.btn.btn-lg {
// background: #000;
background: transparent;
-webkit-appearance: none;
border: 0 none;
display: block;
z-index: 2;
left: 0;
top: 0;
color: #fff;
border-radius: 0;
}
footer button.btn.btn-lg:hover {
background: #fff;
color: #000;
}
footer input,
footer input[type=email] {
background-image: none;
position: relative;
z-index: 1px;
background-color: transparent;
border: none;
color: #fff;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
font-size: 16px;
padding: 12px;
}
@media (min-width: 641px) {
footer input,
footer input[type=email] {
min-width: 215px;
}
}
footer input:focus,
footer input[type=email]:focus,
footer input:active,
footer input[type=email]:active {
box-shadow: none;
outline: none;
// background: #000;
background: transparent;
}
footer input::-moz-placeholder,
footer input[type=email]::-moz-placeholder {
color: #fff;
opacity: 1;
}
footer input:-ms-input-placeholder,
footer input[type=email]:-ms-input-placeholder {
color: #fff;
opacity: 1;
}
footer input::-webkit-input-placeholder,
footer input[type=email]::-webkit-input-placeholder {
color: #fff;
opacity: 1;
}
footer .social {
padding: 10px 0;
}
footer .social ul {
list-style: none;
text-align: center;
padding: 0;
}
footer .social ul li {
display: inline;
}
footer .social ul li a {
padding: 20px;
display: inline-block;
}
footer .social ul li a .fa {
font-size: 20px;
}
footer .value-tile {
background-color: #18181b;
padding: 30px 15px;
margin-bottom: 2px;
display: block;
text-align: center;
}
footer .value-tile h4 {
font-size: 20px;
text-transform: uppercase;
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
margin-top: 0;
margin-bottom: 22px;
}
footer .value-tile h4 i {
margin-right: 14px;
}
footer .value-tile span,
footer .value-tile a {
font-size: 11px;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
color: #626269;
text-transform: uppercase;
}
footer .statement {
padding: 27px 20px 15px;
text-align: center;
}
footer .statement img {
max-width: 93px;
margin-bottom: 17px;
}
footer .statement p {
margin: 0 auto 36px;
}
footer .statement h3 {
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
}
footer .statement strong {
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 12px;
}
footer .statement ul {
border-top: 1px solid #333;
padding-left: 0;
margin: 0;
list-style: none;
margin-top: 40px;
padding-top: 15px;
font-size: 12px;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
}
footer .statement ul a {
color: #626269;
text-transform: uppercase;
margin: 0 12px;
line-height: 2;
}
}
@media (min-width: 641px) {
footer .statement {
padding: 80px 0;
text-align: center;
}
footer .statement p {
max-width: 70%;
margin: 0 auto 54px;
}
footer .statement ul {
margin-top: 80px;
}
footer .statement ul li {
display: inline-block;
}
}
@media (min-width: 641px) {
footer form {
float: left;
}
footer input {
font-size: 12px;
padding: 12px;
}
footer .social .icons {
float: right;
}
footer .social .icons ul li a {
padding: 9px 10px 10px;
}
footer .value-tile {
float: left;
width: 48%;
width: calc(50% - 1px);
margin-right: 2px;
padding: 25px;
}
footer .value-tile:first-child {
width: 100%;
float: none;
// margin-bottom: 2px;
}
footer .value-tile:first-child p {
margin: 0 80px;
}
footer .value-tile:last-child {
margin-right: 0;
}
}
@media (min-width: 979px) {
footer .statement p {
max-width: 841px;
margin-top: 36px;
line-height: 1.75;
font-size: 15px;
}
footer .value-tile {
float: left !important;
width: 31% !important;
width: calc(33.33333333% - 1.333333333px) !important;
margin-right: 2px;
min-height: 180px;
padding: 25px;
position: relative;
}
footer .value-tile:first-child p {
margin: 0;
}
footer .value-tile:last-child {
margin-right: 0;
}
footer .value-tile span {
position: absolute;
bottom: 20px;
width: 100%;
left: 0;
}
}
@media (min-width: 1255px) {
footer .value-tile {
padding: 67px 40px;
}
footer .value-tile p {
max-width: 330px;
margin: 0 auto 22px !important;
}
footer .value-tile h4 {
font-size: 27px;
}
footer .value-tile span {
position: static;
}
}
@media (min-width: 320px) {
#home-tiles {
margin-bottom: 0;
}
#home-tiles .right {
width: 100%;
display: block;
}
#home-tiles a {
margin-bottom: 7px;
display: inline-block;
max-width: 100%;
position: relative;
}
#home-tiles a .ctabtn {
position: absolute;
bottom: 10px;
right: 10px;
z-index: 5;
}
}
@media (min-width: 488px) and (max-width: 991px) {
#home-tiles {
margin-bottom: 24px;
}
#home-tiles .left a {
width: 50%;
width: calc(50% - 3.5px);
float: left;
}
#home-tiles .left a:first-child {
margin-right: 7px;
}
}
@media (min-width: 992px) {
#home-tiles {
margin-bottom: 36px;
}
#home-tiles .left,
#home-tiles .right {
float: left;
}
#home-tiles .left {
width: 38%;
width: calc(38.7% - 7px);
margin-right: 7px;
}
#home-tiles .left a {
background: #000;
}
#home-tiles .right {
width: 61.3%;
}
#home-tiles .right a {
background: #000;
}
}
@media (min-width: 320px) {
#box-slider .slick-next:before {
content: "\f054";
}
#box-slider .slick-prev:before {
content: "\f053";
}
#box-slider ul.slick-dots {
text-align: left;
padding-left: 12px;
}
}
@media (min-width: 768px) {
#box-slider ul.slick-dots {
text-align: center;
padding-left: 0;
}
}
@media (min-width: 320px) {
#home-slider {
position: relative;
}
#home-slider .promo img {
width: 130%;
margin: 0 auto;
display: block;
-webkit-transform: translate(-12%, 0);
-moz-transform: translate(-12%, 0);
-ms-transform: translate(-12%, 0);
-o-transform: translate(-12%, 0);
}
#home-slider .image {
text-align: right;
width: 100%;
}
#home-slider .image img {
max-width: 25%;
}
#home-slider .image a {
display: block;
}
#home-slider .image a:before {
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2;
}
#home-slider .slide {
background-position: center -53px;
background-repeat: repeat-x;
background-size: contain;
padding-top: 40px;
text-align: center;
}
#home-slider .slide .headline {
position: absolute;
left: 10%;
top: 10%;
right: 25%;
text-align: left;
}
#home-slider .slide .headline .intro {
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
margin-bottom: 17px;
text-transform: uppercase;
display: inline-block;
padding: 6px 13px 4px;
border: 1px solid #fff;
border-width: 1px 0 1px 0;
}
#home-slider .slide .headline h1 {
margin-top: 0;
margin-bottom: 0;
font-size: 27px;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
text-transform: uppercase;
line-height: 27px;
}
#home-slider .slide .headline p {
font-size: 12px;
margin-bottom: 12px;
}
#home-slider .slide .specs {
display: none;
left: 50%;
padding-left: 244.4px;
text-align: left;
}
#home-slider .slide .specs ul {
padding-left: 0;
margin: 0;
list-style: none;
font-family: 'Din Text Cond Italic', Helvetica, sans-serif;
font-style: italic;
font-weight: 400;
font-size: 17px;
color: #626269;
}
#home-slider .slide .specs ul li.price {
color: #fff;
}
}
@media (min-width: 500px) {
#home-slider .image {
text-align: center;
width: 38.2%;
}
#home-slider .image img {
max-width: 100%;
}
#home-slider .slide {
padding-top: 40px;
text-align: center;
}
#home-slider .slide .headline {
position: absolute;
left: 38.2%;
top: 10%;
right: 10%;
text-align: left;
}
#home-slider .slide .headline .intro {
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
margin-bottom: 17px;
text-transform: uppercase;
display: inline-block;
padding: 6px 13px 4px;
border: 1px solid #fff;
border-width: 1px 0 1px 0;
}
#home-slider .slide .headline h1 {
margin-top: 0;
margin-bottom: 0;
font-size: 58px;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
text-transform: uppercase;
line-height: 58px;
}
#home-slider .slide .headline p {
font-size: 14px;
margin-bottom: 14px;
}
#home-slider .slide .specs {
display: none;
left: 50%;
padding-left: 244.4px;
text-align: left;
}
#home-slider .slide .specs ul {
padding-left: 0;
margin: 0;
list-style: none;
font-family: 'Din Text Cond Italic', Helvetica, sans-serif;
font-style: italic;
font-weight: 400;
font-size: 17px;
color: #626269;
}
#home-slider .slide .specs ul li.price {
color: #fff;
}
}
@media (max-width: 991px) {
#home-slider .slick-dots {
display: none !important;
}
}
@media (min-width: 992px) {
#home-slider {
min-height: 690px;
position: relative;
}
#home-slider .promo img {
width: 100%;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
}
#home-slider .image {
width: 100%;
text-align: center;
float: none;
}
#home-slider .image img {
height: auto;
max-width: none;
max-height: 650px;
}
#home-slider .slide {
background-position: center 106%, center -53px;
background-repeat: no-repeat, repeat-x;
background-size: auto;
padding-top: 40px;
}
#home-slider .slide .headline,
#home-slider .slide .specs {
position: absolute;
width: 50%;
top: 18%;
}
#home-slider .slide .headline {
left: 0;
padding-right: 151.093px;
text-align: right;
}
#home-slider .slide .headline .intro {
margin-bottom: 22px;
display: inline-block;
padding: 11px 27px;
}
#home-slider .slide .headline h1 {
font-size: 71px;
line-height: 71px;
padding-left: 30%;
}
#home-slider .slide .headline p {
font-size: 17px;
margin-bottom: 22px;
width: 50%;
float: right;
}
#home-slider .slide .headline a.ctabtn {
display: inline-block;
min-width: 280px;
clear: both;
}
#home-slider .slide .headline a.ctabtn:after,
#home-slider .slide .headline a.ctabtn:before {
content: "";
display: table;
clear: both;
}
#home-slider .slide .specs {
display: block;
left: 50%;
padding-left: 151.093px;
text-align: left;
}
#home-slider .slide .specs ul {
padding-left: 0;
margin: 0;
list-style: none;
font-family: 'Din Text Cond Italic', Helvetica, sans-serif;
font-style: italic;
font-weight: 400;
font-size: 17px;
color: #626269;
}
#home-slider .slide .specs ul li.price {
color: #fff;
}
}
@media (min-width: 1255px) {
#home-slider .slide .headline {
padding-right: 244.4px;
}
#home-slider .slide .specs {
padding-left: 244.4px;
}
}
@media (min-width: 1480px) {
#home-slider .slide .headline p {
float: none;
width: 100%;
}
#home-slider .slide .specs ul {
font-size: 18px;
}
}
#category-hero {
padding: 44px 10px;
text-align: center;
}
#category-hero .description h1 {
font-size: 44px;
text-transform: uppercase;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
}
#category-hero .description p {
font-size: 17px;
margin-bottom: 36px;
}
#category-hero.apparel {
overflow: hidden;
}
#category-hero.apparel img {
margin-bottom: -40%;
}
#category-hero.collaborations {
text-align: justify;
background-position: left bottom;
background-size: cover;
padding: 27px 10px 80px;
}
#category-hero.collaborations .description p {
font-size: 12px;
margin-bottom: 12px;
text-shadow: 0 0 2px #000;
}
#category-hero #mctaylor {
background: rgba(0, 0, 0, 0.85);
padding: 14px 16px 24px;
text-align: center;
margin: 0 auto;
}
#category-hero #mctaylor label {
color: #fff;
display: block;
font-family: 'Din Text Cond Pro Medium', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 19px;
padding: 0 5%;
text-transform: uppercase;
margin-bottom: 8px;
line-height: 1.2;
}
#category-hero #mctaylor input[type=email] {
background: #fff;
text-align: center;
border: 0 none;
font-family: 'Arial', Helvetica, sans-serif;
font-weight: normal;
font-size: 16px;
padding: 4px 12px;
width: 100%;
display: block;
min-height: 48px;
color: #121214;
}
#category-hero #mctaylor input[type="submit"] {
background: #f03330;
border: 0 none;
display: block;
width: 100%;
margin: 12px auto 0;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
text-transform: uppercase;
padding: 10px 0 8px;
}
@media (min-width: 320px) {}
@media (min-width: 320px) and (max-width: 992px) {
body #category-hero.bg-set {
background-repeat: no-repeat !important;
}
body #category-hero.bg-set.handleg-slim,
body #category-hero.bg-set.handleg-pro,
body #category-hero.bg-set.handlemicrog,
body #category-hero.bg-set.handleg-pen,
body #category-hero.bg-set.handleaccessories {
padding: 0;
min-height: 152px;
background-size: 160%;
background-position: right center;
}
body #category-hero.bg-set.handleg-slim .description p,
body #category-hero.bg-set.handleg-pro .description p,
body #category-hero.bg-set.handlemicrog .description p,
body #category-hero.bg-set.handleg-pen .description p,
body #category-hero.bg-set.handleaccessories .description p {
display: none;
}
body #category-hero.bg-set.handleg-slim h1,
body #category-hero.bg-set.handleg-pro h1,
body #category-hero.bg-set.handlemicrog h1,
body #category-hero.bg-set.handleg-pen h1,
body #category-hero.bg-set.handleaccessories h1 {
font-size: 24px;
padding-left: 4px;
text-align: left;
margin-top: 16px;
}
body #category-hero.collaborations {
background-size: 100% !important;
background-repeat: no-repeat !important;
background-position: top center;
padding-top: 17%;
margin-bottom: -40px;
}
body #category-hero.collaborations .description {
display: none !important;
}
body #category-hero.collaborations.taylor-collab {
padding: 12px;
background: #222 !important;
}
body #category-hero.collaborations.taylor-collab div.description {
display: block !important;
margin-bottom: 30px;
}
body #category-hero.collaborations.taylor-collab .img-taylor {
margin: 0 auto;
display: block;
}
body #category-hero.collaborations.taylor-collab .container {
padding: 0;
}
body #category-hero.collaborations.taylor-collab .container .description {
margin-right: 0;
width: 100%;
}
}
@media (min-width: 992px) {
body #category-hero.handleall-products {
padding: 24px 0 0 !important;
}
body #category-hero.handleall-products .description {
width: 100%;
}
body #category-hero.handleall-products h1 {
text-align: left;
font-size: 48px;
padding-left: 140px;
}
#mctaylor label {
font-size: 18px !important;
}
.img-taylor {
display: none !important;
}
}
.pagination {
min-width: 360px;
margin: 0 auto 24px;
text-align: center;
display: block;
-webkit-transform: translate(0px, -3px);
-moz-transform: translate(0px, -3px);
-ms-transform: translate(0px, -3px);
-o-transform: translate(0px, -3px);
}
.pagination a {
color: #fff;
font-family: 'Din Text Cond Pro Medium', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
display: block;
padding: 6px 14px 4px;
}
.pagination span.deco {
background: #000;
color: #fff;
padding: 6px 14px 4px;
}
.pagination span.current {
background: #fff;
color: #000;
border-bottom: 2px solid #000;
font-family: 'Din Text Cond Pro Medium', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
padding: 6px 14px 4px;
}
.pagination span {
display: inline-block;
background: #000;
font-size: 16px;
}
.pagination span:hover {
background: #fff;
color: #000;
}
.pagination span:hover a {
color: #000;
}
@media (min-width: 768px) {
#category-hero.apparel {
background-size: cover;
}
#category-hero.collaborations {
background-size: cover;
background-position: 0 50%;
min-height: 310px;
}
#category-hero.collaborations .description {
width: 50%;
float: right;
margin-right: 10%;
text-align: justify;
}
#category-hero.collaborations .description p {
font-size: 17px;
margin-bottom: 22px;
}
#category-hero.collaborations.claw {
background-size: cover;
}
#category-hero.collaborations.gumball {
background-size: cover;
}
#category-hero.collaborations.huf {
background-size: cover;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#category-hero.collaborations .description {
float: left;
}
}
@media (min-width: 992px) {
#category-hero {
padding: 93px 0 !important;
}
#category-hero .picture,
#category-hero .description {
float: left;
}
#category-hero .description {
width: 40%;
padding-right: 10%;
text-align: right;
}
#category-hero .description h1 {
font-size: 71px;
margin-top: 0;
}
#category-hero .picture {
width: 50%;
}
#category-hero .picture img {
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: translate3D(0, -300px, 0) rotateZ(-80deg);
-moz-transform: translate3D(0, -300px, 0) rotateZ(-80deg);
-ms-transform: translate3D(0, -300px, 0) rotateZ(-80deg);
-o-transform: translate3D(0, -300px, 0) rotateZ(-80deg);
-webkit-backface-visibility: hidden;
}
#category-hero .picture img.down {
-webkit-transform: translate3D(0, 0, 0) rotateZ(0deg);
-moz-transform: translate3D(0, 0, 0) rotateZ(0deg);
-ms-transform: translate3D(0, 0, 0) rotateZ(0deg);
-o-transform: translate3D(0, 0, 0) rotateZ(0deg);
}
#category-hero.collaborations {
background-size: cover;
min-height: 400px;
}
#category-hero.collaborations .description {
width: 50%;
float: right;
margin-right: 0;
text-align: justify;
}
#category-hero.collaborations .description p {
font-size: 14px;
margin-bottom: 22px;
}
}
@media (min-width: 1440px) {
#category-hero.bg-set {
background-size: cover;
}
}
.bush-download-banner {
background-color: #333;
text-align: center;
padding: 15px 0;
}
#bush-popup .g-popup-container {
background-color: #232327;
padding: 30px 15px 20px;
}
#bush-popup iframe {
margin-left: 25px;
}
#bush-popup .mobile-message {
display: none;
}
#bush-popup h4 {
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
text-transform: uppercase;
}
@media (max-width: 767px) {
#bush-popup iframe {
display: none;
}
#bush-popup .mobile-message {
display: block;
}
}
#bush-popup .logo {
max-width: 90px;
display: block;
margin-left: auto;
margin-right: auto;
}
#type-nav ul {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
max-height: 0;
overflow: hidden;
padding-left: 0;
margin: 0;
list-style: none;
display: block;
border-bottom-width: 0;
}
#type-nav ul li {
display: inline-block;
}
#type-nav ul.collab-nav li a {
padding: 10px 12px;
font-size: 14px;
}
#type-nav ul li {
display: block;
background-color: #fff;
border-bottom: 1px solid #121214;
}
#type-nav ul a {
display: block;
}
#type-nav ul.open {
max-height: 100%;
height: auto;
}
#type-nav a {
display: inline-block;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
text-transform: uppercase;
color: #121214;
font-size: 16px;
padding: 10px 14px;
}
#type-nav a.active {
background-color: #fff;
color: #000;
}
#type-nav a.active:after {
content: 'View More +';
margin-left: 12px;
font-size: 10px;
text-transform: uppercase;
text-decoration: underline;
color: #999;
}
#type-nav span {
display: none;
}
@media (min-width: 768px) {
#type-nav ul {
border: none;
max-height: none;
overflow: visible;
display: inline-block;
}
#type-nav ul li {
display: inline-block;
background-color: transparent;
border-bottom: none;
}
#type-nav ul a {
display: inline-block;
color: #626269;
}
#type-nav a {
display: inline-block;
}
#type-nav a.active:after {
display: none;
}
#type-nav span {
float: right;
display: block;
margin-top: 11px;
margin-right: 10px;
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
color: #626269;
}
}
@media (min-width: 992px) {
#type-nav ul {
display: inline;
}
}
#product-grid .compare-at-price,
#related-products .compare-at-price {
color: #ff0000 !important;
text-transform: uppercase;
font-size: 10px !important;
margin-right: 4px;
}
#product-grid {
background-color: #f1f1f4;
position: relative;
z-index: 1;
}
#product-grid .no-products {
margin: 20px 0;
color: #121214;
font-size: 20px;
}
#product-grid .product-thumb {
margin-bottom: 2px;
text-align: center;
background-color: #fff;
}
#product-grid .product-thumb a {
display: block;
max-width: 100%;
font-size: 17px;
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
color: #000;
}
#product-grid .product-thumb a img {
margin-bottom: 22px;
}
#product-grid .product-thumb a .product-price {
margin-bottom: 17px;
}
#product-grid .product-thumb a .product-title {
margin-bottom: 0;
}
@media (min-width: 320px) {
#product-grid .product-thumb,
#related-products .product-thumb {
float: left;
width: 48%;
width: calc(50% - 1px);
margin-right: 2px;
}
#product-grid .product-thumb p.product-title,
#related-products .product-thumb p.product-title {
line-height: 1.2;
padding: 0 6px;
font-size: 13px;
}
#product-grid .product-thumb p.product-price,
#related-products .product-thumb p.product-price {
font-size: 13px;
}
#product-grid .product-thumb figure,
#related-products .product-thumb figure {
min-height: 250px;
width: 100%;
position: relative;
}
#product-grid .product-thumb figure img,
#related-products .product-thumb figure img {
max-height: 250px;
padding: 0 4px;
margin-bottom: 0;
width: 100%;
max-width: 375px;
z-index: 2;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translate(0px, -50%);
-moz-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
-o-transform: translate(0px, -50%);
}
#product-grid .product-thumb:nth-child(2n),
#related-products .product-thumb:nth-child(2n) {
margin-right: 0;
}
}
@media (min-width: 640px) {
#product-grid .product-thumb p.product-title {
font-size: 14px;
}
#product-grid .product-thumb p.product-price {
font-size: 14px;
}
#product-grid .product-thumb figure {
min-height: 320px;
}
#product-grid .product-thumb figure img {
max-height: 320px;
}
}
@media (min-width: 992px) {
#product-grid .product-thumb {
width: 30%;
width: calc(33.333333% - 1.333333px);
margin-right: 2px;
}
#product-grid .product-thumb p.product-title {
font-size: 16px;
line-height: 24px;
}
#product-grid .product-thumb p.product-price {
font-size: 16px;
}
#product-grid .product-thumb:nth-child(2n) {
margin-right: 2px;
}
#product-grid .product-thumb:nth-child(3n) {
margin-right: 0;
}
#product-grid .product-thumb img {
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#product-grid .product-thumb a:hover p {
text-decoration: underline;
color: #555;
}
}
@media (min-width: 992px) {
.breadcrumbs {
display: none;
}
.breadcrumbs ul {
padding-left: 0;
margin: 0;
list-style: none;
}
.breadcrumbs ul li {
display: inline-block;
}
.breadcrumbs ul a {
color: #b0b0b3;
}
.breadcrumbs ul a:hover {
color: #121214;
}
@media (min-width: 992px) {
.breadcrumbs {
display: block;
padding: 10px 0 0 138px;
margin-bottom: 71px;
}
.breadcrumbs li + li a:before {
font-family: 'FontAwesome';
content: "\f105";
margin: 0 5px;
}
.breadcrumbs a {
color: #b0b0b3;
font-family: 'Din Text Cond Pro Medium', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 12px;
}
}
#pg-product #product-slider {
text-align: center;
}
#pg-product #product-slider .next-slide {
color: #000;
font-size: 40px;
position: absolute;
top: 45%;
right: -1%;
z-index: 10;
padding: 20px 0 20px 20px;
text-shadow: 0 0 5px #fff;
}
#pg-product #product-main {
background-color: #fff;
color: #000;
}
#pg-product #product-main h1 {
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 27px;
margin-bottom: 10px;
margin-top: 0;
line-height: 1;
}
#pg-product #product-main strong {
font-family: 'Arial', Helvetica, sans-serif;
font-style: normal;
color: #000;
font-size: 14px;
}
#pg-product #product-main .tag {
margin-top: 8px;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
text-transform: uppercase;
color: #626269;
}
#pg-product #product-main .slider {
margin-bottom: 47px;
}
#pg-product #product-main .product-compare-price {
font-size: 16px !important;
line-height: 16px !important;
display: block;
margin-bottom: 6px !important;
color: #ff0000;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
font-weight: 700;
}
#pg-product #product-main .price {
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 22px;
margin-top: 0;
line-height: 1;
}
#pg-product #product-main p {
color: #717171;
}
#pg-product #product-main .info {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
display: none;
opacity: 0;
}
#pg-product #product-main .info.open {
display: block;
opacity: 1;
}
#pg-product #product-main .info a {
color: #121214;
text-decoration: underline;
}
#pg-product #product-main .social {
display: none;
}
#pg-product #add-to-cart-msg {
color: #121214;
}
#pg-product #add-to-cart {
background-color: #f7f7fa;
border: 1px solid #e3e3ea;
padding: 10px 0;
}
#pg-product #add-to-cart .ctabtn {
width: 100%;
}
#pg-product #add-to-cart .social {
display: none;
}
#pg-product #add-to-cart .info {
display: none;
}
#pg-product #add-to-cart input.ctabtn {
padding: 22px 0 20px;
display: block;
line-height: 22px;
}
#pg-product #add-to-cart #product-variants label {
display: none;
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 10px;
text-transform: uppercase;
color: #000;
margin-left: 8px;
}
#pg-product #add-to-cart #product-variants select {
margin-left: 8px;
}
#pg-product #add-to-cart #product-variants select:focus {
box-shadow: none;
outline: none;
}
#pg-product #add-to-cart #product-variants select::-moz-placeholder {
color: #626269;
opacity: 1;
}
#pg-product #add-to-cart #product-variants select:-ms-input-placeholder {
color: #626269;
opacity: 1;
}
#pg-product #add-to-cart #product-variants select::-webkit-input-placeholder {
color: #626269;
opacity: 1;
}
#pg-product #info-toggle {
border-top: 1px solid #e1e1e1;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
color: #000;
padding: 0;
text-transform: uppercase;
padding: 16px 0;
}
#pg-product #info-toggle i {
float: right;
font-size: 10px;
line-height: 10px;
position: relative;
margin-right: 4px;
}
#pg-product #video {
text-align: center;
position: relative;
overflow: hidden;
}
#pg-product #video aside {
position: absolute;
z-index: 2;
height: 100%;
width: 100%;
}
#pg-product #video img.videobg {
display: block;
width: 100%;
position: relative;
z-index: 1;
}
#pg-product #video .play {
font-size: 80px;
}
#pg-product #video .intro {
display: none;
position: relative;
z-index: 3;
}
#pg-product #video .more {
width: 100%;
left: 0;
text-align: left;
position: absolute;
bottom: 24px;
z-index: 3;
}
#pg-product #video .more strong {
display: block;
}
#pg-product #video .more .item a.vbox-item {
display: block;
}
#pg-product #video .more .item strong,
#pg-product #video .more .item span {
text-align: left;
text-transform: uppercase;
}
#pg-product #video .more .item strong {
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
margin-bottom: 10px;
}
#pg-product #video .more .item span {
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
}
#pg-product #video .more .item img {
float: left;
border: 2px solid #fff;
display: none;
}
#pg-product #more-info {
padding: 22px 0;
background-color: #fff;
color: #626269;
}
#pg-product #more-info .yotpo-regular-box {
border: 0 none !important;
}
#pg-product #more-info .yotpo-label.yotpo-small-box {
display: none !important;
}
#pg-product #more-info .parts {
margin-bottom: 36px;
}
#pg-product #more-info .parts a {
color: #000;
text-decoration: underline;
}
#pg-product #more-info .parts a .fa {
margin-right: 10px;
}
#pg-product #more-info .parts ul {
padding-left: 0;
margin: 0;
list-style: none;
margin-bottom: 10px;
}
#pg-product #more-info .parts ul.small {
font-size: 0.8em;
}
#pg-product #more-info h2 {
font-size: 27px;
text-transform: uppercase;
font-family: 'Din Text Cond Pro Medium', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
color: #000;
}
#pg-product #more-info #review-section .yotpo .yotpo-nav ul .yotpo-nav-tab.yotpo-active span {
color: #121214;
}
#pg-product #more-info #review-section .yotpo .yotpo-nav ul .yotpo-nav-tab.yotpo-active .yotpo-nav-wrapper {
border-color: #39e264;
}
#pg-product #more-info #review-section .yotpo .yotpo-nav ul .yotpo-nav-tab span {
text-transform: uppercase;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
}
#pg-product #more-info #review-section .yotpo div,
#pg-product #more-info #review-section .yotpo span,
#pg-product #more-info #review-section .yotpo p,
#pg-product #more-info #review-section .yotpo a,
#pg-product #more-info #review-section .yotpo img,
#pg-product #more-info #review-section .yotpo i,
#pg-product #more-info #review-section .yotpo strong,
#pg-product #more-info #review-section .yotpo sup,
#pg-product #more-info #review-section .yotpo ul,
#pg-product #more-info #review-section .yotpo li,
#pg-product #more-info #review-section .yotpo form,
#pg-product #more-info #review-section .yotpo label {
font-family: 'Arial', Helvetica, sans-serif;
font-weight: normal;
}
#pg-product #more-info #review-section .yotpo .yotpo-default-button,
#pg-product #more-info #review-section .yotpo input.yotpo-default-button[type="button"] {
background-color: #626269;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
}
#pg-product #more-info #review-section .yotpo .yotpo-icon-button-text {
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
}
#pg-product #more-info #review-section .yotpo .yotpo-first-review .yotpo-first-review-stars .yotpo-icon-star {
color: #626269;
}
#pg-product #more-info #review-section .yotpo .yotpo-logo-title a,
#pg-product #more-info #review-section .yotpo.yotpo-main-widget .yotpo-label .yotpo-icon,
#pg-product #more-info #review-section .yotpo .yotpo-modal-dialog .yotpo-label .yotpo-icon {
color: #626269 !important;
}
#pg-product #more-info #review-section .reviews .review {
margin-bottom: 20px;
}
#pg-product #more-info #review-section .reviews .review h5 {
text-transform: uppercase;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
margin-bottom: 0;
}
#pg-product #more-info #review-section .reviews .review .rating {
margin-bottom: 10px;
}
#pg-product #more-info #review-section .reviews .review .rating .fa {
color: #ffcb2d;
margin-right: 7px;
}
#pg-product #prev-next-links {
padding: 12px 0;
background-color: #d3d3d3;
}
#pg-product #prev-next-links a {
color: #18181b;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
text-transform: uppercase;
padding: 9px 0 7px;
float: left;
}
#pg-product #prev-next-links a:last-child {
float: right;
}
@media (min-width: 320px) {
#pg-product #video .play {
height: 100%;
width: 100%;
position: absolute;
z-index: 2;
display: block;
top: 0;
}
#pg-product #video .play i {
font-size: 80px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}
#pg-product #add-to-cart .ctabtn:not(.plain),
#pg-product #add-to-cart #product-variants {
float: left;
}
#pg-product #add-to-cart #product-variants select {
padding: 16px 10px 12px;
}
#pg-product #add-to-cart .ctabtn {
width: auto;
}
#pg-product #add-to-cart .ctabtn.plain {
padding: 8px 2px 6px 6px;
}
#pg-product #add-to-cart input.ctabtn {
padding: 14px 30px 12px;
}
#pg-product #add-to-cart .social {
width: 330px;
}
#pg-product #add-to-cart .social .reviews {
padding: 7px 8px;
float: left;
width: 115px;
overflow: hidden;
background-color: #fff;
color: #dbdbdd;
margin-right: 4px;
border: 1px solid #e3e3ea;
}
#pg-product #add-to-cart .social .reviews .text-m {
display: none;
}
#pg-product #add-to-cart .social .fb i {
color: #3b5998;
}
#pg-product #add-to-cart .social .twitter i {
color: #0084b4;
}
#pg-product #add-to-cart .social .reviews i,
#pg-product #add-to-cart .social .reviews span {
color: #ffcb2d;
}
#pg-product #add-to-cart .wrap-form input.ctabtn {
padding: 22px 0 20px;
display: block;
width: 100%;
}
#pg-product #add-to-cart form {
display: block;
}
#pg-product #add-to-cart .add-to-cart-wrapper {
height: 75px;
}
}
@media (min-width: 768px) {
.whats-included-section {
margin-bottom: 48px;
}
#pg-product #video .play i {
font-size: 120px !important;
}
#pg-product #video .intro {
display: block;
font-size: 22px;
font-family: 'Din Text Cond Pro Medium', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
padding: 8% 10% 0;
width: 100%;
}
#pg-product #video .intro p {
margin: 0 auto;
max-width: 949px;
}
#pg-product #video .more .item {
padding-top: 15px;
}
#pg-product #video .more .item a.vbox-item {
outline: 0 none;
opacity: 0.75;
}
#pg-product #video .more .item a.vbox-item:hover {
opacity: 1;
}
#pg-product #video .more .item strong,
#pg-product #video .more .item span {
text-align: left;
display: block;
text-transform: uppercase;
}
#pg-product #video .more .item span {
margin-top: 24px;
margin-left: 20px;
float: left;
padding-right: 24px;
}
#pg-product #video .more .item img {
display: block;
}
#pg-product #more-info {
padding: 72px 0;
}
#pg-product #more-info .image,
#pg-product #more-info .parts {
float: left;
width: 50%;
}
#pg-product #more-info .image {
padding-right: 10%;
}
#pg-product #more-info .review {
float: left;
width: 45%;
width: calc(50% - 10px);
}
#pg-product #more-info .review:nth-child(2n) {
margin-left: 20px;
}
}
@media (min-width: 992px) {
#pg-product #product-slider .next-slide {
right: -4%;
}
#pg-product #add-to-cart .ctabtn:not(.plain) {
width: auto !important;
padding: 24px 90px 20px !important;
}
#pg-product #add-to-cart #product-variants select {
padding: 23px 10px 18px;
font-size: 15px;
}
#pg-product #product-main h1 {
font-size: 36px;
margin-bottom: 17px;
}
#pg-product #product-main .slider {
float: right;
-webkit-transform: translate(0px, -36px);
-moz-transform: translate(0px, -36px);
-ms-transform: translate(0px, -36px);
-o-transform: translate(0px, -36px);
}
#pg-product #product-main .price {
font-size: 27px;
margin-bottom: 36px;
}
#pg-product #product-main strong {
margin-bottom: 24px;
display: block;
font-size: 18px;
}
#pg-product #product-main .slider,
#pg-product #product-main .description {
width: 50%;
}
#pg-product #product-main .description {
float: left;
padding-right: 10%;
}
#pg-product #product-main #info-toggle {
display: none;
}
#pg-product #product-main .info {
display: block;
opacity: 1;
}
#pg-product #add-to-cart .ctabtn:not(.plain) {
padding: 24px 90px 20px;
font-size: 22px;
float: left;
}
#pg-product #add-to-cart .info {
float: left;
display: block;
color: #000;
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
margin-top: 14px;
margin-left: 20px;
}
#pg-product #add-to-cart .info span {
display: block;
font-size: 17px;
}
#pg-product #add-to-cart .info span.price {
font-size: 20px;
line-height: 20px;
}
#pg-product #add-to-cart .social {
margin-top: 16px;
display: block;
float: right;
}
#pg-product #add-to-cart.down {
position: fixed;
top: 83px;
width: 100%;
z-index: 998;
}
#pg-product #add-to-cart.down .ctabtn:not(.plain),
#pg-product #add-to-cart.down #add-to-cart-msg {
margin-left: 138px;
}
}
#related-products {
background-color: #f1f1f4;
padding: 0 0 27px;
}
#related-products h4 {
color: #000;
font-size: 17px;
font-family: 'Din Text Cond Pro Medium', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
text-transform: uppercase;
margin-top: 36px;
margin-bottom: 10px;
}
#related-products .product-thumb {
margin-bottom: 2px;
text-align: center;
background-color: #fff;
}
#related-products .product-thumb a {
max-width: 100%;
font-size: 17px;
display: block;
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
color: #000;
}
#related-products .product-thumb a .product-price {
margin-bottom: 17px;
}
#related-products .product-thumb a .product-title {
margin-bottom: 0;
}
@media (min-width: 768px) {
#related-products .product-thumb {
float: left;
width: 48%;
width: calc(50% - 1px);
margin-right: 2px;
}
#related-products .product-thumb:nth-child(2n) {
margin-right: 0;
}
}
@media (min-width: 992px) {
#related-products .product-thumb {
width: 24%;
width: calc(25% - 1.5px);
margin-right: 2px;
}
#related-products .product-thumb:nth-child(2n) {
margin-right: 2px;
}
#related-products .product-thumb:nth-child(4n) {
margin-right: 0;
}
}
#cart {
background-color: #fff;
color: #121214;
padding: 24px 0;
}
#cart h1 {
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
text-align: center;
}
#cart.no-items {
text-align: center;
}
#cart.no-items .ctabtn {
width: auto;
}
#cart .item-container {
margin-bottom: 22px;
}
#cart .item-container .item {
clear: both;
border-bottom: 1px solid #f1f0f5;
padding: 15px 0;
}
#cart .item-container .item:after,
#cart .item-container .item:before {
content: "";
display: table;
clear: both;
}
#cart .item-container .item .image {
display: none;
}
#cart .item-container .item .left {
float: left;
}
#cart .item-container .item .right {
float: right;
}
#cart .item-container .item span {
display: block;
font-family: 'Arial', Helvetica, sans-serif;
font-weight: normal;
color: #626269;
font-size: 11px;
}
#cart .item-container .item a {
color: #121214;
font-size: 13px;
display: block;
line-height: 1;
margin-bottom: 8px;
}
#cart .item-container .item .qty {
float: left;
}
#cart .item-container .item .qty input {
max-width: 50px;
}
#cart .item-container .item .remove {
float: right;
padding: 10px;
}
#cart .item-container .item .subtotal {
display: none;
}
#cart .secondary {
text-align: center;
}
#cart .secondary img {
margin-bottom: 7px;
width: 100%;
max-width: 160px;
}
#cart .secondary .ctabtn {
background-color: transparent;
padding: 10px 5px 6px;
color: #626269;
}
#cart .comments textarea {
width: 100%;
}
#cart .ctabtn {
width: 100%;
}
#cart .checkout .text {
clear: both;
}
#cart .checkout .text .total-text {
float: left;
}
#cart .checkout .text .total {
float: right;
}
#cart .checkout .text span {
font-size: 19px;
text-transform: uppercase;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
}
#cart .checkout .text:after,
#cart .checkout .text:before {
content: "";
display: table;
clear: both;
}
#cart .checkout .small {
margin-bottom: 10px;
display: block;
font-size: 14px;
text-transform: uppercase;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
color: #626269;
}
#cart h4 {
text-transform: uppercase;
margin-top: 0;
margin-bottom: 14px;
font-size: 12px;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
}
#cart input,
#cart textarea {
background-image: none;
background-color: #f9f9f9;
border: 1px solid #f1f0f5;
text-transform: uppercase;
color: #121214;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
font-size: 12px;
padding: 10px;
}
#cart input:focus,
#cart textarea:focus {
box-shadow: none;
outline: none;
}
#cart input::-moz-placeholder,
#cart textarea::-moz-placeholder {
color: #626269;
opacity: 1;
}
#cart input:-ms-input-placeholder,
#cart textarea:-ms-input-placeholder {
color: #626269;
opacity: 1;
}
#cart input::-webkit-input-placeholder,
#cart textarea::-webkit-input-placeholder {
color: #626269;
opacity: 1;
}
#shipping-rates {
background-color: #f1f1f4;
color: #121214;
padding: 22px 0;
}
#shipping-rates h4 {
text-transform: uppercase;
margin-top: 0;
margin-bottom: 14px;
font-size: 12px;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
}
#shipping-rates small {
display: block;
font-size: 10px;
text-transform: uppercase;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
color: #626269;
}
#shipping-rates form {
margin-bottom: 10px;
}
#shipping-rates select {
background-color: #626269;
color: #fff;
border: none;
cursor: default;
display: inline-block;
font-size: 11px;
font-weight: 700;
line-height: 1;
outline: 0 none;
outline-offset: -2px;
padding: 9px 6px 6px;
position: relative;
text-align: left;
text-transform: uppercase;
width: 50%;
width: calc(50% - 5px);
float: left;
margin-bottom: 10px;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
}
#shipping-rates select + select {
margin-left: 10px;
}
#shipping-rates input {
margin-bottom: 10px;
width: 100%;
background-color: #626269;
color: #fff;
background-image: none;
text-transform: uppercase;
border: none;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
font-size: 12px;
padding: 11px 10px 6px;
}
#shipping-rates input:focus {
box-shadow: none;
outline: none;
}
#shipping-rates input::-moz-placeholder {
color: #fff;
opacity: 1;
}
#shipping-rates input:-ms-input-placeholder {
color: #fff;
opacity: 1;
}
#shipping-rates input::-webkit-input-placeholder {
color: #fff;
opacity: 1;
}
#shipping-rates .ctabtn {
background-color: #626269;
color: #fff;
}
@media (min-width: 320px) {
#cart .remove {
color: #ff0000;
position: absolute;
right: 0;
}
#cart .remove .fa-close {
color: #ff0000;
}
#cart .comments {
display: none;
}
#cart h1 {
font-size: 16px;
margin-top: 0;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
text-transform: uppercase;
}
#cart .item-container .item {
position: relative;
padding: 16px 0 8px;
}
#cart .item-container .item a {
line-height: 1.2;
display: block;
}
#cart .item-container .item .image {
float: left;
width: 15%;
display: block;
margin-right: 5%;
}
#cart .item-container .item .info,
#cart .item-container .item .subtotal {
float: left;
}
#cart .item-container .item .info {
width: 80%;
}
#cart .item-container .item .left {
width: 73%;
}
#cart .item-container .item .left .title {
padding-right: 6px;
}
#cart .item-container .item .right {
width: 27%;
}
#cart p.msg {
text-align: center;
margin: 12px 0;
}
#cart p.msg span {
background-color: #121214;
color: #fff;
padding: 9px 16px 6px;
line-height: 1;
font-family: 'Din Text Cond Pro Medium', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
text-transform: uppercase;
display: block;
font-size: 14px;
}
}
@media (min-width: 641px) {
#cart .item-container .item {
padding-bottom: 0;
}
#cart .item-container .item .image {
float: left;
margin-right: 10px;
display: block;
}
#cart .item-container .item .info,
#cart .item-container .item .subtotal {
float: left;
}
#cart .item-container .item .right > * {
margin-left: 20px;
}
#cart .item-container .item .subtotal {
display: block;
margin-top: 8px;
}
#cart .item-container .item .remove {
padding-top: 6px;
}
#cart .item-container .item .title {
max-width: 290px;
}
#cart .checkout,
#cart .secondary {
float: left;
width: 47.5%;
}
#cart .secondary {
text-align: center;
}
#cart .secondary .ctabtn {
margin-top: 15px;
}
#cart .checkout {
float: right;
margin-left: 5%;
}
#cart .info {
padding-left: 14px;
padding-top: 8px;
}
}
@media (min-width: 992px) {
#cart h1 {
margin-top: 14px;
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
text-transform: capitalize;
font-size: 28px;
}
#cart p.msg {
border-bottom: 1px solid #f1f0f5;
padding-bottom: 5px;
}
#cart p.msg span {
display: inline;
font-size: 16px;
}
#cart .item-container .item {
padding: 8px 0 22px;
}
#cart .item-container .item span {
font-size: 13px;
}
#cart .item-container .item a {
font-size: 18px;
}
#cart .item-container .item .left .info {
padding-top: 44px;
}
#cart .item-container .item .right {
padding-top: 40px;
}
#cart .item-container .item .image {
width: 160px;
}
#cart .item-container .item .title {
max-width: 490px;
}
#cart .item-container .item .remove {
padding-top: 10px;
}
#cart .item-container .item div.info {
font-size: 20px;
width: 500px;
}
#cart .item-container .subtotal {
font-size: 20px;
}
#cart .comments {
width: 25%;
float: left;
display: block;
}
#cart .comments textarea {
min-height: 87px;
}
#cart .secondary {
width: 25%;
margin: 0 5%;
}
#cart .secondary .ctabtn {
border: 1px solid;
padding: 17px 5px 16px;
}
#cart .checkout {
width: 40%;
float: right;
margin-left: 0;
}
#shipping-rates form select,
#shipping-rates form input {
width: auto;
float: left;
padding: 19px 27px 16px;
}
#shipping-rates form select + *,
#shipping-rates form input + * {
margin-left: 10px;
}
}
@media (max-width: 767px) {
.pg-forms .top-title h2,
.pg-forms .top-title strong,
.pg-forms .top-title p,
.pg-forms .top-title a {
text-align: center !important;
}
}
.pg-forms .form-contact {
margin: 36px 0;
}
.pg-forms .top-title h2 {
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
color: #000;
margin-bottom: 24px;
margin-top: 0;
}
.pg-forms .top-title p a {
color: #000;
text-decoration: underline;
}
.pg-forms .top-title p {
margin-bottom: 0 !important;
color: #000;
display: block;
line-height: 1.5;
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size: 18px;
}
.pg-forms .top-title strong {
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
text-transform: uppercase;
margin: 8px 0;
display: block;
}
.pg-forms .top-title i {
margin-right: 4px;
}
.pg-forms .top-title .faqlink {
border-top: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
padding-top: 9px;
padding-bottom: 6px;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
color: #121212;
display: block;
margin-bottom: 36px;
}
.pg-forms .top-title .faqlink:hover {
color: #626269;
}
.pg-forms h1 {
font-size: 36px;
text-align: center;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
text-transform: uppercase;
color: #000;
margin-bottom: 46px;
}
.pg-forms a.pw {
color: #000;
text-decoration: underline;
display: block;
margin: 4px 0;
}
.pg-forms form {
max-width: 420px;
margin: 0 auto;
width: 100%;
}
.pg-forms form label {
font-family: 'Arial', Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
color: #d8d8d8;
}
.pg-forms .form-input {
border-radius: 2px;
display: block;
height: 48px;
border: 0 none;
background: #626269;
outline: 0 none;
color: #fff;
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
padding: 6px 0 4px 16px;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
width: 100%;
margin: 0 auto 12px;
}
.pg-forms textarea.form-input {
padding: 10px 16px 8px;
min-height: 150px;
}
.pg-forms .ctabtn {
width: 100%;
display: block;
border-radius: 2px;
margin-top: 24px;
}
#search-popup .text-center {
background: #232327 !important;
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
}
#search-popup .logo {
max-width: 80px;
margin: 24px auto 12px;
}
.g-popup {
position: fixed;
left: 0;
z-index: 1000;
overflow: scroll;
top: 0;
height: 100%;
width: 100%;
background-color: rgba(31, 32, 35, 0.9);
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.g-popup .g-popup-container {
position: relative;
width: 90%;
max-width: 696px;
margin: 4em auto;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
-webkit-backface-visibility: hidden;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.g-popup .g-popup-container .left > *:not(h4),
.g-popup .g-popup-container .right > *:not(h4) {
padding: 20px 20px 24px;
}
.g-popup i.fa-check-circle {
color: #39e264;
}
.g-popup a.cart-link {
display: block;
font-size: 14px;
text-decoration: underline;
font-family: 'Din Text Cond Pro Medium', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
margin: 12px auto 0;
padding: 7px 0;
color: #555;
text-align: center;
}
.g-popup a.cart-link:hover {
color: #39e264;
}
.g-popup .logo {
width: 100%;
max-width: 150px;
margin: 0 0 28px;
}
.g-popup .col-sm-6 {
text-align: left;
}
.g-popup .col-sm-6.about {
padding-left: 36px;
}
.g-popup h5 {
margin-top: 24px;
border-top: 1px solid #ededed;
padding-top: 28px;
margin-bottom: 12px;
}
.g-popup h1 {
margin: 0 0 12px;
}
.g-popup span.small {
display: block;
font-size: 9px;
text-transform: uppercase;
color: #000;
margin-bottom: 4px;
}
.g-popup a.tel,
.g-popup a.email {
display: block;
color: #626269;
margin-bottom: 12px;
text-decoration: none;
}
.g-popup a.tel:hover,
.g-popup a.email:hover {
color: #000;
}
.g-popup .about {
background-color: #232327;
}
.g-popup .about img {
max-width: 60px;
margin: 0 auto 10px;
}
.g-popup .about p {
margin: 24px 12px;
font-size: 12px;
text-align: center;
}
.g-popup .about h3 {
margin: 10px 0 0;
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
text-align: center;
}
.g-popup .links {
border-top: 2px solid #000;
background-color: #232327;
text-align: center;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
font-size: 12px;
}
.g-popup .links ul {
list-style: none;
padding-left: 0;
margin: 0;
}
.g-popup .links ul li {
display: inline-block;
}
.g-popup .links a {
text-transform: uppercase;
color: #626269;
padding: 0 10px;
}
.g-popup .assistance {
font-size: 12px;
text-align: center;
text-transform: uppercase;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
background-color: #232327;
border-top: 2px solid #000;
}
.g-popup .form-contact {
padding: 20px;
background-color: #232327;
}
.g-popup .form-contact .form-input {
border-radius: 2px;
display: block;
height: 48px;
border: 0 none;
background: #626269;
outline: 0 none;
color: #fff;
text-transform: uppercase;
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
padding: 6px 0 4px 16px;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
width: 100%;
margin: 0 auto 12px;
}
.g-popup .form-contact textarea.form-input {
padding: 10px 16px 8px;
min-height: 150px;
}
.g-popup .form-contact .ctabtn {
width: 100%;
display: block;
border-radius: 2px;
}
.g-popup.add-to-cart {
color: #000;
}
.g-popup.add-to-cart .g-popup-container .section-title {
color: #39e264;
text-transform: uppercase;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
font-size: 14px;
margin-top: 0;
}
.g-popup.add-to-cart .g-popup-container .left,
.g-popup.add-to-cart .g-popup-container .right {
border-color: #eee;
}
.g-popup.add-to-cart .g-popup-container .left {
border-right: none;
}
.g-popup.add-to-cart .g-popup-container .product {
background-color: #fff;
border-right: 2px solid #eee;
}
.g-popup.add-to-cart .g-popup-container .product img {
margin-bottom: 20px;
}
.g-popup.add-to-cart .g-popup-container .product h3 {
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
margin-top: 0;
}
.g-popup.add-to-cart .g-popup-container .product .ctabtn {
width: 100%;
margin: 24px auto 0;
padding: 22px 0 20px;
}
.g-popup.add-to-cart .g-popup-container .product .accessory-upsale {
margin-top: 24px;
text-align: center;
}
.g-popup.add-to-cart .g-popup-container .product .accessory-upsale h4 {
font-family: 'Din Text Cond Pro Medium', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
text-transform: uppercase;
font-size: 16px;
margin-bottom: 0;
}
.g-popup.add-to-cart .g-popup-container .product .accessory-upsale .mobile {
display: none;
}
.g-popup.add-to-cart .g-popup-container .product .accessory-upsale .desktop,
.g-popup.add-to-cart .g-popup-container .product .accessory-upsale .mobile {
-webkit-transition: transform 0.2s;
-moz-transition: transform 0.2s;
-ms-transition: transform 0.2s;
-o-transition: transform 0.2s;
transition: transform 0.2s;
}
.g-popup.add-to-cart .g-popup-container .accessories {
background-color: #eee;
color: #000;
padding: 0;
position: relative;
top: 1px;
}
.g-popup.add-to-cart .g-popup-container .accessories .tile {
width: 49%;
width: calc(50% - 1px);
float: left;
background-color: #fff;
}
.g-popup.add-to-cart .g-popup-container .accessories .tile a {
color: #000;
display: block;
}
.g-popup.add-to-cart .g-popup-container .accessories .tile figure {
height: 144px;
overflow: hidden;
}
.g-popup.add-to-cart .g-popup-container .accessories .tile img {
padding: 0;
height: 144px;
display: block;
margin: 0 auto;
}
.g-popup.add-to-cart .g-popup-container .accessories .tile .ctabtn {
width: 100%;
padding: 10px 16px 8px;
background-color: #eee;
color: #000;
position: relative;
}
.g-popup.add-to-cart .g-popup-container .accessories .tile .ctabtn:hover,
.g-popup.add-to-cart .g-popup-container .accessories .tile .ctabtn.added {
background-color: #39e264;
color: #fff;
}
.g-popup.add-to-cart .g-popup-container .accessories .tile .info {
text-align: center;
padding: 8px 0 16px;
}
.g-popup.add-to-cart .g-popup-container .accessories .tile .info span {
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
display: block;
color: #000;
margin: 0 10px;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.g-popup.add-to-cart .g-popup-container .accessories .tile:nth-child(2n) {
margin-left: 2px;
}
.g-popup.add-to-cart .g-popup-container .g-popup-close::before,
.g-popup.add-to-cart .g-popup-container .g-popup-close::after {
background-color: #000;
}
.g-popup.add-to-cart .g-popup-container .g-popup-close {
background-color: #fff;
top: 25px;
}
.g-popup.is-visible {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
transition: opacity 0.3s 0s, visibility 0s 0s;
}
.g-popup-container .g-popup-close {
position: absolute;
top: 8px;
right: 8px;
width: 30px;
height: 30px;
background-color: #232327;
padding: 20px;
}
.g-popup-container .g-popup-close::before,
.g-popup-container .g-popup-close::after {
content: '';
position: absolute;
top: 18px;
width: 14px;
height: 3px;
background-color: #fff;
}
.g-popup-container .g-popup-close::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
left: 13px;
}
.g-popup-container .g-popup-close::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
right: 13px;
}
.is-visible .g-popup-container {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
}
@media (max-width: 767px) {
body .g-popup-container {
margin: 1em auto;
}
.g-popup .g-popup-container .g-popup-close {
border-bottom: 2px solid #000;
right: 0;
top: -42px;
}
.g-popup .g-popup-container .about {
display: none;
}
.g-popup.add-to-cart .g-popup-container .g-popup-close {
top: -17px;
}
.g-popup.add-to-cart .g-popup-container .product {
border-right: none;
}
.g-popup.add-to-cart .g-popup-container .product .accessory-upsale .desktop {
display: none;
}
.g-popup.add-to-cart .g-popup-container .product .accessory-upsale .mobile {
display: inline;
}
.g-popup.add-to-cart .g-popup-container .right .section-title {
display: none;
}
.g-popup.add-to-cart .g-popup-container .left {
border-bottom: 2px solid #eee;
}
}
@media (min-width: 768px) {
.g-popup .g-popup-container .g-popup-close {
border-left: 2px solid #000;
top: 0;
right: -42px;
}
.g-popup .g-popup-container .left,
.g-popup .g-popup-container .right {
width: 50%;
float: left;
}
.g-popup .g-popup-container .left {
border-right: 2px solid #000;
}
.g-popup.no-accessories .g-popup-container .g-popup-close {
left: 75%;
right: 0;
border-left: none;
}
.g-popup.no-accessories .left {
margin: 0 25%;
width: 50%;
}
}
#about {
color: #626269;
background-color: #fff;
padding-bottom: 44px;
}
#about #storemapper #storemapper-go {
background: #000;
color: #fff;
font-family: 'Din Text Cond Pro Medium', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
text-align: center;
text-transform: uppercase;
line-height: 34px;
padding: 2px 0 0;
border: 0 none;
display: block;
width: 100%;
max-width: 140px;
}
#about h3 {
text-transform: uppercase;
font-family: 'Din Text Cond Pro Medium', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
margin-bottom: 27px;
padding-top: 40px;
margin-top: 0;
font-size: 17px;
}
#about p {
margin-bottom: 27px;
line-height: 1.7;
}
@media (max-width: 480px) {
#about {
padding-bottom: 0;
}
}
#blog-wrapper.pg-article header h1 {
max-width: 767px;
margin: 24px auto 0;
font-size: 36px;
}
#blog-wrapper.pg-article img.social {
margin: 0 auto;
display: block;
}
#blog-wrapper.pg-article .description {
float: none;
width: 100%;
max-width: 940px;
margin: 0 auto;
}
#blog-wrapper.pg-article .description a {
display: inline !important;
}
#blog-wrapper.pg-article .description img {
width: 100%;
margin: 24px auto 36px;
}
#blog-wrapper {
background-color: #fff;
color: #121214;
}
#blog-wrapper .social {
display: block;
margin: 0 auto;
float: none;
width: 360px;
}
#blog-wrapper .social a {
text-align: left;
width: 29%;
float: left;
margin-right: 2px;
height: 53px;
}
#blog-wrapper .social .fb i {
color: #3b5998;
}
#blog-wrapper .social .twitter i {
color: #0084b4;
}
#blog-wrapper .social .reviews i,
#blog-wrapper .social .reviews span {
color: #ffcb2d;
}
#blog-wrapper header {
text-align: center;
}
#blog-wrapper header h1 {
font-size: 44px;
line-height: 40px;
text-transform: uppercase;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
margin-bottom: 0;
}
#blog-wrapper a,
#blog-wrapper .date {
color: #626269;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
text-transform: uppercase;
display: block;
}
#blog-wrapper summary {
margin-bottom: 27px;
}
#blog-wrapper summary .picture {
margin-bottom: 20px;
}
#blog-wrapper summary .picture .social {
margin-top: 14px;
}
#blog-wrapper summary .description h3 {
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
margin-top: 0;
margin-bottom: 10px;
}
#blog-wrapper summary .description .date {
margin-bottom: 10px;
}
@media (min-width: 992px) {
#blog-wrapper header {
margin-bottom: 44px;
margin-top: 71px;
}
#blog-wrapper header h1 {
font-size: 71px;
line-height: 1;
}
#blog-wrapper summary {
margin-bottom: 36px;
}
#blog-wrapper summary .picture,
#blog-wrapper summary .description {
width: 47.5%;
float: left;
}
#blog-wrapper summary .picture {
margin-right: 5%;
}
}
body {
font-family: 'Arial', Helvetica, sans-serif;
font-weight: normal;
background-color: #121214;
color: #fff;
font-size: 14px;
}
a {
color: #fff;
}
a:hover,
a:focus {
color: #fff;
text-decoration: none;
}
body,
html {
margin: 0;
}
.ul-unstyled {
padding-left: 0;
margin: 0;
list-style: none;
}
.ul-inline li {
display: inline-block;
}
.clearfix {
clear: both;
}
.clearfix:after,
.clearfix:before {
content: "";
display: table;
clear: both;
}
.ctabtn {
font-size: 16px;
display: inline-block;
padding: 19px 27px 16px;
border: none;
font-family: 'Din Text Cond Pro Medium', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
background-color: #39e264;
color: #fff;
text-transform: uppercase;
text-align: center;
letter-spacing: 0.04em;
line-height: 1;
}
.ctabtn.large {
font-size: 22px;
padding: 22px 71px;
}
.ctabtn.ctabtn-inverse {
color: #000;
background-color: #fff;
}
.ctabtn.plain {
background-color: #fff;
color: #dbdbdd;
border: 1px solid #e3e3ea;
}
.mauto {
margin: 0 auto;
}
.mb24 {
margin-bottom: 24px;
}
.max320 {
max-width: 320px;
width: 100%;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.caps {
text-transform: uppercase;
}
.tblock {
display: block;
}
.text14 {
font-size: 14px;
}
@-webkit-keyframes fade-down {
0% {
opacity: 0;
top: -20px;
}
100% {
opacity: 1;
top: 0;
}
}
@-moz-keyframes fade-down {
0% {
opacity: 0;
top: -20px;
}
100% {
opacity: 1;
top: 0;
}
}
@-ms-keyframes fade-down {
0% {
opacity: 0;
top: -20px;
}
100% {
opacity: 1;
top: 0;
}
}
@-o-keyframes fade-down {
0% {
opacity: 0;
top: -20px;
}
100% {
opacity: 1;
top: 0;
}
}
@keyframes fade-down {
0% {
opacity: 0;
top: -20px;
}
100% {
opacity: 1;
top: 0;
}
}
.disable-shadow {
text-shadow: none !important;
}
.black {
color: #000;
}
.offblack {
color: #121214;
}
.white {
color: #fff;
}
.darkgrey {
color: #18181b;
}
.grey {
color: #626269;
}
.green {
color: #39e264;
}
$green: #39e264;
.back-white {
background-color: #fff;
}
.back-black {
background-color: #000;
}
.back-offblack {
background-color: #121214;
}
.back-dark-grey {
background-color: #18181b;
}
.back-green {
background-color: #39e264;
}
.arial {
font-family: 'Arial', Helvetica, sans-serif;
font-weight: normal;
}
.din-reg {
font-family: 'Din Text Cond Reg', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
}
.din-bold {
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
}
.din-italic {
font-family: 'Din Text Cond Italic', Helvetica, sans-serif;
font-style: italic;
font-weight: 400;
}
.din-medium {
font-family: 'Din Text Cond Pro Medium', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
}
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
-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;
left: 0;
top: 0;
display: block;
zoom: 1;
}
.slick-track:before,
.slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
.slick-slide img {
pointer-events: none;
}
.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;
}
/* Dots */
.slick-slider {
margin-bottom: 30px;
}
#home-slider .slick-dots li button {
border: 0;
background-color: #121214;
display: block;
outline: none;
padding: 18px;
cursor: pointer;
text-transform: uppercase;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
font-size: 12px;
width: 100%;
text-align: center;
}
#home-slider .slick-dots {
position: absolute;
top: 18%;
right: 0;
list-style: none;
display: block;
text-align: center;
padding: 0;
}
#home-slider .slick-dots li {
position: relative;
display: block;
padding: 0;
cursor: pointer;
}
#home-slider .slick-dots li.slick-active button {
background-color: #fff;
color: #000;
}
#product-slider .slick-dots li button {
border: 0;
display: block;
outline: none;
padding: 2px;
cursor: pointer;
font-size: 8px;
color: transparent;
background-color: transparent;
}
#product-slider .slick-dots {
position: absolute;
bottom: -35px;
list-style: none;
display: block;
text-align: center;
padding: 0;
width: 100%;
}
#product-slider .slick-dots li {
position: relative;
display: inline-block;
margin: 0;
padding: 0;
cursor: pointer;
}
#product-slider .slick-dots li button:before {
font-family: 'FontAwesome';
content: "\f10c";
color: #000;
}
#product-slider .slick-dots li.slick-active button:before {
content: "\f111";
}
#box-slider .slick-dots li button {
border: 0;
display: block;
outline: none;
padding: 2px;
cursor: pointer;
font-size: 9px;
color: transparent;
background-color: transparent;
}
#box-slider .slick-dots {
position: absolute;
bottom: 15px;
list-style: none;
display: block;
text-align: center;
padding: 0;
width: 100%;
}
#box-slider .slick-dots li {
position: relative;
display: inline-block;
margin: 0;
padding: 0;
cursor: pointer;
}
#box-slider .slick-dots li button:before {
font-family: 'FontAwesome';
content: "\f10c";
color: #fff;
}
#box-slider .slick-dots li.slick-active button:before {
content: "\f111";
}
#box-slider .slick-prev,
#box-slider .slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0;
font-size: 0;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
margin-top: -10px;
padding: 0;
border: none;
outline: none;
}
#box-slider .slick-prev:hover,
#box-slider .slick-prev:focus,
#box-slider .slick-next:hover,
#box-slider .slick-next:focus {
outline: none;
background: transparent;
color: transparent;
}
#box-slider .slick-prev:hover:before,
#box-slider .slick-prev:focus:before,
#box-slider .slick-next:hover:before,
#box-slider .slick-next:focus:before {
opacity: 1;
}
#box-slider .slick-prev.slick-disabled:before,
#box-slider .slick-next.slick-disabled:before {
opacity: 0.25;
}
#box-slider .slick-prev:before,
#box-slider .slick-next:before {
font-family: "FontAwesome";
font-size: 20px;
line-height: 1;
color: #fff;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#box-slider .slick-prev {
left: 10px;
}
#box-slider .slick-next {
right: 10px;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}
[dir="rtl"] .slick-next {
right: auto;
left: -25px;
}
[dir="rtl"] .slick-next:before {
content: "\2190";
}
[dir="rtl"] .slick-prev {
right: -25px;
left: auto;
}
[dir="rtl"] .slick-prev:before {
content: "\2192";
}
[dir="rtl"] .slick-slide {
float: right;
}
.share-title {
font-size: 14px;
padding-right: 10px;
}
.is-large .share-title {
padding-right: 16px;
}
.share-facebook {
background-color: #3b3b3b;
}
.share-facebook:hover {
background-color: #2d4373 !important;
}
.share-facebook:hover i {
color: #fff !important;
}
.share-facebook:hover .share-count {
color: #fff !important;
}
.share-twitter {
background-color: #3b3b3b;
}
.share-twitter:hover {
background-color: #0087ba !important;
}
.share-twitter:hover i {
color: #fff !important;
}
.share-twitter:hover .share-count {
color: #fff !important;
}
.share-count {
position: relative;
padding: 0 8px;
margin-right: 0;
font-size: 14px;
line-height: 14px;
color: #333;
opacity: 0;
-webkit-transition: opacity 0.2s ease-in;
-moz-transition: opacity 0.2s ease-in;
-o-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
}
.share-count.is-loaded {
opacity: 1;
}
.is-large .share-count {
font-size: 18px;
padding: 0 14px;
}
.no-touch #top-bar .wrapper > a:hover {
color: #fff;
}
.no-touch .qty:after {
position: relative;
-webkit-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in;
-ms-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in;
transition: all 200ms ease-in;
bottom: 0;
left: -17px;
width: 100px;
height: 30px;
content: 'View Cart';
visibility: hidden;
-webkit-backface-visiblity: hidden;
font-size: 11px;
font-family: 'Din Text Cond Pro Medium', Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
display: block;
opacity: 0;
color: #39e264;
text-transform: uppercase;
}
.no-touch a#shopping-cart i.fa-shopping-cart {
-webkit-transition: all 150ms ease-in;
-moz-transition: all 150ms ease-in;
-ms-transition: all 150ms ease-in;
-o-transition: all 150ms ease-in;
transition: all 150ms ease-in;
-webkit-backface-visiblity: hidden;
}
.no-touch a#shopping-cart .qty {
-webkit-transition: all 170ms ease-in;
-moz-transition: all 170ms ease-in;
-ms-transition: all 170ms ease-in;
-o-transition: all 170ms ease-in;
transition: all 170ms ease-in;
-webkit-backface-visibility: hidden;
}
.no-touch a#shopping-cart:hover {
background: #000 !important;
}
.no-touch a#shopping-cart:hover .qty {
-webkit-transform: translate(0px, -35px);
-moz-transform: translate(0px, -35px);
-ms-transform: translate(0px, -35px);
-o-transform: translate(0px, -35px);
}
.no-touch a#shopping-cart:hover .fa-shopping-cart {
opacity: 0;
-webkit-transform: translate(0px, -100%);
-moz-transform: translate(0px, -100%);
-ms-transform: translate(0px, -100%);
-o-transform: translate(0px, -100%);
}
.no-touch a#shopping-cart:hover .qty:after {
display: block;
visibility: visible;
opacity: 1;
}
.no-touch .statement ul li a:hover {
color: #fff;
text-decoration: underline;
}
.no-touch .ctabtn {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.no-touch .ctabtn:hover {
background: #19c244;
color: #fff;
}
.no-touch #home-slider .slick-dots button.tab:hover {
background: #fff;
color: #000;
}
.no-touch #home-tiles .left a img,
.no-touch #home-tiles .right a img {
-webkit-transition: all 0.2s 0 ease-out;
-moz-transition: all 0.2s 0 ease-out;
-ms-transition: all 0.2s 0 ease-out;
-o-transition: all 0.2s 0 ease-out;
transition: all 0.2s 0 ease-out;
}
.no-touch #home-tiles .left a:hover span,
.no-touch #home-tiles .right a:hover span {
background: #000;
color: #fff;
}
.no-touch #home-tiles .left a:hover img,
.no-touch #home-tiles .right a:hover img {
opacity: 0.5;
}
.no-touch #shop-by-tiles .slider a:hover span.vape {
background: #000;
color: #fff;
}
.no-touch .value-tile a:hover {
color: #fff;
text-decoration: underline;
}
.no-touch #type-nav ul li a:hover {
color: #fff;
}
.no-touch #pg-product #video .play i {
-webkit-backface-visibility: hidden;
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
-ms-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
}
.no-touch #pg-product #video .play:hover i {
opacity: 0.5;
-webkit-transform: translate(-50%, -60%);
-moz-transform: translate(-50%, -60%);
-ms-transform: translate(-50%, -60%);
-o-transform: translate(-50%, -60%);
}
.no-touch ul.social li a {
text-align: left;
}
.no-touch ul.social li a:hover {
color: #626269;
}
.no-touch footer .icons li a:hover {
color: #626269;
}
.no-touch footer a.value-tile:hover span {
color: #fff;
text-decoration: underline;
}
#frequently-asked-questions #main {
background-color: #fff;
color: #000;
}
#frequently-asked-questions #main header .page-title {
max-width: 767px;
margin: 24px auto 40px;
font-size: 36px;
text-align: center;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
text-transform: uppercase;
}
@media (min-width: 768px) {
#frequently-asked-questions #main header .page-title {
font-size: 71px;
line-height: 1;
}
}
body:after {
content: "";
background-color: rgba(78, 83, 89, 0.8);
height: 100%;
left: 0;
opacity: 0;
position: fixed;
top: 0;
transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s;
visibility: hidden;
width: 100%;
z-index: 89;
}
body.gs-overlay:after {
opacity: 1;
transition: opacity 0.3s ease 0s, visibility 0s ease 0s;
transition: -webkit-transform 0.3s ease 0s;
transition: transform 0.3s ease 0s;
visibility: visible;
}
.gs-close-panel {
display: inline-block;
background-color: #fff;
color: #121214;
border: 1px solid #121214;
border-radius: 500px;
padding: 5px 9px;
position: fixed;
left: 15%;
top: 71px;
z-index: 91;
transform: translateZ(0) translateX(10000px);
-webkit-transform: translateZ(0) translateX(100%);
transform: translateZ(0) translateX(100vw);
transition: -webkit-transform 0.4s ease 0s;
transition: transform 0.4s ease 0s;
}
.gs-close-panel.move-left {
-webkit-transform: translateZ(0) translateX(0);
transform: translateZ(0) translateX(0);
}
.gs-close-panel:hover {
color: #121214;
}
#home-slider .promo.slide {
background-size: contain;
display: block;
background-position: top;
padding-top: 0;
a {
padding-top: 649px;
}
{
% if settings.promoslide_check %
}
background-image: url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/promo.jpg?18034179594028967761");
@media (max-width: 991px) {
background-image: url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/promo_t.jpg?18034179594028967761");
a {
padding-top: 113%;
}
}
@media (max-width: 500px) {
background-image: url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/promo_m.jpg?18034179594028967761");
a {
padding-top: 88.4%;
}
}
{
% endif %
}
}
.search-no-results {
padding: 2rem 0;
h2 {
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
font-style: normal;
font-weight: 500;
text-transform: uppercase;
}
a {
color: $green;
}
}
/*
* 'updates.css'
* ------------
*
*
*/
@media (max-width:991px) {
#navbar .middle {
width: auto;
height: auto;
}
}
.footer-email-signup .signup-response {
display: none;
position: absolute;
height: 16px;
left: 60px;
top: -30px;
line-height: 16px;
font-size: 12px;
}
input:focus::-webkit-input-placeholder {
color: transparent!important;
}
input:focus:-moz-placeholder {
color: transparent!important;
}
input:focus::-moz-placeholder {
color: transparent!important;
}
input:focus:-ms-input-placeholder {
color: transparent!important;
}
::-webkit-input-placeholder {
color: #FFF;
}
:-moz-placeholder {
color: #FFF;
}
::-moz-placeholder {
color: #FFF;
}
:-ms-input-placeholder {
color: #FFF;
}
.email-modal-container {
display: none;
width: 100%;
}
.invisible-email-overlay {
position: fixed;
top: 0!important;
bottom: 0;
left: 0;
right: 0;
background-color: transparent;
z-index: 999999998;
}
.grenco-modal-outer {
position: fixed;
top: 50%!important;
left: 50%;
z-index: 999999999;
width: 80%;
max-width: 496px;
color: #fff;
background-color: #000;
text-align: center;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-font-smoothing: subpixel-antialiased;
}
.grenco-modal-outer .close-modal {
position: absolute;
top: 0;
right: -32px;
color: inherit;
text-decoration: none;
}
.grenco-modal-outer .close-modal::after {
content: '✕';
display: block;
height: 34px;
width: 31px;
line-height: 34px;
font-size: 1.65rem;
font-weight: 800;
color: #FFF;
background-color: #000;
padding-left: 0.5px;
}
.grenco-modal-outer h2,
.grenco-modal-outer h6 {
font-family: "Din Text Cond Bold", "helvetica", sans-serif;
font-size: 5.5rem;
text-transform: uppercase;
line-height: 1;
padding: 0 5%;
margin: 2.5rem 0 0;
}
.grenco-modal-outer p,
.input-email {
font-family: "Din Text Cond Reg", "helvetica", sans-serif;
}
.grenco-modal-outer p {
font-size: 1.5rem;
margin: 0 0 30px;
padding: 0 15%;
}
.form-email-signup {
font-size: 0;
padding: 0 10%;
}
.input-email,
.input-submit {
font-size: 1.5rem;
color: #FFF;
padding: 1rem;
border: 0;
outline: 0;
}
.input-email {
text-transform: lowercase;
background-color: #838383;
border-right: 2px solid #000;
width: 75%;
}
.input-submit {
font-family: "Din Text Cond Bold", "helvetica", sans-serif;
text-transform: uppercase;
background-color: #39E264;
width: 25%;
cursor: pointer;
}
p.email-success-message {
font-size: 2.5rem;
margin: 0;
}
p.email-success-message:first-of-type {
margin-top: 2.5rem;
}
p.email-success-message:last-of-type {
margin-bottom: 2.5rem;
}
.email-success-code {
margin: 2.5rem 0;
font-size: 7.5rem;
}
.email-modal-logo {
height: 56px;
width: 40px;
margin: 2rem auto;
}
.launch-gpen-radio {
padding: 10px 0;
border: 0;
outline: 0;
position: absolute;
top: 650px;
right: 0;
width: 55px;
color: #fff;
background-color: #39e264;
z-index: 1004;
}
.launch-gpen-radio>* {
opacity: 0.65;
}
.footer-gpen-radio-launch img:hover,
.tiny-gpen-radio-launch>img:hover {
opacity: 0.35;
}
.launch-gpen-radio img:first-of-type {
padding: 0 0 10px;
}
.launch-gpen-radio.sticky {
position: fixed;
top: 420px;
}
.radio-button-text {
text-transform: uppercase;
font-family: 'Din Text Cond Bold', Helvetica, sans-serif;
color: #000;
font-size: 1.25rem;
text-align: center;
}
.radio-button-text strong {
font-size: 2.8rem;
line-height: 1;
margin-top: 5px;
display: block;
}
.tiny-gpen-radio-launch {
display: inline-block;
float: left;
background-color: transparent;
outline: 0;
border: 0;
padding: 0;
width: 33px;
}
.tiny-gpen-radio-launch>img {
padding: 22px 10px 1px;
display: inline-block;
}
.footer-gpen-radio-launch {
padding: 0;
outline: 0;
border: 0;
background-color: transparent;
}
.footer-gpen-radio-launch img {
width: 38px;
padding: 4px 10px 10px;
}
.first-footer-box img {
width: 20px;
margin-top: -5px;
margin-right: 20px;
}
@media (min-width:1255px) {
.first-footer-box {
padding: 67px 28px !important;
}
.first-footer-box p {
margin-left: 0 !important;
margin-right: 0 !important;
max-width: 380px!important;
}
}
@media (max-width:991px) {
.gpen-radio-hide-mobile {
display: none!important;
}
}
#navbar #link-list>ul>li a {
padding: 17px 28px 16px 22px;
}
/*
* 'assets.css'
* ------------
*
*
*/
@font-face {
font-family: 'Arial';
src: url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/Arial.eot?18034179594028967761");
/* Safari, Android, iOS */
/* Modern Browsers */
/* IE6-IE8 */
/* IE9 Compat Modes */
src: url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/Arial.eot?%23iefix&18034179594028967761") format('embedded-opentype'),
url(//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/Arial.woff?18034179594028967761) format('woff'),
url(//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/Arial.ttf?18034179594028967761) format('truetype'),
url(//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/Arial.svg%23f3fb449eaa02ef10eadca12cfdf8ae41?18034179594028967761) format('svg');
/* Legacy iOS */
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: 'Din Text Cond Bold';
src: url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/PFDinTextCondPro-Bold_1.eot?18034179594028967761");
/* Safari, Android, iOS */
/* Modern Browsers */
/* IE6-IE8 */
/* IE9 Compat Modes */
src: url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/PFDinTextCondPro-Bold_1.eot?%23iefix&18034179594028967761") format('embedded-opentype'),
url(//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/PFDinTextCondPro-Bold_1.woff?18034179594028967761) format('woff'),
url(//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/PFDinTextCondPro-Bold_1.ttf?18034179594028967761) format('truetype'),
url(//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/PFDinTextCondPro-Bold_1.svg%23c8c968cde8f2e5400208243d2820d976?18034179594028967761) format('svg');
/* Legacy iOS */
font-style: normal;
font-weight: 700;
}
@font-face {
font-family: 'Din Text Cond Italic';
src: url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/PFDinTextCondPro-Italic.eot?18034179594028967761");
/* Safari, Android, iOS */
/* Modern Browsers */
/* IE6-IE8 */
/* IE9 Compat Modes */
src: url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/PFDinTextCondPro-Italic.eot?%23iefix&18034179594028967761") format('embedded-opentype'),
url(//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/PFDinTextCondPro-Italic.woff?18034179594028967761) format('woff'),
url(//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/PFDinTextCondPro-Italic.ttf?18034179594028967761) format('truetype'),
url(//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/PFDinTextCondPro-Italic.svg%23f1c1216ac413032af2bc5a14a8a1b34d?18034179594028967761) format('svg');
/* Legacy iOS */
font-style: italic;
font-weight: 400;
}
@font-face {
font-family: 'Din Text Cond Pro Medium';
src: url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/PFDinTextCondPro-Medium_1.eot?18034179594028967761");
/* Safari, Android, iOS */
/* Modern Browsers */
/* IE6-IE8 */
/* IE9 Compat Modes */
src: url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/PFDinTextCondPro-Medium_1.eot?%23iefix&18034179594028967761") format('embedded-opentype'),
url(//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/PFDinTextCondPro-Medium_1.woff?18034179594028967761) format('woff'),
url(//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/PFDinTextCondPro-Medium_1.ttf?18034179594028967761) format('truetype'),
url(//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/PFDinTextCondPro-Medium_1.svg%23ab933453e51118ea1f999b96325cdc0c?18034179594028967761) format('svg');
/* Legacy iOS */
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: 'Din Text Cond Reg';
src: url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/PFDinTextCondPro-Regular.eot?18034179594028967761");
/* Safari, Android, iOS */
/* Modern Browsers */
/* IE6-IE8 */
/* IE9 Compat Modes */
src: url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/PFDinTextCondPro-Regular.eot?%23iefix&18034179594028967761") format('embedded-opentype'),
url(//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/PFDinTextCondPro-Regular.woff?18034179594028967761) format('woff'),
url(//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/PFDinTextCondPro-Regular.ttf?18034179594028967761) format('truetype'),
url(//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/PFDinTextCondPro-Regular.svg%238b626f8231099d206993c58b11ed0014?18034179594028967761) format('svg');
/* Legacy iOS */
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: 'icons';
src: url('//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/icons.eot?social&18034179594028967761');
src: url('//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/icons.eot?%23iefixsocial&18034179594028967761') format("embedded-opentype"),
url('//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/icons.woff?social&18034179594028967761') format("woff"),
url('//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/icons.ttf?social&18034179594028967761') format("truetype"),
url('//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/icons.svg?social%23icons&18034179594028967761') format("svg");
font-weight: normal;
font-style: normal;
}
#category-hero.apparel {
background-image: url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/asphalt-m.jpg?18034179594028967761");
}
#category-hero.collaborations {
background-image: url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/snoop-m.jpg?18034179594028967761");
}
@media (min-width: 768px) {
#category-hero.apparel {
background-image: url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/asphalt.jpg?18034179594028967761");
}
#category-hero.collaborations {
background-image: url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/snoop.jpg?18034179594028967761");
}
#category-hero.collaborations.claw {
background-image: url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/collaboration-claw.jpg?18034179594028967761");
}
#category-hero.collaborations.gumball {
background-image: url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/collaboration-gumball.jpg?18034179594028967761");
}
#category-hero.collaborations.huf {
background-image: url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/collaboration-huf.jpg?18034179594028967761");
}
}
.slick-loading .slick-list {
background: white url("//cdn.shopify.com/s/files/1/0185/1576/t/35/assets/ajax-loader.gif?18034179594028967761") center center no-repeat;
}
.note.form-error a {
color: rgb(98, 98, 105);
text-decoration: underline;
}