/** Shopify CDN: Minification failed

Line 2421:49 Unexpected "6"
Line 2426:53 Unexpected "6"
Line 2671:2 "marign-left" is not a known CSS property

**/
/*============================================================================
  #Breakpoint and Grid Variables
==============================================================================*/
/*================ The following are dependencies of csswizardry grid ================*/
/*============================================================================
  #General Variables
==============================================================================*/
/*============================================================================
  Dependency-free breakpoint mixin
    - Based on http://blog.grayghostvisuals.com/sass/sass-media-query-mixin/
==============================================================================*/
/*============================================================================
  Theme Libraries
==============================================================================*/
/*================ Slick Slider ================*/
.slick-list, .slick-slider, .slick-track {
  position: relative;
  display: block; }

.slick-loading .slick-slide, .slick-loading .slick-track {
  visibility: hidden; }

.slick-slider {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: 0; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-list, .slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  top: 0;
  left: 0; }

.slick-track:after, .slick-track:before {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir=rtl] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

/*================ Magnific Popup ================*/
.mfp-bg, .mfp-wrap {
  position: fixed;
  left: 0;
  top: 0; }

.mfp-bg, .mfp-container, .mfp-wrap {
  height: 100%;
  width: 100%; }

.mfp-container:before, .mfp-figure:after {
  content: ''; }

.mfp-bg {
  z-index: 1000000;
  overflow: hidden;
  background: #0b0b0b;
  opacity: .8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  z-index: 10000000;
  outline: 0 !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-close, .mfp-preloader {
  text-align: center;
  position: absolute; }

.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  top: 50%;
  width: auto;
  margin-top: -.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #CCC; }

.mfp-preloader a:hover {
  color: #FFF; }

.mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader {
  display: none; }

button.mfp-arrow, button.mfp-close {
  overflow: visible;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: 0;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  right: 0;
  top: 2px;
  text-decoration: none;
  opacity: .65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #111;
  font-style: normal;
  font-size: 36px;
  font-family: Arial,Baskerville,monospace; }

.mfp-close:focus, .mfp-close:hover {
  opacity: 1;
  filter: alpha(opacity=100); }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
  color: #FFF;
  top: -40px;
  text-align: right;
  padding-right: 0;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: .65;
  filter: alpha(opacity=65);
  margin: -55px 0 0;
  top: 50%;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:focus, .mfp-arrow:hover {
  opacity: 1;
  filter: alpha(opacity=100); }

.mfp-arrow .mfp-a, .mfp-arrow .mfp-b, .mfp-arrow:after, .mfp-arrow:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: inset transparent; }

.mfp-arrow .mfp-a, .mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }

.mfp-arrow .mfp-b, .mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: .7; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left .mfp-a, .mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px; }

.mfp-arrow-left .mfp-b, .mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right .mfp-a, .mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px; }

.mfp-arrow-right .mfp-b, .mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-image-holder .mfp-content, img.mfp-img {
  max-width: 100%; }

.mfp-iframe-holder .mfp-close {
  top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000; }

.mfp-figure:after, img.mfp-img {
  width: auto;
  height: auto;
  display: block; }

img.mfp-img {
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0 auto; }

.mfp-figure {
  line-height: 0;
  padding: 30px;
  background-color: #fff; }

.mfp-figure:after {
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  right: 0;
  z-index: 1; }

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-figure figure {
  margin: 0; }

.mfp-bottom-bar {
  margin-top: 10px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }

  .mfp-img-mobile img.mfp-img {
    padding: 0; }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
.mfp-ie7 .mfp-img {
  padding: 0; }

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }

.mfp-ie7 .mfp-container {
  padding: 0; }

.mfp-ie7 .mfp-content {
  padding-top: 44px; }

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

/*============================================================================
  Theme SCSS
==============================================================================*/
/*================ Icon mapping ================*/
@font-face {
  font-family: 'icons';
  src: url("/cdn/shop/t/1/assets/icons.eot?v=75812014845203737491523246093");
  src: url("/cdn/shop/t/1/assets/icons.eot?v=75812014845203737491523246093?#iefix") format("embedded-opentype"), url("/cdn/shop/t/1/assets/icons.woff?v=118862488474071639381523246083") format("woff"), url("/cdn/shop/t/1/assets/icons.ttf?v=163669504573087160031523246154") format("truetype"), url("/cdn/shop/t/1/assets/icons.svg?v=106781034580807862501523246163") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-pinterest:before {
  content: "\e901"; }

.icon-search:before {
  content: "\e914"; }

.icon-logo:before {
  content: "\e90b"; }

.icon-arrow-left:before {
  content: "\e910"; }

.icon-arrow-right:before {
  content: "\e912"; }

.icon-check:before {
  content: "\e913"; }

.icon-long-arrow-right:before {
  content: "\e917"; }

.icon-facebook:before {
  content: "\e918"; }

.icon-instagram:before {
  content: "\ea92"; }

.icon-twitter:before {
  content: "\ea96"; }

.icon-folder-minus:before {
  content: "\e932"; }

.icon-facebook2:before {
  content: "\ea90"; }

.icon-question:before {
  content: "\e911"; }

.icon-check-circle:before {
  content: "\e90f"; }

.icon-star:before {
  content: "\e92d"; }

.icon-chevron-left:before {
  content: "\e909"; }

.icon-chevron-right:before {
  content: "\e90a"; }

.icon-sort:before {
  content: "\e90d"; }

.icon-solo:before {
  content: "\e902"; }

.icon-switch:before {
  content: "\e903"; }

.icon-dogecoin:before {
  content: "\e904"; }

.icon-dwolla:before {
  content: "\e905"; }

.icon-forbrugsforeningen:before {
  content: "\e906"; }

.icon-laser:before {
  content: "\e907"; }

.icon-litecoin:before {
  content: "\e908"; }

.icon-google-plus:before {
  content: "\e900"; }

.icon-amazon_payments:before {
  content: "\e800"; }

.icon-cart:before {
  content: "\e600"; }

.icon-hamburger:before {
  content: "\e601"; }

.icon-x:before {
  content: "\e606"; }

.icon-grid-view:before {
  content: "\e603"; }

.icon-list-view:before {
  content: "\e604"; }

.icon-american_express:before {
  content: "\41"; }

.icon-bitcoin:before {
  content: "\42"; }

.icon-cirrus:before {
  content: "\43"; }

.icon-discover:before {
  content: "\44"; }

.icon-fancy:before {
  content: "\46"; }

.icon-interac:before {
  content: "\49"; }

.icon-jcb:before {
  content: "\4a"; }

.icon-master:before {
  content: "\4d"; }

.icon-paypal:before {
  content: "\50"; }

.icon-stripe:before {
  content: "\53"; }

.icon-visa:before {
  content: "\56"; }

.icon-diners_club:before {
  content: "\63"; }

.icon-dankort:before {
  content: "\64"; }

.icon-maestro:before {
  content: "\6d"; }

.icon-tumblr:before {
  content: "\74"; }

.icon-vimeo:before {
  content: "\76"; }

.icon-youtube:before {
  content: "\79"; }

.icon-rss:before {
  content: "\72"; }

/*================ Typography ================*/
body {
  font-size: 16px;
  font-family: "Roboto Condensed", sans-serif; }

input, textarea, button, select, label {
  font-size: 14px;
  font-family: "Roboto Condensed", sans-serif; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Roboto Condensed", sans-serif;
  color: #000; }

h1 {
  font-size: 25px;
  text-transform: uppercase; }
  @media screen and (min-width: 750px) {
    h1 {
      font-size: 30px; } }

.rte h2, .rte h3, .rte h4, .rte h5, .rte h6 {
  font-weight: 400; }

/*================ General ================*/
a, button, .btn {
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in; }

input, textarea, button, select, .btn, .btn--full, .btn--secondary {
  border-radius: 0; }

input, textarea, select {
  border: 1px solid #CBCBCB; }

input {
  height: 40px;
  line-height: 38px; }
  @media screen and (min-width: 750px) {
    input {
      line-height: 45px; } }

.btn {
  text-transform: uppercase; }

@media screen and (min-width: 750px) {
  .main-content {
    min-height: 530px; } }

.btn--log-out {
  display: inline-block;
  padding: 10px 20px 8px 20px; }

.divider {
  width: 30px;
  border: 1px solid #191919;
  margin: 0 auto 20px auto; }
  @media screen and (min-width: 750px) {
    .divider {
      width: 40px;
      margin: 0 auto 25px auto; } }

/*================ No Scripts ================*/
.no-js .product-single {
  opacity: 1; }
.no-js .cart__update-btn {
  display: inline-block; }

/*================ Topbar ================*/
.topbar {
  color: #888888;
  padding: 7px 0;
  width: 100%;
  border-bottom: 1px solid #D8D8D8; }
  .topbar .wrapper {
    max-width: 1600px; }
  .topbar .topbar__promo {
    padding-top: 4px;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.68px; }
    .topbar .topbar__promo a {
      text-decoration: underline;
      color: #fff; }
      .topbar .topbar__promo a:hover {
        opacity: 0.65; }
  .topbar ul {
    margin: 0; }
    .topbar ul li {
      padding: 0 0 0 30px; }
      .topbar ul li:last-child {
        padding-left: 20px; }
      .topbar ul li a {
        font-size: 13px;
        letter-spacing: 0.2px;
        color: #191919;
        text-transform: uppercase; }
        .topbar ul li a:hover {
          color: #D8D8D8; }
  .topbar .topbar__currency .topbar__currency-icon {
    display: block;
    position: relative;
    float: left;
    width: 25px;
    height: 25px;
    padding: 3px 5px 0 0; }
    .topbar .topbar__currency .topbar__currency-icon img {
      display: none;
      width: 24px;
      height: auto; }
      .topbar .topbar__currency .topbar__currency-icon img.icon--active {
        display: inline-block; }
  .topbar .topbar__currency .topbar__currency-picker {
    display: inline-block; }
    .topbar .topbar__currency .topbar__currency-picker select {
      display: inline-block;
      border: none;
      color: #191919;
      padding: 2px 12px 2px 0;
      text-transform: uppercase;
      font-size: 13px;
      background: url(/cdn/shop/t/1/assets/ico-select.svg?v=16861682405172533571523246217);
      background-repeat: no-repeat;
      background-size: 7px;
      background-position: right 0 top 10px; }
  .topbar .topbar__cart {
    position: relative;
    display: block;
    height: 12px;
    min-width: 25px; }
    .topbar .topbar__cart a {
      text-transform: capitalize; }
      .topbar .topbar__cart a .topbar__cart-count {
        padding-right: 32px; }
      .topbar .topbar__cart a .topbar__cart-indicator {
        display: block;
        color: #fff;
        position: absolute;
        top: 5px;
        right: -2px;
        background-color: #ff8b0f;
        width: 6px;
        height: 6px;
        border-radius: 100px; }
      .topbar .topbar__cart a .icon {
        position: absolute;
        right: 0;
        top: 3px;
        font-size: 19px; }
        .topbar .topbar__cart a .icon.icon-cart--empty {
          top: -3px; }

/*================ Promo Bar ================*/
.promo-bar {
  display: block;
  width: 100%;
  padding: 7px 0 6px 0;
  background-color: #191919;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.25px;
  font-size: 13px;
  text-transform: uppercase;
  text-align: center; }
  @media screen and (min-width: 750px) {
    .promo-bar {
      font-size: 16px; } }
  .promo-bar span span {
    text-decoration: underline; }

/*================ Header ================*/
.site-header {
  position: relative;
  display: block;
  border-bottom: 1px solid #D8D8D8; }
  @media screen and (min-width: 1025px) {
    .site-header {
      padding: 0;
      height: 60px; } }
  .site-header .wrapper {
    max-width: 1600px; }
  .site-header .site-nav--mobile {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%); }
    .site-header .site-nav--mobile.site-nav__right {
      right: 20px; }
      .site-header .site-nav--mobile.site-nav__right .mobile-controls {
        display: table;
        height: 40px;
        margin-top: 15px; }
        .site-header .site-nav--mobile.site-nav__right .mobile-controls li {
          display: table-cell;
          vertical-align: middle; }
      .site-header .site-nav--mobile.site-nav__right .site-nav__cart-indicator {
        display: block;
        color: #fff;
        position: absolute;
        top: 26px;
        right: 6px;
        background-color: #ff8b0f;
        width: 6px;
        height: 6px;
        border-radius: 100px; }
      .site-header .site-nav--mobile.site-nav__right .site-nav__link--hamburger {
        right: 20px; }
      .site-header .site-nav--mobile.site-nav__right .site-nav__link--search {
        font-size: 16px; }
      .site-header .site-nav--mobile.site-nav__right .site-nav__link--cart {
        font-size: 18px; }
    .site-header .site-nav--mobile .site-nav__link {
      line-height: 1;
      color: #191919;
      padding: 7px; }
  .site-header .site-header__logo {
    line-height: 0;
    text-align: left; }
    .site-header .site-header__logo svg {
      width: 100px;
      height: 34px; }
      @media screen and (min-width: 1025px) {
        .site-header .site-header__logo svg {
          width: 125px;
          height: 43px; } }
  .site-header .nav-bar {
    width: 100%;
    text-align: center;
    padding: 0 10px;
    background: none; }
    .site-header .nav-bar ul.site-nav {
      margin: 0; }
      .site-header .nav-bar ul.site-nav li {
        position: inherit;
        margin: 0 -3px; }
        .site-header .nav-bar ul.site-nav li.site-nav--has-dropdown-small {
          position: relative; }
        .site-header .nav-bar ul.site-nav li a {
          padding: 18px 15px 17px 15px;
          text-transform: uppercase;
          font-size: 16px;
          font-weight: 700;
          letter-spacing: 0.25px; }
          @media screen and (min-width: 1230px) {
            .site-header .nav-bar ul.site-nav li a {
              padding: 18px 20px 17px 20px; } }
          @media screen and (min-width: 1400px) {
            .site-header .nav-bar ul.site-nav li a {
              padding: 18px 25px 17px 25px; } }
          .site-header .nav-bar ul.site-nav li a:hover {
            color: #777; }
        .site-header .nav-bar ul.site-nav li .promo-bar a {
          padding: 0; }
        .site-header .nav-bar ul.site-nav li .site-nav__dropdown--small {
          width: 250px;
          text-align: left;
          padding: 10px 0; }
          .site-header .nav-bar ul.site-nav li .site-nav__dropdown--small:after {
            display: none; }
          .site-header .nav-bar ul.site-nav li .site-nav__dropdown--small li {
            position: relative; }
            .site-header .nav-bar ul.site-nav li .site-nav__dropdown--small li a {
              font-size: 15px;
              padding: 6px 20px 5px 20px; }
  .site-header .site-nav__dropdown {
    z-index: 1000;
    width: 100%;
    background-color: #fff;
    max-width: none;
    -webkit-box-shadow: 0 30px 25px -6px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 30px 25px -6px rgba(0, 0, 0, 0.15);
    box-shadow: 0 30px 25px -6px rgba(0, 0, 0, 0.15); }
    .site-header .site-nav__dropdown:after {
      content: '';
      display: block;
      width: 100%;
      background-color: #fff;
      height: 480px; }
    .site-header .site-nav__dropdown .site-nav__dropdown-inner {
      width: 100%; }
      .site-header .site-nav__dropdown .site-nav__dropdown-inner ul {
        text-align: left;
        width: 100%;
        max-width: 1200px;
        margin: 0 auto; }
        .site-header .site-nav__dropdown .site-nav__dropdown-inner ul li .dropdown__item {
          margin-top: 5px; }
        .site-header .site-nav__dropdown .site-nav__dropdown-inner ul li h4 {
          text-transform: uppercase;
          font-size: 14px;
          letter-spacing: 0.22px;
          padding: 35px 0 8px 30px; }
        .site-header .site-nav__dropdown .site-nav__dropdown-inner ul li .site-nav__link {
          position: relative;
          background-color: #fff;
          padding: 2px 0 1px 30px;
          font-size: 13px;
          letter-spacing: 0.2px;
          font-weight: 400;
          color: #656363;
          text-transform: capitalize; }
          .site-header .site-nav__dropdown .site-nav__dropdown-inner ul li .site-nav__link:hover {
            color: #191919; }
      .site-header .site-nav__dropdown .site-nav__dropdown-inner .dropdown__brands {
        padding: 35px 30px 0 0; }
        .site-header .site-nav__dropdown .site-nav__dropdown-inner .dropdown__brands:after {
          position: absolute;
          top: 0;
          margin-left: -30px;
          content: '';
          display: block;
          width: 100%;
          background-color: #f9f9f9;
          height: 480px; }
        .site-header .site-nav__dropdown .site-nav__dropdown-inner .dropdown__brands a {
          padding: 0;
          display: block;
          position: relative; }
          .site-header .site-nav__dropdown .site-nav__dropdown-inner .dropdown__brands a:hover img {
            opacity: 0.65; }
        .site-header .site-nav__dropdown .site-nav__dropdown-inner .dropdown__brands img {
          -moz-transition: opacity 0.2s ease-in;
          -o-transition: opacity 0.2s ease-in;
          -webkit-transition: opacity 0.2s ease-in;
          transition: opacity 0.2s ease-in;
          position: relative;
          z-index: 10;
          margin-bottom: 10px;
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
    .site-header .site-nav__dropdown .promo-bar {
      position: absolute;
      top: 480px; }
  .site-header .site-header__search {
    display: inline-block;
    margin-top: 8px;
    position: relative;
    width: 180px; }
    .site-header .site-header__search form {
      width: 100%; }
    .site-header .site-header__search ::-webkit-input-placeholder {
      color: #191919; }
    .site-header .site-header__search :-moz-placeholder {
      /* Firefox 18- */
      color: #191919; }
    .site-header .site-header__search ::-moz-placeholder {
      /* Firefox 19+ */
      color: #191919; }
    .site-header .site-header__search :-ms-input-placeholder {
      color: #191919; }
    .site-header .site-header__search input {
      border: 1px solid #DDDDDD;
      color: #191919;
      height: 40px;
      line-height: 32px;
      text-indent: 3px;
      width: 100%;
      padding-bottom: 4px; }
    .site-header .site-header__search .input-group-btn {
      position: absolute;
      right: 38px;
      top: 2px; }
      .site-header .site-header__search .input-group-btn .btn {
        color: #191919;
        font-size: 16px;
        background: none;
        border-radius: 0; }
    .site-header .site-header__search .input-group input[type="hidden"]:first-child + .input-group-field {
      border-radius: 0; }

/*================ Drawers ================*/
.drawer {
  z-index: 1000;
  background-color: #191919;
  border: none;
  color: #fff; }
  .drawer .drawer__header {
    border: none;
    display: block;
    height: auto;
    margin-bottom: 5px; }
    .drawer .drawer__header .drawer__close {
      color: #fff;
      width: auto;
      display: inline-block;
      right: auto; }
      .drawer .drawer__header .drawer__close button {
        padding: 20px 20px 20px 0;
        right: auto;
        font-size: 24px; }
        .drawer .drawer__header .drawer__close button:active, .drawer .drawer__header .drawer__close button:hover, .drawer .drawer__header .drawer__close button:focus {
          background: none; }
  .drawer .mobile-nav__item {
    background: none; }
    .drawer .mobile-nav__item:active, .drawer .mobile-nav__item:hover, .drawer .mobile-nav__item:focus {
      background: none; }
    .drawer .mobile-nav__item:after {
      border-color: #333; }
    .drawer .mobile-nav__item.mobile-nav__item-last {
      margin-bottom: 20px; }
    .drawer .mobile-nav__item a {
      font-weight: 700;
      font-size: 19px;
      color: #fff;
      padding: 15px 15px 14px 15px; }
      .drawer .mobile-nav__item a:active, .drawer .mobile-nav__item a:hover, .drawer .mobile-nav__item a:focus {
        background: none; }
    .drawer .mobile-nav__item .mobile-nav__toggle-open,
    .drawer .mobile-nav__item .mobile-nav__toggle-close {
      color: #fff;
      line-height: 0; }
      .drawer .mobile-nav__item .mobile-nav__toggle-open:active, .drawer .mobile-nav__item .mobile-nav__toggle-open:hover, .drawer .mobile-nav__item .mobile-nav__toggle-open:focus,
      .drawer .mobile-nav__item .mobile-nav__toggle-close:active,
      .drawer .mobile-nav__item .mobile-nav__toggle-close:hover,
      .drawer .mobile-nav__item .mobile-nav__toggle-close:focus {
        background: none; }
    .drawer .mobile-nav__item .mobile-nav__sublist li:after {
      border: none; }
    .drawer .mobile-nav__item .mobile-nav__sublist li:first-child h4 {
      margin-top: 0; }
    .drawer .mobile-nav__item .mobile-nav__sublist li:last-child {
      margin-bottom: 25px; }
    .drawer .mobile-nav__item .mobile-nav__sublist li h4 {
      color: #fff;
      text-transform: uppercase;
      font-size: 15px;
      padding: 3px 30px;
      margin: 20px 0 0 0; }
    .drawer .mobile-nav__item .mobile-nav__sublist li a {
      opacity: 0.8;
      font-weight: 400;
      font-size: 16px;
      padding: 3px 30px; }
  .drawer .mobile-nav__sublink:after {
    border: none; }
  .drawer .mobile-nav__sublink a {
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    padding: 2px 0 2px 15px; }

/*================ Footer ================*/
.site-footer {
  padding: 40px 0;
  background-color: #191919;
  border-top: 1px solid #e7e7e7;
  text-align: center; }
  @media screen and (min-width: 1025px) {
    .site-footer {
      text-align: left;
      border: none;
      padding: 70px 0 50px 0; } }
  @media screen and (min-width: 1230px) {
    .site-footer {
      padding: 106px 0 54px 0; } }
  .site-footer ul li {
    margin-bottom: 2px; }
    .site-footer ul li a {
      color: #B4B4B4;
      font-size: 13px;
      letter-spacing: 0.5px;
      text-transform: uppercase; }
      .site-footer ul li a:hover {
        color: #fff; }
  .site-footer .site-footer__newsletter h4 {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 23px; }
    @media screen and (min-width: 1025px) {
      .site-footer .site-footer__newsletter h4 {
        margin-bottom: 30px; } }
  .site-footer .site-footer__newsletter form {
    margin: 0 auto 24px auto;
    max-width: 315px;
    position: relative; }
    @media screen and (min-width: 1025px) {
      .site-footer .site-footer__newsletter form {
        margin: 0 0 24px 0; } }
    .site-footer .site-footer__newsletter form ::-webkit-input-placeholder {
      color: #9C9C9C; }
    .site-footer .site-footer__newsletter form :-moz-placeholder {
      /* Firefox 18- */
      color: #9C9C9C; }
    .site-footer .site-footer__newsletter form ::-moz-placeholder {
      /* Firefox 19+ */
      color: #9C9C9C; }
    .site-footer .site-footer__newsletter form :-ms-input-placeholder {
      color: #9C9C9C; }
    .site-footer .site-footer__newsletter form input {
      height: 50px;
      font-size: 14px;
      line-height: 45px;
      padding: 0 60px 0 15px;
      width: 100%;
      color: #fff;
      background: none;
      border: 2px solid #686868;
      margin-bottom: 7px; }
    .site-footer .site-footer__newsletter form button {
      color: #fff;
      position: absolute;
      right: 18px;
      top: 15px; }
      .site-footer .site-footer__newsletter form button:hover {
        color: #9C9C9C; }
  .site-footer .site-footer__social-icons {
    margin-bottom: 20px; }
    .site-footer .site-footer__social-icons li {
      margin: 0 10px; }
      @media screen and (min-width: 1025px) {
        .site-footer .site-footer__social-icons li {
          margin: 0 20px 0 0; } }
    .site-footer .site-footer__social-icons a {
      color: #fff; }
      .site-footer .site-footer__social-icons a:hover {
        color: #B4B4B4; }
    .site-footer .site-footer__social-icons .icon {
      font-size: 26px; }
  .site-footer .site-footer__copyright,
  .site-footer .site-footer__powered-by {
    display: block;
    text-transform: uppercase;
    font-size: 13px;
    color: #6C6C6C;
    letter-spacing: 0.2px; }
    @media screen and (min-width: 1025px) {
      .site-footer .site-footer__copyright,
      .site-footer .site-footer__powered-by {
        padding-top: 40px; } }
    @media screen and (min-width: 1230px) {
      .site-footer .site-footer__copyright,
      .site-footer .site-footer__powered-by {
        padding-top: 73px; } }
    .site-footer .site-footer__copyright a,
    .site-footer .site-footer__powered-by a {
      color: #6C6C6C; }
      .site-footer .site-footer__copyright a:hover,
      .site-footer .site-footer__powered-by a:hover {
        color: #fff; }

/*================ Homepage Hero ================*/
.hero {
  visibility: hidden;
  width: 100%; }
  .hero.slick-initialized {
    visibility: visible; }
  .hero .hero__image {
    height: 100%;
    /*     height: 200px; */
    width: 100%;
    background-size: cover;
    background-position: center center;
    /*     @include at-query ($min, $small) {
          height: 270px;
        }
    
        @include at-query ($min, $medium) {
          height: 400px;
        }
    
        @include at-query ($min, $large) {
          height: 500px;
        }
    
        @include at-query ($min, $siteWidth) {
          height: 550px;
        }
    
        @include at-query ($min, 1600px) {
          height: 700px;
        } */ }
    .hero .hero__image img {
      width: 100%; }
  .hero .hero__link {
    display: block;
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10; }
  .hero .hero__content {
    width: 100%;
    height: 100%;
    text-align: center;
    display: block;
    margin: 0 auto;
    padding: 27px 15px 30px 15px;
    background-color: #f9f9f9; }
    @media screen and (min-width: 750px) {
      .hero .hero__content {
        background: none;
        top: 0;
        position: absolute;
        padding: 0 80px; }
        .hero .hero__content.hero__content--right {
          text-align: right; }
        .hero .hero__content.hero__content--left {
          text-align: left; } }
    @media screen and (max-width: 749px) {
      .hero .hero__content.hero__content--linked {
        padding: 27px 15px 25px 15px; } }
  .hero .hero__headline {
    font-weight: 700;
    font-size: 26px;
    line-height: 26px;
    text-transform: uppercase;
    margin-bottom: 0; }
    @media screen and (max-width: 749px) {
      .hero .hero__headline {
        color: #191919 !important; } }
    @media screen and (min-width: 750px) {
      .hero .hero__headline {
        color: #fff;
        font-size: 48px;
        line-height: 46px;
        letter-spacing: -1px; } }
  .hero .hero__subline {
    margin-top: 10px;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px; }
    @media screen and (max-width: 749px) {
      .hero .hero__subline {
        color: #191919 !important; } }
    @media screen and (min-width: 750px) {
      .hero .hero__subline {
        margin-top: 8px;
        color: #fff;
        font-size: 18px;
        line-height: 24px; } }
  .hero .hero__button {
    margin-top: 8px;
    display: inline-block;
    padding: 8px 18px 7px 18px;
    line-height: 1;
    letter-spacing: 0.67px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    background: none;
    border: 1px solid; }
    @media screen and (max-width: 749px) {
      .hero .hero__button {
        color: #191919 !important;
        border-color: #191919 !important; } }
    @media screen and (min-width: 750px) {
      .hero .hero__button {
        color: #fff;
        border-color: #fff;
        margin-top: 12px; } }
    .hero .hero__button:active, .hero .hero__button:focus, .hero .hero__button:hover {
      color: #fff !important;
      background-color: #191919; }
      @media screen and (min-width: 750px) {
        .hero .hero__button:active, .hero .hero__button:focus, .hero .hero__button:hover {
          color: #191919 !important;
          background-color: #fff;
          border-color: #fff !important; } }
  .hero .slick-dots {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
    display: block;
    list-style-type: none;
    margin: 0; }
    .hero .slick-dots li {
      position: relative;
      display: inline-block;
      padding: 0 5px; }
      .hero .slick-dots li.slick-active button {
        opacity: 1; }
      .hero .slick-dots li button {
        background-color: #fff;
        opacity: 0.5;
        display: block;
        font-size: 0;
        line-height: 0;
        border-radius: 100px;
        width: 8px;
        height: 8px; }
        @media screen and (min-width: 750px) {
          .hero .slick-dots li button {
            width: 12px;
            height: 12px; } }
        .hero .slick-dots li button:hover {
          opacity: 1; }
  .hero .slick-arrow {
    z-index: 100;
    font-size: 25px;
    color: #fff;
    position: absolute;
    top: 78px;
    text-align: center; }
    @media screen and (min-width: 550px) {
      .hero .slick-arrow {
        top: 117px; } }
    @media screen and (min-width: 750px) {
      .hero .slick-arrow {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 50px;
        height: 50px;
        line-height: 52px;
        background-color: #191919;
        border-radius: 120px;
        font-size: 20px; } }
    .hero .slick-arrow:hover {
      opacity: 0.6; }
    .hero .slick-arrow.slick-next {
      right: 20px; }
      @media screen and (min-width: 750px) {
        .hero .slick-arrow.slick-next {
          right: 30px; } }
    .hero .slick-arrow.slick-prev {
      left: 20px; }
      @media screen and (min-width: 750px) {
        .hero .slick-arrow.slick-prev {
          left: 30px; } }

/*================ Homepage Promotions ================*/
.promotions {
  padding: 24px 20px 30px 20px;
  text-align: center; }
  @media screen and (min-width: 750px) {
    .promotions {
      text-align: left;
      padding: 50px 0; } }
  @media screen and (min-width: 1025px) {
    .promotions {
      padding: 60px 0; } }
  .promotions .promotions__header {
    margin-bottom: 10px; }
    @media screen and (min-width: 750px) {
      .promotions .promotions__header {
        margin-bottom: 18px; } }
    @media screen and (min-width: 1025px) {
      .promotions .promotions__header {
        margin-bottom: 28px; } }
    .promotions .promotions__header h3 {
      font-size: 21px;
      letter-spacing: 0.33px;
      text-transform: uppercase; }
  .promotions .btn {
    margin: 23px auto 0 auto;
    padding: 6px 20px 4px 20px;
    font-size: 12px;
    letter-spacing: 0.67px;
    background: none;
    color: #191919;
    border: 1px solid #191919; }
    @media screen and (min-width: 750px) {
      .promotions .btn {
        margin: 0;
        padding: 6px 32px 4px 32px; } }
    .promotions .btn:hover {
      color: #fff;
      background-color: #191919; }
  @media screen and (max-width: 749px) {
    .promotions .grid {
      margin-left: 0; }
      .promotions .grid .grid__item {
        padding-left: 0; } }
  .promotions .promotions__grid .grid__item {
    padding-bottom: 20px; }
    .promotions .promotions__grid .grid__item img {
      -moz-transition: opacity 0.2s ease-in;
      -o-transition: opacity 0.2s ease-in;
      -webkit-transition: opacity 0.2s ease-in;
      transition: opacity 0.2s ease-in;
      display: inline-block;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
      .promotions .promotions__grid .grid__item img:hover {
        opacity: 0.75; }
  .promotions .promotions__carousel-item img {
    -moz-transition: opacity 0.2s ease-in;
    -o-transition: opacity 0.2s ease-in;
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    display: inline-block; }
    .promotions .promotions__carousel-item img:hover {
      opacity: 0.75; }
  .promotions .slick-arrow {
    position: absolute;
    font-size: 25px;
    color: #777;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    .promotions .slick-arrow:hover {
      opacity: 0.6; }
    .promotions .slick-arrow.slick-next {
      right: -30px; }
    .promotions .slick-arrow.slick-prev {
      left: -30px; }

/*================ Homepage Featured Collections ================*/
@media screen and (min-width: 1025px) {
  .featured-collections {
    padding: 30px 0; } }
@media screen and (max-width: 749px) {
  .featured-collections .wrapper {
    padding: 0; }
  .featured-collections .grid {
    margin-left: 0; }
    .featured-collections .grid .grid__item {
      padding-left: 0; } }
.featured-collections .featured-collections__item {
  -moz-transition: opacity 0.2s ease-in;
  -o-transition: opacity 0.2s ease-in;
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  display: block;
  height: 140px;
  background-size: cover;
  background-position: center center;
  text-align: center; }
  @media screen and (min-width: 370px) {
    .featured-collections .featured-collections__item {
      height: 160px; } }
  @media screen and (min-width: 550px) {
    .featured-collections .featured-collections__item {
      height: 200px; } }
  @media screen and (min-width: 750px) {
    .featured-collections .featured-collections__item {
      height: 220px;
      margin-bottom: 30px; } }
  @media screen and (min-width: 1025px) {
    .featured-collections .featured-collections__item {
      height: 300px; } }
  .featured-collections .featured-collections__item:hover {
    opacity: 0.75; }
  @media screen and (min-width: 750px) {
    .featured-collections .featured-collections__item.featured-collections__item--large h3 {
      font-size: 30px; } }
  @media screen and (min-width: 1025px) {
    .featured-collections .featured-collections__item.featured-collections__item--large h3 {
      font-size: 45px; } }
  @media screen and (min-width: 1230px) {
    .featured-collections .featured-collections__item.featured-collections__item--large h3 {
      font-size: 76px;
      margin-bottom: -5px; } }
  @media screen and (min-width: 750px) {
    .featured-collections .featured-collections__item.featured-collections__item--small {
      height: 150px; } }
  @media screen and (min-width: 1025px) {
    .featured-collections .featured-collections__item.featured-collections__item--small {
      height: 200px; } }
  @media screen and (min-width: 1230px) {
    .featured-collections .featured-collections__item.featured-collections__item--small {
      height: 270px; } }
  .featured-collections .featured-collections__item h3 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.95px;
    font-size: 16px;
    margin-bottom: -5px; }
    @media screen and (min-width: 1025px) {
      .featured-collections .featured-collections__item h3 {
        margin-bottom: 0;
        font-size: 18px; } }
  .featured-collections .featured-collections__item span {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.74px; }
    @media screen and (min-width: 1025px) {
      .featured-collections .featured-collections__item span {
        font-size: 14px; } }

/*================ Homepage Featured Brand ================*/
.featured-brand {
  padding: 30px 0; }
  @media screen and (min-width: 1025px) {
    .featured-brand .wrapper {
      padding: 0 15px; } }
  @media screen and (min-width: 1025px) {
    .featured-brand .grid-uniform {
      margin: 0; } }
  .featured-brand .featured-brand__intro-wrap {
    margin-bottom: 30px; }
    @media screen and (min-width: 1025px) {
      .featured-brand .featured-brand__intro-wrap {
        padding: 0 15px 15px 15px;
        margin-bottom: 15px; } }
  .featured-brand .featured-brand__intro {
    background-color: #191919;
    height: 380px;
    text-align: center; }
    .featured-brand .featured-brand__intro h3 {
      text-transform: uppercase;
      font-size: 11px;
      letter-spacing: 1.5px;
      color: #909090;
      font-style: italic;
      font-weight: 700; }
      @media screen and (min-width: 360px) {
        .featured-brand .featured-brand__intro h3 {
          font-size: 12px; } }
    .featured-brand .featured-brand__intro img {
      width: 60px;
      padding: 20px 0; }
      @media screen and (min-width: 360px) {
        .featured-brand .featured-brand__intro img {
          padding: 30px 0; } }
      @media screen and (min-width: 750px) {
        .featured-brand .featured-brand__intro img {
          width: 96px;
          padding: 35px 0; } }
    .featured-brand .featured-brand__intro .btn {
      font-size: 12px;
      letter-spacing: 0.67px;
      color: #fff;
      background: none;
      border: 1px solid #fff;
      padding: 6px 20px 5px 20px;
      margin-left: 7px; }
      @media screen and (min-width: 750px) {
        .featured-brand .featured-brand__intro .btn {
          width: 117px;
          padding: 6px 6px 5px 6px;
          margin-left: 0; } }
      .featured-brand .featured-brand__intro .btn:hover {
        background: #fff;
        color: #191919; }
  .featured-brand .collection__item:last-child {
    display: none; }
    @media screen and (min-width: 1025px) {
      .featured-brand .collection__item:last-child {
        display: inline-block; } }
  .featured-brand .collection__item .collection__item-hover-content .collection__item-carousel-wrap {
    width: 200px; }

/*================ Homepage Featured Articles ================*/
.blog,
.featured-articles {
  padding: 48px 0;
  display: none; }
  @media screen and (min-width: 1025px) {
    .blog,
    .featured-articles {
      display: block; } }
  .blog .featured-articles__header,
  .featured-articles .featured-articles__header {
    margin-bottom: 28px; }
    .blog .featured-articles__header h3,
    .featured-articles .featured-articles__header h3 {
      font-size: 21px;
      letter-spacing: 0.33px;
      text-transform: uppercase; }
    .blog .featured-articles__header .btn,
    .featured-articles .featured-articles__header .btn {
      margin: 0;
      padding: 6px 32px 4px 32px;
      font-size: 12px;
      letter-spacing: 0.67px;
      background: none;
      color: #191919;
      border: 1px solid #191919; }
      .blog .featured-articles__header .btn:hover,
      .featured-articles .featured-articles__header .btn:hover {
        color: #fff;
        background-color: #191919; }
  .blog .article,
  .featured-articles .article {
    -moz-transition: all 0.3s cubic-bezier(0.44, 0.13, 0.48, 0.87);
    -o-transition: all 0.3s cubic-bezier(0.44, 0.13, 0.48, 0.87);
    -webkit-transition: all 0.3s cubic-bezier(0.44, 0.13, 0.48, 0.87);
    transition: all 0.3s cubic-bezier(0.44, 0.13, 0.48, 0.87); }
    .blog .article:hover,
    .featured-articles .article:hover {
      -webkit-box-shadow: 0px 30px 50px 0px rgba(0, 0, 0, 0.15);
      -moz-box-shadow: 0px 30px 50px 0px rgba(0, 0, 0, 0.15);
      box-shadow: 0px 30px 50px 0px rgba(0, 0, 0, 0.15); }
  .blog .article__image,
  .featured-articles .article__image {
    display: block;
    height: 230px;
    background-size: cover;
    background-position: center center; }
    @media screen and (min-width: 1230px) {
      .blog .article__image,
      .featured-articles .article__image {
        height: 270px; } }
  .blog .article__content,
  .featured-articles .article__content {
    padding-bottom: 30px; }
    .blog .article__content h4,
    .featured-articles .article__content h4 {
      font-size: 18px;
      font-weight: 700;
      letter-spacing: -0.13px;
      padding: 20px 50px 0 50px; }
      @media screen and (min-width: 1230px) {
        .blog .article__content h4,
        .featured-articles .article__content h4 {
          padding: 20px 70px 0 70px; } }
    .blog .article__content .article__read-more,
    .featured-articles .article__content .article__read-more {
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size: 16px; }

/*================ Instagram ================*/
#instagram .main-content {
  padding-bottom: 20px; }
  @media screen and (min-width: 1025px) {
    #instagram .main-content {
      padding-bottom: 45px; } }
  @media screen and (min-width: 1230px) {
    #instagram .main-content {
      padding-bottom: 88px; } }

.instagram {
  padding: 20px 0 49px 0; }
  @media screen and (min-width: 1230px) {
    .instagram {
      padding: 70px 0 88px 0; } }
  .instagram.instagram--page {
    padding: 20px 0 0 0; }
  .instagram .instagram__intro {
    width: 180px;
    display: block;
    margin: 0 auto; }
    .instagram .instagram__intro img {
      width: 47px; }
    .instagram .instagram__intro p {
      font-size: 14px; }
    .instagram .instagram__intro .btn {
      margin-top: 5px;
      padding: 6px 15px 4px 15px;
      font-size: 12px;
      letter-spacing: 0.67px;
      background: none;
      color: #191919;
      border: 1px solid #191919; }
      .instagram .instagram__intro .btn:hover {
        color: #fff;
        background-color: #191919; }
  .instagram h3 {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 25px; }
    @media screen and (min-width: 750px) {
      .instagram h3 {
        font-size: 30px; } }
    @media screen and (min-width: 1025px) {
      .instagram h3 {
        font-size: 58px; } }
    .instagram h3 span {
      font-size: 23px; }
      @media screen and (min-width: 1025px) {
        .instagram h3 span {
          font-size: 45px; } }
  .instagram .instagram__image {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px; }
    @media screen and (min-width: 750px) {
      .instagram .instagram__image:hover .instagram__image-content {
        opacity: 1;
        padding-top: 0; } }
    .instagram .instagram__image img {
      width: 100%;
      margin-bottom: -10px; }
    .instagram .instagram__image .instagram__image-content {
      -moz-transition: all 0.2s ease-in;
      -o-transition: all 0.2s ease-in;
      -webkit-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in;
      padding-top: 20px;
      opacity: 0;
      text-align: center;
      position: absolute;
      height: 100%;
      width: 100%;
      color: #fff;
      background-color: rgba(0, 0, 0, 0.75); }
      .instagram .instagram__image .instagram__image-content .icon {
        display: block;
        font-size: 28px;
        margin-bottom: 15px; }
        @media screen and (min-width: 1230px) {
          .instagram .instagram__image .instagram__image-content .icon {
            font-size: 36px; } }
      .instagram .instagram__image .instagram__image-content p {
        max-width: 75%;
        margin: 0 auto;
        font-size: 14px;
        line-height: 17px; }
      .instagram .instagram__image .instagram__image-content .btn {
        margin-top: 14px;
        background: none;
        font-size: 9px;
        border: 1px solid #fff;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 0.64px;
        padding: 5px 13px 4px 13px; }
        .instagram .instagram__image .instagram__image-content .btn:hover {
          color: #191919;
          background-color: #fff; }

/*================ Collection ================*/
.collection__banner {
  height: 165px;
  width: 100%;
  color: #fff;
  background-color: #fff;
  background-position: left center;
  background-size: cover; }
  @media screen and (min-width: 550px) {
    .collection__banner {
      height: 200px; } }
  @media screen and (min-width: 750px) {
    .collection__banner {
      height: 300px;
      background-position: top center; } }
  @media screen and (min-width: 1025px) {
    .collection__banner {
      width: 80vw; } }
  .collection__banner .wrapper {
    height: 100%;
    max-width: 100%;
    position: relative;
    padding: 0; }
  .collection__banner .collection__banner-content {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: block;
    margin: 0 auto;
    padding: 0 15px; }
    @media screen and (min-width: 1025px) {
      .collection__banner .collection__banner-content {
        padding: 0;
        left: -50px; } }
    @media screen and (min-width: 1400px) {
      .collection__banner .collection__banner-content {
        height: 100%;
        top: auto;
        width: 460px;
        display: inline-block;
        text-align: right;
        left: 0; } }
    @media screen and (min-width: 1500px) {
      .collection__banner .collection__banner-content {
        width: 500px; } }
    @media screen and (min-width: 1600px) {
      .collection__banner .collection__banner-content {
        width: 460px; } }
    @media screen and (min-width: 1400px) {
      .collection__banner .collection__banner-content.collection__banner-content--has-description {
        height: auto;
        bottom: 57px; } }
    @media screen and (min-width: 1400px) {
      .collection__banner .collection__banner-content.collection__banner-content--has-description .display-table {
        height: auto; } }
    .collection__banner .collection__banner-content h1 {
      color: #fff;
      font-weight: 700;
      font-size: 28px;
      line-height: 30px;
      letter-spacing: 1px;
      margin-bottom: 0; }
      @media screen and (min-width: 550px) {
        .collection__banner .collection__banner-content h1 {
          font-size: 33px; } }
      @media screen and (min-width: 750px) {
        .collection__banner .collection__banner-content h1 {
          font-size: 45px;
          line-height: 50px; } }
    .collection__banner .collection__banner-content p {
      display: block;
      margin: 10px 0 0 0;
      font-size: 14px;
      color: #fff;
      letter-spacing: 1.4px;
      text-transform: uppercase; }
      @media screen and (min-width: 550px) {
        .collection__banner .collection__banner-content p {
          font-size: 16px; } }
      @media screen and (min-width: 1400px) {
        .collection__banner .collection__banner-content p {
          max-width: 300px;
          float: right; } }

.collection__wrapper {
  margin-bottom: 40px;
  padding: 0 30px;
  max-width: 1600px; }
  @media screen and (min-width: 750px) {
    .collection__wrapper {
      padding: 0 30px; } }
  @media screen and (min-width: 1600px) {
    .collection__wrapper {
      padding: 0 15px 0 30px; } }
  @media screen and (min-width: 1600px) {
    .collection__wrapper .grid-uniform .grid__item {
      width: 20%; }
    .collection__wrapper .grid-uniform .large--one-quarter:nth-child(4n+1) {
      clear: none; }
    .collection__wrapper .grid-uniform .large--one-quarter:nth-child(5n+1) {
      clear: both; } }

.collection__sidebar {
  padding: 20px 0; }
  @media screen and (min-width: 1025px) {
    .collection__sidebar {
      padding: 10px 0 0 0; } }
  .collection__sidebar.collection__sidebar--has-banner {
    padding: 20px 0; }
    @media screen and (min-width: 1025px) {
      .collection__sidebar.collection__sidebar--has-banner {
        padding: 40px 0; } }
    @media screen and (min-width: 1025px) {
      .collection__sidebar.collection__sidebar--has-banner .collection__sidebar-title {
        padding: 20px 0; } }
    .collection__sidebar.collection__sidebar--has-banner .collection__sidebar-content .collection__sidebar-menu {
      padding-top: 11px; }
  .collection__sidebar .collection__sidebar-filter-trigger {
    display: inline-block;
    background-color: #191919;
    color: #fff;
    padding: 5px 14px;
    text-transform: uppercase;
    font-weight: 700; }
  .collection__sidebar .collection__sidebar-title {
    display: none;
    text-transform: uppercase;
    padding: 20px 0;
    margin-bottom: 0;
    font-size: 22px; }
    @media screen and (min-width: 1025px) {
      .collection__sidebar .collection__sidebar-title {
        display: block;
        padding: 20px 0 28px 0; } }
  .collection__sidebar .collection__sidebar-content {
    opacity: 0;
    padding-top: 23px;
    display: none; }
    @media screen and (min-width: 1025px) {
      .collection__sidebar .collection__sidebar-content {
        display: block;
        padding-top: 0; } }
    .collection__sidebar .collection__sidebar-content.collection__sidebar-content--active {
      display: block; }
    .collection__sidebar .collection__sidebar-content .collection__sidebar-menu {
      border-top: 1px solid #D8D8D8;
      padding-top: 17px; }
      .collection__sidebar .collection__sidebar-content .collection__sidebar-menu h4 {
        font-size: 16px;
        letter-spacing: 0.25px;
        color: #191919;
        margin: 15px 0 10px 0;
        font-weight: 400; }
        .collection__sidebar .collection__sidebar-content .collection__sidebar-menu h4:hover {
          cursor: pointer;
          color: #7f7f7f; }
        .collection__sidebar .collection__sidebar-content .collection__sidebar-menu h4.collection__sidebar-menu-title--active {
          font-weight: 700; }
      .collection__sidebar .collection__sidebar-content .collection__sidebar-menu a {
        font-size: 13px;
        letter-spacing: 0.2px;
        color: #444;
        padding: 5px 0;
        display: block; }
        .collection__sidebar .collection__sidebar-content .collection__sidebar-menu a.active-link {
          font-weight: 700; }
      .collection__sidebar .collection__sidebar-content .collection__sidebar-menu .collection__sidebar-menu-toggle {
        display: none;
        padding-left: 20px;
        border-left: 1px solid #D8D8D8; }
        .collection__sidebar .collection__sidebar-content .collection__sidebar-menu .collection__sidebar-menu-toggle.collection__sidebar-menu-toggle--active {
          display: block; }

@media screen and (min-width: 1025px) {
  .collection__grid {
    padding: 0 0 0 30px; } }
@media screen and (min-width: 1400px) {
  .collection__grid {
    padding: 0 90px 0 30px; } }
@media screen and (min-width: 1600px) {
  .collection__grid {
    padding: 0 0 0 30px; } }
@media screen and (min-width: 1025px) {
  .collection__grid .grid-uniform {
    margin-left: -15px; } }

.collection__header {
  margin: 24px 0;
  height: 40px;
  position: relative; }
  .collection__header .collection__sort {
    font-weight: 700;
    border: 1px solid #CBCBCB;
    line-height: 1;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px; }
  .collection__header .collection__sort-btn {
    position: relative;
    margin-right: 15px;
    padding: 5px 20px 5px 0;
    font-weight: 700;
    background: none;
    color: #191919;
    border: 1px solid #D2D2D2;
    height: 29px;
    width: 110px;
    line-height: 1;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.67px; }
    .collection__header .collection__sort-btn:hover {
      opacity: 0.7; }
    .collection__header .collection__sort-btn.collection__sort-btn--active span:after {
      content: '\e606';
      right: -25px;
      top: -1px; }
    .collection__header .collection__sort-btn span {
      position: relative; }
      .collection__header .collection__sort-btn span:after {
        font-weight: normal;
        content: '\e90d';
        color: #AFAEAE;
        font-family: 'icons';
        position: absolute;
        right: -25px;
        font-size: 15px;
        top: -1px; }
  .collection__header .collection__sort-options {
    border-top: 1px solid #CBCBCB;
    z-index: 100;
    display: none;
    width: 100%;
    opacity: 0;
    margin: -1px 0 0 0;
    right: 15px;
    position: absolute;
    background-color: #fff;
    -webkit-box-shadow: 0 20px 35px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 20px 35px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 20px 35px 5px rgba(0, 0, 0, 0.25);
    width: 343px;
    border: 1px solid #CBCBCB; }
    .collection__header .collection__sort-options.collection__sort-options--active {
      display: block;
      opacity: 1; }
    .collection__header .collection__sort-options .sort-option {
      -moz-transition: all 0.2s ease-in;
      -o-transition: all 0.2s ease-in;
      -webkit-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in;
      width: 50%;
      border: 1px solid #CBCBCB;
      display: inline-block;
      float: left;
      color: #999;
      height: 50px;
      font-size: 14px;
      font-weight: 700;
      text-align: center;
      line-height: 50px; }
      .collection__header .collection__sort-options .sort-option:hover {
        color: #191919;
        cursor: pointer; }
      .collection__header .collection__sort-options .sort-option.sort-option--active {
        color: #191919; }
      .collection__header .collection__sort-options .sort-option:nth-child(1), .collection__header .collection__sort-options .sort-option:nth-child(2) {
        border-top: none; }
      .collection__header .collection__sort-options .sort-option:nth-child(odd) {
        border-bottom: none;
        border-left: none; }
      .collection__header .collection__sort-options .sort-option:nth-child(even) {
        border-bottom: none;
        border-left: none;
        border-right: none; }

.collection__item {
  margin-bottom: 20px;
  position: relative; }
  @media screen and (min-width: 1025px) {
    .collection__item {
      padding: 0; } }
  @media screen and (min-width: 1230px) {
    .collection__item {
      min-height: 405px; } }
  @media screen and (min-width: 1230px) {
    .collection__item:hover .collection__item-content {
      position: absolute;
      -webkit-box-shadow: 0 30px 25px -6px rgba(0, 0, 0, 0.15);
      -moz-box-shadow: 0 30px 25px -6px rgba(0, 0, 0, 0.15);
      box-shadow: 0 30px 25px -6px rgba(0, 0, 0, 0.15); }
      .collection__item:hover .collection__item-content .collection__item-hover-content {
        display: block;
        height: auto;
        overflow: visible; }
        .collection__item:hover .collection__item-content .collection__item-hover-content .yotpo {
          display: block; } }
  .collection__item .collection__item-content {
    background-color: #fff;
    z-index: 100;
    width: 100%; }
    @media screen and (min-width: 1025px) {
      .collection__item .collection__item-content {
        padding: 0 15px 15px 15px; } }
    .collection__item .collection__item-content .grid__image {
      padding: 15px 0;
      position: relative;
      overflow: hidden;
      margin-bottom: 10px; }
      @media screen and (min-width: 1025px) {
        .collection__item .collection__item-content .grid__image {
          margin-bottom: 15px; } }
      .collection__item .collection__item-content .grid__image img {
        padding: 12px 12px 12px 12px; }
      .collection__item .collection__item-content .grid__image .collection__item-image-background {
        position: absolute;
        display: block;
        width: 100%;
        height: 400px;
        top: 0;
        background-color: #000;
        opacity: 0.03; }
    .collection__item .collection__item-content h3 {
      padding-top: 8px;
      border-top: 1px solid #D8D8D8;
      margin: 8px 0 0 0;
      font-size: 14px;
      font-weight: 700;
      color: #191919; }
      @media screen and (min-width: 1025px) {
        .collection__item .collection__item-content h3 {
          font-size: 16px;
          display: block;
          width: 100%;
          min-height: 53px; } }
      .collection__item .collection__item-content h3 a {
        color: #191919; }
        .collection__item .collection__item-content h3 a:hover {
          color: #7f7f7f; }
    @media screen and (min-width: 1025px) {
      .collection__item .collection__item-content .collection__item-colors {
        min-height: 22px; } }
    .collection__item .collection__item-content .collection__item-colors p {
      font-size: 13px;
      color: #191919; }
      @media screen and (min-width: 750px) {
        .collection__item .collection__item-content .collection__item-colors p {
          font-size: 14px; } }
    .collection__item .collection__item-content .collection__item-type {
      font-size: 14px;
      color: #8C959F; }
    .collection__item .collection__item-content p {
      text-transform: capitalize;
      font-size: 14px;
      color: #4D4D4D;
      margin: 0; }
      @media screen and (min-width: 1025px) {
        .collection__item .collection__item-content p {
          font-size: 16px; } }
      .collection__item .collection__item-content p s {
        margin-left: 5px;
        opacity: 0.6; }
        @media screen and (max-width: 375px) {
          .collection__item .collection__item-content p s.price-varies {
            margin-left: 0; } }
  .collection__item .collection__item-hover-content {
    height: 0;
    overflow: hidden; }
    .collection__item .collection__item-hover-content .collection__item-carousel-wrap {
      padding: 0 30px;
      width: 195px;
      margin: 0 auto; }
      @media screen and (min-width: 1400px) {
        .collection__item .collection__item-hover-content .collection__item-carousel-wrap {
          width: 210px; } }
      @media screen and (min-width: 1600px) {
        .collection__item .collection__item-hover-content .collection__item-carousel-wrap {
          width: 212px; } }
    .collection__item .collection__item-hover-content .collection__item-carousel {
      display: block;
      margin-bottom: 15px;
      text-align: center; }
      .collection__item .collection__item-hover-content .collection__item-carousel .slick-track {
        min-width: 150px; }
      .collection__item .collection__item-hover-content .collection__item-carousel .collection__item-carousel-slide {
        width: 50px;
        height: 50px;
        margin: 0 2px;
        display: inline-block;
        float: none; }
        .collection__item .collection__item-hover-content .collection__item-carousel .collection__item-carousel-slide img {
          margin: 0 auto; }
          .collection__item .collection__item-hover-content .collection__item-carousel .collection__item-carousel-slide img:hover {
            cursor: pointer; }
      .collection__item .collection__item-hover-content .collection__item-carousel .slick-arrow {
        position: absolute;
        font-size: 16px;
        color: #777;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        margin-top: -2px; }
        .collection__item .collection__item-hover-content .collection__item-carousel .slick-arrow:hover {
          opacity: 0.6; }
        .collection__item .collection__item-hover-content .collection__item-carousel .slick-arrow.slick-next {
          right: -30px; }
        .collection__item .collection__item-hover-content .collection__item-carousel .slick-arrow.slick-prev {
          left: -30px; }
    .collection__item .collection__item-hover-content .yotpo {
      margin-bottom: 11px;
      padding-bottom: 1px;
      position: absolute;
      background-color: #fff;
      display: none; }
      .collection__item .collection__item-hover-content .yotpo .text-m {
        color: #B9B9B9 !important;
        font-size: 13px;
        margin-left: 5px;
        letter-spacing: 0.6px;
        font-family: "Roboto Condensed", sans-serif; }

.collection__empty {
  padding: 50px 0 60px 0; }
  @media screen and (min-width: 750px) {
    .collection__empty {
      padding: 60px 0; } }

.col__product-promo-msg {
  color: #d20404; }

/*================ Product ================*/
.template-product .main-content {
  max-width: 100%;
  padding: 0; }

.product-on-sale, .product-single__price.product-on-sale {
  color: #B12705 !important; }

.product-single {
  opacity: 0; }
  @media screen and (min-width: 750px) {
    .product-single {
      padding-top: 32px; } }
  .product-single h1 {
    font-weight: 700;
    color: #000;
    font-size: 23px;
    line-height: 25px;
    margin-bottom: 4px;
    text-transform: uppercase; }
    @media screen and (min-width: 750px) {
      .product-single h1 {
        margin-bottom: -2px;
        font-size: 25px;
        line-height: 28px; } }
  .product-single .product-single__photos {
    position: relative;
    overflow: hidden;
    padding: 20px; }
    @media screen and (min-width: 750px) {
      .product-single .product-single__photos {
        padding: 30px 20px; } }
    @media screen and (min-width: 1025px) {
      .product-single .product-single__photos {
        padding-left: 30px; } }
    @media screen and (min-width: 1025px) {
      .product-single .product-single__photos img {
        padding: 0 0 0 20px; } }
    .product-single .product-single__photos .product-single__photos-background {
      position: absolute;
      display: block;
      width: 100%;
      height: 800px;
      top: 0;
      left: 0;
      background-color: #000;
      opacity: 0.03; }
      @media screen and (min-width: 1025px) {
        .product-single .product-single__photos .product-single__photos-background {
          left: 30px; } }
  .product-single .product-single__thumbnails {
    text-align: center;
    margin-left: 0;
    padding-bottom: 25px; }
    @media screen and (min-width: 1025px) {
      .product-single .product-single__thumbnails {
        margin-left: -30px; } }
    .product-single .product-single__thumbnails li {
      float: none;
      margin: 0 4px;
      padding: 4px;
      display: inline-block;
      width: 55px;
      height: 55px;
      border: 3px solid transparent; }
      @media screen and (min-width: 1025px) {
        .product-single .product-single__thumbnails li {
          width: 70px;
          height: 70px;
          padding: 6px;
          display: block;
          clear: both;
          margin: 0 0 -3px 30px; } }
      .product-single .product-single__thumbnails li.product-single__thumbnail--active {
        border: 3px solid #DEE1E4; }
  .product-single .product-single__meta {
    margin-bottom: 12px;
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 21px; }
    .product-single .product-single__meta .product-single__type {
      text-transform: uppercase;
      font-size: 15px;
      color: #8C959F;
      display: block; }
      @media screen and (min-width: 750px) {
        .product-single .product-single__meta .product-single__type {
          margin: 2px 0 10px 0; } }
    .product-single .product-single__meta .product-single__price {
      color: #4D4D4D;
      font-size: 20px;
      display: inline-block; }
      @media screen and (min-width: 750px) {
        .product-single .product-single__meta .product-single__price {
          font-size: 24px; } }
    .product-single .product-single__meta .product-single__price--compare {
      margin: 0 0 0 10px;
      opacity: 0.6;
      text-decoration: line-through; }
    .product-single .product-single__meta .yotpo {
      margin: 8px auto 0 auto; }
      @media screen and (min-width: 750px) {
        .product-single .product-single__meta .yotpo {
          float: right;
          margin: 13px 0 0 0; } }
      .product-single .product-single__meta .yotpo.review-count {
        text-align: center; }
        @media screen and (min-width: 750px) {
          .product-single .product-single__meta .yotpo.review-count {
            text-align: right; } }
        .product-single .product-single__meta .yotpo.review-count .pull-left {
          float: none;
          display: inline-block; }
          @media screen and (min-width: 750px) {
            .product-single .product-single__meta .yotpo.review-count .pull-left {
              float: left; } }
        .product-single .product-single__meta .yotpo.review-count .text-m {
          color: #8C959F !important;
          display: none;
          padding-left: 2px; }
      .product-single .product-single__meta .yotpo .write-review-btn-hidden {
        display: none; }
      .product-single .product-single__meta .yotpo.question-count {
        margin-top: 10px;
        display: block;
        float: none;
        text-align: center; }
        @media screen and (min-width: 750px) {
          .product-single .product-single__meta .yotpo.question-count {
            text-align: right;
            margin-top: 0; } }
        .product-single .product-single__meta .yotpo.question-count .yotpo-icon {
          margin-right: 5px; }
        .product-single .product-single__meta .yotpo.question-count .pull-left {
          float: none;
          display: inline-block; }
        .product-single .product-single__meta .yotpo.question-count .text-m {
          color: #8C959F !important; }
  .product-single .product-single__selected-color {
    float: left;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase; }
  .product-single .product-single__sku {
    float: right;
    text-transform: uppercase;
    color: #8C959F;
    font-weight: 700;
    font-size: 14px; }
  @media screen and (min-width: 1025px) {
    .product-single .selector-wrapper {
      width: 50%;
      padding-right: 12px;
      display: inline-block;
      float: left; } }
  .product-single .selector-wrapper label {
    display: none; }
  .product-single .selector-wrapper select {
    width: 100%;
    margin: 6px auto 12px auto;
    padding: 13px 20px 10px 20px;
    font-weight: 700;
    font-size: 16px;
    background-image: url("/cdn/shop/t/1/assets/chevron-down.svg?v=2952492585289994411523246079");
    background-repeat: no-repeat;
    background-position: right 20px top 22px;
    background-color: transparent; }
    @media screen and (min-width: 750px) {
      .product-single .selector-wrapper select {
        margin: 6px 0 12px 0; } }
    .product-single .selector-wrapper select option:disabled {
      color: #dadada; }
  .product-single .product-single__controls {
    clear: both;
    display: block;
    padding-top: 4px; }
  @media screen and (min-width: 1025px) {
    .product-single .product-single__controls--multi-option .selector-wrapper {
      width: 100%;
      padding-right: 0; } }
  @media screen and (min-width: 1025px) {
    .product-single .product-single__controls--multi-option .product-single__submit {
      width: 100%; } }
  .product-single .product-single__submit {
    width: 100%;
    margin-top: 6px;
    padding: 14px 10px 12px 10px;
    font-weight: 700;
    font-size: 16px; }
    @media screen and (min-width: 1025px) {
      .product-single .product-single__submit {
        width: 50%; } }
  .product-single .product-single__size-share {
    display: block; }
    .product-single .product-single__size-share .size-chart-trigger,
    .product-single .product-single__size-share .share-this-trigger {
      color: #000;
      text-decoration: underline;
      font-size: 13px;
      padding: 0 7px; }
      @media screen and (min-width: 750px) {
        .product-single .product-single__size-share .size-chart-trigger,
        .product-single .product-single__size-share .share-this-trigger {
          padding: 0 15px 0 0; } }
      .product-single .product-single__size-share .size-chart-trigger:hover,
      .product-single .product-single__size-share .share-this-trigger:hover {
        cursor: pointer;
        color: #ff8b0f; }
  .product-single .product-single__description {
    margin-top: 16px;
    line-height: 20px;
    color: #4D4D4D;
    text-align: left; }
    .product-single .product-single__description 6
    ul  {
      margin: 0 0 15px 0;
      list-style-type: none; }
      @media screen and (min-width: 750px) {
        .product-single .product-single__description 6
        ul  {
          margin: 0 0 15px 20px;
          list-style-type: disc; } }
  .product-single .product-single__promotion {
    border-bottom: 1px solid #E6E6E6;
    border-top: 1px solid #E6E6E6;
    margin: 20px 0 25px 0;
    padding-top: 17px; }
    .product-single .product-single__promotion.product-single__promotion--bis {
      margin: 10px 0 20px 0; }
    .product-single .product-single__promotion h3 {
      font-size: 14px;
      text-transform: uppercase; }
    .product-single .product-single__promotion p {
      color: #d20404;
      font-size: 16px; }

/*================ Swatches ================*/
.product-single__swatches {
  margin-top: 30px; }
  .product-single__swatches input:checked + label {
    background: #191919;
    color: #fff;
    border: 2px solid #191919; }
  .product-single__swatches input[type="radio"] {
    display: none; }
  .product-single__swatches .swatch {
    display: block;
    padding-top: 16px;
    padding: 16px 0 11px 0; }
    @media screen and (min-width: 750px) {
      .product-single__swatches .swatch {
        padding: 16px 0 26px 0; } }
    .product-single__swatches .swatch .swatch-element, .product-single__swatches .swatch .bundle-swatch-element {
      width: 65px;
      position: relative;
      height: 65px;
      line-height: 45px;
      margin: 0;
      float: none;
      display: inline-block;
      margin: 0 2px;
      z-index: 5; }
      .product-single__swatches .swatch .swatch-element input, .product-single__swatches .swatch .bundle-swatch-element input {
        display: none; }
      .product-single__swatches .swatch .swatch-element input:checked + label, .product-single__swatches .swatch .bundle-swatch-element input:checked + label {
        border: 4px solid #DEE1E4;
        color: #fff; }
      .product-single__swatches .swatch .swatch-element label, .product-single__swatches .swatch .bundle-swatch-element label {
        display: inline-block;
        float: left;
        background-color: #fff;
        border-radius: 0;
        border: 4px solid transparent;
        width: 65px;
        height: 65px;
        background-size: 90%;
        background-position: center center;
        background-repeat: no-repeat; }

.crossed-out {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }

.swatch .swatch-element, .bundle-swatch-element .crossed-out {
  display: none; }

.swatch .swatch-element.soldout, .bundle-swatch-element.soldout .crossed-out {
  display: block; }

.swatch .swatch-element.soldout, .bundle-swatch-element.soldout label {
  filter: alpha(opacity=40);
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4; }

/*================ Guarantee ================*/
.guarantee {
  margin: 30px 0 0 0;
  padding: 30px 0;
  background-color: #191919; }
  .guarantee .grid__item {
    margin-bottom: 20px; }
    @media screen and (min-width: 750px) {
      .guarantee .grid__item {
        margin-bottom: 0; } }
  .guarantee svg {
    height: 70px; }
  .guarantee h3 {
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    max-width: 160px;
    display: block;
    margin: 0 auto; }
    @media screen and (min-width: 370px) {
      .guarantee h3 {
        padding: 0 10px; } }
    @media screen and (min-width: 750px) {
      .guarantee h3 {
        max-width: 100%; } }
    @media screen and (min-width: 1025px) {
      .guarantee h3 {
        font-size: 14px; } }
    @media screen and (min-width: 1230px) {
      .guarantee h3 {
        padding: 0 30px; } }

/*================ Related Products ================*/
.related-products {
  background-color: #fff;
  padding: 22px 0 35px 0;
  text-align: left; }
  @media screen and (min-width: 750px) {
    .related-products {
      padding: 60px 0; } }
  @media screen and (min-width: 1230px) {
    .related-products .wrapper {
      padding: 0 10px 0 40px; } }
  .related-products h2 {
    font-size: 25px;
    letter-spacing: 1px;
    margin-bottom: 40px;
    text-transform: uppercase; }
    @media screen and (min-width: 750px) {
      .related-products h2 {
        font-size: 35px; } }
    @media screen and (min-width: 1025px) {
      .related-products h2 {
        font-size: 40px; } }

/*================ Reviews ================*/
.reviews {
  padding: 50px 0;
  background-color: #F6F7F8; }
  .reviews .content-review {
    font-weight: 400 !important; }
  .reviews .yotpo.yotpo-main-widget {
    padding: 20px;
    background-color: #fff !important; }
  .reviews .yotpo .yotpo-small-box {
    border: none; }
  .reviews .yotpo .yotpo-default-button, .reviews .yotpo input[type="button"].yotpo-default-button {
    -moz-transition: background-color 0.2s ease-in;
    -o-transition: background-color 0.2s ease-in;
    -webkit-transition: background-color 0.2s ease-in;
    transition: background-color 0.2s ease-in;
    line-height: 1;
    background-color: #191919;
    font-weight: 700 !important;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 14px; }
  .reviews .write-question-button,
  .reviews .write-button {
    padding: 8px 11px 7px 12px !important;
    margin-bottom: 25px !important; }
    .reviews .write-question-button .yotpo-icon,
    .reviews .write-button .yotpo-icon {
      display: none; }
  .reviews .yotpo-icon-write {
    display: none !important; }
  .reviews .write-review .yotpo-header-title {
    font-weight: 700;
    color: #191919; }
  .reviews .y-label {
    font-weight: 700 !important;
    text-transform: uppercase;
    color: #191919 !important; }
  .reviews .write-first-question-button {
    padding: 10px 15px !important; }
  .reviews .yotpo div, .reviews .yotpo span, .reviews .yotpo p, .reviews .yotpo a, .reviews .yotpo img, .reviews .yotpo i, .reviews .yotpo strong, .reviews .yotpo sup, .reviews .yotpo ul, .reviews .yotpo li, .reviews .yotpo form, .reviews .yotpo label {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700; }
  .reviews .yotpo .primary-color-btn.yotpo-disabled, .reviews .yotpo input[type="button"].primary-color-btn.yotpo-disabled {
    background-color: #666;
    font-weight: 700 !important; }
  .reviews .yotpo .primary-color-btn.yotpo-disabled:hover, .reviews .yotpo input[type="button"].primary-color-btn.yotpo-disabled:hover {
    background-color: #666 !important;
    font-weight: 700 !important; }
  .reviews .yotpo .primary-color-btn:hover, .reviews .yotpo input[type="button"].primary-color-btn:hover {
    background-color: #777 !important;
    font-weight: 700 !important; }
  .reviews .yotpo-logo-title,
  .reviews .yotpo-icon-btn-big {
    display: none !important; }

/*================ Social Sharing ================*/
.social-sharing {
  padding: 20px 0 5px 0; }
  @media screen and (min-width: 750px) {
    .social-sharing {
      margin-top: 0; } }
  .social-sharing a {
    display: inline-block;
    height: 40px;
    width: 40px;
    margin: 0 -2px;
    line-height: 44px;
    font-size: 15px;
    color: #fff;
    text-align: center;
    text-decoration: none; }
    .social-sharing a:first-child {
      margin-left: 0; }
    .social-sharing a:hover {
      background-color: #252525;
      color: #fff; }
    .social-sharing a.social-sharing__facebook {
      background-color: #3b5999; }
      .social-sharing a.social-sharing__facebook:hover {
        background-color: #263962; }
    .social-sharing a.social-sharing__twitter {
      background-color: #55acee; }
      .social-sharing a.social-sharing__twitter:hover {
        background-color: #1689e0; }
    .social-sharing a.social-sharing__pinterest {
      background-color: #bd081c; }
      .social-sharing a.social-sharing__pinterest:hover {
        background-color: #740511; }
    .social-sharing a.social-sharing__google-plus {
      background-color: #dd4b39; }
      .social-sharing a.social-sharing__google-plus:hover {
        background-color: #ac2d1e; }

/*================ Image Zoom ================*/
.zoomContainer {
  z-index: 10;
  margin-left: 20px;
  display: none;
  opacity: 0; }
  @media screen and (min-width: 1230px) {
    .zoomContainer {
      display: block; } }
  .zoomContainer:hover {
    cursor: zoom-in !important; }
  .zoomContainer.zoomContainerActive {
    opacity: 1; }
    .zoomContainer.zoomContainerActive:hover {
      cursor: zoom-out !important; }

.zoomLens {
  marign-left: -10px; }

.zoomWindowContainer div {
  margin-left: 50px;
  margin-top: -30px; }

/*================ Cart ================*/
.cart__table {
  max-width: 400px;
  margin: 0 auto; }
  @media screen and (min-width: 750px) {
    .cart__table {
      max-width: 600px; } }
  @media screen and (min-width: 1025px) {
    .cart__table {
      max-width: 850px; } }
  .cart__table .cart__row {
    position: relative;
    display: block;
    padding: 15px 0 0 0;
    border-bottom: 1px solid #e3e3e3;
    border-top: none; }
    @media screen and (min-width: 750px) {
      .cart__table .cart__row {
        padding: 30px 0 15px 0; } }
    .cart__table .cart__row .cart__image {
      position: relative;
      overflow: hidden;
      padding: 10px;
      max-width: 200px;
      margin: 0 auto; }
      @media screen and (min-width: 750px) {
        .cart__table .cart__row .cart__image {
          margin: 0; } }
    .cart__table .cart__row .cart__item-image {
      display: block;
      margin: 0 auto;
      max-width: 100%;
      padding: 15px 0; }
      @media screen and (min-width: 550px) {
        .cart__table .cart__row .cart__item-image {
          max-width: 100px; } }
      @media screen and (min-width: 1025px) {
        .cart__table .cart__row .cart__item-image {
          max-width: 120px; } }
    .cart__table .cart__row .cart__item-image-background {
      position: absolute;
      display: block;
      width: 100%;
      height: 400px;
      top: 0;
      left: 0;
      background-color: #000;
      opacity: 0.03; }
    .cart__table .cart__row .cart__item-title {
      color: #000;
      display: block;
      font-size: 14px;
      line-height: 16px;
      max-width: 125px;
      text-transform: uppercase;
      font-weight: 700;
      margin-bottom: 3px; }
      @media screen and (min-width: 750px) {
        .cart__table .cart__row .cart__item-title {
          padding-top: 0;
          font-size: 18px;
          line-height: 20px;
          max-width: 250px;
          margin-bottom: 4px; } }
      .cart__table .cart__row .cart__item-title:hover {
        color: #888; }
    .cart__table .cart__row .cart__item-bundle-item {
      display: block;
      font-size: 14px; }
    .cart__table .cart__row .cart__item--reload {
      display: block;
      float: right;
      padding: 15px 0px 5px 15px;
      cursor: pointer; }
    .cart__table .cart__row .cart__item-meta {
      font-size: 11px;
      display: block;
      padding: 0 0 8px 15px; }
      @media screen and (min-width: 750px) {
        .cart__table .cart__row .cart__item-meta {
          padding: 0 0 12px 30px; } }
      .cart__table .cart__row .cart__item-meta small {
        font-size: 11px; }
        @media screen and (min-width: 750px) {
          .cart__table .cart__row .cart__item-meta small {
            font-size: 14px; } }
    .cart__table .cart__row .cart__item-price {
      font-size: 14px;
      font-weight: 700;
      color: #888;
      float: right;
      padding-top: 10px; }
      @media screen and (min-width: 750px) {
        .cart__table .cart__row .cart__item-price {
          font-size: 16px;
          padding-top: 15px; } }
      @media screen and (min-width: 1025px) {
        .cart__table .cart__row .cart__item-price {
          padding-top: 0;
          margin-top: -53px;
          font-size: 18px; } }
    .cart__table .cart__row .cart__remove {
      color: #000;
      position: absolute;
      right: 0;
      top: 12px;
      font-size: 13px; }
      @media screen and (min-width: 750px) {
        .cart__table .cart__row .cart__remove {
          top: 30px;
          font-size: 18px; } }
    .cart__table .cart__row .js-qty,
    .cart__table .cart__row input {
      float: none;
      max-width: none;
      background-color: #f7f7f7;
      border: none;
      margin: 5px 0 10px 0;
      width: 80px;
      color: #000;
      line-height: 24px; }
      @media screen and (min-width: 370px) {
        .cart__table .cart__row .js-qty,
        .cart__table .cart__row input {
          width: 100px; } }
      @media screen and (min-width: 550px) {
        .cart__table .cart__row .js-qty,
        .cart__table .cart__row input {
          margin: 5px 0 20px 0; } }
      @media screen and (min-width: 750px) {
        .cart__table .cart__row .js-qty,
        .cart__table .cart__row input {
          margin-top: 10px; } }
      .cart__table .cart__row .js-qty .js-qty__adjust--minus, .cart__table .cart__row .js-qty .ajaxcart__qty--minus,
      .cart__table .cart__row .js-qty .js-qty__adjust--plus, .cart__table .cart__row .js-qty .ajaxcart__qty--plus,
      .cart__table .cart__row input .js-qty__adjust--minus,
      .cart__table .cart__row input .ajaxcart__qty--minus,
      .cart__table .cart__row input .js-qty__adjust--plus,
      .cart__table .cart__row input .ajaxcart__qty--plus {
        border: none;
        line-height: 0; }
      .cart__table .cart__row .js-qty svg,
      .cart__table .cart__row input svg {
        width: 10px; }
    .cart__table .cart__row input {
      font-size: 15px; }

.cart__total-section {
  border-top: none;
  max-width: 400px;
  margin: 20px auto 0 auto; }
  @media screen and (min-width: 750px) {
    .cart__total-section {
      max-width: 600px;
      margin: 24px auto 0 auto; } }
  @media screen and (min-width: 1025px) {
    .cart__total-section {
      max-width: 850px; } }
  .cart__total-section .cart__instructions {
    margin-bottom: 20px; }
    .cart__total-section .cart__instructions p {
      text-transform: uppercase;
      font-size: 14px;
      font-weight: 700;
      margin-bottom: 5px; }
  .cart__total-section .cart__subtotal-section {
    padding-bottom: 7px; }
    @media screen and (min-width: 750px) {
      .cart__total-section .cart__subtotal-section {
        padding-bottom: 25px; } }
    .cart__total-section .cart__subtotal-section p {
      text-transform: uppercase;
      font-size: 14px;
      font-weight: 700;
      margin-bottom: 0; }
      .cart__total-section .cart__subtotal-section p.cart__subtotal {
        font-size: 16px;
        margin-bottom: 5px; }
        @media screen and (min-width: 750px) {
          .cart__total-section .cart__subtotal-section p.cart__subtotal {
            font-size: 17px; } }
        @media screen and (min-width: 750px) {
          .cart__total-section .cart__subtotal-section p.cart__subtotal {
            font-size: 18px; } }
  .cart__total-section .cart__update-btn,
  .cart__total-section .cart__checkout-btn {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #ff8b0f;
    color: #fff;
    padding: 17px 20px 15px 20px;
    line-height: 10px;
    margin: 20px 0 10px 0;
    height: 50px;
    border: none; }
    @media screen and (min-width: 750px) {
      .cart__total-section .cart__update-btn,
      .cart__total-section .cart__checkout-btn {
        display: inline-block;
        margin-top: 0;
        padding: 16px 20px 15px 20px;
        width: 150px;
        height: 40px;
        line-height: 8px;
        margin-left: 15px; } }
    .cart__total-section .cart__update-btn:hover,
    .cart__total-section .cart__checkout-btn:hover {
      background-color: #c26400; }
  .cart__total-section .cart__update-btn {
    display: none; }
  .cart__total-section .cart__discounts {
    margin-top: 15px; }
    .cart__total-section .cart__discounts a {
      color: #999;
      font-size: 14px;
      font-weight: 700;
      text-transform: uppercase;
      display: block; }
      @media screen and (min-width: 750px) {
        .cart__total-section .cart__discounts a {
          padding: 0 0 0 15px;
          display: inline-block; } }
      .cart__total-section .cart__discounts a:hover {
        color: #191919; }

.cart__empty-title {
  padding: 38px 0 10px 0;
  color: #888;
  font-size: 19px;
  font-weight: 300; }
  @media screen and (min-width: 750px) {
    .cart__empty-title {
      font-size: 25px;
      padding: 182px 0 10px 0; } }

.cart__empty-btn {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 20px 9px 20px; }
  @media screen and (min-width: 750px) {
    .cart__empty-btn {
      font-size: 16px; } }

/*================ Breadcrumbs ================*/
.breadcrumb {
  text-transform: uppercase;
  font-size: 18px;
  line-height: 1;
  margin-bottom: 0; }
  .breadcrumb span {
    color: #191919;
    font-weight: 700; }
    .breadcrumb span.icon {
      font-size: 14px;
      color: #D8D8D8; }
  .breadcrumb a {
    color: #191919; }
    .breadcrumb a:hover {
      color: #777; }

/*================ Filter Menu ================*/
.filter-group {
  position: relative; }
  @media screen and (min-width: 1025px) {
    .filter-group {
      max-width: 220px; } }
  .filter-group .filter-clear {
    position: absolute;
    top: 18px;
    right: 30px;
    font-weight: 700;
    font-size: 14px;
    color: #191919;
    line-height: 18px; }
    .filter-group .filter-clear:hover {
      color: #666666; }
  .filter-group.refine-header, .filter-group.filter-group-not-shown {
    display: none; }
  .filter-group .collection-count {
    display: none; }
  .filter-group h4 {
    display: block;
    width: 100%;
    border-top: 1px solid #D8D8D8;
    font-size: 16px;
    letter-spacing: 0.25px;
    text-transform: uppercase;
    padding: 15px 0 5px 0; }
    .filter-group h4:hover {
      color: #666666;
      cursor: pointer; }
      .filter-group h4:hover svg {
        fill: #666666; }
  .filter-group ul {
    display: block;
    margin: 0;
    padding: 0; }
    .filter-group ul li {
      display: block; }
      .filter-group ul li a {
        display: inline-block;
        padding: 0;
        letter-spacing: 0.2px;
        color: #444444;
        font-size: 13px;
        margin: 5px 0 0 0; }
        .filter-group ul li a:hover {
          font-weight: 700; }
  .filter-group svg {
    position: absolute;
    right: 0;
    top: 20px; }
  .filter-group .icon-minus {
    display: none;
    margin-top: 5px; }
  .filter-group .filter-icons--active .icon-minus {
    display: block; }
  .filter-group .filter-icons--active .icon-plus {
    display: none; }
  .filter-group .sort-selector {
    margin: 0 10px; }
  .filter-group .scroll-content {
    margin-bottom: 25px; }
    @media screen and (min-width: 1025px) {
      .filter-group .scroll-content {
        margin-bottom: 50px; } }
  .filter-group .selected {
    font-weight: 700; }
    .filter-group .selected i.check-icon:after {
      content: '\e913';
      font-family: 'icons';
      color: #191919;
      font-size: 7px;
      margin-left: 5px; }
  .filter-group i.check-icon {
    display: inline-block;
    height: 23px;
    width: 23px;
    margin: -4px 5px 0 0;
    vertical-align: text-top;
    border: 1px solid #E5E5E5;
    border-radius: 3px; }

.filter-group-size i.check-icon {
  display: none; }
.filter-group-size .selected {
  z-index: 100;
  position: relative; }
  .filter-group-size .selected a {
    color: #fff;
    background-color: #191919;
    border-color: #191919; }
.filter-group-size ul li {
  display: inline-block;
  margin: 0 -1px -6px 0; }
  .filter-group-size ul li a {
    font-size: 11px;
    display: block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border: 1px solid #F5F5F5; }

.filter-group-color i.check-icon {
  display: none; }
.filter-group-color .scroll-content {
  margin-bottom: 12px; }
  @media screen and (min-width: 1025px) {
    .filter-group-color .scroll-content {
      margin-bottom: 37px; } }
.filter-group-color .selected {
  position: relative; }
  .filter-group-color .selected:after {
    content: '\e913';
    font-family: 'icons';
    color: #fff;
    font-size: 7px;
    margin: -16px 0 0 7px;
    position: absolute; }
  .filter-group-color .selected.filter-active-white:after, .filter-group-color .selected.filter-active-yellow:after {
    color: #191919; }
.filter-group-color ul li {
  display: inline-block;
  margin: 0 13px 13px 0; }
  .filter-group-color ul li a {
    display: block;
    width: 22px;
    height: 22px;
    border: 1px solid #f9f9f9;
    background-color: #f9f9f9;
    border-radius: 100px;
    text-indent: -100000px; }
  .filter-group-color ul li .color-white a {
    background-color: #FFFFFF;
    border: 1px solid #999999; }
  .filter-group-color ul li .color-black a {
    background-color: #000000;
    border: 1px solid #000000; }
  .filter-group-color ul li .color-grey a {
    background-color: #D7D7D7;
    border: 1px solid #D7D7D7; }
  .filter-group-color ul li .color-blue a {
    background-color: #00ACF2;
    border: 1px solid #00ACF2; }
  .filter-group-color ul li .color-green a {
    background-color: #7CCA50;
    border: 1px solid #7CCA50; }
  .filter-group-color ul li .color-red a {
    background-color: #E41655;
    border: 1px solid #E41655; }
  .filter-group-color ul li .color-orange a {
    background-color: #F5A623;
    border: 1px solid #F5A623; }
  .filter-group-color ul li .color-purple a {
    background-color: #9864FF;
    border: 1px solid #9864FF; }
  .filter-group-color ul li .color-yellow a {
    background-color: #FAEE1C;
    border: 1px solid #FAEE1C; }
  .filter-group-color ul li .color-pink a {
    background-color: #FF4969;
    border: 1px solid #FF4969; }
  .filter-group-color ul li .color-multi a {
    border: 1px solid #999;
    background-image: url("/cdn/shop/t/1/assets/multi-color.jpg?v=78371529398828038901523246083");
    background-size: cover;
    background-position: center center; }

/*================ Pagination ================*/
.pagination {
  position: relative;
  display: block;
  background-color: #F6F7F8;
  height: 50px;
  margin-top: 30px; }
  @media screen and (min-width: 750px) {
    .pagination {
      margin-top: 50px;
      height: 68px; } }
  .pagination .page {
    padding: 10px 4px; }
    @media screen and (min-width: 750px) {
      .pagination .page {
        padding: 19px 12px; } }
    .pagination .page:hover {
      font-weight: 700; }
    .pagination .page.current {
      padding: 18px 10px 16px 10px;
      font-weight: 700;
      background-color: #E4E7EA; }
      @media screen and (min-width: 750px) {
        .pagination .page.current {
          padding: 26px 23px 25px 23px; } }
    .pagination .page a {
      color: #191919; }
  .pagination .prev,
  .pagination .next {
    text-transform: uppercase;
    color: #191919;
    padding: 10px 12px; }
    @media screen and (min-width: 750px) {
      .pagination .prev,
      .pagination .next {
        padding: 19px 12px; } }
    .pagination .prev a,
    .pagination .next a {
      color: #191919; }
      .pagination .prev a:hover,
      .pagination .next a:hover {
        font-weight: 700; }
    .pagination .prev .icon,
    .pagination .next .icon {
      font-size: 12px; }
      @media screen and (min-width: 750px) {
        .pagination .prev .icon,
        .pagination .next .icon {
          font-size: 14px; } }
  .pagination .prev {
    left: 0;
    position: absolute;
    padding-right: 0; }
    .pagination .prev .icon {
      margin-right: 5px; }
  .pagination .next {
    right: 0;
    position: absolute;
    padding-left: 0; }
    .pagination .next .icon {
      margin-left: 5px; }

/*================ Brand Page ================*/
.brand__selector-title {
  padding-top: 30px;
  font-size: 22px; }

.brand__selector {
  width: 100%;
  max-width: 400px;
  margin: 0 auto; }

.brand__logos img:hover {
  opacity: 0.75; }

/*================ FAQ Page ================*/
.faq__section-title {
  margin-bottom: 15px;
  padding-left: 20px;
  font-weight: 400; }

h4.toggle__trigger {
  text-transform: uppercase;
  position: relative;
  background-color: #F6F7F8;
  display: block;
  padding: 15px 40px 15px 10px;
  margin: 0;
  font-size: 14px;
  font-weight: 400; }
  @media screen and (min-width: 750px) {
    h4.toggle__trigger {
      padding: 15px 20px;
      font-size: 18px; } }
  h4.toggle__trigger:hover {
    cursor: pointer;
    background-color: #dbdee2; }
  h4.toggle__trigger.toggle__trigger--active .icon-plus {
    display: none; }
  h4.toggle__trigger.toggle__trigger--active .icon-minus {
    display: block; }
  h4.toggle__trigger svg {
    top: 18px;
    right: 10px;
    position: absolute; }
    @media screen and (min-width: 750px) {
      h4.toggle__trigger svg {
        top: 21px;
        right: 20px; } }
  h4.toggle__trigger .icon-minus {
    display: none;
    top: 23px; }
    @media screen and (min-width: 750px) {
      h4.toggle__trigger .icon-minus {
        top: 26px; } }

.toggle__content {
  display: none;
  padding: 20px 10px 5px 10px; }
  @media screen and (min-width: 750px) {
    .toggle__content {
      padding: 20px 20px 5px 20px; } }
  .toggle__content.toggle__content--active {
    display: block; }
  .toggle__content p:last-child {
    margin-bottom: 0; }

/*================ Customer Service Page ================*/
.customer-service__intro {
  margin-bottom: 30px; }

a.customer-service__link {
  text-transform: uppercase;
  position: relative;
  background-color: #F6F7F8;
  display: block;
  padding: 15px 20px 15px 20px;
  margin: 0;
  text-decoration: none; }
  a.customer-service__link:hover {
    background-color: #dbdee2; }
  a.customer-service__link h3 {
    font-size: 18px;
    margin-bottom: 0; }

/*================ Contact Page ================*/
.contact__sidebar p {
  margin-bottom: 10px; }

@media screen and (min-width: 750px) {
  .contact-form input {
    height: 50px;
    margin-bottom: 20px; } }
@media screen and (min-width: 750px) {
  .contact-form textarea {
    margin-bottom: 20px; } }
.contact-form .btn {
  min-width: 150px;
  width: 100%;
  margin-bottom: 15px;
  padding: 9px;
  font-size: 16px; }
  @media screen and (min-width: 750px) {
    .contact-form .btn {
      width: auto;
      padding: 14px 12px 12px 12px; } }

/*================ Blog ================*/
.template-blog .blog {
  display: block; }
  .template-blog .blog .article {
    margin-bottom: 30px; }

/*================ Articles ================*/
.template-article img {
  width: 100%;
  height: auto;
  margin: 0 0 15px 0; }
.template-article h2 {
  font-size: 25px; }
  .template-article h2 a {
    color: #191919; }
    .template-article h2 a:hover {
      color: #ff8b0f; }

/*================ Videos ================*/
.video-wrapper {
  margin: 20px 0; }

/*================ Search ================*/
.search__header {
  padding-top: 20px; }
  @media screen and (min-width: 750px) {
    .search__header {
      padding-top: 40px; } }
  .search__header h1 {
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    margin-bottom: 15px; }
    @media screen and (min-width: 750px) {
      .search__header h1 {
        font-size: 25px;
        line-height: 25px;
        margin-bottom: 20px;
        padding: 0; } }
  .search__header .input-group input,
  .search__header .input-group button {
    height: 40px; }
    @media screen and (min-width: 750px) {
      .search__header .input-group input,
      .search__header .input-group button {
        height: 50px; } }
  .search__header .input-group input {
    border: 1px solid #e3e3e3;
    border-right: none; }
  .search__header .input-group button {
    font-size: 16px;
    padding: 8px 12px;
    border-radius: 0; }
    @media screen and (min-width: 750px) {
      .search__header .input-group button {
        padding: 8px 17px;
        font-size: 20px; } }
  .search__header .input-group input[type="hidden"]:first-child + .input-group-field,
  .search__header .input-group .input-group-btn:last-child > .btn {
    border-radius: 0; }

/*================ Popups ================*/
.popup {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  position: relative;
  background-color: #fff;
  padding: 0; }
  .popup .popup__content {
    margin: 0 auto;
    padding: 15px; }
    @media screen and (min-width: 550px) {
      .popup .popup__content {
        padding: 30px; } }
    .popup .popup__content table {
      font-size: 13px; }
      @media screen and (min-width: 550px) {
        .popup .popup__content table {
          font-size: 14px; } }
      @media screen and (min-width: 750px) {
        .popup .popup__content table {
          font-size: 16px; } }
  .popup button.mfp-close {
    opacity: 1;
    color: #fff;
    top: -40px;
    right: -5px; }
    .popup button.mfp-close:hover {
      opacity: 0.6; }

.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.8); }
.mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out; }
.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1); }
.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8; }
.mfp-zoom-in.mfp-removing .mfp-with-anim {
  transform: scale(0.8);
  opacity: 0; }
.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0; }

/*================ Newsletter Popup ================*/
/*================ Firefox Fixes ================*/
@-moz-document url-prefix() {
  .promo-bar {
    font-weight: 400; }

  @media screen and (min-width: 1025px) {
    .hero .hero__button {
      display: inline; } }

  .promotions .btn {
    padding: 5px 32px 4px 32px; }

  .blog .featured-articles__header .btn, .featured-articles .featured-articles__header .btn {
    padding: 5px 32px 4px 32px; }

  .featured-brand .featured-brand__intro .btn {
    padding: 5px 6px 5px 6px; }

  .instagram .instagram__intro .btn {
    padding: 5px 15px 4px 15px; }

  .product-single .selector-wrapper select {
    padding: 15px 20px 12px 20px; }

  .newsletter-popup input {
    padding: 10px 10px 9px 10px; }

  .newsletter-popup .btn {
    padding: 12px 10px 9px 10px; } }

/*================ IE 10-11 fixes ================*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .newsletter-popup input {
    padding: 2px 10px 9px 10px; }

  .newsletter-popup .btn {
    padding: 10px 10px 9px 10px; }

  .site-header .site-header__search input {
    line-height: 25px; }

  .promotions .btn {
    padding: 5px 32px 4px 32px; }

  .blog .featured-articles__header .btn, .featured-articles .featured-articles__header .btn {
    padding: 5px 32px 4px 32px; }

  .instagram .instagram__intro .btn {
    padding: 5px 15px 4px 15px; }

  .product-single .selector-wrapper select {
    padding: 15px 20px 12px 20px; }

  input {
    line-height: 20px; }

  .cart__total-section .cart__update-btn, .cart__total-section .cart__checkout-btn {
    padding: 14px 20px 15px 20px; } }
/*================ Edge fixes ================*/
@supports (-ms-accelerator: true) {
  .site-nav__dropdown {
    margin-top: -1px; }

  .promotions .btn {
    padding: 5px 32px 4px 32px; }

  .site-header .site-header__search {
    margin-top: 7px; }

  .blog .featured-articles__header .btn, .featured-articles .featured-articles__header .btn {
    padding: 5px 32px 4px 32px; }

  .instagram .instagram__intro .btn {
    padding: 5px 15px 4px 15px; }

  .product-single .selector-wrapper select {
    padding: 12px 20px 9px 20px; }

  .collection__header .collection__sort-btn span:after {
    top: 2px; }

  .topbar .topbar__currency .topbar__currency-picker select {
    background-position: right 0 top 12px; }

  a {
    -moz-transition: all 0s;
    -o-transition: all 0s;
    -webkit-transition: all 0s;
    transition: all 0s; }

  a:hover {
    color: inherit; } }
/*================ Back In Stock App ================*/
.bis-trigger {
  color: #191919;
  font-size: 14px;
  display: block;
  padding: 10px 0;
  text-decoration: underline; }

/*================ Optimonk App ================*/
#optimonk-shopify-connector {
  display: none; }

/*================ Sales Notification App ================*/
@media screen and (min-width: 750px) {
  #sales-notification-content .avatar {
    padding: 15px; }
  #sales-notification-content .text-wrapper {
    margin-top: 12px; } }

/*================ Tracking Orders App ================*/
.tracking-form {
  text-align: center;
  margin: 0 auto; }
  .tracking-form h2 {
    font-size: 20px;
    margin: 25px 0 5px 0; }
  .tracking-form input {
    width: 100%;
    margin: 0 auto;
    max-width: 350px; }
  .tracking-form .btn {
    border-radius: 0;
    width: 100%;
    max-width: 350px;
    margin-top: 10px;
    padding: 9px 10px 8px 10px; }

/*================ Hull Social Login App ================*/
#hull_login_buttons {
  margin-bottom: 10px; }

/*================ Searchanise App ================*/
div.snize-ac-results span.snize-title,
div.snize-ac-results li.snize-category,
div.snize-ac-results li.snize-view-all-link span {
  color: #191919 !important; }

div.snize-ac-results li {
  font-size: 15px; }

/*================ Imajize ================*/
.imajize {
  margin-bottom: 20px !important; }

/*================ Bold Upsell App ================*/
#facebox .popup {
  border-radius: 0 !important; }

#giveacceptbtn, #giveacceptbtn_cart, .giveacceptbtn {
  background: #000 !important;
  border-radius: 0 !important;
  line-height: 20px !important;
  margin-top: 10px !important; }

/*================ Limespot App ================*/
.ls-container--product {
  padding-top: 15px;
  padding-bottom: 20px; }
  @media screen and (min-width: 750px) {
    .ls-container--product {
      padding-bottom: 30px; } }

/*================ W3 Accessories ================*/
#accessories-container-heading h3 {
  font-size: 20px; }

.accessories-item select {
  margin-bottom: 0px !important;
  padding-top: 3px;
  padding-bottom: 3px; }