/** Shopify CDN: Minification failed

Line 3717:0 Unexpected ".200"
Line 3720:0 Unexpected ".200"

**/
@charset "UTF-8";
/**
 * @license
 * MyFonts Webfont Build ID 3048821, 2015-06-25T09:46:51-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: SackersGothicStd-Medium by Monotype
 * URL: http://www.myfonts.com/fonts/mti/sackers-gothic/std-medium/
 * Copyright: Copyright 1994, 2003 Monotype Imaging, Inc. All rights reserved.
 * Licensed pageviews: 250,000
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3048821
 *
 * © 2015 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
/**
@import url("//hello.myfonts.net/count/2e8575");

@font-face {
  font-family: 'SackersGothicStd-Medium';
  src: url("2E8575_0_0.eot");
  src: url("2E8575_0_0.eot?#iefix") format("embedded-opentype"), url("2E8575_0_0.woff2") format("woff2"), url("2E8575_0_0.woff") format("woff"), url("2E8575_0_0.ttf") format("truetype"), url("SackersGothicStd-Medium.svg#SackersGothicStd-Medium") format("svg"); }
**/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html,
body {
  height: 100%;
  margin: 0;
  padding: 0; }

html {
  height: 300%; }

body {
  -webkit-font-smoothing: antialiased;
  line-height: 1;
  height: auto;
  line-height: 1;
  min-height: calc(100% - 100px);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  width: 100%; }

div {
  background-color: transparent; }

h1,
h2,
h3,
h4,
h5,
h6,
li,
ul,
address,
blockquote,
dl,
form,
fieldset,
ol,
table,
p,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  font-weight: normal; }

a,
img {
  border: 0;
  outline: none;
  margin: 0; }

a {
  background-color: transparent;
  text-decoration: none; }
a:active,
a:hover {
  outline: 0; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    transform: rotate(359deg); } }

@-webkit-keyframes remove-item {
  0% {
    opacity: 1; }
  20% {
    margin-top: 0;
    opacity: 0.2; }
  50% {
    opacity: 0; }
  100% {
    margin-top: -170px;
    opacity: 0; } }

@keyframes remove-item {
  0% {
    opacity: 1; }
  20% {
    margin-top: 0;
    opacity: 0.2; }
  50% {
    opacity: 0; }
  100% {
    margin-top: -170px;
    opacity: 0; } }

@-webkit-keyframes items-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes items-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes items-fadeout {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes items-fadeout {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes quantity-blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 1; }
  60% {
    opacity: 0; }
  70% {
    opacity: 1; }
  75% {
    opacity: 0; }
  80% {
    opacity: 1; }
  85% {
    opacity: 0; }
  90% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@keyframes quantity-blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 1; }
  60% {
    opacity: 0; }
  70% {
    opacity: 1; }
  75% {
    opacity: 0; }
  80% {
    opacity: 1; }
  85% {
    opacity: 0; }
  90% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@-webkit-keyframes add-item {
  0% {
    opacity: 0;
    margin-top: -170px; }
  20% {
    opacity: 0;
    margin-top: -170px; }
  70% {
    opacity: 1;
    margin-top: 0%; } }

@keyframes add-item {
  0% {
    opacity: 0;
    margin-top: -170px; }
  20% {
    opacity: 0;
    margin-top: -170px; }
  70% {
    opacity: 1;
    margin-top: 0%; } }

@-webkit-keyframes animate-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes animate-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes animate-fadeout {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes animate-fadeout {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
/**
@font-face {
  font-family: 'SackersGothicStd-Medium';
  src: url("2E8575_0_0.eot") format('embedded-opentype'), url('2E8575_0_0.ttf') format('truetype'); }

@font-face {
  font-family: 'SackersGothicStd-Medium';
  src: url("2E8575_0_0.woff") format("woff"), url('2E8575_0_0.ttf') format('truetype'), url("SackersGothicStd-Medium.svg#SackersGothicStd-Medium") format("svg"); }

**/

@font-face {
  font-family: 'SackersGothicStd-Medium';
  src: url('2E8575_0_0.eot#') format('eot'),
  url('2E8575_0_0.woff') format('woff'),
  url('2E8575_0_0.ttf') format('truetype'),
  url('//cdn.shopify.com/s/files/1/1503/0930/t/3/assets/Sackers-Medium.svg?v=167146760926074963361490448970?#SackersGothicStd-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

html {
  height: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  width: 100%; }

body {
  background-color: #fff;
  color: #000;
  font-family: "SackersGothicStd-Medium", arial !important;
  text-rendering: optimizeLegibility;
  letter-spacing: 1px;
  height: auto;
  min-height: calc(100% - 100px);
  text-transform: uppercase;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  width: 100%; }
body.scroll-is-prevented {
  overflow: hidden; }

body::-webkit-scrollbar {
  display: none; }

*:focus {
  outline: 0; }

::-moz-selection {
  background: #000;
  color: #fff; }

::selection {
  background: #000;
  color: #fff; }

::-webkit-media-controls {
  display: none !important; }

a {
  color: #000; }

li {
  list-style-type: none; }

tr {
  height: 100%; }

h1,
h2,
h3 {
  letter-spacing: 1px; }

h1 {
  color: #000;
  font-size: 16px; }

h2 {
  font-size: 11px; }

h3 {
  font-size: 13px; }

h4 {
  font-size: 9px;
  letter-spacing: 2px; }

.page-move-wrapper {
  margin: 0;
  min-height: 100%;
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease; }

.page-move-wrapper-active {
  -webkit-transform: translateX(-340px);
  -ms-transform: translateX(-340px);
  transform: translateX(-340px); }

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset; }

input {
  -webkit-appearance: none;
  border-radius: 0; }

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0; }

#template-default {
  font-size: 10px;
  height: -webkit-calc(100% - 70px);
  height: calc(100% - 70px);
  position: relative;
  top: 70px; }
@media screen and (min-width: 1024px) {
  #template-default {
    height: -webkit-calc(100% - 94px);
    height: calc(100% - 94px);
    top: 94px; } }

.button-width-450 {
  width: 450px; }

.button-width-315 {
  width: 426px !important; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .button-width-315, .button-width-225 {
    width: 315px !important;
    max-width: 100%;} }

.shopping-cart-preview-wrapper .button-width-315 {
  width: 315px !important; }

.button-width-225 {
  width: 225px; }

.overall-button-white, .cart-mobile__btn-checkout {
  background-color: #fff;
  border: 1px solid #000;
  box-sizing: border-box;
  height: 37px !important;
  color: #000;
  cursor: pointer;
  display: block;
  font-family: "SackersGothicStd-Medium", sans-serif;
  font-size: 9px;
  letter-spacing: 1px;
  line-height: normal;
  margin: 6px auto;
  outline: none;
  padding: 11px;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  width: 100%; }
.overall-button-white:hover, .cart-mobile__btn-checkout:hover {
  background-color: #000;
  border: 1px solid #fff;
  color: #fff; }

.overall-button-reverse-opacity, .cart-mobile__btn-continue-shopping {
  display: block;
  text-transform: uppercase;
  background-color: #000;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-sizing: border-box;
  font-size: 9px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: "SackersGothicStd-Medium", sans-serif;
  width: 315px;
  outline: none;
  text-align: center;
  padding: 11px;
  line-height: 15px;
  margin: 6px auto;
  max-width: 100%;
  cursor: pointer;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease; }
.overall-button-reverse-opacity:hover, .cart-mobile__btn-continue-shopping:hover {
  border: 1px solid #fff; }

.btn:hover {
  cursor: pointer; }

.overall-button {
  background-color: #000;
  border: 1px solid #000;
  box-sizing: border-box;
  height: 37px !important;
  color: #fff;
  cursor: pointer;
  display: block;
  font-family: "SackersGothicStd-Medium", sans-serif;
  font-size: 9px;
  letter-spacing: 1px;
  line-height: normal;
  margin-top: 6px;
  margin-bottom: 6px;
  outline: none;
  padding: 11px;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 0.4s ease !important;
  transition: all 0.4s ease !important;
  width: 100%; }
.overall-button a {
  color: #fff; }
.overall-button a:hover {
  color: #000; }
@media only screen and (max-device-width: 1025px), screen and (max-width: 1025px) {
  .overall-button a:hover {
    color: #fff; } }
.overall-button:hover {
  background-color: #fff;
  color: #000; }
@media only screen and (max-device-width: 1025px), screen and (max-width: 1025px) {
  .overall-button:hover {
    background-color: #000;
    color: #fff; } }

.template-collection #header,
.template-product #header,
.template-cart #header,
.template-search #header,
.is-dark #header,
.template-collection .header--main,
.template-product .header--main,
.template-cart .header--main,
.template-search .header--main,
.is-dark .header--main {
  background: #000;
  color: #fff; }
.template-collection #header .header__right-menu,
.template-product #header .header__right-menu,
.template-cart #header .header__right-menu,
.template-search #header .header__right-menu,
.is-dark #header .header__right-menu,
.template-collection .header--main .header__right-menu,
.template-product .header--main .header__right-menu,
.template-cart .header--main .header__right-menu,
.template-search .header--main .header__right-menu,
.is-dark .header--main .header__right-menu,
.template-collection #header .header__left-menu,
.template-product #header .header__left-menu,
.template-cart #header .header__left-menu,
.template-search #header .header__left-menu,
.is-dark #header .header__left-menu,
.template-collection .header--main .header__left-menu,
.template-product .header--main .header__left-menu,
.template-cart .header--main .header__left-menu,
.template-search .header--main .header__left-menu,
.is-dark .header--main .header__left-menu {
  color: #fff; }
.template-collection #header .header__right-menu a,
.template-product #header .header__right-menu a,
.template-cart #header .header__right-menu a,
.template-search #header .header__right-menu a,
.is-dark #header .header__right-menu a,
.template-collection .header--main .header__right-menu a,
.template-product .header--main .header__right-menu a,
.template-cart .header--main .header__right-menu a,
.template-search .header--main .header__right-menu a,
.is-dark .header--main .header__right-menu a,
.template-collection #header .header__left-menu a,
.template-product #header .header__left-menu a,
.template-cart #header .header__left-menu a,
.template-search #header .header__left-menu a,
.is-dark #header .header__left-menu a,
.template-collection .header--main .header__left-menu a,
.template-product .header--main .header__left-menu a,
.template-cart .header--main .header__left-menu a,
.template-search .header--main .header__left-menu a,
.is-dark .header--main .header__left-menu a {
  color: #fff; }
.template-collection #header .header__logo,
.template-product #header .header__logo,
.template-cart #header .header__logo,
.template-search #header .header__logo,
.is-dark #header .header__logo,
.template-collection .header--main .header__logo,
.template-product .header--main .header__logo,
.template-cart .header--main .header__logo,
.template-search .header--main .header__logo,
.is-dark .header--main .header__logo,
.gift-card-landing #header .header__logo, .gift-card-landing .header--main .header__logo {
  background: url("//cdn.shopify.com/s/files/1/1503/0930/t/3/assets/logonuovowhite.png?v=157689915904332349911490448983") no-repeat center center;
  background-size: 100%;
  background-position: 100% 47%; }

#header,
.header--main {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: #fff;
  color: #000;
  font-size: 9px;
  height: 94px;
  left: 0;
  letter-spacing: 2px;
  margin: 0;
  padding: 0;
  position: fixed;
  top: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  width: 100%;
  z-index: 800; }
.flexbox #header,
.flexbox .header--main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }
#header .header__logo,
.header--main .header__logo {
  background: url("//cdn.shopify.com/s/files/1/1503/0930/t/3/assets/logonuovo.png?v=143029602657650508821490448983") no-repeat center center;
  background-size: cover;
  width: 228px;
  height: 21px;
  position: absolute;
  left: 50%;
  top: 47px;
  margin-left: -114px;
  margin-top: -10px;
  text-indent: -9999px; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  #header .header__logo,
  .header--main .header__logo {
    background: url("//cdn.shopify.com/s/files/1/1503/0930/t/3/assets/logonuovo.png?v=143029602657650508821490448983") no-repeat center center;
    background-size: 100%;
    background-position: 100% 47%;
    height: 70px;
    margin: 0 0 0 -90px;
    top: 0;
    width: 180px; } }
.template-collection #header,
.template-product #header,
.template-cart #header,
.template-search #header,
.is-dark #header,
.template-collection .header--main,
.template-product .header--main,
.template-cart .header--main,
.template-search .header--main,
.is-dark .header--main {
  -webkit-transition: all 0.2s ease 0.2s;
  transition: all 0.2s ease 0.2s; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  #header,
  .header--main {
    height: 70px; } }

.header__left-menu {
  display: block; }
.header__left-menu a {
  font-size: 9px;
  float: left;
  margin-left: 16px; }
.header__left-menu a:first-child {
  margin-left: 40px; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .header__left-menu {
    display: none; } }

.header__right-menu {
  display: block;
  margin-left: 40px;
  margin-right: 42px;
  position: absolute;
  right: 0;
  top: 42px;}
.header__right-menu a {
  font-size: 9px;
  float: right;
  margin-left: 16px; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .header__right-menu {
    display: none; } }

.header__left-menu > a,
.header__right-menu > a {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.wrapper-section-hover a {
  margin-left: 16px; }

.nav-menu-wrapper {
  background-color: #fff;
  bottom: 0;
  height: -webkit-calc(100% - 94px);
  height: calc(100% - 94px);
  left: 0;
  opacity: 1;
  position: fixed;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  width: 100%;
  z-index: 12; }

.nav-menu-td {
  text-align: center;
  height: 100%;
  z-index: 3;
  vertical-align: middle; }

.nav-menu-wrapper-active {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.nav-menu-wrapper-active {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%); }

.nav-menu-close {
  background-color: #000;
  border: 15px solid #fff;
  bottom: 31px;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 0;
  height: 31px;
  left: 0;
  margin: 20px auto 0;
  padding: 0;
  position: absolute;
  right: 0;
  width: 67px;
  z-index: 1; }
.close-footer-legal, .close-footer-lang {
  bottom: 0;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 9px;
  height: auto;
  left: 0;
  line-height: 94px;
  margin: 20px auto 0;
  padding: 0;
  position: absolute;
  right: 0;
  text-align: center;
  width: auto;
  z-index: 1; }
/**
.nav-menu {
  cursor: default;
  display: none;
  font-size: 11px;
  margin: 100px auto;
  padding: 55px 25px 55px 25px;
  position: relative;
  -webkit-transition: transform 0.5s ease 0s, visibility 0s ease 0s;
          transition: transform 0.5s ease 0s, visibility 0s ease 0s;
  width: 350px;
  z-index: 2; }
**/
.nav-menu {
  background: #fff none repeat scroll 0 0;
  cursor: default;
  display: none;
  font-size: 11px;
  left: 0;
  margin: -90px auto auto;
  position: absolute;
  right: 0;
  top: 50% !important;
  width: 350px;
  z-index: 2;}

.nav-menu-stories {
  padding-top: 25px; }

.nav-menu-search,
.nav-menu-login {
  width: 580px; }

.nav-menu-login {
  min-height: 400px; }

.nav-menu-active {
  display: block;
  top: -30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.nav-menu-list p {
  text-align: center;
  font-size: 10px;
  letter-spacing: 1px;
  color: #8F8F8F;
  padding-top: 30px;
  padding-bottom: 5px; }

.nav-menu-list li {
  width: 300px;
  text-align: center;
  padding: 5px;
  color: #000;
  font-size: 10px;
  letter-spacing: 1px;
  margin: auto; }
.nav-menu-list li a {
  opacity: 1;
  transition: opacity 0.6s ease;
  -webkit-transition: opacity 0.6s ease;
  -moz-transition: opacity 0.6s ease;
  -ms-transition: opacity 0.6s ease;
  -o-transition: opacity 0.6s ease; }
.nav-menu-list li a:hover {
  opacity: 0.6; }

.navigation-active-state {
  opacity: 0.7; }

.nav-mobile-language {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-47vh);
  -ms-transform: translateY(-47vh);
  transform: translateY(-47vh); }

.mobile-overall-wrapper {
  position: fixed;
  display: none;
  left: 0;
  bottom: 0;
  height: -webkit-calc(100vh - 70px);
  height: calc(100vh - 70px);
  background-color: #fff;
  width: 100%;
  top: 70px;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.5s ease, visibility 0s 0.55s;
  transition: transform 0.5s ease, visibility 0s 0.55s;
  visibility: hidden;
  z-index: 799;
  overflow: hidden; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .mobile-overall-wrapper {
    display: block; } }
.mobile-overall-wrapper .nav-mobile-menu-wrapper {
  position: relative;
  display: none;
  height: 100%;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .mobile-overall-wrapper .nav-mobile-menu-wrapper {
    display: block; } }
.mobile-overall-wrapper .nav-mobile-submenu-wrapper {
  position: relative;
  display: block;
  height: 100%;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  background-color: #fff;
  z-index: 99; }
.mobile-overall-wrapper .nav-mobile-submenu-wrapper .nav-mobile-stories,
.mobile-overall-wrapper .nav-mobile-submenu-wrapper .nav-mobile-brand,
.mobile-overall-wrapper .nav-mobile-submenu-wrapper .nav-mobile-social,
.mobile-overall-wrapper .nav-mobile-submenu-wrapper .nav-mobile-shop{
  display: none;
  width: 100vw; }
.mobile-overall-wrapper .nav-mobile-submenu-wrapper .nav-mobile-brand .nav-menu-list li {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 300px; color:#000 !important; }
.mobile-overall-wrapper .nav-mobile-submenu-wrapper .nav-mobile-stories,
.mobile-overall-wrapper .nav-mobile-submenu-wrapper .nav-mobile-brand,
.mobile-overall-wrapper .nav-mobile-submenu-wrapper .nav-mobile-social,
.mobile-overall-wrapper .nav-mobile-submenu-wrapper .nav-mobile-login,
.mobile-overall-wrapper .nav-mobile-submenu-wrapper .nav-mobile-search,
.mobile-overall-wrapper .nav-mobile-submenu-wrapper .nav-mobile-shop{
  margin-top: -20vh; }
.mobile-overall-wrapper .nav-mobile-submenu-wrapper .nav-mobile-login .input-center-wrapper,
.mobile-overall-wrapper .nav-mobile-submenu-wrapper .nav-mobile-search .search-form {
  margin-left: 5vw;
  width: 90vw; }
.mobile-overall-wrapper .nav-mobile-submenu-wrapper .nav-mobile-stories ul:last-of-type {
  padding-bottom: 30px; }

.mobile-menu-back,
.mobile-menu-back--help {
  bottom: 20px;
  cursor: pointer;
  display: none;
  height: 30px;
  left: 50%;
  margin-left: -15px;
  position: absolute;
  width: 30px;
  z-index: 999; }
.mobile-menu-back:after,
.mobile-menu-back--help:after {
  border-bottom: 1px solid #000;
  content: '';
  display: block;
  height: 10px;
  padding-bottom: 50%;
  position: absolute;
  width: 100%; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .mobile-menu-back,
  .mobile-menu-back--help {
    display: block; } }

.nav-mobile-menu {
  width: 100%;
  height: 100%; }
.nav-mobile-menu tr {
  height: 100%; }
.nav-mobile-menu tr td .mobile-menu-list {
  background-color: #fff;
  display: block;
  margin-top: -20vh;
  z-index: 9999; }
.nav-mobile-menu tr td .mobile-menu-list li {
  color: #000;
  font-size: 10px;
  padding: 7px 0; }

@media only screen and (min-device-width: 1025px), screen and (min-width: 1025px) {
  .nav-mobile-menu {
    width: 100%;
    height: 100%; }
  .nav-mobile-menu tr {
    height: 100%; }
  .nav-mobile-menu tr td .mobile-menu-list {
    background-color: #fff;
    display: block;
    margin-top: -47px;
    z-index: 9999; }
  .nav-mobile-menu tr td .mobile-menu-list li {
    color: #000;
    font-size: 10px;
    padding: 7px 0; }
}

.mobile-nav-menu-wrapper-active {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: -webkit-transform 0.5s ease, visibility 0s;
  transition: transform 0.5s ease, visibility 0s;
  visibility: visible;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.mobile-nav-submenu-active {
  -webkit-transform: translateY(-100%) !important;
  -ms-transform: translateY(-100%) !important;
  transform: translateY(-100%) !important;
  -webkit-transition: transform 1.5s ease 0s, visibility 0s ease 1.5s;
  transition: transform 1.5s ease 0s, visibility 0s ease 1.5s;}

.nav-mobile-wrapper {
  display: none; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .nav-mobile-wrapper {
    display: block; } }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .flexbox .nav-mobile-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; } }

#burger-wrapper {
  cursor: pointer;
  display: none;
  height: 20px;
  margin-left: 15px;
  margin-top: 0;
  padding: 20px;
  position: relative;
  width: 20px; }
#burger-wrapper .burger-icon {
  background-color: #000;
  content: "";
  height: 1px;
  left: 50%;
  margin: 0 auto auto -13px;
  position: absolute;
  top: 50%;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 28px;
  z-index: 2; }
#burger-wrapper .burger-icon:before,
#burger-wrapper .burger-icon:after {
  background-color: #000;
  content: '';
  display: block;
  height: 1px;
  position: absolute;
  width: 100%;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease; }
.no-csstransforms #burger-wrapper .burger-icon:before,
.no-csstransforms #burger-wrapper .burger-icon:after {
  -webkit-transition: top 0.3s ease;
  transition: top 0.3s ease; }
#burger-wrapper .burger-icon:before {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px); }
.no-csstransforms #burger-wrapper .burger-icon:before {
  top: -5px; }
#burger-wrapper .burger-icon:after {
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px); }
.no-csstransforms #burger-wrapper .burger-icon:after {
  top: 5px; }
.template-collection #burger-wrapper .burger-icon,
.template-product #burger-wrapper .burger-icon,
.template-cart #burger-wrapper .burger-icon,
.template-search #burger-wrapper .burger-icon {
  background-color: #fff; }
.template-collection #burger-wrapper .burger-icon:before,
.template-collection #burger-wrapper .burger-icon:after,
.template-product #burger-wrapper .burger-icon:before,
.template-product #burger-wrapper .burger-icon:after,
.template-cart #burger-wrapper .burger-icon:before,
.template-cart #burger-wrapper .burger-icon:after,
.template-search #burger-wrapper .burger-icon:before,
.template-search #burger-wrapper .burger-icon:after {
  background-color: #fff; }
#burger-wrapper .burger-icon.is-active:before,
#burger-wrapper .burger-icon.is-active:after {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  #burger-wrapper {
    display: block; } }

.burger-active-one {
  background-color: #ccc; }
.burger-active-one:before {
  background-color: #ccc; }
.burger-active-one:after {
  background-color: #ccc; }

#bag-wrapper {
  cursor: pointer;
  display: none;
  height: 25px;
  margin-right: 15px;
  position: absolute;
  right: 0;
  top: 24px;
  width: 28px; }
#bag-wrapper .menu-bag-icon {
  background-image: url('//cdn.shopify.com/s/files/1/1503/0930/t/3/assets/icon-mobile-nav-bag-black.svg?v=52872265229864895611490448980');
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  display: inline-block;
  float: right;
  height: 100%;
  position: relative;
  width: 100%; }
.template-collection #bag-wrapper .menu-bag-icon,
.template-product #bag-wrapper .menu-bag-icon,
.template-cart #bag-wrapper .menu-bag-icon,
.template-search #bag-wrapper .menu-bag-icon {
  background-image: url('//cdn.shopify.com/s/files/1/1503/0930/t/3/assets/icon-mobile-nav-bag-white.svg?v=120689178832484401711490448980'); }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  #bag-wrapper {
    display: block; } }

.mobile-menu-click {
  cursor: pointer; }

.mobile-menu-separator {
  margin-top: 2.5em; }

.footer--main {
  background: #fff;
  color: #000;
  bottom: 0;
  font-size: 8px;
  height: 40px;
  left: 0;
  letter-spacing: 0;
  opacity: 0;
  position: fixed;
  -webkit-transition: opacity 0.4s ease, visibility 1s;
  transition: opacity 0.4s ease, visibility 1s;
  visibility: hidden;
  width: 100%;
  z-index: 100; }
.flexbox .footer--main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .footer--main {
    display: none; }
  .flexbox .footer--main {
    display: none; } }

.footer--active {
  opacity: 1;
  -webkit-transition: opacity 0.4s ease, visibility 0s;
  transition: opacity 0.4s ease, visibility 0s;
  visibility: visible; }

.footer__links {
  font-size: 9px;
  margin-left: 40px;
  letter-spacing: 2px;}
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .footer__links {
    position: absolute;
    margin-left: 20px;
    width: 550px;
    height: 100%; } }

.footer__links--social {
  display: inline-block;
  margin: 0 40px 0 16px; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .footer__links--social {
    line-height: 40px; } }

.footer__links--language {
  font-size: 11px;
  left: 0;
  line-height: 40px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: -16px;
  position: absolute;
  right: 0;
  text-align: center;
  width: 85px;}

.footer__link > a,
.footer__link--language > a,
.footer__link--social > a {
  opacity: 0.6;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }
.footer__link > a:hover,
.footer__link--language > a:hover,
.footer__link--social > a:hover {
  opacity: 1; }

.footer__link,
.footer__links--language,
.footer__link--social {
  display: inline-block;
  margin-right: 16px; }
.footer__link:last-of-type,
.footer__links--language:last-of-type,
.footer__link--social:last-of-type {
  margin-right: 0; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .footer__link,
  .footer__links--language,
  .footer__link--social {
    height: 50px;
    line-height: 40px; } }

.footer-mobile {
  background: #fff;
  color: #000;
  bottom: 0;
  height: 70px;
  left: 0;
  opacity: 0;
  position: fixed;
  -webkit-transition: opacity 0.6s ease, visibility 0.6s ease;
  transition: opacity 0.6s ease, visibility 0.6s ease;
  visibility: hidden;
  width: 100%;
  z-index: 100; }
.footer-mobile.is-active {
  opacity: 1;
  visibility: visible; }
@media screen and (min-width: 1025px) {
  .footer-mobile {
    display: none; } }

.footer-mobile__links {
  display: block;
  height: 100%;
  padding: 0 20px; }
.flexbox .footer-mobile__links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.footer-mobile__link {
  display: inline-block;
  font-size: 9px; }

.footer-mobile-info-wrapper, .footer-mobile-legal-wrapper {
  background-color: #fff;
  bottom: 0;
  height: -webkit-calc(100vh - 70px);
  height: calc(100vh - 70px);
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 70px;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: transform 1.5s ease 0s, visibility 0s ease 1.5s;
  transition: transform 1.5s ease 0s, visibility 0s ease 1.5s;
  visibility: hidden;
  width: 100%;
  z-index: 799; }
.flexbox .footer-mobile-info-wrapper, .flexbox .footer-mobile-legal-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
.footer-mobile-info-wrapper.is-active, .footer-mobile-legal-wrapper.is-active {
  z-index: 2;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: -webkit-transform 0.5s ease, visibility 0s;
  transition: transform 0.5s ease, visibility 0s;
  visibility: visible; }
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .footer-mobile-info-wrapper, .footer-mobile-legal-wrapper {
    display: none !important;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 0.5s ease, visibility 0s;
    transition: transform 0.5s ease, visibility 0s;} }
@media only screen and (min-width: 1441px) and (max-width: 1680px) {
  .footer-mobile-info-wrapper, .footer-mobile-legal-wrapper {
    display: none !important;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 0.5s ease, visibility 0s;
    transition: transform 0.5s ease, visibility 0s;} }
@media only screen and (min-width: 1681px) and (max-width: 999999px) {
  .footer-mobile-info-wrapper, .footer-mobile-legal-wrapper {
    display: none !important;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 0.5s ease, visibility 0s;
    transition: transform 0.5s ease, visibility 0s;} }

.cssanimations .primary-homepage-content {
  -webkit-animation: animate-fadein 1s ease-in-out 0.5s 1 forwards;
  animation: animate-fadein 1s ease-in-out 0.5s 1 forwards;
  opacity: 0; }

#top-panel {
  background: url("//cdn.shopify.com/s/files/1/1503/0930/t/3/assets/banner_image.jpg?v=136349864295978228161646407443");
  background-size: cover;
  background-position: center;
  display: block;
  height: -webkit-calc(100vh - 188px);
  height: calc(100vh - 188px);
  margin: 94px 0 0 0;
  padding: 0;
  position: relative;
  width: 100%; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  #top-panel {
    height: -webkit-calc(100vh - 140px);
    height: calc(100vh - 140px);
    margin-top: 70px; } }

#top-panel-hero {
  background-color: #000;
  display: block;
  height: -webkit-calc(100vh - 188px);
  height: calc(100vh - 188px);
  margin: 94px 0 0 0;
  padding: 0;
  position: relative;
  width: 100%;
  z-index: 0; }
#top-panel-hero .hero-video-wrapper {
  height: 100%;
  overflow: hidden;
  position: absolute;
  width: 100vw; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  #top-panel-hero {
    height: 100vh;
    margin: 70px 0 0 0; }
  .is-safari.is-mobile #top-panel-hero {
    height: -webkit-calc(100vh - 70px);
    height: calc(100vh - 70px); } }

.home-hero__title {
  color: #fff;
  font-size: 1rem;
  letter-spacing: 1px; }
.home-hero__title a {
  clear: both;
  color: #fff;
  float: left; }

.home-hero__subtitle {
  color: #fff;
  margin-top: 11px;
  font-size: 11px;
  letter-spacing: 1px; }

.home-headline {
  color: #fff;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
  position: absolute;
  bottom: 140px;
  z-index: 99; }
.home-headline a {
  clear: both;
  color: #fff;
  display: block; }
.home-headline span {
  clear: both;
  float: left; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .home-headline {
    bottom: 17vh;
    left: 0;
    margin: 0;
    text-align: center;
    top: auto;
    width: 100%; }
  .home-headline a {
    color: #fff;
    display: block;
    float: none; } }

#top-panel-white-bar {
  display: block;
  float: left;
  height: 94px;
  position: relative;
  width: 100%; }
#top-panel-white-bar .scroll-fade-out {
  height: 22px;
  line-height: 22px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  top: 36px;
  -webkit-transition: opacity 0.6s ease, visibility 0.6s ease;
  transition: opacity 0.6s ease, visibility 0.6s ease;
  visibility: visible;
  width: 300px; }
#top-panel-white-bar .scroll-fade-out-active {
  opacity: 0;
  visibility: hidden; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  #top-panel-white-bar {
    background-color: #fff;
    bottom: 0;
    height: 70px;
    position: absolute; }
  #top-panel-white-bar .scroll-fade-out {
    top: 0;
    height: 70px;
    line-height: 70px;
    width: auto; } }

.img-wrapper {
  position: relative;
  display: inline-block;
  height: -webkit-calc(100%);
  height: calc(100%);
  width: -webkit-calc(100vw / 3);
  width: calc(100vw / 3);
  overflow: hidden; }
.img-wrapper img {
  display: none;
  width: 100%;
  overflow: hidden; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .img-wrapper {
    width: 100vw; } }

.img-background {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  height: -webkit-calc(100% - 188px);
  height: calc(100% - 188px);
  margin-top: 94px;
  position: absolute;
  top: 0;
  width: 100%; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .img-background {
    margin-top: 70px;
    height: -webkit-calc(100% - 120px);
    height: calc(100% - 120px); } }

.section-spacing {
  top: 94px; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .section-spacing {
    top: 70px; } }

.blog-wrapper {
  display: block;
  width: 100%;
  height: 100%; }

.stories-share-wrapper {
  bottom: 43px;
  display: block;
  height: 9px;
  position: absolute;
  right: 40px;
  -webkit-transform: translateX(130px);
  -ms-transform: translateX(130px);
  transform: translateX(130px);
  -webkit-transition: -webkit-transform 0.5s ease, opacity 0.3s ease-in-out;
  transition: transform 0.5s ease, opacity 0.3s ease-in-out;
  width: 170px; }
.stories-share-wrapper #absolute-share {
  bottom: 0;
  box-sizing: border-box;
  color: #000;
  cursor: pointer;
  display: inline-block;
  float: left;
  font-size: 9px;
  position: relative;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-align: right;
  width: auto;
  opacity: 1;
  transition: opacity 0.6s ease;
  -webkit-transition: opacity 0.6s ease;
  -moz-transition: opacity 0.6s ease;
  -ms-transition: opacity 0.6s ease;
  -o-transition: opacity 0.6s ease; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .stories-share-wrapper #absolute-share {
    display: none; } }
.stories-share-wrapper #absolute-share:hover {
  opacity: 0.6; }
.stories-share-wrapper #blog-share {
  bottom: 5px;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  float: right;
  font-size: 9px;
  height: 18px;
  letter-spacing: 2px;
  margin-right: 0;
  position: relative;
  right: 0;
  text-align: right;
  text-transform: uppercase;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  width: auto;
  z-index: 402; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .stories-share-wrapper #blog-share {
    display: none; } }
.stories-share-wrapper #blog-share .social-icon {
  display: block;
  float: right;
  margin: auto 0 auto 15px;
  opacity: 0.6;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 1;
  transition: opacity 0.6s ease;
  -webkit-transition: opacity 0.6s ease;
  -moz-transition: opacity 0.6s ease;
  -ms-transition: opacity 0.6s ease;
  -o-transition: opacity 0.6s ease; }
.stories-share-wrapper #blog-share .social-icon:hover {
  opacity: 0.6; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .stories-share-wrapper {
    bottom: 21px;
    right: 27px; } }

#blog-share-mobile {
  background-color: #fff;
  bottom: 0;
  display: none;
  height: 50px;
  position: fixed;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  width: -webkit-calc(100% - 80px);
  width: calc(100% - 80px);
  z-index: 9999999; }
#blog-share-mobile .social-icon {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25%;
  bottom: 0;
  display: block;
  float: right;
  height: 50px;
  margin-right: 0;
  opacity: 1;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  width: 33.3333333333%;
  width: -webkit-calc(100% / 3);
  width: calc(100% / 3); }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  #blog-share-mobile {
    display: block; } }

.blog-share-mobile-active {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }

.stories-share-active {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); }

.facebook-black {
  background: url("//cdn.shopify.com/s/files/1/1503/0930/t/3/assets/facebook-black.svg?v=173368955849725525611490448978"); }

.twitter-black {
  background: url("//cdn.shopify.com/s/files/1/1503/0930/t/3/assets/twitterblack.svg?v=64121388241560864451490448990"); }

.pinterest-black {
  background: url("//cdn.shopify.com/s/files/1/1503/0930/t/3/assets/pinterestblack.svg?v=91713234243937856041490448986"); }

.mail-black {
  background: url("//cdn.shopify.com/s/files/1/1503/0930/t/3/assets/mailblack.svg?v=122803348918644128511490448984"); }

#blog-share.move {
  -webkit-transform: translateX(80px);
  -ms-transform: translateX(80px);
  transform: translateX(80px); }

.sections-wrapper {
  display: block;
  height: auto;
  width: 100%; }

.stories-section {
  background-color: #fff;
  display: block;
  height: -webkit-calc(100vh - 94px);
  height: calc(100vh - 94px);
  margin-bottom: 94px;
  position: relative;
  width: 100%; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .stories-section {
    height: -webkit-calc(100vh - 70px);
    height: calc(100vh - 70px);
    margin-bottom: 70px; } }

.content-wrapper-stories {
  position: relative;
  top: 0; }

.stories-copy-wrapper {
  background-color: #fff;
  bottom: 0;
  cursor: url("//cdn.shopify.com/s/files/1/1503/0930/t/3/assets/activate_hover_white_arrow_exit.png?v=66988833150880740031490448970"), auto;
  height: -webkit-calc(100% - 94px);
  height: calc(100% - 94px);
  left: 0;
  position: fixed;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  width: 100%;
  z-index: 11; }
.stories-copy-wrapper.is-active {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .stories-copy-wrapper {
    height: -webkit-calc(100% - 70px);
    height: calc(100% - 70px); } }

.stories-copy {
  display: block;
  height: 200px;
  padding: 0;
  position: relative;
  margin: -webkit-calc(50vh - 194px) auto auto auto;
  margin: calc(50vh - 194px) auto auto auto;
  max-width: 800px;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
  width: 100%; }
.stories-copy h1 {
  text-align: center; }
.stories-copy p {
  height: 200px;
  letter-spacing: 0.08em;
  font-family: "freight-display-pro", serif;
  font-size: 13px;
  line-height: 1.75;
  padding: 25px;
  text-align: justify;
  text-transform: none; }

.info-wrapper {
  position: fixed;
  display: block;
  height: -webkit-calc(100% - (2 * 94px));
  height: calc(100% - (2 * 94px));
  top: 94px;
  width: 20%;
  left: 40%;
  cursor: url("//cdn.shopify.com/s/files/1/1503/0930/t/3/assets/activate_hover_white_12.png?v=110986470076928513351490448970"), auto;
  z-index: 10; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .info-wrapper {
    cursor: pointer;
    top: auto;
    height: 50px;
    width: 66.666%;
    left: 33.333333334%;
    bottom: 0; } }

.footer-wrapper-stories {
  background-color: #fff;
  bottom: 0;
  display: block;
  height: 94px;
  position: fixed;
  width: 100%;
  z-index: 9; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .footer-wrapper-stories {
    height: 70px; } }
.footer-wrapper-stories .footer-stories {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 9px;
  height: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  width: 100%; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .footer-wrapper-stories .footer-stories {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; } }
.footer-wrapper-stories .footer-stories li {
  display: inline-block;
  font-size: 9px;
  height: 100%; }
.footer-wrapper-stories .footer-stories li.footer-stories-shop {
  text-align: left;
  margin-left: 35px;
  width: auto;
  opacity: 1;
  transition: opacity 0.6s ease;
  -webkit-transition: opacity 0.6s ease;
  -moz-transition: opacity 0.6s ease;
  -ms-transition: opacity 0.6s ease;
  -o-transition: opacity 0.6s ease; }
.footer-wrapper-stories .footer-stories li.footer-stories-shop a {
  bottom: 43px;
  display: block;
  height: 9px;
  left: 40px;
  letter-spacing: 2px;
  position: absolute; }
.footer-wrapper-stories .footer-stories li.footer-stories-shop:hover {
  opacity: 0.6; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .footer-wrapper-stories .footer-stories li.footer-stories-shop {
    display: none; } }
.footer-wrapper-stories .footer-stories li.footer-stories-collection {
  bottom: 43px;
  display: block;
  height: 9px;
  left: 50%;
  letter-spacing: 2px;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
  width: auto;
  opacity: 1;
  transition: opacity 0.6s ease;
  -webkit-transition: opacity 0.6s ease;
  -moz-transition: opacity 0.6s ease;
  -ms-transition: opacity 0.6s ease;
  -o-transition: opacity 0.6s ease; }
.footer-wrapper-stories .footer-stories li.footer-stories-collection:hover {
  opacity: 0.6; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .footer-wrapper-stories .footer-stories li.footer-stories-collection {
    height: auto;
    line-height: 70px;
    position: static;
    visibility: visible;
    text-align: center;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.article-text-p {
  display: none; }

.stories-article-headline {
  display: none; }

.blog-plus-wrapper {
  display: none;
  position: absolute;
  bottom: 10px;
  left: 50%;
  margin-left: -15px;
  width: 30px;
  height: 30px; }
.blog-plus-wrapper .blog-horizontal-line {
  height: 2px;
  width: 100%;
  background-color: #000;
  top: 50%;
  margin-top: -1px; }
.blog-plus-wrapper .blog-vertical-line {
  height: 100%;
  width: 2px;
  background-color: #000;
  left: 50%;
  margin-left: -1px;
  top: -1px; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .blog-plus-wrapper {
    display: block; } }

#instafeed {
  height: 100%;
  margin-top: 94px; }

#official-instagram {
  font-size: 0; }

.ig-post-wrapper {
  position: relative;
  width: 33.3333%;
  float: left;
  display: inline;
  overflow: hidden; }

.block:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; }

.centered {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  text-align: center; }

.ig-post-wrapper:hover {
  cursor: pointer; }

.ig-post.clicked {
  opacity: 0.9; }

.ig-post {
  width: 100%;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  -webkit-transition-duration: 4s;
  transition-duration: 4s; }

.ig-post-wrapper:hover .ig-post {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  -webkit-transition-duration: 700ms;
  transition-duration: 700ms; }

.ig-caption {
  position: absolute;
  top: 0;
  left: 0;
  font-family: arial;
  color: #000;
  background: #fff;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.7s ease;
  transition: opacity 0.7s ease; }

.ig-caption .inner {
  color: #000;
  padding: 10px;
  font-size: 11px;
  letter-spacing: 1px;
  line-height: 20px;
  padding: 20px;
  font-family: "SackersGothicStd-Medium", sans-serif; }

.ig-post-wrapper.clicked .ig-caption {
  opacity: .9; }

.template-collection {
  background: #000 none repeat scroll 0 0;
  transition: transform 2.5s ease 0s;}
.template-collection h1 {
  font-size: 9px; }
.template-collection .sub {
  opacity: 0.6;
  margin-top: 5px; }
.template-collection .page-move-wrapper {
  background: #000; }

.collection-products,
.collection-products-search {
  background: #000;
  box-sizing: border-box;
  margin: 0 auto;
  opacity: 1;
  position: relative;
  top: 134px;
  -webkit-transition: opacity 0.6s ease 0.2s;
  transition: opacity 0.6s ease 0.2s;
  width: 75%; }
.collection-products:after,
.collection-products-search:after {
  content: '';
  display: block;
  clear: both; }
.collection-products.is-hidden,
.collection-products-search.is-hidden {
  opacity: 0; }
.no-js .collection-products.is-hidden,
.no-js .collection-products-search.is-hidden {
  opacity: 1; }
.collection-products .pagination,
.collection-products-search .pagination {
  display: none; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .collection-products,
  .collection-products-search {
    top: 70px; } }

.collection-products--grid,
.collection-products-search--grid {
  max-width: 270px; }
.collection-products--grid .products-grid-sizer,
.collection-products-search--grid .products-grid-sizer {
  width: 25%;
  height: 364px; }
@media screen and (min-width: 60em) {
  .collection-products--grid .products-grid-sizer,
  .collection-products-search--grid .products-grid-sizer {
    width: 2%;
    height: 364px; } }
.collection-products--grid .products-grid__item,
.collection-products-search--grid .products-grid__item {
  float: left;
  height: 370px;
  width: 270px; }
@media screen and (max-width: 40em) {
  .collection-products--grid .products-grid__item,
  .collection-products-search--grid .products-grid__item {
    width: 100%; } }
.collection-products--grid .products-grid__item img,
.collection-products-search--grid .products-grid__item img {
  max-width: 100%;
  padding: 15%;
  width: 100%; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .collection-products--grid .products-grid__item img,
  .collection-products-search--grid .products-grid__item img {
    padding: 10%; } }
@media screen and (min-width: 45em) {
  .collection-products--grid,
  .collection-products-search--grid {
    max-width: 540px; } }
@media screen and (min-width: 67em) {
  .collection-products--grid,
  .collection-products-search--grid {
    max-width: 810px; } }
@media screen and (min-width: 90em) {
  .collection-products--grid,
  .collection-products-search--grid {
    max-width: 1152px; } }
@media screen and (min-width: 112em) {
  .collection-products--grid,
  .collection-products-search--grid {
    max-width: 1350px; } }
@media screen and (min-width: 158em) {
  .collection-products--grid,
  .collection-products-search--grid {
    max-width: 1890px; } }

@media screen and (max-width: 1024px) {
  .collection-products--rows {
    max-width: 270px; }
  .collection-products--rows .products-grid-sizer {
    width: 25%;
    height: 364px; } }
@media screen and (max-width: 1024px) and (min-width: 60em) {
  .collection-products--rows .products-grid-sizer {
    width: 2%;
    height: 364px; } }

@media screen and (max-width: 1024px) {
  .collection-products--rows .products-grid__item {
    float: left;
    height: 370px;
    width: 270px; } }
@media screen and (max-width: 1024px) and (max-width: 40em) {
  .collection-products--rows .products-grid__item {
    width: 100%; } }

@media screen and (max-width: 1024px) {
  .collection-products--rows .products-grid__item img {
    max-width: 100%;
    padding: 15%;
    width: 100%; } }
@media only screen and (max-width: 1024px) and (max-device-width: 1024px), screen and (max-width: 1024px) and (max-width: 1024px) {
  .collection-products--rows .products-grid__item img {
    padding: 10%; } }

@media screen and (min-width: 1024px) {
  .collection-products--rows {
    margin: 0 auto;
    text-align: center;
    width: 18%; }
  .collection-products--rows .products-grid__item {
    width: 100%; } }

.collection-products-overlay {
  background: #000;
  color: #fff;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: visibility 0s ease-in-out 0.5s, opacity 0.5s ease-in-out;
  transition: visibility 0s ease-in-out 0.5s, opacity 0.5s ease-in-out;
  visibility: hidden;
  width: 100%; }
.collection-products-overlay.is-visible {
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  visibility: visible; }

.no-js .collection-products-overlay.is-visible {
  opacity: 0;
  visibility: hidden; }

.products--no-results {
  display: none; }

.products-grid__link,
.products-grid__image,
.products-grid__caption {
  color: #fff;
  display: block;
  -webkit-font-smoothing: antialiased;
  height: auto;
  position: relative;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.products-grid__caption {
  height: 1.5rem;
  margin-top: -0.75rem;
  opacity: 0;
  position: absolute;
  top: 50%;
  width: 100%; }

.products-grid__title,
.products-grid__price {
  color: #fff;
  font-size: 9px;
  letter-spacing: 0.125rem;
  line-height: 1.3333333333;
  line-height: -webkit-calc(4/3);
  line-height: calc(4/3); }

.products-grid__image {
  margin: 0 auto;
  max-width: 100%;
  opacity: 1; }
@media screen and (min-width: 90rem) {
  .collection-products--rows .products-grid__image {
    max-width: 90%; } }

.products-grid__link {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0); }
.products-grid__link .products-grid__caption,
.products-grid__link .products-grid__image {
  -webkit-transition: opacity 0.8s ease-out;
  transition: opacity 0.8s ease-out; }
.products-grid__link:hover .products-grid__caption {
  opacity: 1; }
.products-grid__link:hover .products-grid__image {
  opacity: 1; }

.collection-pagination {
  display: block;
  visibility: hidden; }

.navfilter-top-wrapper {
  display: block;
  height: 60px;
  margin-bottom: 30px;
  position: fixed;
  text-align: center;
  top: 94px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  width: 100%;
  z-index: 9; }
.navfilter-top-wrapper a {
  color: #000; }
.is-dark .navfilter-top-wrapper,
.template-collection .navfilter-top-wrapper {
  background: #000;
  -webkit-transition: all 0.4s ease 0.7s;
  transition: all 0.4s ease 0.7s; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .navfilter-top-wrapper {
    display: none; } }

.collections-select-mobile-wrapper {
  display: block;
  height: auto;
  margin-bottom: 30px;
  position: relative;
  text-align: center;
  top: 94px;
  width: 100%;
  z-index: 9; }
.collections-select-mobile-wrapper .collection-select-wrapper {
  margin-top: 20px;
  position: relative; }
.collections-select-mobile-wrapper .collection-select-wrapper:first-of-type {
  margin-top: 0; }
.collections-select-mobile-wrapper select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent none repeat scroll 0 0;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 0;
  box-shadow: 1px 1px 2px #000 inset;
  color: transparent !important;
  display: flex;
  font-family: "SackersGothicStd-Medium",sans-serif;
  font-size: 9px;
  height: 30px;
  letter-spacing: 1px;
  margin: auto;
  max-width: 90%;
  padding: 2px 12px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  width: 400px;
  z-index: 500;
}
.collections-select-mobile-wrapper select::-ms-expand {
  display: none; }
.collections-select-mobile-wrapper select + .select-centered-overlay {
  background: transparent;
  color: #fff !important;
  position: absolute;
  font-size: 9px;
  height: 100%;
  left: 0;
  line-height: 3;
  padding: 2px 12px 2px 12px;
  top: 0;
  width: 100%;
  z-index: 400; }
@media screen and (min-width: 1025px) {
  .collections-select-mobile-wrapper {
    display: none; } }

.nav-collection-wrapper,
.navfilter-collection-wrapper {
  display: block;
  position: fixed;
  top: 240px;
  z-index: 9; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .nav-collection-wrapper,
  .navfilter-collection-wrapper {
    display: none; } }

.nav-collection-wrapper {
  left: 0;
  margin: 0 0 0 39px; }

.navfilter-collection-wrapper {
  right: 0;
  margin: 0 39px 0 0; }

.nav-collection-list,
.nav-subcollection-list,
.navfilter-collection-list,
.navfilter-subcollection-list {
  color: #fff;
  letter-spacing: 1px; }

.nav-subcollection-list,
.navfilter-subcollection-list {
  margin-top: 0.3125rem; }

.navfilter-subcollection-list {
  visibility: hidden;
  height: 0;
  -webkit-transition: height 0.2s ease-in-out;
  transition: height 0.2s ease-in-out; }
.navfilter-subcollection-list.is-active {
  visibility: visible;
  height: auto; }

.nav-collection-list__item,
.nav-subcollection-list__item,
.navfilter-collection-list__item,
.navfilter-subcollection-list__item,
.navfilter-reset,
.navfilter-top__item {
  -webkit-backface-visibility: hidden;
  line-height: 1; }
.nav-collection-list__item > a,
.nav-subcollection-list__item > a,
.navfilter-collection-list__item > a,
.navfilter-subcollection-list__item > a,
.navfilter-reset > a,
.navfilter-top__item > a {
  -webkit-backface-visibility: hidden;
  color: rgba(255, 255, 255, 0.6);
  font-size: 9px;
  -webkit-transition: color 0.6s ease;
  transition: color 0.6s ease; }
.nav-collection-list__item > a:hover,
.nav-collection-list__item > a.is-active,
.nav-subcollection-list__item > a:hover,
.nav-subcollection-list__item > a.is-active,
.navfilter-collection-list__item > a:hover,
.navfilter-collection-list__item > a.is-active,
.navfilter-subcollection-list__item > a:hover,
.navfilter-subcollection-list__item > a.is-active,
.navfilter-reset > a:hover,
.navfilter-reset > a.is-active,
.navfilter-top__item > a:hover,
.navfilter-top__item > a.is-active {
  color: white; }
.nav-collection-list__item > a.is-empty,
.nav-subcollection-list__item > a.is-empty,
.navfilter-collection-list__item > a.is-empty,
.navfilter-subcollection-list__item > a.is-empty,
.navfilter-reset > a.is-empty,
.navfilter-top__item > a.is-empty {
  display: none; }

.navfilter-top__item {
  display: inline-block;
  padding: 0.5rem;
  margin-top: 5px; }

.navfilter-reset {
  margin-top: 1rem;
  opacity: 0;
  -webkit-transition: opacity 0.6s ease-in-out;
  transition: opacity 0.6s ease-in-out; }
.navfilter-reset.is-visible {
  opacity: 1; }
.navfilter-reset > a:active {
  opacity: 1; }

.nav-collection-list__item,
.navfilter-collection-list__item,
.navfilter-reset {
  overflow: hidden;
  padding: 0.625rem 0 0 0; }

.navfilter-collection-list__item,
.navfilter-reset {
  text-align: right; }

#btn-switch-view {
  color: #fff;
  font-size: 9px; }

.nav-categories-wrapper {
  color: #000;
  cursor: pointer;
  left: 0px;
  margin-top: 6px;
  margin-left: 100px;
  position: absolute;
  width: -webkit-calc(100% - 200px);
  width: calc(100% - 200px);
  font-size: 0;
  z-index: 10; }

.collection-products-unavailable {
  color: white;
  position: absolute;
  top: 50vh;
  text-align: center;
  width: 100%; }
.collection-products-unavailable p {
  color: white;
  font-size: 9px; }

.mobile .product-prev-next-wrapper,
.mobile .help-popup,
.product-detail-back-button {
  display: none; }

.overlay {
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 140px;
  width: 100%;
  z-index: 1; }

.preview-exit-overlay {
  background: rgba(255, 255, 255, 0.2);
  display: block;
  position: fixed;
  height: 100%;
  left: 0;
  opacity: 0;
  overflow: hidden;
  top: 0;
  -webkit-transition: visibility 0s ease-in-out 0.5s, opacity 0.5s ease-in-out;
  transition: visibility 0s ease-in-out 0.5s, opacity 0.5s ease-in-out;
  visibility: hidden;
  width: 100%;
  z-index: 900; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .preview-exit-overlay {
    display: none; } }

.preview-exit-overlay-active {
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  visibility: visible; }

.template-product,
.template-cart {
  background-color: #000; }
.template-product select,
.template-cart select {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 0;
  cursor: pointer;
  padding: 6px 11px 6px 11px;
  -webkit-transition: border 0.3s ease-in-out;
  transition: border 0.3s ease-in-out;
  vertical-align: top;
  width: 60px; }
.template-product select:hover,
.template-cart select:hover {
  border: 1px solid white; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .template-product select,
  .template-cart select {
    -webkit-transition: none;
    transition: none; } }
.template-product #footer,
.template-cart #footer {
  display: none; }
.template-product .social a,
.template-cart .social a {
  color: #fff; }

.product-img-wrapper {
  display: block;
  height: -webkit-calc(100% + 94px);
  height: calc(100% + 94px);
  margin: auto;
  margin-top: -94px;
  position: relative;
  width: auto; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .product-img-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; } }

.contact {
  display: block;
  height: 22px;
  margin-top: 34px;
  position: relative; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  #productform .contact {
    display: none; } }

.template-page tr {
  height: 100%; }

.template-page .inner {
  position: relative;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 11; }

.pre-order-message,
.out-of-stock-message {
  color: #fff;
  font-size: 9px;
  line-height: 14px;
  margin-top: 20px;
  opacity: 0.4;
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
  text-align: justify;
}
.pre-order-message.is-active,
.out-of-stock-message.is-active {
  opacity: 1; }

.out-of-stock-message {
  opacity: 1;
  position: absolute;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  width: 230px; }
.out-of-stock-message.is-hidden {
  opacity: 0; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .out-of-stock-message {
    margin-right: 40px;
    position: static;
    width: 100%; } }

.copy {
  line-height: 20px;
  max-width: 800px;
  margin: auto;
  text-align: left;
  width: 80%; }
.copy span {
  font-size: 8px;
  letter-spacing: 0.08em;
  text-indent: 0; }

.product-item {
  cursor: url("//cdn.shopify.com/s/files/1/1503/0930/t/3/assets/activate_hover_white_12.png?v=110986470076928513351490448970"), pointer;
  float: right;
  margin-right: 20px;
  width: 500px;
  max-width: 350px; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .product-item {
    float: left;
    margin-right: 0;
    max-width: none;
    width: 100%; } }

.product-page {
  height: -webkit-calc(100% - 94px);
  height: calc(100% - 94px);
  margin-top: 94px;
  position: absolute;
  width: 100%;
  z-index: 99; }
.product-page form {
  height: 100%;
  margin-bottom: 0;
  /*width: 225px;*/width: 400px; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .product-page form {
    width: 100%; } }
.product-page label {
  margin-bottom: 0; }
.product-page a {
  color: #fff; }
.product-page .product {
  box-sizing: border-box; }
.product-page .product--soldout {
  color: #fff;
  letter-spacing: 1px;
  position: relative;
  text-align: center;
  top: 32.5vh; }
.product-page .product-variant > a {
  color: #fff;
  opacity: 0.6;
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease; }
.product-page .product-variant > a:hover,
.product-page .product-variant > a.product-variant--active {
  opacity: 1; }
.product-page .product-page__wrapper {
  height: 100%;
  position: relative;
  width: 100%; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .product-page .product-page__wrapper.is-loading {
    z-index: 9999; } }
.product-page .money {
  font-size: 13px;
  margin-bottom: 10px;
  color: #fff; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .product-page {
    height: auto;
    margin-top: 70px;
    width: 100%; } }

.product-info-wrapper {
  padding-bottom: 20px; }

.product-description {
  color: #fff;
  font-size: 10px;
  padding: 0 0 24px 0;
  line-height: 2;
  text-align:justify;
}
.product-description p { line-height: 2; }
.product-description p:first-of-type { margin-bottom: 5px; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .product-description {
    padding: 0;
    text-align:center;
  }
}

.product-photos,
.product-details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  float: left;
  height: 100%;
  position: relative;
  width: 50%; }
.product-photos .inner,
.product-details .inner {
  position: relative; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .product-photos,
  .product-details {
    width: 100%;
    overflow: hidden; } }

@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  #productform > .btn-open-sizing-guide {
  } }

.desktop .product-photos {
  width: 50%; }

.product-photos .inner {
  margin-bottom: 40px;
  width: 100%; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .product-photos .inner {
    width: 55%;
    margin-bottom: 0; } }

@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .product-photos {
    height: auto; } }

.product-details h3 {
  font-weight: bold; }

.product-details h4 {
  font-size: 13px;
  color: #fff;
  line-height: 1.25;
  margin-bottom: 10px;
  max-width: 400px; }

.product-details .inner {
  width: 100%; }

@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .product-details {
    text-align: center; }
  .product-details h4 {
    max-width: 100%; }
  .product-details .inner {
    margin-bottom: 100px; } }

.inner-right {
  margin-left: 60px;
  margin-bottom: 40px; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .inner-right {
    margin-left: 0;
    padding: 0 5vw 0 5vw;
    margin-bottom: auto; } }

.product-variant-list {
  font-size: 9px;
  margin: 0 0 25px 0;
  padding: 0;
  width: 400px; }
@media only screen and (max-device-width: 1025px), screen and (max-width: 1025px) {
  .product-variant-list {
    display: none; } }

.product-variant {
  line-height: 2.75; }

.product-variant--soldout {
  display: none; }

.product-variants {
  color: #fff;
  margin-bottom: 20px; }
.product-variants select {
  color: #fff; }
.product-variants .product-price {
  color: #fff;
  font-size: 13px;
  margin-bottom: 10px; }
.product-variants .selector-wrapper {
  background: transparent;
  display: block;
  float: left;
  margin: 0 10px 14px 0;
  font-size: 9px !important;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 105px; }
.product-variants .selector-wrapper:first-of-type {
  display: none; }
.product-variants .selector-wrapper:last-of-type {
  margin-right: 0; }
.product-variants .selector-wrapper #quantity {
  float: right;
  font-size: 9px;}
.product-variants .selector-wrapper select {
  color: #fff;
  position: relative;
  width: 100%;
  z-index: 100; }
@media only screen and (max-device-width: 1025px), screen and (max-width: 1025px) {
  .product-variants .selector-wrapper select {
    height: 30px !important; }
  .product-variants .selector-wrapper label {
    display: none !important; }}
@media screen and (min-width: 1025px) {
  .product-variants .selector-wrapper label {
    color: #fff;
    display: block;
    float: left;
    font-size: 8px;
    padding-bottom: 5px; } }
@media only screen and (max-device-width: 1025px), screen and (max-width: 1025px) {
  .product-variants .selector-wrapper {
    width: 100%; }
  .product-variants .selector-wrapper:first-of-type {
    display: block; }}

.single-option-selector {
  font-family: "SackersGothicStd-Medium", sans-serif;
  font-size: 9px;
  letter-spacing: 1px;
  text-transform: uppercase; }

.product-single {
  height: 100%;
  margin: 0;
  padding: 0; }
.flexbox .product-single {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.color-name {
  font-family: "SackersGothicStd-Medium", sans-serif;
  font-size: 10px;
  line-height: 1;
  margin-left: 0;
  opacity: 0.6;
  padding: 5px 0;
  text-transform: uppercase;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease; }
.color-name:hover {
  opacity: 1; }

#social-pop {
  clear: both;
  display: block;
  float: left;
  margin-top: 0;
  position: relative; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  #social-pop {
    display: none; } }

.share {
  color: #fff;
  cursor: pointer;
  display: none;
  font-size: 9px;
  float: left;
  position: relative; }

.social-icon {
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  float: left;
  height: 18px;
  margin-bottom: 0;
  margin-right: 15px;
  width: 18px; }
.social-icon:hover {
  opacity: 1; }
.template-product .social-icon {
  opacity: 0.6;
  transition: opacity 0.6s ease;
  -webkit-transition: opacity 0.6s ease;
  -moz-transition: opacity 0.6s ease;
  -ms-transition: opacity 0.6s ease;
  -o-transition: opacity 0.6s ease; }
.template-product .social-icon:hover {
  opacity: 1; }

.facebook {
  background: url("//cdn.shopify.com/s/files/1/1503/0930/t/3/assets/facebook.svg?v=169020640265589313321490448978"); }

.twitter {
  background: url("//cdn.shopify.com/s/files/1/1503/0930/t/3/assets/twitter.svg?v=42469609208602848801490448990"); }

.pinterest {
  background: url("//cdn.shopify.com/s/files/1/1503/0930/t/3/assets/pinterest.svg?v=81425113782121949151490448986"); }

.mail {
  background: url("//cdn.shopify.com/s/files/1/1503/0930/t/3/assets/mail.svg?v=145146344428187845841490448984"); }

.quantity-wrappper {
  float: right; }

.select-arrow-down {
  background-image: url("//cdn.shopify.com/s/files/1/1503/0930/t/3/assets/arrow-down-box-white.svg?v=100824786964904240801490448971");
  background-size: 100%;
  background-repeat: no-repeat;
  bottom: 8px;
  display: block;
  height: 10px;
  position: absolute;
  right: 7px;
  width: 10px;
  z-index: 0; }

.product-selected-active {
  opacity: 1; }

#add-product-button {
  margin-top: 24px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.add-product-button--soldout {
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
  cursor: default;
  opacity: 0.5; }
.add-product-button--soldout:hover {
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
  cursor: default; }

.product-detail-zoom-wrapper {
  background-color: #000;
  display: block;
  height: 100%;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  -webkit-transition: opacity 0.5s ease, z-index 0.5s ease;
  transition: opacity 0.5s ease, z-index 0.5s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  z-index: -5; }
.product-detail-zoom-wrapper.zoom-active {
  cursor: url("//cdn.shopify.com/s/files/1/1503/0930/t/3/assets/activate_hover_white_arrow_exit.png?v=66988833150880740031490448970"), auto;
  opacity: 1;
  z-index: 1200; }
.product-detail-zoom-wrapper .product-zoom {
  height: -webkit-calc(100vh - 94px);
  height: calc(100vh - 94px);
  margin: 94px auto; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .product-detail-zoom-wrapper {
    margin-top: 0; }
  .product-detail-zoom-wrapper .product-zoom {
    display: inline-block;
    height: auto !important;
    margin: -70px 0 0 0;
    max-width: 100%;
    width:100%;} }

.product-prev-next-wrapper {
  bottom: 43px;
  left: 50%;
  margin-left: -65px;
  position: absolute;
  display: none;
  width: 130px; }
.product-prev-next-wrapper a,
.product-prev-next-wrapper span {
  color: #fff; }
.product-prev-next-wrapper span {
  font-size: 9px; }

.next-product,
.previous-product {
  bottom: 0;
  color: #fff;
  font-size: 9px;
  position: absolute;
  z-index: 200; }

.previous-product {
  left: 0;
  text-align: left; }

.next-product {
  right: 0;
  text-align: right; }

.next a,
.previous a {
  color: #fff; }

.product-detail-back-button {
  bottom: 43px;
  color: #fff;
  display: block;
  font-size: 9px;
  left: 40px;
  position: fixed;
  width: auto;
  z-index: 200; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .product-detail-back-button {
    top: 60px;
    left: 5vw; } }
@media only screen and (max-device-width: 40em), screen and (max-width: 40em) {
  .product-detail-back-button {
    display: block;
    position: absolute;
    width: 11px;
    height: 11px;
    top: 0;
    right: 18.75px !important;
    left: initial !important;
    text-align: center;
    font: 0/0 a;
    background: url('https://cdn.shopify.com/s/files/1/1503/0972/t/2/assets/close_white.svg') center center no-repeat;
    background-size: 100% 100%;} }
/*
@media only screen and (max-device-width: 1025px), screen and (max-width: 1025px) {
  .product-prev-next-wrapper,
  #back-to-category, #back-to-category2 {
    display: none; } }
*/
.product-prev-next-wrapper--mobile {
  left: 0;
  margin-left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%; }
.product-prev-next-wrapper--mobile .prev,
.product-prev-next-wrapper--mobile .next {
  height: 20px;
  width: 20px; }
.product-prev-next-wrapper--mobile .prev a,
.product-prev-next-wrapper--mobile .next a {
  display: block;
  font: 0/0 a;
  height: 20px;
  position: absolute;
  width: 20px; }
.product-prev-next-wrapper--mobile .prev a:after,
.product-prev-next-wrapper--mobile .next a:after {
  content: '';
  display: block;
  width: 20px;
  height: 20px; }
.product-prev-next-wrapper--mobile .prev a {
  background: url(https://cdn.shopify.com/s/files/1/1503/0972/t/2/assets/icn-arrow-left-white.svg);
  background-size: 100% 100%;
  left: 40px; }
.product-prev-next-wrapper--mobile .next a {
  background: url(https://cdn.shopify.com/s/files/1/1503/0972/t/2/assets/icn-arrow-right-white.svg);
  background-size: 100% 100%;
  right: 40px; }
@media screen and (min-width: 1025px) {
  .product-prev-next-wrapper--mobile {
    width: 200% !important;
    height: 20px;
    left: 0 !important;
    z-index: 999;} }
@media screen and (max-width: 1024px) {
  .product-prev-next-wrapper--mobile .prev a {
    left: 18.75px; }
  .product-prev-next-wrapper--mobile .next a {
    right: 18.75px; }
}
.product-mobile-subnav-wrapper {
  background: #000 none repeat scroll 0 0;
  bottom: 0;
  height: 70px;
  left: 0;
  opacity: 1;
  padding: 0 20px;
  position: fixed;
  transition: opacity 0.6s ease-in-out 0s;
  -webkit-transition: opacity 0.6s ease-in-out 0s;
  width: 100%;
  z-index: 999; }
.product-mobile-subnav-wrapper.is-loading {
  opacity: 0; }
.product-mobile-subnav-wrapper a {
  display: inline-block;
  font-size: 9px;
  margin: 0;
  padding: 0;
  position: static;
  width: auto; }
.flexbox .product-mobile-subnav-wrapper {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }
@media screen and (min-width: 1025px) {
  .product-mobile-subnav-wrapper {
    display: none !important; } }

.product__mobile-loading-overlay {
  background: #000;
  display: block;
  height: 100vh;
  position: fixed;
  top: 70px;
  -webkit-transition: opacity 0.6s ease-in-out, visibility 1s;
  transition: opacity 0.6s ease-in-out, visibility 1s;
  width: 100%;
  z-index: 10000; }
.product__mobile-loading-overlay.is-hidden {
  opacity: 0;
  visibility: hidden; }
@media screen and (min-width: 1024px) {
  .product__mobile-loading-overlay {
    display: none; } }

.btn-open-sizing-guide {
  color: #fff;
  cursor: pointer;
  font-size: 9px;
  float: left;
  margin-bottom: 30px;
  overflow: hidden;
  position: relative; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .btn-open-sizing-guide {
    width: 100%; } }

.product-sizing-guide {
  background-color: #000;
  display: block;
  height: -webkit-calc(100% - 94px);
  height: calc(100% - 94px);
  margin: 0;
  opacity: 0;
  overflow: scroll;
  padding: 0;
  position: fixed;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  width: 100%;
  z-index: -5; }
.product-sizing-guide .product-type {
  color: #fff;
  font-size: 12px; }
.product-sizing-guide.zoom-active {
  opacity: 1;
  z-index: 1000; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .product-sizing-guide {
    height: -webkit-calc(100% - 70px);
    height: calc(100% - 70px);
    padding-top: 70px; } }

.size-chart-open {
  margin-top: -47px; }

.size-chart-table {
  margin: 0 auto;
  max-width: 600px;
  width: 40%; }
.size-chart-table td {
  width: 33.33333333%;
  width: -webkit-calc(100% / 3);
  width: calc(100% / 3); }
.size-chart-table div {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  font-size: 7px;
  margin-bottom: 10px;
  padding-bottom: 10px; }
@media screen and (min-width: 1024px) {
  .size-chart-table div {
    font-size: 10px; } }

.size-chart-table--five-up td, .size-chart-table--belts td,
.size-chart-table--rings td {
  width: 20%;
  width: -webkit-calc(100% / 5);
  width: calc(100% / 5);
  min-width: 50px; }

.double {
  width: 50%;
  margin: 0 auto; }
.double .table-wrapper {
  width: 50%;
  float: left; }

.size-chart__types,
.size-chart__description {
  font-size: 10px;
  height: 40px; }
.size-chart__types td,
.size-chart__description td {
  line-height: 2; }

.size-chart__types {
  font-size: 7px; }
@media screen and (min-width: 1024px) {
  .size-chart__types {
    font-size: 10px; } }

.size-chart-image {
  margin: 15px auto;
  max-width: 600px;
  width: 40%; }
.size-chart-image img {
  max-width: 75%; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .size-chart-image {
    width: 90%; } }

.size-chart-message, .size-chart-message--notop {
  font-size: 9px;
  line-height: 2;
  margin: 0 auto;
  max-width: 600px;
  margin-top: 15px;
  text-align: justify;
  width: 90%; }
.size-chart-message a, .size-chart-message--notop a {
  opacity: 0.6;
  -webkit-transition: opacity 0.6s ease-in-out;
  transition: opacity 0.6s ease-in-out; }
.size-chart-message a:hover, .size-chart-message--notop a:hover {
  opacity: 1; }
@media screen and (min-width: 1024px) {
  .size-chart-message, .size-chart-message--notop {
    width: 40%; } }

.size-chart-message--notop {
  margin-top: 0; }

.template-cart {
  background: #000;
  color: #fff;
  font-size: 9px; }
.template-cart footer {
  background-color: #000; }
.template-cart select {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 0;
  cursor: pointer;
  padding: 6px 10px;
  -webkit-transition: border 0.3s ease-in-out;
  transition: border 0.3s ease-in-out;
  vertical-align: top;
  width: 60px; }

.product-preview-detail {
  letter-spacing: 1px;
  line-height: 13px;
  padding: 0 10px 5px 0; }

.cart-select-arrow-down {
  background-image: url("//cdn.shopify.com/s/files/1/1503/0930/t/3/assets/arrow-down-box-white.svg?v=100824786964904240801490448971");
  background-size: 100%;
  background-repeat: no-repeat;
  bottom: 7px;
  display: block;
  height: 10px;
  left: 42px;
  position: absolute;
  width: 10px;
  z-index: -1; }

.shopping-cart-preview-wrapper {
  background-color: #000;
  display: block;
  height: 100vh;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transform: translateX(350px);
  -ms-transform: translateX(350px);
  transform: translateX(350px);
  -webkit-transition: -webkit-transform 0.5s ease, visibility 0s 0.55s;
  transition: transform 0.5s ease, visibility 0s 0.55s;
  visibility: hidden;
  width: 350px;
  z-index: 9999; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .shopping-cart-preview-wrapper {
    height: -webkit-calc(100vh - 70px);
    height: calc(100vh - 70px);
    top: 70px;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    width: 100vw; } }

.shopping-cart-preview-wrapper-active {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.5s ease, visibility 0s;
  transition: transform 0.5s ease, visibility 0s;
  visibility: visible; }
@media only screen and (max-device-width: 1025px), screen and (max-width: 1025px) {
  .shopping-cart-preview-wrapper-active {
    /**
      -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
              transform: translateY(0);
      **/display: none;
    overflow: auto;} }

.shopping-cart-preview-wrapper-close {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: -1; }

.shopping-cart-scroll {
  color: #fff;
  display: block;
  font-size: 12px;
  height: -webkit-calc(100% - 215px);
  height: calc(100% - 215px);
  overflow-y: auto;
  position: relative;
  top: 94px; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .shopping-cart-scroll {
    /**height: -webkit-calc(100% - 175px);
      height: calc(100% - 175px);
      top: 70px;**/
    height: auto;
    position: static;
  } }

.shopping-cart-preview-inner-wrapper {
  height: 170px;
  margin: 0 auto;
  max-width: 335px; }
.flexbox .shopping-cart-preview-inner-wrapper {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }
.shopping-cart-preview-inner-wrapper .image-thumb {
  height: auto;
  margin-left: 15px;
  width: 110px; }
.shopping-cart-preview-inner-wrapper .shopping-cart-preview-img {
  max-width: 100%; }
.shopping-cart-preview-inner-wrapper .shopping-cart-preview-product-description {
  color: #fff;
  font-size: 9px;
  height: auto;
  text-align: left;
  width: 200px; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .shopping-cart-preview-inner-wrapper {
    height: auto;
    max-height: auto; }
  .flexbox .shopping-cart-preview-inner-wrapper {
    -webkit-box-align: unset;
    -webkit-align-items: unset;
    -ms-flex-align: unset;
    align-items: unset;
    display: block;
    -webkit-box-pack: unset;
    -webkit-justify-content: unset;
    -ms-flex-pack: unset;
    justify-content: unset; }
  .shopping-cart-preview-inner-wrapper .image-thumb {
    height: auto;
    margin: 0 auto;
    text-align: center;
    width: 70%; }
  .shopping-cart-preview-inner-wrapper .shopping-cart-preview-img {
    max-width: 65%; }
  .shopping-cart-preview-inner-wrapper .shopping-cart-preview-product-description {
    text-align: center;
    width: 100%; } }

.shopping-preview-bottom-wrapper {
  background-color: #000;
  bottom: 0;
  display: block;
  height: 120px;
  margin-bottom: 5px;
  position: absolute;
  z-index: 999;
  width: 100%; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .shopping-preview-bottom-wrapper {
    height: auto;
    position: static;} }

.shopping-cart-preview-item-number {
  position: absolute;
  display: block;
  width: 100%;
  height: 94px; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .shopping-cart-preview-item-number {
    height: 70px; } }
.shopping-cart-preview-item-number .shopping-bag-preview-counter {
  color: #fff;
  width: 100%;
  height: 100%;
  line-height: 94px;
  text-align: center;
  font-size: 10px;
  letter-spacing: 1px; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .shopping-cart-preview-item-number .shopping-bag-preview-counter {
    line-height: 70px; } }

.button-wrapper {
  height: 100%;
  bottom: 1px; }
.button-wrapper button {
  margin-left: 18px; }

.view-bag-button {
  bottom: 0;
  margin-bottom: 90px;
  position: absolute; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .view-bag-button {
    display: block; } }

.view-bag-discount {
  bottom: 0;
  margin-bottom: 142px;
  position: absolute; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .view-bag-button {
    display: block; } }

.checkout-button {
  bottom: 0;
  margin-bottom: 20px;
  position: absolute; }
.checkout-button:hover {
  border: 1px solid #fff;
  color: #fff; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .checkout-button, .shopping-bag-preview-total-price {
    margin: 10px auto !important;
    position: static !important;}}

.shopping-bag-preview-total-price {
  color: #fff;
  display: block;
  font-size: 9px;
  height: 20px;
  letter-spacing: 1px;
  line-height: 20px;
  margin-top: 20px;
  position: absolute;
  text-align: center;
  width: 100%; }
.shopping-bag-preview-total-price .money {
  letter-spacing: 1px;
  line-height: 20px; }

.shopping-bag-remove-item {
  font-family: "SackersGothicStd-Medium", sans-serif;
  text-transform: uppercase;
  border: none;
  color: #fff;
  font-size: 9px;
  background: transparent; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .shopping-bag-remove-item {
    margin-top: 1.25em; } }

.product-title {
  padding-bottom: 5px; }

.cart-details-wrapper {
  text-align: left;
  width: 100%;
  margin-top: 80px;
  line-height: 13px;
  letter-spacing: 1px; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .cart-details-wrapper {
    margin-top: 30px; } }

.cart-quantity-wrapper {
  margin-top: 80px;
  position: relative;
  text-align: left;
  width: 100%; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .cart-quantity-wrapper {
    margin-top: 10px; } }

.cart-quantity {
  color: #fff; }

.cart-subtotal-wrapper {
  padding-right: 53px; }

.cart-subtotal {
  margin-top: 80px;
  text-align: left;
  width: 100%; }
.cart-subtotal .money {
  font-size: 10px; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .cart-subtotal {
    margin-top: 47px;
    text-align: right; } }

.top-row td {
  padding-bottom: 40px;
  text-align: left; }
.top-row td:nth-child(1) {
  padding-bottom: 40px;
  text-align: left; }

@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .top-row {
    display: none; } }

.bottom-row-wrapper {
  display: block;;
  margin: 0 auto;
  position: relative; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .bottom-row-wrapper {
    width: 100vw; } }

.bottom-row td {
  width: 50%;
  padding-top: 40px;
  margin: 20px auto; }

.update-cart {
  border: none;
  color: #fff;
  cursor: pointer;
  float: left;
  font-family: "SackersGothicStd-Medium", sans-serif;
  font-size: 9px;
  letter-spacing: 1px;
  line-height: 13px;
  text-align: left;
  text-transform: uppercase;
  width: 50%; }

.subtotal {
  color: #fff;
  line-height: 17px;
  font-size: 9px;
  margin-bottom: 35px;
  min-height: 22px;
  max-width: 100%;
  text-align: right;
  width: auto; }
.subtotal .money {
  font-size: 10px;
  padding-left: 17px; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .subtotal {
    float: left;
    margin-left: 5vw;
    margin-bottom: 15px;
    text-align: left;
    width: 90vw; } }

.update-cart-button {
  border: none;
  color: #fff;
  background: transparent;
  display: block;
  float: left;
  font-family: "SackersGothicStd-Medium", sans-serif;
  font-size: 9px;
  height: 12px;
  letter-spacing: 1px;
  margin-top: 10px;
  outline: 0;
  position: relative;
  text-align: left;
  text-transform: uppercase;
  width: 100%; }

.addcart {
  margin: 0 auto;
  position: relative; }

.cart-continue-shopping-button {
  color: #fff;
  display: block;
  font-size: 9px;
  letter-spacing: 1px;
  margin: 40px auto;
  position: relative;
  text-align: center; }
@media only screen and (max-device-width: 1025px), screen and (max-width: 1025px) {
  .cart-continue-shopping-button {
    text-align: center;
    width: 100%; } }

.item-title-td {
  padding-left: 84px;
  text-align: left; }

.price-title-td {
  text-align: right; }

.empty-cart-wrapper {
  background-color: #000;
  display: block;
  height: 50px;
  left: 0;
  margin-top: -25px;
  position: fixed;
  text-align: center;
  top: 50%;
  width: 100%;
  z-index: 99; }

.empty-cart-message,
.empty-cart-message-page {
  color: #fff;
  font-size: 9px;
  height: 30px;
  letter-spacing: 1px;
  line-height: 2.05em;
  margin-left: 1%;
  margin-top: -10px;
  position: absolute;
  text-align: center;
  width: 98%; }
.empty-cart-message a,
.empty-cart-message-page a {
  color: #fff; }

.empty-cart-message {
  display: none;
  top: 55%; }

.empty-cart-message-page {
  display: block;
  top: 35%; }

#cart-page {
  padding-top: 94px; }
.flexbox #cart-page {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
#cart-page table {
  text-align: center;
  width: 1200px; }
#cart-page td {
  width: 20%;
  float: left; }
#cart-page td:nth-child(1) {
  width: 20%;
  float: left;
  margin-left: 10.5%;
  margin-right: 2.5%; }
#cart-page td:nth-child(2) {
  width: 29%;
  float: left; }
#cart-page td:nth-child(3) {
  width: 10%;
  margin-right: 3%;
  float: left; }
#cart-page td:nth-child(4) {
  width: 7.6%;
  float: left;
  margin-right: 12.4%; }
@media only screen and (max-device-width: 1025px), screen and (max-width: 1025px) {
  #cart-page {
    padding-top: 70px; } }

#update td {
  padding-top: 40px; }

.cart-grid {
  color: #fff; }

.grid-item > div {
  margin-top: 5px; }

.grid-item .money {
  font-size: 11px; }

#proceed-checkout {
  margin-top: 25px; }
#proceed-checkout:hover {
  color: #000; }
#proceed-checkout .money {
  font-size: 15px;
  text-align: center; }

select#quantity {
  color: #fff; }

.details > div,
.variant-title > div {
  font-size: 9px;
  line-height: 13px;
  padding-bottom: 5px; }

.total {
  font-size: 12px;
  text-align: center; }
.total .money {
  font-size: 13px; }

.number {
  color: #fff;
  font-size: 13px;
  padding: 5px;
  width: 80px; }

.number2 {
  color: #fff;
  font-size: 13px;
  padding: 5px;
  width: 80px; }

#cart-buttons {
  position: relative;
  margin: 10px auto;
  width: 100%; }

#main-checkout td {
  text-align: left;
  height: 100%;
  vertical-align: middle;
  width: 500px;
  white-space: nowrap;
  border: none;
  position: relative; }

.quantity {
  font-weight: bold;
  font-size: 12px; }

.remove {
  padding: 20px 0;
  color: #fff; }

.quantity-animation {
  opacity: 1;
  -webkit-animation: quantity-blink 1.2s;
  animation: quantity-blink 1.2s; }

.first-item-effect {
  margin-top: 0;
  -webkit-animation: add-item 1.2s;
  animation: add-item 1.2s; }

.remove-item-animation {
  -webkit-animation: remove-item 0.6s;
  animation: remove-item 0.6s; }

.table-200 {
  display: table;
  height: 200px; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .table-200 {
    height: 120px; } }

.200 {
  height: 200px; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
.200 {
  height: 220px; } }

.cart-wrapper--desktop {
  margin-top: 1px; }
@media screen and (max-width: 1025px) {
  .cart-wrapper--desktop {
    display: none; } }

@media screen and (min-width: 1025px) {
  .cart-wrapper--mobile {
    display: none; } }

.cart-mobile-top-bar {
  color: #fff;
  width: 100%;
  height: 100%;
  line-height: 94px;
  text-align: center;
  font-size: 10px;
  letter-spacing: 1px;
  line-height: 70px; }

.cart-mobile-item {
  text-align: center; }
.cart-mobile-item > div {
  line-height: 2; }

.cart-mobile-item__btn-remove,
a.cart-mobile-item__btn-remove {
  color: #fff;
  line-height: 4;
  opacity: 0.6;
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease; }
.cart-mobile-item__btn-remove:hover,
.cart-mobile-item__btn-remove:active,
.cart-mobile-item__btn-remove:focus,
a.cart-mobile-item__btn-remove:hover,
a.cart-mobile-item__btn-remove:active,
a.cart-mobile-item__btn-remove:focus {
  opacity: 1; }

.cart-mobile__actions {
  padding: 40px;
  text-align: center;
  width: 100vw; }

.cart-mobile__subtotal {
  padding: 20px 20px 30px 20px; }

.cart-mobile__btn-continue-shopping {
  margin-bottom: 20px; }

.cart-mobile__btn-checkout {
  width: 315px;
  max-width: 100%;}
.cart-mobile__btn-checkout:hover {
  border-color: #fff; }

.template-cart {
  background: #000;
  color: #fff;
  font-size: 9px; }

#update td {
  padding-top: 40px; }

.cart-grid {
  color: #fff; }

.grid-item > div {
  margin-top: 5px; }

.grid-item .money {
  font-size: 11px; }

#proceed-checkout {
  margin-top: 25px; }

select#quantity {
  color: #fff; }

.details > div,
.variant-title > div {
  font-size: 9px;
  line-height: 13px;
  padding-bottom: 5px; }

.total {
  font-size: 12px;
  text-align: center; }

.total .money {
  font-size: 13px; }

.number {
  color: #fff;
  font-size: 13px;
  padding: 5px;
  width: 80px; }

.number2 {
  color: #fff;
  font-size: 13px;
  padding: 5px;
  width: 80px; }

#cart-buttons {
  margin: 0 auto 15px;
  width: 100%; }

#main-checkout td {
  text-align: left;
  height: 100%;
  vertical-align: middle;
  width: 500px;
  white-space: nowrap !important;
  border: none;
  position: relative; }

.quantity {
  font-weight: bold;
  font-size: 12px; }

.remove {
  padding: 20px 0px;
  color: #fff; }

.subtotal .money {
  font-size: 10px; }

#proceed-checkout:hover {
  color: #000 !important; }

#proceed-checkout .money {
  font-size: 15px;
  text-align: center; }

.featured-categories-wrapper {
  bottom: 0;
  box-sizing: border-box;
  display: block;
  height: -webkit-calc(100vh - 134px);
  height: calc(100vh - 134px);
  left: 0;
  margin-bottom: 40px;
  overflow: hidden;
  position: relative;
  width: 100%; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .featured-categories-wrapper {
    height: -webkit-calc(100vh - 140px);
    height: calc(100vh - 140px);
    bottom: 70px; } }

.featured-categories {
  background-color: #000;
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 0; }
@media screen and (min-width: 1024px) {
  .featured-categories {
    bottom: 40px; } }

.featured-categories__item {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  float: left;
  height: -webkit-calc(50vh - 70px);
  height: calc(50vh - 70px);
  overflow: hidden;
  position: relative;
  -webkit-transition: -webkit-filter 2s ease-in-out, filter 2s ease-in-out;
  transition: filter 2s ease-in-out;
  -webkit-transition: -webkit-filter 2s ease-in-out;
  transition: -webkit-filter 2s ease-in-out;
  width: -webkit-calc(100vw / 3);
  width: calc(100vw / 3); }
.no-touch .featured-categories__item:hover,
.touch .featured-categories__item.is-focused {
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-filter: none;
  filter: none;
  opacity: 1;
  -webkit-transition: -webkit-filter 0.5s ease-in-out, filter 0.5s ease-in-out;
  transition: filter 0.5s ease-in-out;
  -webkit-transition: -webkit-filter 0.5s ease-in-out;
  transition: -webkit-filter 0.5s ease-in-out; }
.no-touch .featured-categories__item:hover .featured-categories__overlay,
.touch .featured-categories__item.is-focused .featured-categories__overlay {
  background-color: rgba(255, 255, 255, 0.9);
  opacity: 1; }
.featured-categories__item #player {
  position: absolute;
  width: 100%;
  height: -webkit-calc(100% + 38px);
  height: calc(100% + 38px); }
.featured-categories__item iframe {
  position: absolute;
  display: block;
  margin: auto;
  border: 0;
  padding: 0;
  width: -webkit-calc(33.3333333vw * 1.56);
  width: calc(33.3333333vw * 1.56);
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 100%; }
@media screen and (min-width: 1024px) {
  .featured-categories__item {
    height: -webkit-calc(50vh - 40px);
    height: calc(50vh - 40px);
    -webkit-transition: -webkit-filter 4s ease-in-out, filter 4s ease-in-out;
    transition: filter 4s ease-in-out;
    -webkit-transition: -webkit-filter 4s ease-in-out;
    transition: -webkit-filter 4s ease-in-out; } }

.featured-categories__overlay {
  background-color: rgba(255, 255, 255, 0);
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  bottom: 0;
  opacity: 0;
  -webkit-transition: opacity 0.7s ease, -webkit-transform 0.5s ease, background 0.7s ease;
  transition: opacity 0.7s ease, transform 0.5s ease, background 0.7s ease;
  cursor: pointer; }

.featured-categories__overlay__text {
  position: absolute;
  height: 30px;
  width: 100%;
  top: 50%;
  margin-top: -15px;
  text-align: center; }

@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .featured-categories__overlay__heading {
    font-size: 13px;
    line-height: 1.5; } }

.featured-categories__overlay__subheading {
  margin-top: 11px;
  opacity: 0.6;
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease; }
.featured-categories__overlay__subheading:hover {
  opacity: 1; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .featured-categories__overlay__subheading {
    font-size: 9px; } }

.newsemail {
  border-bottom: 1px solid #b3b3b3;
  -webkit-transition: border 0.6s ease;
  transition: border 0.6s ease; }

.page-news-email {
  border-bottom: 1px solid #b3b3b3;
  -webkit-transition: border 0.6s ease;
  transition: border 0.6s ease; }

.newsmail-no-border {
  border-bottom: 1px solid transparent; }

.newsmail-no-opacity {
  opacity: 0; }

.input-menu {
  border: 0;
  border-bottom: 1px solid #b3b3b3;
  font-family: "SackersGothicStd-Medium", sans-serif;
  font-size: 9px;
  letter-spacing: 1px;
  padding: 8px 3px;
  text-transform: uppercase;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 100%; }

.newsletter-page {
  background-color: #fff;
  height: -webkit-calc(100% - 94px);
  height: calc(100% - 94px);
  left: 0;
  position: absolute;
  top: 94px;
  width: 100%;
  z-index: 11; }
.newsletter-page td {
  height: 100%;
  text-align: center;
  vertical-align: middle; }

.subscribe-page {
  font-size: 9px;
  text-align: center;
  padding-bottom: 20px; }

.newsletter-error {
  position: relative;
  display: none;
  color: #805c3d;
  letter-spacing: 1px;
  font-size: 9px;
  line-height: 10px;
  text-align: left;
  height: 10px;
  width: 100%;
  float: left;
  margin-top: -18px;
  margin-bottom: 16px; }

.newsletter-success {
  position: absolute;
  display: none;
  letter-spacing: 1px;
  font-size: 9px;
  line-height: 10px;
  text-align: center;
  height: 10px;
  width: 100%;
  margin-top: 8px; }

#thankyou {
  font-size: 9px;
  pointer-events: none; }

.newsletter-slide,
.newsletter-slide-out {
  -webkit-transition: opacity 0.8s ease, -webkit-transform 0.6s ease;
  transition: opacity 0.8s ease, transform 0.6s ease; }

.newsletter-slide,
.newsletter {
  z-index: 300;
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease; }

.newsletter-slide {
  -webkit-transform: translateX(-425px);
  -ms-transform: translateX(-425px);
  transform: translateX(-425px); }

.newsletter-slide-opening-animation {
  -webkit-transform: translateX(-270px);
  -ms-transform: translateX(-270px);
  transform: translateX(-270px); }

.slide-out {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); }

#newsletter-popup,
#thankyou,
.newsletter-submit {
  color: #000;
  margin-left: 50px;
  margin-bottom: 15px;
  padding: 11px 10px 9px 0;
  letter-spacing: 1px;
  z-index: 120;
  cursor: pointer;
  bottom: 19px; }

#newsletter-popup,
.newsletter-submit {
  font-size: 9px;
  font-family: "SackersGothicStd-Medium", sans-serif;
  border: 1px solid rgba(255, 255, 255, 0);
  background-color: transparent;
  color: #000;
  text-transform: uppercase;
  text-align: left;
  letter-spacing: 1px;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }

#newsletter-popup {
  position: absolute;
  width: 120px !important;
  -webkit-transform: translateX(215px);
  -ms-transform: translateX(215px);
  transform: translateX(215px);
  left: 45px;
  bottom: 17px; }

.mc-field-group,
.newsletter-submit {
  float: left;
  display: inline; }

.newsletter-submit {
  margin-left: 45px;
  opacity: 1;
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
  width: 120px; }

.newsletter-submit-fadeout {
  opacity: 0 !important; }

.mc-field-group {
  width: 225px;
  bottom: -2px; }

#mc_embed_signup {
  padding: 0; }

#mc_embed_signup-page {
  display: block;
  height: 100px;
  margin: 0 auto;
  position: relative;
  width: 450px; }
#mc_embed_signup-page .overall-button {
  margin-top: 0;
  float: left; }
#mc_embed_signup-page .mc-field-group {
  width: 100%;
  bottom: 0; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  #mc_embed_signup-page {
    padding: 0 20px;
    width: 100%; } }

.subscribe {
  z-index: 10000;
  font-size: 9px;
  text-align: center;
  padding-bottom: 20px; }

.newsletter-slide {
  position: absolute;
  bottom: 0;
  height: 83px;
  padding: 20px 20px 17px 40px;
  left: 0; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .newsletter-slide {
    display: none; } }

.red-error-text::-webkit-input-placeholder {
  color: #805c3d !important; }

.red-error-text:-moz-placeholder {
  color: #805c3d !important; }

.red-error-text::-moz-placeholder {
  color: #805c3d !important; }

.red-error-text::-webkit-input-placeholder {
  color: #805c3d !important; }

.success-text::-webkit-input-placeholder {
  color: #805c3d !important; }

.success-text:-moz-placeholder {
  color: #805c3d !important; }

.success-text::-moz-placeholder {
  color: #805c3d !important; }

.success-text::-webkit-input-placeholder {
  color: #805c3d !important; }

.newsletter-hidden {
  opacity: 0;
  visibility: hidden; }

#thankyou {
  opacity: 0; }

.zendesk-table-wrapper {
  background-color: #fff;
  height: -webkit-calc(100% - 94px);
  height: calc(100% - 94px);
  left: 0;
  position: absolute;
  top: 94px;
  width: 100%;
  z-index: 11; }
.zendesk-table-wrapper td {
  height: 100%;
  text-align: center;
  vertical-align: middle; }

.iframe-zendesk {
  border: none;
  height: 100%;
  min-height: 500px;
  width: 100%; }

.iframe-zendesk-contact {
  border: none;
  height: auto;
  min-height: 480px;
  width: 100%; }

.iframe-zendesk-contact--mobile {
  min-height: 480px; }
@media screen and (min-width: 1024px) {
  .iframe-zendesk-contact--mobile {
    display: none; } }

.iframe-zendesk-contact--desktop {
  display: none; }
@media screen and (min-width: 1024px) {
  .iframe-zendesk-contact--desktop {
    display: block; } }

.zendesk-wrapper {
  background-color: #fff;
  position: fixed;
  right: 0;
  bottom: 0;
  height: 100vh;
  padding-left: 18px;
  padding-right: 18px;
  width: 350px;
  opacity: 1;
  -webkit-transform: translateX(350px);
  -ms-transform: translateX(350px);
  transform: translateX(350px);
  -webkit-transition: -webkit-transform 0.5s ease, visibility 0s 0.55s;
  transition: transform 0.5s ease, visibility 0s 0.55s;
  visibility: hidden;
  z-index: 9999; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .zendesk-wrapper {
    bottom: 0;
    height: -webkit-calc(100vh - 70px);
    height: calc(100vh - 70px);
    left: 0;
    right: 0;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    position: fixed;
    top: 70px;
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
    width: 100vw; } }

.zendesk-wrapper--desktop {
  display: none; }
@media screen and (min-width: 1024px) {
  .zendesk-wrapper--desktop {
    display: block; } }

@media screen and (min-width: 1024px) {
  .zendesk-wrapper--mobile {
    display: none; } }

.zendesk-help-slide-out {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.5s ease, visibility 0s;
  transition: transform 0.5s ease, visibility 0s;
  visibility: visible; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .zendesk-help-slide-out {
    -webkit-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    transform: translate(0, 0%); } }

#help-close {
  background-image: url("//cdn.shopify.com/s/files/1/1503/0930/t/3/assets/menu_exit_icon_black.png?v=95557571945319595671490448984");
  background-position: center;
  background-size: 100%;
  cursor: pointer;
  height: 15px;
  left: 10px;
  position: relative;
  top: 10px;
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  width: 15px;
  z-index: 999; }
#help-close.help-close-active {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }
#help-close.help-close-active:hover {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  #help-close {
    background-image: url("//cdn.shopify.com/s/files/1/1503/0930/t/3/assets/menu_exit_icon_black_mobile_two.svg?v=121733296609439806311490448984");
    height: 30px;
    width: 30px;
    top: 20px;
    left: 20px; } }

#help-popup {
  background-color: transparent;
  bottom: 43px;
  box-sizing: border-box;
  color: #000;
  cursor: pointer;
  font-family: "SackersGothicStd-Medium", sans-serif;
  font-size: 9px;
  letter-spacing: 1px;
  margin-right: 40px;
  position: absolute;
  right: 0;
  width: 120px;
  text-align: right;
  text-transform: uppercase;
  -webkit-transition: -webkit-transform 0.5s ease, opacity 0.3s ease-in-out;
  transition: transform 0.5s ease, opacity 0.3s ease-in-out; }
.template-collection #help-popup {
  -webkit-transition: none;
  transition: none;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }
.template-collection #help-popup:hover {
  opacity: 0.6; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  #help-popup {
    display: none; } }

.template-collection #help-popup,
.template-product #help-popup,
.template-page #help-popup,
.template-cart #help-popup,
.template-search #help-popup {
  color: #fff;
  position: fixed;
  z-index: 99; }

.help-popup-animation {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%); }

.contact-page-wrapper {
  display: block;
  padding: 0 5vw; }
@media screen and (min-width: 1024px) {
  .contact-page-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%; } }

.contact-table-wrapper {
  height: 100%;
  width: 100%; }

.contact-page-description-wrapper {
  display: block;
  margin: 0;
  width: 100%; }
@media screen and (min-width: 1024px) {
  .contact-page-description-wrapper {
    height: 525px;
    margin: -50px auto 0;
    margin-left: 41px;
    width: 200px;
    text-align: left; } }

.contact-page-zendesk-wrapper {
  display: block;
  margin: 0 auto;
  margin-top: 0;
  width: 90vw; }
@media screen and (min-width: 1024px) {
  .contact-page-zendesk-wrapper {
    margin: auto;
    /*margin-right: 91px;*/
    max-width: 450px;
    width: 450px; } }

.showroom-wrapper,
.distribution-wrapper {
  text-align: center; }
@media screen and (min-width: 1024px) {
  .showroom-wrapper,
  .distribution-wrapper {
    display: block;
    float: left;
    height: 200px;
    padding-top: 40px;
    position: relative;
    text-align: left;
    width: 100%; } }

.distribution-wrapper {
  padding: 50px 0 100px 0; }
@media screen and (min-width: 1024px) {
  .distribution-wrapper {
    padding: 20px 0 70px 0; } }

.contact-headline {
  font-size: 11px;
  letter-spacing: 1px;
  line-height: 9px;
  text-align: center; }
@media screen and (min-width: 1024px) {
  .contact-headline {
    text-align: left; } }

.contact-copy {
  font-size: 9px;
  padding: 8px 8px 8px 0;
  letter-spacing: 1px;
  line-height: 13px; }

.sbHolder {
  background-color: #2d2d2d;
  border: solid 1px #515151;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  height: 30px;
  position: relative;
  width: 200px; }

.sbSelector {
  display: block;
  height: 30px;
  left: 0;
  line-height: 30px;
  outline: none;
  overflow: hidden;
  position: absolute;
  text-indent: 10px;
  top: 0;
  width: 170px; }

.sbSelector:link,
.sbSelector:visited,
.sbSelector:hover {
  color: #ebb52d;
  outline: none;
  text-decoration: none; }

.sbToggle {
  background: url("//cdn.shopify.com/s/files/1/1503/0930/t/3/assets/select-icons.png?v=170733655675526633721490448987") 0 -116px no-repeat;
  display: block;
  height: 30px;
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px; }

.sbToggle:hover {
  background: url("//cdn.shopify.com/s/files/1/1503/0930/t/3/assets/select-icons.png?v=170733655675526633721490448987") 0 -167px no-repeat; }

.sbToggleOpen {
  background: url("//cdn.shopify.com/s/files/1/1503/0930/t/3/assets/select-icons.png?v=170733655675526633721490448987") 0 -16px no-repeat; }

.sbToggleOpen:hover {
  background: url("//cdn.shopify.com/s/files/1/1503/0930/t/3/assets/select-icons.png?v=170733655675526633721490448987") 0 -66px no-repeat; }

.sbHolderDisabled {
  background-color: #3c3c3c;
  border: solid 1px #515151; }

.sbOptions {
  background-color: #212121;
  border: solid 1px #515151;
  list-style: none;
  left: -1px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 30px;
  width: 200px;
  z-index: 1;
  overflow-y: auto; }

.sbOptions li {
  padding: 0 7px; }

.sbOptions a {
  border-bottom: dotted 1px #515151;
  display: block;
  outline: none;
  padding: 7px 0 7px 3px; }

.sbOptions a:link,
.sbOptions a:visited {
  color: #ddd;
  text-decoration: none; }

.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus {
  color: #ebb52d; }

.sbOptions li.last a {
  border-bottom: none; }

.sbOptions .sbDisabled {
  border-bottom: dotted 1px #515151;
  color: #999;
  display: block;
  padding: 7px 0 7px 3px; }

.sbOptions .sbGroup {
  border-bottom: dotted 1px #515151;
  color: #ebb52d;
  display: block;
  font-weight: bold;
  padding: 7px 0 7px 3px; }

.sbOptions .sbSub {
  padding-left: 17px; }

.brand-designer-bg, .brand-history-bg, .brand-craftsmanship-bg {
  background-size: cover;
  height: 100vh;
  width: 100vw; }

.brand-designer-bg {
  background-image: url("//cdn.shopify.com/s/files/1/1503/0930/t/3/assets/designer_image.jpg?v=4812923320329951721490448977"); }

.brand-history-bg {
  background-image: url("//cdn.shopify.com/s/files/1/1503/0930/t/3/assets/history_image.jpg?v=6295369237910359821490448979"); }

.brand-craftsmanship-bg {
  background-image: url("//cdn.shopify.com/s/files/1/1503/0930/t/3/assets/craftsmanship_image.jpg?v=171054191978928988281490448976"); }

.brand-copy-wrapper {
  background-color: #fff;
  bottom: 0;
  cursor: url("//cdn.shopify.com/s/files/1/1503/0930/t/3/assets/activate_hover_white_12.png?v=110986470076928513351490448970"), pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  left: 0;
  margin: auto;
  position: relative;
  width: 100%;
  z-index: 11; }
.brand-copy-wrapper h1 {
  margin-top: 0;
  text-align: center; }
.brand-copy-wrapper p {
  font-family: "freight-display-pro", serif;
  font-size: 13px;
  line-height: 1.75;
  padding: 25px 0;
  text-align: justify;
  text-transform: none; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .brand-copy-wrapper {
    cursor: auto;
    height: 100%; } }

.brand-copy-wrapper__inner {
  margin: 0;
  max-width: 800px; }
.brand-copy-wrapper__inner > h1 {
  margin-top: 0;
  text-align: center; }
.brand-copy-wrapper__inner > p {
  font-family: "freight-display-pro", serif;
  font-size: 13px;
  line-height: 1.75;
  padding: 25px 0 140px 0;
  text-align: justify;
  text-transform: none; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .brand-copy-wrapper__inner {
    text-align: center;
    width: -webkit-calc(100vw - 40px);
    width: calc(100vw - 40px); }
  .brand-copy-wrapper__inner > h1 {
    font-size: 12px; }
  .brand-copy-wrapper__inner > p {
    font-size: 13px;
    padding: 25px 0 150px 0; } }

@media screen and (max-width: 1024px) {
  .brand-copy--desktop {
    display: none; } }

@media screen and (min-width: 1025px) {
  .brand-copy--mobile {
    display: none; } }

.mobile-brand-discover-bar {
  background-color: #fff;
  bottom: 0;
  left: 0;
  height: 70px;
  width: 100%;
  position: fixed; }
.flexbox .mobile-brand-discover-bar {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
.mobile-brand-discover-bar > span {
  cursor: pointer;
  font-size: 10px;
  opacity: 1;
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
.mobile-brand-discover-bar > span:hover {
  opacity: 0.6; }
@media screen and (min-width: 1025px) {
  .mobile-brand-discover-bar {
    display: none !important; } }

body.page-brand .sections-wrapper {
  margin-top: 94px;
  height: 100%; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  body.page-brand .sections-wrapper {
    margin-top: 70px !important;
    height: -webkit-calc(100vh - 70px) !important;
    height: calc(100vh - 70px) !important;
    margin-bottom: 0; } }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  body.page-brand .sections-wrapper .section {
    margin-bottom: 0 !important; } }

.brand-video {
  display: block;
  height: 100%;
  width: 100%; }

#brand-headline {
  width: 100%;
  height: 100%; }
#brand-headline h2 {
  width: 100%;
  text-align: center;
  line-height: 94px; }

.content-wrapper-brand-text {
  top: 0;
  position: relative;
  display: inline-block;
  float: left;
  height: 100%;
  width: 90%;
  margin: auto;
  max-width: 900px; }

.brand-images-active {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%); }

.brand-images-wrapper {
  bottom: 0;
  display: block;
  height: -webkit-calc(100vh - 94px);
  height: calc(100vh - 94px);
  position: fixed;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  width: 100%;
  z-index: 9; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .brand-images-wrapper {
    height: -webkit-calc(100vh - 70px);
    height: calc(100vh - 70px); } }

.brand-images {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease; }
.brand-images ul {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  float: left; }
.brand-images li {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  float: left; }
@media screen and (min-width: 1024px) {
  .brand-images {
    cursor: url("//cdn.shopify.com/s/files/1/1503/0930/t/3/assets/activate_hover_white_arrow_exit.png?v=66988833150880740031490448970"), pointer; } }

.brand-history-images ul li {
  width: 100%; }

.brand-craftsmanship-images ul li {
  width: 100%; }

#modal-video iframe,
.brand-craftsmanship-video {
  border: 0;
  display: block;
  height: -webkit-calc(100vh - 94px);
  height: calc(100vh - 94px);
  margin: auto;
  padding: 0;
  position: absolute;
  width: 100%; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  #modal-video iframe,
  .brand-craftsmanship-video {
    height: -webkit-calc(100vh - 70px);
    height: calc(100vh - 70px); } }

.brand-loader {
  position: absolute;
  display: block;
  bottom: 0;
  left: 50%;
  z-index: 11; }

.brand-loading {
  display: block !important;
  margin: 141px auto;
  border-bottom: 1px solid white;
  border-left: 1px solid white;
  border-right: 1px solid #000;
  border-top: 1px solid #000;
  border-radius: 100%;
  height: 30px;
  width: 30px;
  margin-left: -15px;
  -webkit-animation: spin 0.6s infinite linear;
  animation: spin 0.6s infinite linear; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .brand-loading {
    bottom: 10px; } }

.iframe-overlay {
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 99; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .iframe-overlay {
    height: 35%;
    bottom: 0; } }

.template-search .prod-price .money {
  font-size: 9px; }
.template-search .prod-price .money .pagination {
  position: absolute;
  bottom: 112px;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  display: block;
  z-index: 90000; }
.template-search .prod-price .money .pagination .next,
.template-search .prod-price .money .pagination .prev {
  display: none; }
.template-search .prod-price .money .pagination span {
  color: #fff;
  font-size: 9px;
  padding: 0 5px; }
.template-search .prod-price .money .pagination span a {
  color: #fff; }
.template-search .prod-price .money .pagination span a {
  opacity: 0.6;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }

span.current {
  opacity: 1 !important; }

.pagination span a:hover {
  opacity: 1; }

.search-fail {
  text-align: center;
  margin: 0 auto;
  letter-spacing: 1px;
  font-size: 9px;
  z-index: 1;
  position: absolute;
  width: 500px;
  top: 160px;
  left: 50%;
  margin-left: -250px;
  text-align: center; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .search-fail {
    left: 0;
    margin-left: 0;
    position: relative;
    top: 120px;
    width: 100vw; } }

.search-error {
  color: #fff;
  text-align: center;
  margin: 40px auto;
  letter-spacing: 1px;
  font-size: 9px;
  z-index: 1;
  position: absolute;
  width: 500px;
  margin-left: -250px;
  top: 50%;
  left: 50%;
  line-height: 3em;
  margin-top: -18px;
  text-align: center; }

.highlight {
  border-bottom: 1px solid red !important; }

.search-form input[type=text]::-webkit-input-placeholder {
  color: #000; }

.search-form input[type=text]:-moz-placeholder {
  color: #000; }

.search-form input[type=text]::-moz-placeholder {
  color: #000; }

.search-form input[type=text]:-ms-input-placeholder {
  color: #000; }

.search-form {
  width: 450px;
  margin: 0 auto; }

.search-form input[type=text] {
  padding: 8px 3px;
  border: none;
  border-bottom: 1px solid rgba(1, 1, 1, 0.3);
  font-family: "SackersGothicStd-Medium", sans-serif;
  font-size: 9px;
  letter-spacing: 1px;
  margin-bottom: 30px !important;
  text-transform: uppercase;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 100%; }

.search-form input[type=text]:focus {
  border-bottom: 1px solid #010101; }

.template-search {
  background: #000; }

.search-prod:hover .prod-caption {
  opacity: 1; }

.search-prod .prod-caption a {
  font-size: 9px;
  line-height: 1.7em;
  color: #fff; }

.button-gray {
  text-transform: uppercase;
  background-color: #e0e0e0;
  border: 1px solid rgba(224, 224, 224, 0.3);
  box-sizing: border-box;
  color: #fff;
  font-family: "SackersGothicStd-Medium", sans-serif;
  font-size: 9px;
  letter-spacing: 1px;
  margin-top: 6px;
  margin-bottom: 6px;
  outline: none;
  padding: 11px;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  width: 100%; }

.search-button.overall-button,
.search-button.button-gray {
  margin: 0; }

.terms-wrapper {
  background-color: #fff;
  position: fixed;
  top: 70px;
  left: 0;
  bottom: 70px;
  right: 0;
  overflow-x: auto; }
@media screen and (min-width: 1024px) {
  .terms-wrapper {
    bottom: 94px;
    top: 94px; } }

.terms-wrapper__inner {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%; }

.terms-wrapper__content {
  margin: auto;
  max-width: 768px;
  padding: 20px;
  text-align: center;
  width: 100%; }
.terms-wrapper__content p {
  color: #000;
  font-family: "freight-display-pro", serif;
  font-size: 13px;
  line-height: 1.75;
  height: auto;
  letter-spacing: .08em;
  line-height: 20px;
  padding: 0;
  text-align: justify;
  text-transform: none; }
.terms-wrapper__content h2, .terms-wrapper__content h3 {
  font-size: 11px;
  margin-bottom: 22px; }
.terms-wrapper__content h3 {
  font-size: 9px; }

.account-table-wrapper {
  background-color: #fff;
  position: fixed;
  top: 94px;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-x: auto; }
.account-table-wrapper tr {
  height: 100%; }
.account-table-wrapper td {
  height: 100%;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 100%; }
@media screen and (min-width: 1024px) {
  .account-table-wrapper {
    height: -webkit-calc(100vh - 94px);
    height: calc(100vh - 94px);
    padding-top: 0; } }

.customers-vertical-center-wrapper {
  background-color: #fff;
  bottom: 0;
  height: 100%;
  max-width: 580px;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  z-index: 100; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .customers-vertical-center-wrapper {
    height: -webkit-calc(100vh - 70px);
    height: calc(100vh - 70px); } }

.back-button {
  display: block;
  position: relative;
  letter-spacing: 1px; }

.back1 {
  height: 100%;
  width: 100%; }

.back2 {
  display: none; }

.account-table-wrapper .account-page-wrapper,
.account-table-wrapper .account-page-wrapper--account {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%; }

.account-page-wrapper {
  width: 100%; }
.account-page-wrapper select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  cursor: pointer;
  font-family: "SackersGothicStd-Medium", sans-serif;
  font-size: 9px;
  letter-spacing: 1px;
  padding: 8px 3px 9px 3px;
  position: relative;
  text-transform: uppercase;
  -webkit-transition: border 0.3s ease-in-out;
  transition: border 0.3s ease-in-out;
  vertical-align: top;
  width: 100%;
  z-index: 8; }
.account-page-wrapper select:hover {
  border-bottom: 1px solid black; }

.account-page-wrapper--account {
  height: auto;
  margin-top: 0;
  width: 100%; }

.account-page-wrapper__flex-inner,
.account-page-wrapper__flex-inner--account {
  margin: auto;
  max-width: 450px;
  padding-top: 45px;
  width: 100%; }

.account-page-wrapper__flex-inner--account {
  max-width: 782px; }

.account-page-wrapper--flex {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.account-top-content-wrapper {
  color: #000;
  display: block;
  font-size: 9px;
  height: 240px;
  margin: 0;
  position: relative; }
.account-top-content-wrapper p {
  font-size: 9px;
  letter-spacing: 1px;
  line-height: 16px; }

.address-display {
  font-size: 9px;
  letter-spacing: 1px;
  line-height: 16px;
  text-align: center; }
@media screen and (min-width: 1024px) {
  .address-display {
    text-align: left; } }

.account-customer-details,
.account-customer-address {
  display: inline-block;
  height: auto;
  position: relative;
  text-align: center;
  width: 100%; }
@media screen and (min-width: 1024px) {
  .account-customer-details,
  .account-customer-address {
    text-align: left; } }

.account-customer-address {
  height: 100px;
  margin-top: 21px; }

.account-bottom-block {
  margin-bottom: 40px; }

.account-bottom-block > p {
  font-size: 9px;
  letter-spacing: 1px;
  text-align: center; }

#view_address {
  position: relative; }

.change-address-button {
  display: block;
  font-size: 9px;
  letter-spacing: 1px;
  padding-top: 10px;
  position: relative;
  text-align: center; }
.change-address-button a {
  display: block; }
@media screen and (min-width: 1024px) {
  .change-address-button {
    text-align: left; } }

.order-variables-wrapper {
  position: relative;
  height: auto;
  margin: 0 auto;
  width: 100%;
  text-align: left;
  font-size: 9px;
  letter-spacing: 1px;
  line-height: 16px; }
.order-variables-wrapper th {
  padding-bottom: 5px; }

.placed-order-wrapper {
  margin-top: 20px; }
.placed-order-wrapper:before {
  content: '';
  display: block;
  height: 20px; }
.placed-order-wrapper td {
  padding-top: 7px; }

.existing-addresses-wrapper {
  margin: 0;
  padding: 20px 0 0 0;
  width: 100%; }
.existing-addresses-wrapper.existing-addresses-wrapper--1 {
  padding: 0; }

.existing-addresses-left,
.existing-addresses-right {
  display: block;
  height: 100%;
  text-align: center;
  width: 100%; }
@media screen and (min-width: 1024px) {
  .existing-addresses-left,
  .existing-addresses-right {
    text-align: left; } }

.existing-addresses-left {
  margin-top: 10px; }
.existing-addresses-left:first-of-type {
  margin-top: 0; }
@media screen and (min-width: 1024px) {
  .existing-addresses-left {
    margin-top: 0; } }

.input-menu-select {
  border: 1px solid rgba(1, 1, 1, 0.3); }

.address-h2 {
  padding-bottom: 30px; }

.address-h4 {
  font-size: 9px;
  padding: 5px 5px 10px 0;
  line-height: 11px; }

.address-p {
  display: block;
  height: auto;
  padding-bottom: 6px;
  line-height: 11px;
  color: #000;
  letter-spacing: 1px;
  font-size: 9px; }

#product-select {
  visibility: hidden; }

.menu-select {
  background: url("//cdn.shopify.com/s/files/1/1503/0930/t/3/assets/arrow-down-box-black.svg?v=73857493920710860171490448971") 97.5% 45% no-repeat;
  background-size: 10px 10px; }

.selector-wrapper select {
  width: 100%; }

.selector-wrapper #quantity {
  float: right; }

.address-button-wrapper {
  display: block;
  width: 100%; }
@media screen and (min-width: 1024px) {
  .address-button-wrapper {
    padding-top: 0; } }

#edit_address {
  font-size: 9px;
  padding: 5px 5px 30px 5px;
  width: 100%; }
#edit_address p {
  font-size: 9px;
  letter-spacing: 1px;
  line-height: 16px; }

.add-address-button {
  margin: 2em auto;
  position: relative;
  width: 90%; }
@media screen and (min-width: 1024px) {
  .add-address-button {
    width: 450px; } }

.adding-address-wrapper {
  display: none;
  width: 100%; }

.adding-address-wrapper-active {
  display: block; }

.reset {
  color: #000;
  cursor: pointer;
  font-weight: bold;
  line-height: 2em;
  margin-bottom: 15px; }

#create_customer,
#customer,
#create_customer {
  font-size: 9px;
  letter-spacing: 1px; }

#account .total.money .money {
  font-size: 9px; }

#account #template {
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  width: 100%; }
.flexbox #account #template {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

#account .template_header {
  display: none; }

#create_customer .btn:focus,
#customer_login .btn:focus,
#customer input:focus {
  border-bottom: 1px solid #010101; }

#customer-content h1 {
  font-size: 12px; }

#customer-content .page-header {
  margin: 0;
  padding: 0; }

.customer-name {
  font-weight: bold; }

.input-menu::-webkit-input-placeholder {
  color: #000;
  opacity: 1; }

.input-menu:-moz-placeholder {
  color: #000;
  opacity: 1; }

.input-menu::-moz-placeholder {
  color: #000;
  opacity: 1; }

.input-menu:-ms-input-placeholder {
  color: #000;
  opacity: 1; }

#forgot_password {
  opacity: 0.6; }

#forgot_password {
  margin-top: 10px; }

#customer .note {
  margin-top: 12px; }

.create-account-headline {
  margin-top: 60px; }

.recover-login-page {
  margin-top: -95px; }

/* FORM SYLES */
.input-div {
  position: relative;
  margin-bottom: 10px;
  height: auto; }

.input-menu {
  border: 0;
  border-bottom: 1px solid rgba(1, 1, 1, 0.3);
  width: 100%;
  padding: 8px 3px;
  letter-spacing: 1px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  font-size: 9px;
  text-transform: uppercase;
  font-family: "SackersGothicStd-Medium", sans-serif; }
.input-menu:focus {
  border-bottom: 1px solid #010101; }

.input-menu-section {
  border: 0;
  border: 1px solid rgba(1, 1, 1, 0.3);
  font-family: "SackersGothicStd-Medium", sans-serif;
  font-size: 9px;
  letter-spacing: 1px;
  padding: 8px 3px;
  text-transform: uppercase;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 100%; }
.input-menu-section:focus {
  border: 1px solid #010101; }

.input-padding-bottom {
  margin-bottom: 36px; }

#addresses .input-center-wrapper {
  margin: 0 auto;
  text-align: left;
  width: 100%; }
@media screen and (min-width: 1024px) {
  #addresses .input-center-wrapper {
    padding: 0;
    max-width: 100%; } }

.register-back-button {
  color: #000;
  cursor: pointer;
  font-size: 9px;
  height: 20px;
  margin: 25px auto 15px auto;
  text-align: center;
  width: 200px; }

.switch-login-recover {
  margin: 25px auto; }

.btn--forgot-password {
  margin-bottom: 30px; }

.btn--register-back {
  margin-bottom: 0; }

.edit_address-wrapper .address-button-wrapper .add-address {
  display: none !important; }

.adding-address-wrapper,
.edit-address-wrapper {
  height: auto;
  overflow: hidden;
  padding: 30px 0 0;
  width: 100%;}
@media screen and (min-width: 1024px) {
  .adding-address-wrapper,
  .edit-address-wrapper {
    height: auto;
    overflow: hidden;
    padding: 30px 0 0; } }
#address_form_new {
  max-width: 100%;
  width: 100%;
}

.checkbox {
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px; }
.checkbox:hover {
  cursor: pointer; }
.checkbox.input-menu {
  text-align: left; }
.checkbox label {
  background: transparent;
  border: 1px solid rgba(1, 1, 1, 0.6);
  cursor: pointer;
  height: 12px;
  left: 0;
  position: absolute;
  top: 0;
  width: 12px;
  z-index: -1; }
.checkbox label:after {
  background: #000;
  border: 1.2px solid white;
  box-sizing: border-box;
  content: '';
  height: 100%;
  opacity: 0;
  position: absolute;
  -webkit-transition: opacity 0.666s ease;
  transition: opacity 0.666s ease;
  width: 100%; }
.checkbox input[type=checkbox] {
  display: block;
  height: 13px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 13px; }
.checkbox input[type=checkbox]:hover {
  cursor: pointer; }
.checkbox input[type=checkbox]:checked + label:after {
  opacity: 1; }

.input-menu.checkbox {
  border-bottom: 0; }

.btn-default-address {
  color: #000;
  font-size: 9px;
  left: 0;
  padding-left: 20px;
  position: absolute;
  top: 12px; }

.customer__recover {
  min-height: 224px; }

.customer__login,
.customer__register {
  min-height: 280px; }

#customer_logout_link {
  cursor: pointer;
  margin-right: 0;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }
#customer_logout_link:hover {
  opacity: 0.6; }

.customer__b2b-message {
  bottom: 30px;
  color: #000;
  left: 50%;
  max-width: 580px;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  z-index: 100; }
.customer__b2b-message p {
  font-size: 9px;
  text-align: center; }

.iframe--journal {
  height: -webkit-calc(100vh - 70px);
  height: calc(100vh - 70px);
  margin-top: 70px;
  width: 100%; }
@media screen and (min-width: 1024px) {
  .iframe--journal {
    height: -webkit-calc(100vh - 94px);
    height: calc(100vh - 94px);
    margin-top: 94px; } }

.page-404 {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -300px;
  width: 600px;
  text-align: center; }
.page-404 > p {
  font-size: 9px;
  margin-top: 10px;
  color: #000;
  letter-spacing: 1px;
  line-height: 20px; }
.page-404 > h1 {
  font-size: 16px; }

.proxy-social {
  position: relative;
  top: 94px; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .proxy-social {
    top: 70px; } }
.proxy-social .pagination {
  visibility: hidden; }
.no-js .proxy-social .pagination {
  visibility: visible; }
.proxy-social #content {
  position: absolute;
  top: 0;
  background-color: #ffffff;
  margin-bottom: 94px; }
.proxy-social #content.signed-in {
  top: 94px;
  position: absolute;
  background-color: #ffffff;
  height: auto;
  width: 100vw; }
.proxy-social #content.signed-in.product-grid {
  background-color: #000000; }
.proxy-social .close-menu {
  cursor: pointer;
  height: 22px;
  width: 22px;
  position: absolute;
  right: 39px;
  top: 0;
  display: none; }
.proxy-social #shoppable-bar {
  height: 94px;
  width: 100vw;
  background-color: #ffffff;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 999; }
.proxy-social #shoppable-bar .items-shoppable {
  cursor: default;
  font-size: 10px;
  position: absolute;
  top: 50%;
  left: 45px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }
.proxy-social #shoppable-bar .items-shoppable:hover {
  opacity: 1; }
.proxy-social #shoppable-bar .filter-shoppable {
  font-size: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
.proxy-social #shoppable-bar .follow-shoppable {
  font-size: 10px;
  position: absolute;
  top: 50%;
  right: 45px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }
.proxy-social #shoppable-bar .follow-shoppable:hover {
  opacity: 0.6;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }
.proxy-social #shoppable-bar .close-shoppable {
  cursor: pointer;
  height: 20px;
  width: 20px;
  position: absolute;
  right: 13px;
  top: 13px; }
.proxy-social #filter-overlay {
  cursor: pointer;
  height: 100vh;
  width: 100vw;
  position: fixed;
  left: 0;
  top: 100vh;
  z-index: 999;
  background-color: #ffffff;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
.proxy-social #filter-overlay.open {
  -webkit-transform: translateY(-100vh);
  -ms-transform: translateY(-100vh);
  transform: translateY(-100vh); }
.proxy-social #filter-overlay-close {
  cursor: default;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 555; }
@media screen and (min-width: 1024px) {
  .proxy-social #filter-overlay-close {
    cursor: url("//cdn.shopify.com/s/files/1/1503/0930/t/3/assets/activate_hover_white_arrow_exit.png?v=66988833150880740031490448970"), auto; } }
.proxy-social #filter-overlay-container {
  left: 50%;
  padding: 3rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 666; }
.proxy-social #filter-overlay-container h2 {
  cursor: pointer;
  font-size: 10px;
  margin: 0;
  padding: 0;
  text-align: center; }
.proxy-social #filter-overlay-container input {
  display: none; }
.proxy-social .feed-link {
  left: 40px;
  position: fixed;
  top: 37px;
  z-index: 1002; }
.proxy-social .feed-link img {
  height: 20px;
  width: 20px; }
.proxy-social #store-canvas {
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0; }
.proxy-social .collection {
  position: relative;
  margin: 0 auto;
  width: 200px; }
.proxy-social .collection h2 {
  font-weight: normal;
  font-size: 10px;
  position: relative;
  text-align: center;
  text-decoration: none; }
.proxy-social #form-bar {
  height: 94px;
  width: 100vw;
  background-color: #ffffff;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 1000; }
.proxy-social .field.viewable {
  position: fixed;
  left: 40px;
  bottom: 38px;
  z-index: 1002; }
.proxy-social .field.viewable h2 {
  margin-left: 20px;
  cursor: default; }
.proxy-social .field.viewable h2:hover {
  opacity: 1 !important; }
.proxy-social .viewable input[type="checkbox"] {
  display: none; }
.proxy-social .viewable input[type="checkbox"] + label {
  cursor: pointer;
  position: absolute;
  width: 12px;
  height: 12px;
  top: 3px;
  left: 0;
  z-index: -1;
  background: transparent;
  border: 1px solid rgba(1, 1, 1, 0.6);
  box-sizing: border-box; }
.proxy-social .viewable input[type="checkbox"] + label span {
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid #ffffff;
  box-sizing: border-box; }
.proxy-social .viewable input[type="checkbox"] + label span input, .proxy-social .viewable input[type="checkbox"] + label span h2 {
  display: inline-block;
  font-size: 10px;
  font-weight: normal; }
.proxy-social .viewable input[type="checkbox"]:checked + label span {
  background-color: #000000; }
.proxy-social #filter-link {
  bottom: 36px;
  color: #333;
  cursor: pointer;
  font-size: 10px;
  font-weight: normal;
  left: 50%;
  letter-spacing: 1px;
  position: fixed;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  z-index: 1002; }
.proxy-social #filter-link:hover {
  opacity: 0.6; }
.proxy-social .submit-button {
  bottom: 36px;
  position: fixed;
  right: 40px;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  z-index: 1002; }
.proxy-social .submit-button:hover {
  opacity: 0.6; }
.proxy-social .submit-button a,
.proxy-social .submit-button a:hover,
.proxy-social .submit-button a:visited {
  font-size: 10px;
  color: #333; }
.proxy-social .submit-button {
  padding: 0;
  margin: 0; }
.proxy-social .submit-button input {
  font-size: 10px;
  border: none;
  background: none;
  outline: none;
  text-transform: uppercase;
  letter-spacing: 1px; }
.proxy-social .submit-button:hover {
  opacity: 0.6; }
.proxy-social .empty-collection {
  color: #ffffff;
  cursor: text;
  font-size: 10px;
  left: 50%;
  outline: none;
  position: fixed;
  text-align: center;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
.proxy-social .empty-collection:focus {
  outline: none; }
.proxy-social .empty-collection:hover {
  opacity: 1 !important; }
.proxy-social .back-button {
  color: #ffffff;
  display: block;
  font-size: 10px;
  left: 50%;
  position: fixed;
  top: 54%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 120px; }
.proxy-social .back-button a {
  color: white;
  outline: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }
.proxy-social .back-button a:hover {
  opacity: 0.5; }
.proxy-social a {
  outline: 0; }
.proxy-social #posts {
  padding-bottom: 94px; }
.proxy-social .post,
.proxy-social .grid-container {
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
  background-color: #000000;
  overflow: hidden;
  cursor: pointer;
  width: -webkit-calc(100vw / 3);
  width: calc(100vw / 3); }
.proxy-social .img-grid {
  cursor: pointer;
  display: block;
  height: -webkit-calc(100vw / 3);
  height: calc(100vw / 3);
  margin: 0;
  padding: 0;
  position: relative;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(100%);
  filter: gray;
  -webkit-transition: -webkit-filter 4s ease-in-out, filter 4s ease-in-out;
  transition: -webkit-filter 4s ease-in-out, filter 4s ease-in-out;
  width: -webkit-calc(100vw / 3);
  width: calc(100vw / 3); }
.proxy-social .img-grid:hover {
  -webkit-filter: none;
  filter: none;
  -webkit-transition: -webkit-filter 1s ease-in-out, filter 1s ease-in-out;
  transition: -webkit-filter 1s ease-in-out, filter 1s ease-in-out; }
.proxy-social .hover-container {
  background-color: #000000;
  color: #ffffff;
  display: none;
  height: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 500; }
.proxy-social .hover-container a,
.proxy-social .hover-container h2 {
  color: #ffffff;
  padding: 0; }
.proxy-social .hover-container a:hover,
.proxy-social .hover-container a:visited {
  background-color: transparent;
  color: #ffffff; }
.proxy-social h2 {
  color: #000000;
  cursor: pointer;
  font-family: "SackersGothicStd-Medium", sans-serif;
  font-weight: normal;
  font-size: 10px;
  letter-spacing: 1px;
  line-height: 10px;
  margin: 0;
  padding: 5px;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }
.proxy-social h2:hover {
  opacity: 0.6; }
.proxy-social h2.product-name,
.proxy-social h2.product-price {
  bottom: 0;
  color: #ffffff !important;
  font-size: 10px;
  left: 0;
  padding: 0 20px 30px 20px;
  position: absolute;
  text-transform: uppercase;
  z-index: 1001; }
.proxy-social h2.product-price {
  left: auto;
  right: 0; }
.proxy-social p {
  font-family: "SackersGothicStd-Medium", sans-serif;
  font-size: 10px;
  letter-spacing: 1px;
  line-height: 10px;
  margin: 0;
  padding: 5px; }
.proxy-social .hover-container.white {
  background-color: #ffffff;
  color: #000000;
  text-align: center; }
.proxy-social .hover-container.white a {
  color: #000000; }
.proxy-social .hover-container.white a:hover,
.proxy-social .hover-container.white a:visited {
  background-color: transparent;
  color: #000000; }
.proxy-social .hover-text {
  font-size: 10px;
  left: 10%;
  letter-spacing: 1px;
  line-height: 18px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 80%; }
.proxy-social .hover-text a {
  padding: 0 !important;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }
.proxy-social .hover-text a:hover {
  opacity: 0.6; }
.proxy-social .hover-img {
  position: relative;
  height: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }
.proxy-social .close-hover {
  display: none; }
.proxy-social .label-product {
  background-color: #000000;
  float: left;
  height: -webkit-calc(100vw / 3);
  height: calc(100vw / 3);
  margin: 0;
  padding: 0;
  width: -webkit-calc(100vw / 4);
  width: calc(100vw / 4); }
.proxy-social .img-product {
  height: -webkit-calc(100vw / 3);
  height: calc(100vw / 3);
  left: 50%;
  position: relative;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }
.proxy-social .img-product:hover {
  opacity: 0.5; }
.proxy-social .hide-edit {
  display: none; }
.proxy-social .label-product > .radio-product,
.proxy-social .label-store > .radio-store {
  display: none;
  position: absolute; }
.proxy-social .label-product > .radio-product + .img-product,
.proxy-social .label-store > .radio-store + .img-store {
  cursor: pointer;
  border: 2px solid transparent; }
.proxy-social .label-product > .radio-product:checked + .img-product {
  opacity: 0.5; }
.proxy-social .label-product > .radio-product:checked + .img-product:hover {
  opacity: 0.5 !important; }
.proxy-social .label-product > .radio-product:checked + .img-product:hover {
  opacity: 1; }
.proxy-social #account-links {
  font-size: 10px;
  padding: 5px;
  position: relative;
  text-align: center; }
.proxy-social #account-links a {
  color: #000000;
  display: block;
  font-family: "SackersGothicStd-Medium", sans-serif;
  font-size: 10px;
  letter-spacing: 1px;
  line-height: 10px;
  padding: 5px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }
.proxy-social #account-links-header {
  color: #8F8F8F;
  font-family: "SackersGothicStd-Medium", sans-serif;
  font-size: 10px;
  letter-spacing: 1px;
  line-height: 10px;
  margin: 0;
  padding-bottom: 5px;
  text-align: center; }
.proxy-social #account-links-header-two {
  color: #8F8F8F;
  font-family: "SackersGothicStd-Medium", sans-serif;
  font-size: 10px;
  letter-spacing: 1px;
  line-height: 10px;
  margin: 30px 0 0 0;
  padding-bottom: 5px;
  text-align: center; }
.proxy-social #account-links a:hover {
  opacity: 0.6; }
.proxy-social #footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  height: 40px;
  background-color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  z-index: 100; }
.proxy-social #footer .copyright {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto; }
.proxy-social #footer .copyright p {
  color: #000000;
  cursor: pointer;
  display: inline;
  float: left;
  font-size: 8px;
  opacity: 0.6;
  padding: 0 10px 0 10px;
  text-align: center;
  width: 100%; }
.proxy-social .info-icon {
  display: none; }
.proxy-social .login-page-wrapper {
  background-color: #ffffff;
  display: none;
  height: 100vh;
  position: absolute;
  width: 100vw;
  z-index: 10; }
.proxy-social #loader {
  background-color: #ffffff;
  position: fixed;
  display: block;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 999; }
.proxy-social #loader svg {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
.proxy-social .ui-tooltip, .proxy-social .arrow:after {
  background: black;
  border: none; }
.proxy-social .ui-tooltip {
  padding: 5px 5px 5px 5px;
  color: white;
  border-radius: 3px;
  font-family: "SackersGothicStd-Medium", sans-serif;
  font-weight: 300;
  font-size: 8px;
  text-transform: uppercase; }
.proxy-social .arrow {
  width: 70px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -35px;
  bottom: -16px; }
.proxy-social .arrow.top {
  top: -16px;
  bottom: auto; }
.proxy-social .arrow.left {
  left: 20%; }
.proxy-social .arrow:after {
  content: "";
  position: absolute;
  left: 20px;
  top: -20px;
  width: 22px;
  height: 22px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }
.proxy-social .arrow.top:after {
  bottom: -20px;
  top: auto; }
.proxy-social .cbp-spmenu {
  background: #ffffff;
  position: fixed; }
.proxy-social .cbp-spmenu-horizontal {
  height: -webkit-calc(100vh - 94px);
  height: calc(100vh - 94px);
  left: 0;
  overflow: hidden;
  width: 100vw;
  z-index: 1000; }
.proxy-social .cbp-spmenu-bottom {
  bottom: -webkit-calc(-100vh);
  bottom: calc(-100vh);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
.proxy-social .cbp-spmenu-top.menu-open {
  height: -webkit-calc(100% - 94px);
  height: calc(100% - 94px);
  top: 0; }
.proxy-social .cbp-spmenu-bottom.menu-open {
  cursor: url("activate_hover_white_arrow_exit.png"), auto;
  -webkit-transform: translateY(-100vh);
  -ms-transform: translateY(-100vh);
  transform: translateY(-100vh); }
.proxy-social .push-body {
  overflow-x: hidden;
  position: relative;
  left: 0; }
.proxy-social .cbp-spmenu,
.proxy-social .push-body {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }

@media screen and (max-width: 767px), screen and (min-device-width: 1px) and (max-device-width: 767px) {
  .proxy-social #content {
    margin-bottom: 70px; }
  .proxy-social .post,
  .proxy-social .grid-container {
    width: 100vw;
    height: 100vw; }
  .proxy-social .post:last-of-type:after {
    content: "";
    display: block;
    height: 70px; }
  .proxy-social .hover-container {
    width: 100vw;
    height: 100vw; }
  .proxy-social .hover-container a {
    padding: 0; }
  .proxy-social .label-product {
    width: -webkit-calc(100vw / 3);
    width: calc(100vw / 3); }
  .proxy-social .img-grid {
    width: 100vw;
    height: 100vw;
    cursor: pointer; }
  .proxy-social .hover-img {
    height: 100vw; }
  .proxy-social .close-hover {
    height: 15px;
    widows: 15px;
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer; }
  .proxy-social .feed-link {
    left: 20px;
    top: 27px; }
  .proxy-social .refresh-button input[type="submit"] {
    left: 20px;
    top: 27px;
    -webkit-animation: none;
    animation: none; }
  .proxy-social .refresh-button input[type="submit"]:hover {
    -webkit-animation: none;
    animation: none; }
  .proxy-social .logo {
    width: 150px;
    height: 30px;
    margin-left: -75px;
    top: 33px; }
  .proxy-social .remove-product {
    background-image: url("trash.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    bottom: 27px;
    height: 20px;
    left: auto;
    margin-left: 0;
    position: fixed;
    right: 60px;
    width: 20px;
    z-index: 1002; }
  .proxy-social .remove-product h2 {
    text-indent: -9999px;
    white-space: nowrap; }
  .proxy-social .remove-product h2:hover {
    opacity: 1; }
  .proxy-social .submit-button {
    background-image: url("save.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    bottom: 27px;
    height: 20px;
    position: fixed;
    right: 20px;
    width: 20px;
    z-index: 1002; }
  .proxy-social .submit-button input {
    content: '';
    height: 40px;
    width: 40px;
    position: fixed;
    right: 10px;
    bottom: 17px;
    padding: 0;
    text-indent: -9999px;
    white-space: nowrap; }
  .proxy-social .submit-button input:hover {
    opacity: 1; }
  .proxy-social .submit-button h2 {
    text-indent: -9999px;
    white-space: nowrap; }
  .proxy-social .submit-button h2:hover {
    opacity: 1; }
  .proxy-social .field.viewable {
    left: 20px;
    bottom: 27px; }
  .proxy-social .field.viewable .styled-label {
    border: 2px solid #010101;
    width: 20px;
    height: 20px; }
  .proxy-social .field.viewable .styled-label span {
    border: 2px solid #ffffff; }
  .proxy-social .field.viewable h2 {
    margin-left: 28px;
    margin-top: 4px; }
  .proxy-social #filter-link {
    background-image: url("filter.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    bottom: 27px;
    height: 20px;
    outline: 0;
    left: 50%;
    letter-spacing: 1px;
    margin-left: -10px;
    text-indent: -99999px;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    white-space: nowrap;
    width: 20px; }
  .proxy-social #header {
    height: 70px; }
  .proxy-social input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important; }
  .proxy-social .info-active {
    -webkit-transform: translateY(-80px);
    -ms-transform: translateY(-80px);
    transform: translateY(-80px); }
  .proxy-social .info-icon {
    background-image: url("info.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    bottom: 20px;
    display: block;
    left: 50%;
    height: 20px;
    margin-left: -10px;
    position: absolute;
    width: 20px; }
  .proxy-social #footer {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #000000;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 80px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    width: 100%;
    z-index: 9; }
  .proxy-social #footer .copyright {
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%; }
  .proxy-social #footer .copyright p {
    opacity: 0.6;
    font-size: 8px;
    color: #ffffff;
    display: inline;
    cursor: pointer;
    position: absolute;
    margin: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    padding: 0; }
  .proxy-social .ui-tooltip,
  .proxy-social .arrow:after,
  .proxy-social .ui-tooltip,
  .proxy-social .arrow,
  .proxy-social .arrow.top,
  .proxy-social .arrow.left,
  .proxy-social .arrow:after,
  .proxy-social .arrow.top:after {
    display: none !important; }
  .proxy-social #shoppable-bar {
    height: 70px; }
  .proxy-social #shoppable-bar .items-shoppable,
  .proxy-social #shoppable-bar .follow-shoppable {
    display: none; }
  .proxy-social .cbp-spmenu-horizontal {
    height: -webkit-calc(100vh - 70px);
    height: calc(100vh - 70px); } }

@media screen and (max-width: 1024px), screen and (min-device-width: 1px) and (max-device-width: 1024px) {
  .post,
  .grid-container {
    width: -webkit-calc(100vw / 3);
    width: calc(100vw / 3); }
  .img-grid {
    height: -webkit-calc(100vw / 3);
    height: calc(100vw / 3);
    width: -webkit-calc(100vw / 3);
    width: calc(100vw / 3); }
  .label-product {
    height: -webkit-calc(100vw / 3);
    height: calc(100vw / 3); }
  .img-product {
    height: -webkit-calc(100vw / 3);
    height: calc(100vw / 3); }
  .label-product {
    width: -webkit-calc(100vw / 3);
    width: calc(100vw / 3); } }

/**
* fullPage 2.6.4 <https://github.com/alvarotrigo/fullPage.js>
*/
html.fp-enabled,
.fp-enabled body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent; }

#superContainer {
  height: 100%;
  position: relative;
  /* Touch detection for Windows 8 */
  -ms-touch-action: none;
  /* IE 11 on Windows Phone 8.1*/
  touch-action: none; }

.fp-section {
  position: relative;
  box-sizing: border-box; }

.fp-slide {
  float: left; }

.fp-slide,
.fp-slidesContainer {
  height: 100%;
  display: block; }

.fp-slides {
  z-index: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.fp-section.fp-table,
.fp-slide.fp-table {
  display: table;
  table-layout: fixed;
  width: 100%; }

.fp-tableCell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%; }

.fp-slidesContainer {
  float: left;
  position: relative; }

.fp-controlArrow {
  border-style: solid;
  cursor: pointer;
  height: 0;
  position: absolute;
  top: 100px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 0;
  z-index: 4; }

.fp-controlArrow.fp-prev {
  cursor: url("//cdn.shopify.com/s/files/1/1503/0930/t/3/assets/activate_hover_white_arrow_left_09.png?v=86501992310658512821490448970"), auto;
  height: 100%;
  left: 0;
  width: 40%; }

.fp-controlArrow.fp-next {
  cursor: url("//cdn.shopify.com/s/files/1/1503/0930/t/3/assets/activate_hover_white_arrow_right.png?v=90925710172682508651490448970"), auto;
  height: 100%;
  right: 0;
  width: 40%; }

.fp-scrollable {
  overflow: scroll; }

.fp-notransition {
  -webkit-transition: none !important;
  transition: none !important; }

#fp-nav {
  position: fixed;
  z-index: 9;
  margin-top: -32px;
  top: 50%;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

#fp-nav.right {
  right: 17px; }

#fp-nav.left {
  left: 17px; }

.fp-slidesNav {
  position: absolute;
  z-index: 4;
  left: 50%;
  opacity: 1; }

.fp-slidesNav.bottom {
  bottom: 17px; }

.fp-slidesNav.top {
  top: 17px; }

#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0; }

#fp-nav ul li,
.fp-slidesNav ul li {
  display: block;
  width: 14px;
  height: 13px;
  margin: 7px;
  position: relative; }

.fp-slidesNav ul li {
  display: inline-block; }

#fp-nav ul li a,
.fp-slidesNav ul li a {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none; }

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span {
  height: 8px;
  width: 8px;
  margin: -4px 0 0 -4px;
  border-radius: 100%; }

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  height: 4px;
  width: 4px;
  border: 0;
  background: #4B4B4B;
  left: 50%;
  top: 50%;
  margin: -2px 0 0 -2px;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }

#fp-nav ul li .fp-tooltip {
  position: absolute;
  top: -2px;
  color: #fff;
  font-size: 14px;
  /**font-family: arial, helvetica, sans-serif;**/
  white-space: nowrap;
  max-width: 220px;
  overflow: hidden;
  display: block;
  opacity: 0;
  width: 0; }

#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  width: auto;
  opacity: 1; }

#fp-nav ul li .fp-tooltip.right {
  right: 20px; }

#fp-nav ul li .fp-tooltip.left {
  left: 20px; }

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-clearfix {
  min-height: 0; }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0); }

.ui-front {
  z-index: 100; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin-top: 2px;
  padding: 0.5em 0.5em 0.5em 0.7em;
  min-height: 0;
  /* support: IE7 */ }

.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em; }

.ui-accordion .ui-accordion-noicons {
  padding-left: .7em; }

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em; }

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px; }

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto; }

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default; }

.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible; }

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none; }

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2.2em; }

/* button elements seem to need a little more width */
button.ui-button-icon-only {
  width: 2.4em; }

.ui-button-icons-only {
  width: 3.4em; }

button.ui-button-icons-only {
  width: 3.7em; }

/* button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: normal; }

.ui-button-text-only .ui-button-text {
  padding: 0.4em 1em; }

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px; }

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 1em 0.4em 2.1em; }

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 2.1em 0.4em 1em; }

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em; }

/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: 0.4em 1em; }

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px; }

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px; }

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: .5em; }

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: .5em; }

/* button sets */
.ui-buttonset {
  margin-right: 7px; }

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -.3em; }

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0; }

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px; }

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%; }

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 0.4em; }

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0; }

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0; }

.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative; }

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis; }

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 21px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px; }

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto; }

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: 0.3em 1em 0.5em 0.4em; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right; }

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer; }

.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px; }

.ui-draggable .ui-dialog-titlebar {
  cursor: move; }

.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  outline: none; }

.ui-menu .ui-menu {
  margin-top: -3px;
  position: absolute; }

.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  width: 100%;
  /* support: IE10, see #8844 */
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); }

.ui-menu .ui-menu-divider {
  margin: 5px -2px 5px -2px;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0; }

.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 2px 0.4em;
  line-height: 1.5;
  min-height: 0;
  /* support: IE7 */
  font-weight: normal; }

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px; }

.ui-menu .ui-state-disabled {
  font-weight: normal;
  margin: 0.4em 0 0.2em;
  line-height: 1.5; }

.ui-menu .ui-state-disabled a {
  cursor: default; }

/* icon support */
.ui-menu-icons {
  position: relative; }

.ui-menu-icons .ui-menu-item a {
  position: relative;
  padding-left: 2em; }

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: .2em;
  left: .2em; }

/* right-aligned */
.ui-menu .ui-menu-icon {
  position: static;
  float: right; }

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden; }

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%; }

.ui-progressbar .ui-progressbar-overlay {
  background: url("images/animated-overlay.gif");
  height: 100%;
  filter: alpha(opacity=25);
  opacity: 0.25; }

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none; }

.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block; }

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black; }

.ui-slider {
  position: relative;
  text-align: left; }

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default; }

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0; }

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  -webkit-filter: inherit;
  filter: inherit; }

.ui-slider-horizontal {
  height: .8em; }

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em; }

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

.ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

.ui-slider-vertical {
  width: .8em;
  height: 100px; }

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em; }

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%; }

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0; }

.ui-slider-vertical .ui-slider-range-max {
  top: 0; }

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle; }

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 22px; }

.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0; }

/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none; }

/* vertical centre icon */
.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0; }

.ui-spinner-up {
  top: 0; }

.ui-spinner-down {
  bottom: 0; }

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
  /* need to fix icons sprite */
  background-position: -65px -16px; }

.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: .2em; }

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0; }

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap; }

.ui-tabs .ui-tabs-nav li a {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
  cursor: text; }

.ui-tabs .ui-tabs-nav li a,
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
  cursor: pointer; }

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none; }

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  box-shadow: 0 0 5px #aaa; }

body .ui-tooltip {
  border-width: 2px; }

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em; }

.ui-widget-content {
  border: 1px solid #aaaaaa;
  background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
  color: #222222; }

.ui-widget-content a {
  color: #222222; }

.ui-widget-header {
  border: 1px solid #aaaaaa;
  background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
  color: #222222;
  font-weight: bold; }

.ui-widget-header a {
  color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #555555; }

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #555555;
  text-decoration: none; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #999999;
  background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #212121; }

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
  color: #212121;
  text-decoration: none; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #aaaaaa;
  background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #212121; }

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #212121;
  text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
  color: #363636; }

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636; }

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
  color: #cd0a0a; }

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #cd0a0a; }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #cd0a0a; }

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal; }

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* For IE8 - See #6059 */ }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px; }

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url(images/ui-icons_222222_256x240.png); }

.ui-widget-header .ui-icon {
  background-image: url(images/ui-icons_222222_256x240.png); }

.ui-state-default .ui-icon {
  background-image: url(images/ui-icons_888888_256x240.png); }

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url(images/ui-icons_454545_256x240.png); }

.ui-state-active .ui-icon {
  background-image: url(images/ui-icons_454545_256x240.png); }

.ui-state-highlight .ui-icon {
  background-image: url(images/ui-icons_2e83ff_256x240.png); }

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(images/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px; }

.ui-icon-carat-1-n {
  background-position: 0 0; }

.ui-icon-carat-1-ne {
  background-position: -16px 0; }

.ui-icon-carat-1-e {
  background-position: -32px 0; }

.ui-icon-carat-1-se {
  background-position: -48px 0; }

.ui-icon-carat-1-s {
  background-position: -64px 0; }

.ui-icon-carat-1-sw {
  background-position: -80px 0; }

.ui-icon-carat-1-w {
  background-position: -96px 0; }

.ui-icon-carat-1-nw {
  background-position: -112px 0; }

.ui-icon-carat-2-n-s {
  background-position: -128px 0; }

.ui-icon-carat-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -64px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -64px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 4px; }

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 4px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 4px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 4px; }

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: .3;
  filter: Alpha(Opacity=30); }

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: .3;
  filter: Alpha(Opacity=30);
  border-radius: 8px; }

/*!
  Video.js Default Styles (http://videojs.com)
  Version 4.12.15
  Create your own skin at http://designer.videojs.com
*/
/* SKIN
================================================================================
The main class name for all skin-specific styles. To make your own skin,
replace all occurrences of 'vjs-default-skin' with a new name. Then add your new
skin name to your video tag instead of the default skin.
e.g. <video class="video-js my-skin-name">
*/
.vjs-default-skin {
  color: #cccccc; }

/* Custom Icon Font
--------------------------------------------------------------------------------
The control icons are from a custom font. Each icon corresponds to a character
(e.g. "\e001"). Font icons allow for easy scaling and coloring of icons.
*/
@font-face {
  font-family: 'VideoJS';
  src: url("font/vjs.eot");
  src: url("font/vjs.eot?#iefix") format("embedded-opentype"), url("font/vjs.woff") format("woff"), url("font/vjs.ttf") format("truetype"), url("font/vjs.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Base UI Component Classes
--------------------------------------------------------------------------------
*/
/* Slider - used for Volume bar and Seek bar */
.vjs-default-skin .vjs-slider {
  /* Replace browser focus highlight with handle highlight */
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  /* background-color-with-alpha */
  background-color: #333333;
  background-color: rgba(51, 51, 51, 0.9); }

.vjs-default-skin .vjs-slider:focus {
  /* box-shadow */
  box-shadow: 0 0 2em #ffffff; }

.vjs-default-skin .vjs-slider-handle {
  position: absolute;
  /* Needed for IE6 */
  left: 0;
  top: 0; }

.vjs-default-skin .vjs-slider-handle:before {
  content: "\e009";
  font-family: VideoJS;
  font-size: 1em;
  line-height: 1;
  text-align: center;
  text-shadow: 0em 0em 1em #fff;
  position: absolute;
  top: 0;
  left: 0;
  /* Rotate the square icon to make a diamond */
  /* transform */
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

/* Control Bar
--------------------------------------------------------------------------------
The default control bar that is a container for most of the controls.
*/
.vjs-default-skin .vjs-control-bar {
  /* Start hidden */
  display: none;
  position: absolute;
  /* Place control bar at the bottom of the player box/video.
     If you want more margin below the control bar, add more height. */
  bottom: 0;
  /* Use left/right to stretch to 100% width of player div */
  left: 0;
  right: 0;
  /* Height includes any margin you want above or below control items */
  height: 3.0em;
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7); }

/* Show the control bar only once the video has started playing */
.vjs-default-skin.vjs-has-started .vjs-control-bar {
  display: block;
  /* Visibility needed to make sure things hide in older browsers too. */
  visibility: visible;
  opacity: 1;
  /* transition */
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s; }

/* Hide the control bar when the video is playing and the user is inactive  */
.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  display: block;
  visibility: hidden;
  opacity: 0;
  /* transition */
  -webkit-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s; }

.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
  display: none; }

.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
  display: none; }

/* The control bar shouldn't show after an error */
.vjs-default-skin.vjs-error .vjs-control-bar {
  display: none; }

/* Don't hide the control bar if it's audio */
.vjs-audio.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible; }

/* IE8 is flakey with fonts, and you have to change the actual content to force
fonts to show/hide properly.
  - "\9" IE8 hack didn't work for this
  - Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9
*/
@media \0screen {
  .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
    content: ""; } }

/* General styles for individual controls. */
.vjs-default-skin .vjs-control {
  outline: none;
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 3.0em;
  width: 4em; }

/* Font button icons */
.vjs-default-skin .vjs-control:before {
  font-family: VideoJS;
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }

/* Replacement for focus outline */
.vjs-default-skin .vjs-control:focus:before,
.vjs-default-skin .vjs-control:hover:before {
  text-shadow: 0em 0em 1em #ffffff; }

.vjs-default-skin .vjs-control:focus {
  /*  outline: 0; */
  /* keyboard-only users cannot see the focus on several of the UI elements when
  this is set to 0 */ }

/* Hide control text visually, but have it available for screenreaders */
.vjs-default-skin .vjs-control-text {
  /* hide-visually */
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/* Play/Pause
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-play-control {
  width: 5em;
  cursor: pointer; }

.vjs-default-skin .vjs-play-control:before {
  content: "\e001"; }

.vjs-default-skin.vjs-playing .vjs-play-control:before {
  content: "\e002"; }

/* Playback toggle
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-playback-rate .vjs-playback-rate-value {
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }

.vjs-default-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content {
  width: 4em;
  left: -2em;
  list-style: none; }

/* Volume/Mute
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-menu-button {
  cursor: pointer;
  float: right; }

.vjs-default-skin .vjs-mute-control:before,
.vjs-default-skin .vjs-volume-menu-button:before {
  content: "\e006"; }

.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
  content: "\e003"; }

.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
  content: "\e004"; }

.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
  content: "\e005"; }

.vjs-default-skin .vjs-volume-control {
  width: 5em;
  float: right; }

.vjs-default-skin .vjs-volume-bar {
  width: 5em;
  height: 0.6em;
  margin: 1.1em auto 0; }

.vjs-default-skin .vjs-volume-level {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.5em;
  /* assuming volume starts at 1.0 */
  width: 100%;
  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat; }

.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
  width: 0.5em;
  height: 0.5em;
  /* Assumes volume starts at 1.0. If you change the size of the
     handle relative to the volume bar, you'll need to update this value
     too. */
  left: 4.5em; }

.vjs-default-skin .vjs-volume-handle:before {
  font-size: 0.9em;
  top: -0.2em;
  left: -0.2em;
  width: 1em;
  height: 1em; }

/* The volume menu button is like menu buttons (captions/subtitles) but works
    a little differently. It needs to be possible to tab to the volume slider
    without hitting space bar on the menu button. To do this we're not using
    display:none to hide the slider menu by default, and instead setting the
    width and height to zero. */
.vjs-default-skin .vjs-volume-menu-button .vjs-menu {
  display: block;
  width: 0;
  height: 0;
  border-top-color: transparent; }

.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
  height: 0;
  width: 0; }

.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu,
.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing {
  border-top-color: rgba(7, 40, 50, 0.5);
  /* Same as ul background */ }

.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu .vjs-menu-content,
.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing .vjs-menu-content {
  height: 2.9em;
  width: 10em; }

/* Progress
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-progress-control {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  font-size: 0.3em;
  height: 1em;
  /* Set above the rest of the controls. */
  top: -1em;
  /* Shrink the bar slower than it grows. */
  /* transition */
  -webkit-transition: all 0.4s;
  transition: all 0.4s; }

/* On hover, make the progress bar grow to something that's more clickable.
    This simply changes the overall font for the progress bar, and this
    updates both the em-based widths and heights, as wells as the icon font */
.vjs-default-skin:hover .vjs-progress-control {
  font-size: .9em;
  /* Even though we're not changing the top/height, we need to include them in
      the transition so they're handled correctly. */
  /* transition */
  -webkit-transition: all 0.2s;
  transition: all 0.2s; }

/* Box containing play and load progresses. Also acts as seek scrubber. */
.vjs-default-skin .vjs-progress-holder {
  height: 100%; }

/* Progress Bars */
.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  /* updated by javascript during playback */
  width: 0;
  /* Needed for IE6 */
  left: 0;
  top: 0; }

.vjs-default-skin .vjs-play-progress {
  /*
    Using a data URI to create the white diagonal lines with a transparent
      background. Surprisingly works in IE8.
      Created using http://www.patternify.com
    Changing the first color value will change the bar color.
    Also using a paralax effect to make the lines move backwards.
      The -50% left position makes that happen.
  */
  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat; }

.vjs-default-skin .vjs-load-progress {
  background: #646464;
  background: rgba(255, 255, 255, 0.2); }

/* there are child elements of the load progress bar that represent the
   specific time ranges that have been buffered */
.vjs-default-skin .vjs-load-progress div {
  background: #787878;
  background: rgba(255, 255, 255, 0.1); }

.vjs-default-skin .vjs-seek-handle {
  width: 1.5em;
  height: 100%; }

.vjs-default-skin .vjs-seek-handle:before {
  padding-top: 0.1em; }

/* Live Mode
--------------------------------------------------------------------------------
*/
.vjs-default-skin.vjs-live .vjs-time-controls,
.vjs-default-skin.vjs-live .vjs-time-divider,
.vjs-default-skin.vjs-live .vjs-progress-control {
  display: none; }

.vjs-default-skin.vjs-live .vjs-live-display {
  display: block; }

/* Live Display
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-live-display {
  display: none;
  font-size: 1em;
  line-height: 3em; }

/* Time Display
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-time-controls {
  font-size: 1em;
  /* Align vertically by making the line height the same as the control bar */
  line-height: 3em; }

.vjs-default-skin .vjs-current-time {
  float: left; }

.vjs-default-skin .vjs-duration {
  float: left; }

/* Remaining time is in the HTML, but not included in default design */
.vjs-default-skin .vjs-remaining-time {
  display: none;
  float: left; }

.vjs-time-divider {
  float: left;
  line-height: 3em; }

/* Fullscreen
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer;
  float: right; }

.vjs-default-skin .vjs-fullscreen-control:before {
  content: "\e000"; }

/* Switch to the exit icon when the player is in fullscreen */
.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
  content: "\e00b"; }

/* Big Play Button (play button at start)
--------------------------------------------------------------------------------
Positioning of the play button in the center or other corners can be done more
easily in the skin designer. http://designer.videojs.com/
*/
.vjs-default-skin .vjs-big-play-button {
  left: 0.5em;
  top: 0.5em;
  font-size: 3em;
  display: block;
  z-index: 2;
  position: absolute;
  width: 4em;
  height: 2.6em;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  opacity: 1;
  /* Need a slightly gray bg so it can be seen on black backgrounds */
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  border: 0.1em solid #3b4249;
  /* border-radius */
  border-radius: 0.8em;
  /* box-shadow */
  box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  /* transition */
  -webkit-transition: all 0.4s;
  transition: all 0.4s; }

/* Optionally center */
.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
  /* Center it horizontally */
  left: 50%;
  margin-left: -2.1em;
  /* Center it vertically */
  top: 50%;
  margin-top: -1.4000000000000001em; }

/* Hide if controls are disabled */
.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
  display: none; }

/* Hide when video starts playing */
.vjs-default-skin.vjs-has-started .vjs-big-play-button {
  display: none; }

/* Hide on mobile devices. Remove when we stop using native controls
    by default on mobile  */
.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
  display: none; }

.vjs-default-skin:hover .vjs-big-play-button,
.vjs-default-skin .vjs-big-play-button:focus {
  outline: 0;
  border-color: #fff;
  /* IE8 needs a non-glow hover state */
  background-color: #505050;
  background-color: rgba(50, 50, 50, 0.75);
  /* box-shadow */
  box-shadow: 0 0 3em #ffffff;
  /* transition */
  -webkit-transition: all 0s;
  transition: all 0s; }

.vjs-default-skin .vjs-big-play-button:before {
  content: "\e001";
  font-family: VideoJS;
  /* In order to center the play icon vertically we need to set the line height
     to the same as the button height */
  line-height: 2.6em;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%; }

.vjs-error .vjs-big-play-button {
  display: none; }

/* Error Display
--------------------------------------------------------------------------------
*/
.vjs-error-display {
  display: none; }

.vjs-error .vjs-error-display {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.vjs-error .vjs-error-display:before {
  content: 'X';
  font-family: Arial;
  font-size: 4em;
  color: #666666;
  /* In order to center the play icon vertically we need to set the line height
     to the same as the button height */
  line-height: 1;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.5em;
  width: 100%; }

.vjs-error-display div {
  position: absolute;
  bottom: 1em;
  right: 0;
  left: 0;
  font-size: 1.4em;
  text-align: center;
  padding: 3px;
  background: #000000;
  background: rgba(0, 0, 0, 0.5); }

.vjs-error-display a,
.vjs-error-display a:visited {
  color: #F4A460; }

/* Loading Spinner
--------------------------------------------------------------------------------
*/
.vjs-loading-spinner {
  /* Should be hidden by default */
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 4em;
  line-height: 1;
  width: 1em;
  height: 1em;
  margin-left: -0.5em;
  margin-top: -0.5em;
  opacity: 0.75; }

/* Show the spinner when waiting for data and seeking to a new time */
.vjs-waiting .vjs-loading-spinner,
.vjs-seeking .vjs-loading-spinner {
  display: block;
  /* only animate when showing because it can be processor heavy */
  /* animation */
  -webkit-animation: spin 1.5s infinite linear;
  animation: spin 1.5s infinite linear; }

/* Errors are unrecoverable without user interaction so hide the spinner */
.vjs-error .vjs-loading-spinner {
  display: none;
  /* ensure animation doesn't continue while hidden */
  /* animation */
  -webkit-animation: none;
  animation: none; }

.vjs-default-skin .vjs-loading-spinner:before {
  content: "\e01e";
  font-family: VideoJS;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  text-align: center;
  text-shadow: 0em 0em 0.1em #000; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

/* Menu Buttons (Captions/Subtitles/etc.)
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-menu-button {
  float: right;
  cursor: pointer; }

.vjs-default-skin .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0em;
  /* (Width of vjs-menu - width of button) / 2 */
  width: 0em;
  height: 0em;
  margin-bottom: 3em;
  border-left: 2em solid transparent;
  border-right: 2em solid transparent;
  border-top: 1.55em solid #000000;
  /* Same width top as ul bottom */
  border-top-color: rgba(7, 40, 50, 0.5);
  /* Same as ul background */ }

/* Button Pop-up Menu */
.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 10em;
  bottom: 1.5em;
  /* Same bottom as vjs-menu border-top */
  max-height: 15em;
  overflow: auto;
  left: -5em;
  /* Width of menu - width of button / 2 */
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  /* box-shadow */
  box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2); }

.vjs-default-skin .vjs-menu-button:hover .vjs-control-content .vjs-menu,
.vjs-default-skin .vjs-control-content .vjs-menu.vjs-lock-showing {
  display: block; }

/* prevent menus from opening while scrubbing (FF, IE) */
.vjs-default-skin.vjs-scrubbing .vjs-menu-button:hover .vjs-control-content .vjs-menu {
  display: none; }

.vjs-default-skin .vjs-menu-button ul li {
  list-style: none;
  margin: 0;
  padding: 0.3em 0 0.3em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase; }

.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
  background-color: #000; }

.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
  outline: 0;
  color: #111;
  /* background-color-with-alpha */
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.75);
  /* box-shadow */
  box-shadow: 0 0 1em #ffffff; }

.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default; }

/* Subtitles Button */
.vjs-default-skin .vjs-subtitles-button:before {
  content: "\e00c"; }

/* Captions Button */
.vjs-default-skin .vjs-captions-button:before {
  content: "\e008"; }

/* Chapters Button */
.vjs-default-skin .vjs-chapters-button:before {
  content: "\e00c"; }

.vjs-default-skin .vjs-chapters-button.vjs-menu-button .vjs-menu .vjs-menu-content {
  width: 24em;
  left: -12em; }

/* Replacement for focus outline */
.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
  /* box-shadow */
  box-shadow: 0 0 1em #ffffff; }

/*
REQUIRED STYLES (be careful overriding)
================================================================================
When loading the player, the video tag is replaced with a DIV,
that will hold the video tag or object tag for other playback methods.
The div contains the video playback element (Flash or HTML5) and controls,
and sets the width and height of the video.

** If you want to add some kind of border/padding (e.g. a frame), or special
positioning, use another containing element. Otherwise you risk messing up
control positioning and full window mode. **
*/
.video-js {
  background-color: #000;
  position: relative;
  padding: 0;
  /* Start with 10px for base font size so other dimensions can be em based and
     easily calculable. */
  font-size: 10px;
  /* Allow poster to be vertically aligned. */
  vertical-align: middle;
  /*  display: table-cell; */
  /*This works in Safari but not Firefox.*/
  /* Provide some basic defaults for fonts */
  font-weight: normal;
  font-style: normal;
  /* Avoiding helvetica: issue #376 */
  font-family: Arial, sans-serif;
  /* Turn off user selection (text highlighting) by default.
     The majority of player components will not be text blocks.
     Text areas will need to turn user selection back on. */
  /* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Playback technology elements expand to the width/height of the containing div
    <video> or <object> */
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
   checking fullScreenEnabled. */
.video-js:-moz-full-screen {
  position: absolute; }

/* Fullscreen Styles */
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
  overflow-y: auto; }

.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  /* IE6 full-window (underscore hack) */
  _position: absolute; }

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important; }

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none; }

/* Poster Styles */
.vjs-poster {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.vjs-poster img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%; }

/* Hide the poster after the video has started playing */
.video-js.vjs-has-started .vjs-poster {
  display: none; }

/* Don't hide the poster if we're playing audio */
.video-js.vjs-audio.vjs-has-started .vjs-poster {
  display: block; }

/* Hide the poster when controls are disabled because it's clickable
    and the native poster can take over */
.video-js.vjs-controls-disabled .vjs-poster {
  display: none; }

/* Hide the poster when native controls are used otherwise it covers them */
.video-js.vjs-using-native-controls .vjs-poster {
  display: none; }

/* Text Track Styles */
/* Overall track holder for both captions and subtitles */
.video-js .vjs-text-track-display {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 3em;
  right: 0;
  pointer-events: none; }

/* Captions Settings Dialog */
.vjs-caption-settings {
  position: relative;
  top: 1em;
  background-color: #000;
  opacity: 0.75;
  color: #FFF;
  margin: 0 auto;
  padding: 0.5em;
  height: 15em;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  width: 40em; }

.vjs-caption-settings .vjs-tracksettings {
  top: 0;
  bottom: 2em;
  left: 0;
  right: 0;
  position: absolute;
  overflow: auto; }

.vjs-caption-settings .vjs-tracksettings-colors,
.vjs-caption-settings .vjs-tracksettings-font {
  float: left; }

.vjs-caption-settings .vjs-tracksettings-colors:after,
.vjs-caption-settings .vjs-tracksettings-font:after,
.vjs-caption-settings .vjs-tracksettings-controls:after {
  clear: both; }

.vjs-caption-settings .vjs-tracksettings-controls {
  position: absolute;
  bottom: 1em;
  right: 1em; }

.vjs-caption-settings .vjs-tracksetting {
  margin: 5px;
  padding: 3px;
  min-height: 40px; }

.vjs-caption-settings .vjs-tracksetting label {
  display: block;
  width: 100px;
  margin-bottom: 5px; }

.vjs-caption-settings .vjs-tracksetting span {
  display: inline;
  margin-left: 5px; }

.vjs-caption-settings .vjs-tracksetting > div {
  margin-bottom: 5px;
  min-height: 20px; }

.vjs-caption-settings .vjs-tracksetting > div:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  min-height: 0; }

.vjs-caption-settings label > input {
  margin-right: 10px; }

.vjs-caption-settings input[type="button"] {
  width: 40px;
  height: 40px; }

/* Hide disabled or unsupported controls */
.vjs-hidden {
  display: none !important; }

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible; }

/*  In IE8 w/ no JavaScript (no HTML5 shim), the video tag doesn't register.
    The .video-js classname on the video tag also isn't considered.
    This optional paragraph inside the video tag can provide a message to users
    about what's required to play video. */
.vjs-no-js {
  padding: 2em;
  color: #ccc;
  background-color: #333;
  font-size: 1.8em;
  font-family: Arial, sans-serif;
  text-align: center;
  width: 30em;
  height: 15em;
  margin: 0 auto; }

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #F4A460; }

/*!
  Video.js Custom Skin
  Ugo Cacciatori
*/
/* SKIN
================================================================================
*/
.vjs-ugo-skin {
  color: #000;
  height: 100%;
  overflow: hidden;
  width: 100%; }
.vjs-ugo-skin.first-loaded .vjs-control-bar,
.vjs-ugo-skin.hide-menu .vjs-control-bar {
  display: none !important; }

.vjs-ugo-skin .vjs-control-bar {
  display: none; }
@media screen and (min-width: 1024px) {
  .vjs-ugo-skin .vjs-control-bar {
    display: block; } }

/* Base UI Component Classes
--------------------------------------------------------------------------------
*/
.vjs-ugo-skin .vjs-slider {
  background-color: #fff;
  cursor: pointer;
  outline: 0;
  padding: 8px 0;
  position: relative; }

.vjs-ugo-skin .vjs-slider-handle {
  position: absolute; }

.vjs-ugo-skin .vjs-slider-handle:before {
  display: none; }

/* Control Bar
--------------------------------------------------------------------------------
The default control bar that is a container for most of the controls.
*/
.vjs-ugo-skin .vjs-control-bar {
  background-color: #fff;
  display: none;
  position: absolute;
  /* Place control bar at the bottom of the player box/video.
     If you want more margin below the control bar, add more height. */
  bottom: 0;
  left: 0;
  right: 0;
  height: 1rem; }

.vjs-ugo-skin.vjs-has-started .vjs-control-bar {
  display: block;
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s; }

.vjs-ugo-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  display: block;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity 0.4s; }

.vjs-ugo-skin.vjs-controls-disabled .vjs-control-bar {
  display: none; }

.vjs-ugo-skin.vjs-using-native-controls .vjs-control-bar {
  display: none; }

.vjs-ugo-skin.vjs-error .vjs-control-bar {
  display: none; }

.vjs-audio.vjs-ugo-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible; }

.vjs-ugo-skin .vjs-control {
  outline: none;
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 1rem;
  width: auto; }

.vjs-ugo-skin .vjs-control:before {
  font-size: 1em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center; }

.vjs-ugo-skin .vjs-control:focus {
  /* keyboard-only users cannot see the focus on several of the UI elements when
  this is set to 0 */ }

.vjs-ugo-skin .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/* Play/Pause
--------------------------------------------------------------------------------
*/
.vjs-ugo-skin .vjs-play-control {
  display: none; }

.vjs-ugo-skin.vjs-fullscreen .vjs-play-control:before {
  padding-left: 0.5rem; }

.vjs-ugo-skin.vjs-playing .vjs-play-control:before {
  display: none; }

/* Playback toggle
--------------------------------------------------------------------------------
*/
.vjs-ugo-skin .vjs-playback-rate .vjs-playback-rate-value {
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center; }

.vjs-ugo-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content {
  width: 4em;
  left: -2em;
  list-style: none; }

/* Volume/Mute
-------------------------------------------------------------------------------- */
.vjs-ugo-skin .vjs-mute-control,
.vjs-ugo-skin .vjs-volume-menu-button {
  cursor: pointer;
  font-size: 9px;
  position: relative;
  right: 1rem; }
.vjs-ugo-skin .vjs-mute-control .vjs-control-text,
.vjs-ugo-skin .vjs-volume-menu-button .vjs-control-text {
  border: 0;
  clip: auto;
  height: 100%;
  display: block;
  line-height: 16px;
  margin: 0;
  position: absolute;
  overflow: visible;
  padding: 0;
  text-align: right;
  width: 100%; }

.vjs-ugo-skin .vjs-mute-control:before,
.vjs-ugo-skin .vjs-volume-menu-button:before,
.vjs-ugo-skin .vjs-mute-control.vjs-vol-0:before,
.vjs-ugo-skin .vjs-volume-menu-button.vjs-vol-0:before,
.vjs-ugo-skin .vjs-mute-control.vjs-vol-1:before,
.vjs-ugo-skin .vjs-volume-menu-button.vjs-vol-1:before,
.vjs-ugo-skin .vjs-mute-control.vjs-vol-2:before,
.vjs-ugo-skin .vjs-volume-menu-button.vjs-vol-2:before {
  display: none; }

.vjs-ugo-skin .vjs-volume-control,
.vjs-ugo-skin .vjs-volume-bar,
.vjs-ugo-skin .vjs-volume-level,
.vjs-ugo-skin .vjs-mute-control,
.vjs-ugo-skin .vjs-volume-menu-button {
  display: none; }

/* The volume menu button is like menu buttons (captions/subtitles) but works
    a little differently. It needs to be possible to tab to the volume slider
    without hitting space bar on the menu button. To do this we're not using
    display:none to hide the slider menu by default, and instead setting the
    width and height to zero. */
.vjs-ugo-skin .vjs-volume-menu-button .vjs-menu {
  display: none;
  width: 0;
  height: 0;
  border-top-color: transparent; }

/* Progress
--------------------------------------------------------------------------------
*/
.vjs-ugo-skin .vjs-progress-control {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  font-size: 0.3em;
  height: 1px;
  top: 0; }

.vjs-ugo-skin.vjs-fullscreen .vjs-progress-control {
  left: 4.5rem; }

.vjs-ugo-skin .vjs-progress-holder {
  height: 100%; }

.vjs-ugo-skin .vjs-progress-holder .vjs-play-progress,
.vjs-ugo-skin .vjs-progress-holder .vjs-load-progress,
.vjs-ugo-skin .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 1px;
  margin: 0;
  padding: 0;
  width: 0; }

.vjs-ugo-skin .vjs-play-progress {
  /*
    Using a data URI to create the white diagonal lines with a transparent
      background. Surprisingly works in IE8.
      Created using http://www.patternify.com
    Changing the first color value will change the bar color.
    Also using a paralax effect to make the lines move backwards.
      The -50% left position makes that happen.
  */
  background: #000 url("") -50% 0 repeat; }

.vjs-ugo-skin .vjs-load-progress {
  background: rgba(255, 255, 255, 0.2); }

/* there are child elements of the load progress bar that represent the
   specific time ranges that have been buffered */
.vjs-ugo-skin .vjs-load-progress div {
  background: rgba(255, 255, 255, 0.1); }

.vjs-ugo-skin .vjs-seek-handle {
  width: 1.5em;
  height: 100%; }

.vjs-ugo-skin .vjs-seek-handle:before {
  padding-top: 0.1em; }

/* Live Mode
--------------------------------------------------------------------------------
*/
.vjs-ugo-skin.vjs-live .vjs-time-controls,
.vjs-ugo-skin.vjs-live .vjs-time-divider,
.vjs-ugo-skin.vjs-live .vjs-progress-control {
  display: none; }

.vjs-ugo-skin.vjs-live .vjs-live-display {
  display: block; }

/* Live Display
--------------------------------------------------------------------------------
*/
.vjs-ugo-skin .vjs-live-display {
  display: none;
  font-size: 1em;
  line-height: 3em; }

/* Time Display
--------------------------------------------------------------------------------
*/
.vjs-ugo-skin .vjs-time-controls {
  font-size: 1em;
  line-height: 3em;
  display: none; }

.vjs-ugo-skin .vjs-current-time {
  display: none;
  float: left; }

.vjs-ugo-skin .vjs-duration {
  float: left;
  display: none; }

.vjs-ugo-skin .vjs-remaining-time {
  display: none;
  float: left; }

.vjs-time-divider {
  display: none;
  float: left;
  line-height: 3em; }

/* Fullscreen
--------------------------------------------------------------------------------
*/
.vjs-ugo-skin .vjs-fullscreen-control {
  display: none; }

.vjs-ugo-skin.vjs-fullscreen .vjs-fullscreen-control:before {
  content: 'EXIT FULLSCREEN';
  line-height: 3; }

/* Big Play Button (play button at start)
--------------------------------------------------------------------------------
Completely hidden.
*/
.vjs-ugo-skin .vjs-big-play-button,
.vjs-ugo-skin.vjs-big-play-centered .vjs-big-play-button,
.vjs-ugo-skin.vjs-controls-disabled .vjs-big-play-button,
.vjs-ugo-skin.vjs-has-started .vjs-big-play-button,
.vjs-ugo-skin.vjs-using-native-controls .vjs-big-play-button,
.vjs-ugo-skin:hover .vjs-big-play-button,
.vjs-ugo-skin .vjs-big-play-button:focus,
.vjs-ugo-skin .vjs-big-play-button:before,
.vjs-error .vjs-big-play-button {
  display: none; }

/* Error Display
--------------------------------------------------------------------------------
*/
.vjs-error-display {
  display: none; }
.vjs-error-display div {
  position: absolute;
  bottom: 1em;
  right: 0;
  left: 0;
  font-size: 1.4em;
  text-align: center;
  padding: 3px;
  background: #000;
  background: rgba(0, 0, 0, 0.5); }
.vjs-error-display a,
.vjs-error-display a:visited {
  color: #F4A460; }

.vjs-error .vjs-error-display {
  color: #fff;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.vjs-error .vjs-error-display:before {
  font-size: 4em;
  color: #666666;
  line-height: 1;
  text-shadow: 0.05em 0.05em 0.1em #000;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.5em;
  width: 100%; }

/* Loading Spinner
--------------------------------------------------------------------------------
*/
.vjs-loading-spinner {
  /* Should be hidden by default */
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 4em;
  line-height: 1;
  width: 1em;
  height: 1em;
  margin-left: -0.5em;
  margin-top: -0.5em;
  opacity: 0.75; }

/* Show the spinner when waiting for data and seeking to a new time */
.vjs-waiting .vjs-loading-spinner,
.vjs-seeking .vjs-loading-spinner {
  display: block;
  -webkit-animation: spin 1.5s infinite linear;
  animation: spin 1.5s infinite linear; }

/* Errors are unrecoverable without user interaction so hide the spinner */
.vjs-error .vjs-loading-spinner {
  display: none;
  -webkit-animation: none;
  animation: none; }

.vjs-ugo-skin .vjs-loading-spinner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  text-align: center;
  text-shadow: 0 0 0.1em #000; }

/* Menu Buttons (Captions/Subtitles/etc.)
--------------------------------------------------------------------------------
*/
.vjs-ugo-skin .vjs-menu-button {
  float: right;
  cursor: pointer;
  min-width: 50px; }

.vjs-ugo-skin .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  border-left: 2em solid transparent;
  border-right: 2em solid transparent;
  border-top: 1.55em solid #000;
  border-top-color: rgba(7, 40, 50, 0.5); }

/* Button Pop-up Menu */
.vjs-ugo-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 10em;
  bottom: 1.5em;
  max-height: 15em;
  overflow: auto;
  left: -5em;
  background-color: #fff;
  box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2); }

.vjs-ugo-skin .vjs-menu-button:hover .vjs-control-content .vjs-menu,
.vjs-ugo-skin .vjs-control-content .vjs-menu.vjs-lock-showing {
  display: block; }

.vjs-ugo-skin.vjs-scrubbing .vjs-menu-button:hover .vjs-control-content .vjs-menu {
  display: none; }

.vjs-ugo-skin .vjs-menu-button ul li {
  list-style: none;
  margin: 0;
  padding: 0.3em 0 0.3em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase; }

.vjs-ugo-skin .vjs-menu-button ul li.vjs-selected {
  background-color: #000; }

.vjs-ugo-skin .vjs-menu-button ul li:focus,
.vjs-ugo-skin .vjs-menu-button ul li:hover,
.vjs-ugo-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-ugo-skin .vjs-menu-button ul li.vjs-selected:hover {
  outline: 0;
  color: #111;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75); }

.vjs-ugo-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0;
  font-weight: bold;
  cursor: default; }

.vjs-ugo-skin .vjs-subtitles-button:before {
  content: "\e00c"; }

.vjs-ugo-skin .vjs-captions-button:before {
  content: "\e008"; }

.vjs-ugo-skin .vjs-chapters-button:before {
  content: "\e00c"; }

.vjs-ugo-skin .vjs-chapters-button.vjs-menu-button .vjs-menu .vjs-menu-content {
  width: 24em;
  left: -12em; }

/*
REQUIRED STYLES (be careful overriding)
================================================================================
When loading the player, the video tag is replaced with a DIV,
that will hold the video tag or object tag for other playback methods.
The div contains the video playback element (Flash or HTML5) and controls,
and sets the width and height of the video.

** If you want to add some kind of border/padding (e.g. a frame), or special
positioning, use another containing element. Otherwise you risk messing up
control positioning and full window mode. **
*/
.video-js {
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 1rem;
  vertical-align: middle;
  /*  display: table-cell; */
  /*This works in Safari but not Firefox.*/
  /* Provide some basic defaults for fonts */
  font-weight: normal;
  font-style: normal;
  /* Avoid helvetica? issue #376 */
  font-family: sans-serif;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Playback technology elements expand to the width/height of the containing div
    <video> or <object> */
.video-js .vjs-tech {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
   checking fullScreenEnabled. */
.video-js:-moz-full-screen {
  position: absolute; }

/* Fullscreen Styles */
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
  overflow-y: auto; }

.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  /* IE6 full-window (underscore hack) */
  _position: absolute; }

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important; }

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none; }

/* Poster Styles */
.vjs-poster {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.vjs-poster img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%; }

/* Hide the poster after the video has started playing */
.video-js.vjs-has-started .vjs-poster {
  display: none; }

/* Don't hide the poster if we're playing audio */
.video-js.vjs-audio.vjs-has-started .vjs-poster {
  display: block; }

/* Hide the poster when controls are disabled because it's clickable
    and the native poster can take over */
.video-js.vjs-controls-disabled .vjs-poster {
  display: none; }

/* Hide the poster when native controls are used otherwise it covers them */
.video-js.vjs-using-native-controls .vjs-poster {
  display: none; }

/* Text Track Styles */
/* Overall track holder for both captions and subtitles */
.video-js .vjs-text-track-display {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 3em;
  right: 0;
  pointer-events: none; }

.vjs-caption-settings {
  position: relative;
  top: 1em;
  background-color: #000;
  opacity: 0.75;
  color: #fff;
  margin: 0 auto;
  padding: 0.5em;
  height: 15em;
  font-family: sans-serif;
  font-size: 12px;
  width: 40em; }

.vjs-caption-settings .vjs-tracksettings {
  top: 0;
  bottom: 2em;
  left: 0;
  right: 0;
  position: absolute;
  overflow: auto; }

.vjs-caption-settings .vjs-tracksettings-colors,
.vjs-caption-settings .vjs-tracksettings-font {
  float: left; }

.vjs-caption-settings .vjs-tracksettings-colors:after,
.vjs-caption-settings .vjs-tracksettings-font:after,
.vjs-caption-settings .vjs-tracksettings-controls:after {
  clear: both; }

.vjs-caption-settings .vjs-tracksettings-controls {
  position: absolute;
  bottom: 1em;
  right: 1em; }

.vjs-caption-settings .vjs-tracksetting {
  margin: 0.6em;
  padding: 3px;
  min-height: 40px; }

.vjs-caption-settings .vjs-tracksetting label {
  display: block;
  width: 100px;
  margin-bottom: 5px; }

.vjs-caption-settings .vjs-tracksetting span {
  display: inline;
  margin-left: 5px; }

.vjs-caption-settings .vjs-tracksetting > div {
  margin-bottom: 5px;
  min-height: 20px; }

.vjs-caption-settings .vjs-tracksetting > div:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  min-height: 0; }

.vjs-caption-settings label > input {
  margin-right: 10px; }

.vjs-caption-settings input[type="button"] {
  width: 40px;
  height: 40px; }

.vjs-hidden {
  display: none !important; }

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible; }

.vjs-no-js {
  padding: 2em;
  color: #ccc;
  background-color: #333;
  font-size: 1.8em;
  font-family: sans-serif;
  text-align: center;
  width: 30em;
  height: 15em;
  margin: 0 auto; }
.vjs-no-js a,
.vjs-no-js a:visited {
  color: #F4A460; }

.video-wrapper {
  height: 100%; }
@media screen and (max-width: 1024px) {
  .video-wrapper {
    position: relative;
    top: 0;
    transform: initial;
    height: calc(100% - 70px);
    /*
      top: 50%;
      -webkit-transform: translateY(-webkit-calc(-50% - 7rem));
          -ms-transform: translateY(calc(-50% - 7rem));
              transform: translateY(calc(-50% - 7rem)); */}
  .video-wrapper.brand-video {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .brand-images-active .video-wrapper.brand-video {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  .video-wrapper.hide-on-mobile {
    display: none; } }

@media screen and (max-width: 1024px) {
  .featured-categories .video-wrapper {
    top: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .featured-categories .video-js:after {
    display: none; } }

@media screen and (max-width: 1024px) {
  .video-js:after {
    background: url("icon-play.svg") center center no-repeat;
    background-size: 1.5rem 1.5rem;
    content: '';
    display: block;
    height: 1.5rem;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    width: 1.5rem; }
  .video-js.vjs-playing:after {
    display: none; } }

@media screen and (min-width: 1024px) {
  .video-js.vjs-vertical-center {
    top: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

.vjs-fullscreen {
  padding-top: 0; }

.vjs-ugo-skin.vjs-fullscreen .vjs-control-bar {
  display: none; }

.cssanimations #norefresh-container,
.cssanimations .product-page__wrapper {
  -webkit-animation: items-fadein 0.4s 0.3s 1 forwards ease;
  animation: items-fadein 0.4s 0.3s 1 forwards ease;
  opacity: 0; }
.cssanimations #norefresh-container.is-loading,
.cssanimations .product-page__wrapper.is-loading {
  -webkit-animation: items-fadeout 0.4s 0.3s 1 forwards ease;
  animation: items-fadeout 0.4s 0.3s 1 forwards ease;
  opacity: 1; }

#product-categories {
  opacity: 1;
  -webkit-transition: opacity 0.4s ease 0.2s;
  transition: opacity 0.4s ease 0.2s; }
#product-categories.is-loading {
  opacity: 0; }

.norefresh-loader {
  position: absolute;
  display: block;
  bottom: 0;
  left: 50%;
  text-indent: -9999px;
  z-index: 11;
}

/**
.norefresh-loading {
  display: block;
  margin: 9px auto;
  border-bottom: 1px solid white;
  border-left: 1px solid white;
  border-right: 1px solid #000;
  border-top: 1px solid #000;
  border-radius: 100%;
  height: 30px;
  width: 30px;
  margin-top: -15px;
  margin-left: -15px;
  -webkit-animation: spin 0.6s infinite linear;
          animation: spin 0.6s infinite linear; }
  @media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
    .norefresh-loading {
      bottom: 65px; } }
**/
body {
  opacity: 1;
  -webkit-transition: all 0.2s ease 0.2s;
  transition: all 0.2s ease 0.2s; }
body.is-loading {
  opacity: 0; }
body.is-dark {
  background: #000;
  color: #fff;
  -webkit-transition: all 0.2s ease 0.2s;
  transition: all 0.2s ease 0.2s; }

.body-no-scroll {
  overflow: hidden !important; }

.group:after, .primary-homepage-content:after, .collection-products--grid:after,
.collection-products-search--grid:after, .collection-products--rows:after, .collection-pagination:after, .proxy-social #posts:after {
  content: "";
  display: table;
  clear: both; }

.clear {
  clear: both;
  height: 0;
  content: "";
  display: block; }

.kts_row,
.hidden {
  display: none; }

.vertical-td {
  text-align: center;
  height: 100%;
  vertical-align: middle; }

.height-table {
  height: 100%;
  width: 100%; }

.errors {
  font-size: 9px;
  width: 100%;
  margin-top: -19px;
  padding-bottom: 10px;
  color: #805c3d;
  text-align: left; }
.errors ul li {
  letter-spacing: 1px;
  line-height: 1.75; }

.toggle {
  opacity: 1; }

.float,
.left-float {
  float: left;
  clear: both; }

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.align-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.overall-hover, #header a:not(.header__logo),
.header--main a:not(.header__logo), .btn-open-sizing-guide {
  opacity: 1;
  cursor: pointer;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }
.overall-hover:hover, #header a:hover:not(.header__logo),
.header--main a:hover:not(.header__logo), .btn-open-sizing-guide:hover {
  opacity: 0.6; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .overall-hover:hover, #header a:hover:not(.header__logo),
  .header--main a:hover:not(.header__logo), .btn-open-sizing-guide:hover {
    opacity: 1; } }

.overall-hover-reverse {
  opacity: 0.6;
  cursor: pointer;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }
.overall-hover-reverse:hover {
  opacity: 1; }
@media only screen and (max-device-width: 1024px), screen and (max-width: 1024px) {
  .overall-hover-reverse:hover {
    opacity: 0.6; } }

.color,
.hide {
  opacity: 0; }

.visible {
  opacity: 1; }

.show {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease; }

.up {
  top: 7%; }

.color,
.hide,
.dim {
  -webkit-transition: 0.5s;
  transition: 0.5s; }

.opacity-wrapper {
  float: left;
  opacity: 0; }

.hide {
  opacity: 0;
  pointer-events: none; }

.menu-hide {
  display: none;
  opacity: 0; }

#template {
  position: absolute;
  width: 100%;
  height: 100%; }

.centered-flex, .newsletter-page-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%; }

.content-text {
  text-align: center;
  height: 100%;
  vertical-align: middle; }
.content-text p {
  color: #000;
  font-size: 9px;
  height: auto;
  letter-spacing: .08em;
  line-height: 20px;
  padding: 25px;
  text-align: justify; }

.man {
  margin: 0 !important; }

.mtn {
  margin-top: 0 !important; }

.mrn {
  margin-right: 0 !important; }

.mbn {
  margin-bottom: 0 !important; }

.mln {
  margin-left: 0 !important; }

.mas {
  margin: 1em !important; }

.mts {
  margin-top: 1em !important; }

.mrs {
  margin-right: 1em !important; }

.mbs {
  margin-bottom: 1em !important; }

.mls {
  margin-left: 1em !important; }

.mam {
  margin: 1.5em !important; }

.mtm {
  margin-top: 1.5em !important; }

.mrm {
  margin-right: 1.5em !important; }

.mbm {
  margin-bottom: 1.5em !important; }

.mlm {
  margin-left: 1.5em !important; }

.mal {
  margin: 2em !important; }

.mtl {
  margin-top: 2em !important; }

.mrl {
  margin-right: 2em !important; }

.mbl {
  margin-bottom: 2em !important; }

.mll {
  margin-left: 2em !important; }

.pan {
  padding: 0 !important; }

.ptn {
  padding-top: 0 !important; }

.prn {
  padding-right: 0 !important; }

.pbn {
  padding-bottom: 0 !important; }

.pln {
  padding-left: 0 !important; }

.pas {
  padding: 1em !important; }

.pts {
  padding-top: 1em !important; }

.prs {
  padding-right: 1em !important; }

.pbs {
  padding-bottom: 1em !important; }

.pls {
  padding-left: 1em !important; }

.pam {
  padding: 1.5em !important; }

.ptm {
  padding-top: 1.5em !important; }

.prm {
  padding-right: 1.5em !important; }

.pbm {
  padding-bottom: 1.5em !important; }

.plm {
  padding-left: 1.5em !important; }

.pal {
  padding: 2em !important; }

.ptl {
  padding-top: 2em !important; }

.prl {
  padding-right: 2em !important; }

.pbl {
  padding-bottom: 2em !important; }

.pll {
  padding-left: 2em !important; }

.talign-center {
  text-align: center; }

.talign-left {
  text-align: left; }

.talign-justify {
  text-align: justify; }

.talign-right {
  text-align: right; }

#loading {
  /*
    background: rgba(0, 0, 0, 0) url("ripple.svg") no-repeat scroll center center;
    bottom: 0;
    height: 50px;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
    top: 0;
    width: 50px;
    z-index: 999999;
  */
}
#footer #help-popup {
  bottom: 0 !important;
  color: #333;
  float: right !important;
  font-size: 9px !important;
  letter-spacing: 2px;
  position: static !important;
}
.nav-menu-click.info {
  bottom: 0;
  font-size: 9px;
  left: 0;
  letter-spacing: 2px;
  line-height: 94px;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  width: 100px;
}
#menufooterYEC {
  background: #fff none repeat scroll 0 0;
  bottom: 0;
  cursor: url("//cdn.shopify.com/s/files/1/0860/3740/t/1/assets/activate_hover_white_arrow_exit.png?4105129018588715087"), auto;
  left: 0;
  padding-top: 50px;
  position: fixed;
  right: 0;
  text-align: center;
  top: 90px;
  z-index: 99;
}
.menuyeclink {
  cursor: pointer;
  display: table;
  font-size: 10px;
  letter-spacing: 2px;
  line-height: 15px;
  margin: auto;
  padding: 8px;
}
#footer .newsletter-slide {
  float: left;
  margin-bottom: -11px;
  position: static !important;
  transform: translateX(-280px);
}
#footer .newsletter-slide.slide-out {
  transform: translateX(0px);
}
#footer {
  height: 94px;
  padding: 30px 0;
}
#sizing-guide-mobile {
  display: none;
}
@media only screen and (max-device-width: 1025px), screen and (max-width: 1025px) {
  .products-grid__caption
  {
    display: none !important;
  }
  .no-mobile
  {
    display: none !important;
  }
  #back-to-prev, #back-to-prevt {
    border-bottom: 1px solid #000;
    bottom: 31px;
    font-size: 0;
    height: 17px;
    left: 0;
    margin: auto;
    position: fixed;
    display: block;
    right: 0;
    width: 30px;
  }
}
.back-button2 {
  background-color: #000;
  border: 15px solid #fff;
  bottom: 31px;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 0;
  height: 31px;
  left: 0;
  margin: 20px auto 0;
  padding: 0;
  position: absolute;
  right: 0;
  width: 67px;
  z-index: 1;
}
select#quantity, select#product-select-option-1, select#product-select-option-0 {
  color: #fff;
  font-size: 9px;
  padding: 6px 10px !important;
  height: 25px !important;
}
@media only screen and (max-device-width: 1025px), screen and (max-width: 1025px) {
  select#quantity, select#product-select-option-1, select#product-select-option-0 {
    color: #fff;
    font-size: 9px;
    padding: 6px 11px !important;
    height: 30px !important;
  }
}
select#quantity option, select#product-select-option-1 option {
  background: #000 none repeat scroll 0 0;
  color: #fff;
  border-bottom: 1px solid #aaa;
  padding: 4px;
  border-right: 1px solid #aaa;
}
#collections-listing {
  text-align: center;
  transform: translate3d(-50%, -50%, 0px);
  position: absolute;
  top: 50%;
  left: 50%;
}
#collections-listing li {
  font-size: 9px;
  line-height: 20px;
}
#collections-listing h2 {
  line-height: 28px;
}
#collections-listing #pagination a {
  color: #000;
  font-size: 12px;
  line-height: 26px;
}
.customers-vertical-center-wrapper form {
  max-width: 90% !important;
  margin: auto;
}
.products-grid__caption {

}
.sconto {
  margin-bottom: 5px;
  text-align: center;
}
.sconto h3 {
  color: #fff;
  font-size: 11px;
  line-height: 27px;
}
.sconto p {
  color: #fff;
  font-size: 9px;
  line-height: 27px;
}
.sconto input {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #aaa;
  color: #fff;
  margin: 15px auto;
  padding: 11px;
}
.shopping-cart-preview-wrapper-active .sconto {
  display: none;
  margin-bottom: 0;
  margin-left: 20px;
  margin-right: 20px;
}
input.discountinput {
  border-color: rgba(255, 255, 255, 0.3);
  border-width: 0 0 1px;
  font-family: "SackersGothicStd-Medium",sans-serif;
  font-size: 9px;
  letter-spacing: 1px;
  max-width: 100%;
  padding: 6px;
  text-align: left;
  text-transform: uppercase;
  width: 426px !important;
}
@media only screen and (max-device-width: 1025px), screen and (max-width: 1025px) {
  input.discountinput {
    width: 315px !important;
  }
}
.continuaShopping {
  background: #000 none repeat scroll 0 0;
  bottom: 0;
  color: #fff;
  left: 0;
  line-height: 94px;
  position: fixed;
  right: 0;
  text-align: center;
}
.continuaShopping a {
  color: #fff;
}
div#apply.disabled, div#applyM.disabled {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.3);
  color: #fff;
}
div#apply, div#applyM {
  border-color: #fff;
  margin: 10px auto !important;
  background: #fff;
  color: #000;
}
#responsoM .dapagare {
  text-align: center !important;
}
.dapagare {
  line-height: 17px;
  font-size: 9px;
  text-align: right;
}
#customer_orders td, #customer_orders th {
  width: 20% !important;
  text-align: center;
  vertical-align: middle;
}
#customer_orders th {
  background: #eee;
}
@media only screen and (max-device-width: 1025px), screen and (max-width: 1025px) {
  #customer_orders {
    /**display: none;**/
  }
}
#risposta {
  margin: 15px auto 0;
}
#rispostaM {
  margin: 15px auto 25px;
}

#footer-legal-wrapper.active, #footer-lang-wrapper.active {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: -webkit-transform 0.5s ease, visibility 0s;
  transition: transform 0.5s ease, visibility 0s;
  visibility: visible;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
#footer-legal-wrapper, #footer-lang-wrapper {
  background-color: #fff;
  bottom: 0;
  height: -webkit-calc(100% - 94px);
  height: calc(100% - 94px);
  left: 0;
  opacity: 1;
  position: fixed;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  width: 100%;
  z-index: 13; }

#order_address.group {
  margin-top: 70px;
  margin-left: auto;
  margin-right: auto;
  font-size: 9px;
  line-height: 16px;
}
table#order_details {
  font-size: 9px;
  margin: auto;
  text-align: left;
  margin-top: 20px;
  margin-bottom: 20px;
  line-height: 17px;
}
table#order_details {
  font-size: 9px;
  line-height: 17px;
  margin: 45px auto;
  text-align: left;
}
#order_address h5 {
  font-size: 12px;
  line-height: 30px;
  margin-top: 13px;
}
#order_details tr {
  line-height: 22px;
  margin: 5px !important;
}
#order_details thead tr {
  border-bottom: 1px solid;
}
.nav-menu-wrapper ul.nav-mobile-menu {
  left: 50% !important;
  margin: auto !important;
  position: absolute !important;
  top: 50% !important;
  transform: translate3d(-50%, -50%, 0px) !important;
}
@media only screen and (min-device-width: 1025px), screen and (min-width: 1025px) {
  .no-desktop {display: none;}
}
#back-to-prevt2 {
  position: fixed;
}
#cartNumber {
  color: #ffffff;
  position: absolute;
  left: -18px;
  height: 25px;
  line-height: 25px;
}

.cart-grid .top-row {
  display: none;
}
#cart-desktop {
  padding-bottom: 90px;
}
#apply:hover {
  border: 1px solid #fff;
  color: #fff;
  background: #000;
}
#responsoM {
  line-height: 16px;
}
.cart-grid input[name=update] {
  font-size: 0px !important;
}
.customer-details-y {
  font-size: 9px;
  line-height: 15px;
  margin-bottom: 20px;
  font-weight: bold;
}
#customer_orders > p {
  line-height: 16px;
  text-align: left !important;
}
#customer_orders > p.sottolineato {
  line-height: 25px;
  text-decoration: underline;
}
#customer_orders {
  width: 100%;
  max-width: 450px;
  margin: auto;
}
.breadcrumb__item::after {
  background-image: url("//cdn.shopify.com/s/assets/checkout_v2/breadcrumb-chevron-dark-eaf2ae46bf901867a2e7bce6b5d739f1.svg"), none;
  content: "";
  display: inline-block;
  height: 11px;
  margin: -3px 0.5em 0;
  vertical-align: middle;
  width: 6px;
}
.breadcrumb__item:last-child::after {
  display: none;
}
.main__subheader {
  left: 0;
  margin: auto;
  max-width: 450px;
  position: absolute;
  right: 0;
  top: 10px;
  width: 100%;
  text-align: center;
}
li.breadcrumb__item {
  display: inline;
  font-size: 9px;
}
.breadcrumb__nonattivo {
  color: #aaa;
}
.breadcrumb__nonattivo:hover {
  color: #333;
}
#responso {
  margin-right: 19.4%;
}
#cookie {
  background: #eee none repeat scroll 0 0;
  bottom: -94px;
  font-size: 9px;
  height: 94px;
  left: 0;
  position: fixed;
  right: 0;
  text-align: center;
  z-index: 999;
  color: #000;
  transition: bottom 0.5s ease 0s;
}
#cookie p.centrato {
  font-weight: 600;
  margin-bottom: 11px;
  margin-top: 42.5px;
}
#cookie a {
  color: #000;
}
#cookie.aperto {
  bottom: 0px;
}
@media only screen and (max-device-width: 1025px), screen and (max-width: 1025px) {
  #cookie {
    bottom: -70px;
    height: 70px;
  }
  #cookie p.centrato {
    display: none;
  }
  #cookie p.testo {
    font-size: 9px;
    margin: 10px;
    line-height: 13px;
  }
}

#paginaOrdine {
  font-size: 9px;
  line-height: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 94px;
  padding-top: 90px;
  position: relative;
  width: 426px;
}
.tabellaProdotti {
  display: table;
  font-size: 9px;
  width: 100%;
}
.nomeProdotto {
  display: table-cell;
}
.prezzo {
  display: table-cell;
  text-align: right;
}
.tabellaLaterale {
  display: table;
  margin-left: 40%;
  width: 60%;
}
.tabLaterlaSin {
  width: 40%;
  float: left;
}

#boxSharing {
  transition: transform 0.5s ease 0s;
  transform: translateY(100%);
  align-items: center;
  background: #000 none repeat scroll 0 0;
  bottom: 0;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 0;
  padding-top: 94px;
  position: fixed;
  right: 0;
  text-align: center;
  top: 94px;
}
@media only screen and (max-device-width: 1025px), screen and (max-width: 1025px) {
  #boxSharing { top: 70px; padding-top: 70px; }
}
#boxSharing a {
  color: #fff;
}
#boxSharing.open {
  overflow: auto;
  transform: translateY(0%);
}
.iconeSharing {
  margin: auto;
  overflow: hidden;
  padding: 15px 20px;
  width: 172px;
}


.products-grid__link:hover .products-grid__image {
  opacity: 0.2 !important;
}
@media only screen and (max-width: 1024px) {
  .products-grid__link:hover .products-grid__image {
    opacity: 1 !important;
  }
}

#location-redirect-message {
  display: none;
}
#footer a,
#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active { color: #000!important; }
#footer a,
#footer-mobile a:link,
#footer-mobile a:visited,
#footer-mobile a:hover,
#footer-mobile a:active { color: #000!important; }
.footer-mobile-info-wrapper a,
.footer-mobile-info-wrapper a:link,
.footer-mobile-info-wrapper a:visited,
.footer-mobile-info-wrapper a:hover,
.footer-mobile-info-wrapper a:active { color: #000!important; }



/**
 * Hero layout edits
 */
#bf-overlay .topTitle .bigbigLabelMail {
  margin-top: -20px;
}
#bf-overlay .field-group.bigLabel {
  margin-bottom: 10px;
}
#bf-overlay .field-group.bigLabel .bigLabelMail {
  margin: 0 auto;
  line-height: 12px !important;
  font-size: 9px !important;
  max-width: 30em;
}
#bf-overlay .inputemail {
  font-size: 10px;
}
#bf-overlay .field-group.signin {
  height: 12px;
  margin-bottom: 40px;
}
#bf-overlay .inputemail,
#bf-overlay .field-group.signin .emailcta {
  font-size: 9px !important;
}

/**
 * Fix menu green
 */
.nav-menu-td a, .nav-menu-td a:visited {
  color: #000;
}

/**
 * Gift card product template
 */
body#gift-card .selector-wrapper,
body#gift-card .product-variants .swatch--error,
body#gift-card .btn-open-sizing-guide {
  display: none;
}
body#gift-card .selector-wrapper.quantity-wrappper {
  display: block;
}
body#gift-card .product-variants:after {
  content: '';
  clear: both;
  display: table;
}
body#gift-card .product-photos .inner img {
  border: 1px solid #fff;
  border-radius: 12px;
}

/**
 * Gift card landing template
 */
.gift-card-landing {
  background-color: #000;
}

.gift-card-landing #header,
.gift-card-landing .header--main {
  background: #000;
}
.gift-card-landing .wrap {
  margin-top: 94px;
}
.gift-card-landing #gift-card-code-inner {
  border-radius: 0
}

#gift-card-amount {
  position: absolute;
  top: 50%;
  left: 50%;
  right: initial;
  font-size: 2.75em;
  transform: translate(-50%, -50%);
}

.gift-card-landing #gift-card-amount strong {
  text-shadow: none;
}
.gift-card-landing #gift-card {
  border: 1px solid #fff;
  border-radius: 12px;
}
.gift-card-landing #gift-card-code-inner {
  background-color: transparent;
}
.gift-card-landing #gift-card-code-inner strong {
  font-size: 1.2em;
  border: 0;
  color: #fff;
  font-weight: normal;
}
.gift-card-landing #gift-card-outer-container {
  padding: 0;
}
.gift-card-landing #gift-card-outer-container,
.gift-card-landing #gift-card-actions,
.gift-card-landing #gift-card-header,
.gift-card-landing #qr-code img,
.gift-card-landing #gift-card-inner-container {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
}
.gift-card-landing div#gift-card-instructions {
  margin-top: 1.5em;
}

.gift-card-landing #gift-card-header h2,
.gift-card-landing div#gift-card-instructions p {
  font-size: 9px;
  line-height: 12px;
  color: #fff;
}
.gift-card-landing #gift-card-header h2 {
  float: none;
  text-align: center;
  margin: 0 auto;
  font-size: 14px;
}

.cart-details-wrapper .product-title {
  text-align: justify;
  padding-right: 1.5em;
}


@media screen and (min-width: 1025px){
  .product-prev-next-wrapper--mobile {
    display: none;
  }
}