/** Shopify CDN: Minification failed

Line 531:0 "@charset" must be the first rule in the file
Line 1662:2 Expected identifier but found "*"
Line 5593:663 Expected "{" but found ";"
Line 5593:838 Expected "{" but found ";"
Line 9757:0 Unexpected "}"

**/
.slick-slider {
  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,.slick-slider {
  position: relative;
  display: block
}

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

.slick-list:focus {
  outline: none
}

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

.slick-slider .slick-list,.slick-slider .slick-track {
  transform: translateZ(0)
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}

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

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.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-loading .slick-slide {
  visibility: hidden
}

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

.slick-arrow.slick-hidden {
  display: none
}

.mfp-bg {
  z-index: 1042;
  overflow: hidden;
  background: #0b0b0b;
  opacity: .8
}

.mfp-bg,.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed
}

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

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box
}

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

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

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

.mfp-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: zoom-out
}

.mfp-zoom {
  cursor: pointer;
  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;
  -ms-user-select: none;
  user-select: none
}

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

.mfp-hide {
  display: none!important
}

.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -.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: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation
}

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

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: .65;
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial,Baskerville,monospace
}

.mfp-close:focus,.mfp-close:hover {
  opacity: 1
}

.mfp-close:active {
  top: 1px
}

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

.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%
}

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

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

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

.mfp-arrow:focus,.mfp-arrow:hover {
  opacity: 1
}

.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: medium inset transparent
}

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

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

.mfp-arrow-left {
  left: 0
}

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

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

.mfp-arrow-right {
  right: 0
}

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

.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-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,.6);
  background: #000
}

img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  box-sizing: border-box;
  padding: 40px 0;
  margin: 0 auto
}

.mfp-figure,img.mfp-img {
  line-height: 0
}

.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0,0,0,.6);
  background: #444
}

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

.mfp-figure figure {
  margin: 0
}

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

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

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

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

@media screen and (max-height: 300px),screen and (max-width:800px) and (orientation:landscape) {
  .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,.6);
      bottom: 0;
      margin: 0;
      top: auto;
      padding: 3px 5px;
      position: fixed;
      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,.6);
      position: fixed;
      text-align: center;
      padding: 0
  }
}

@media (max-width: 900px) {
  .mfp-arrow {
      transform:scale(.75)
  }

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

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

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

@charset "UTF-8"; /* code for wovn in header  */
html:not([lang="ja"]) .fr_japan_only {
  display: none!important;
}

/*JPページの場合非表示 yrnkgc*/
html:not([lang="en"]) .fr_en_only {
  display: none!important;
}

/* newsletter email address input box corners */
.eXJuiw {
  border-radius: 0px !important;
}

.shopify-challenge__container .shopify-challenge__message, .shopify-challenge__container .shopify-challenge__errors {
  padding-top: 80px;
}

@media screen and (min-width: 769px) {
  .pr_kin-h-lang-box {
      position: relative;
      float: left;
      margin: 0;
      padding: 0 20px;
      cursor: pointer;
  }

  .pr_kin-h-lang-type {
      display: none;
      position: absolute;
      z-index: 999;
      top: 19px;
      left: 0px;
      width: 100%;
      background-color: rgba(199, 199, 199, 0.9);
      cursor: pointer;
  }

  .pr_kin-h-lang-now .pr_kin-h-lang-ico {
      position: absolute;
      top: 50%;
      right: -3px;
      color: #989898;
      font-size: 10px;
      transform: translateY(-50%);
      -o-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
  }

  .pr_kin-h-lang-item {
      display: block;
      color: #fff;
      padding: 0 20px;
      height: 24px;
      line-height: 24px;
      font-size: 14px !important;
      font-size: 1.3rem;
      text-align: left;
  }

  .pr_kin-h-lang-now {
      position: relative;
      padding: 0 17px 0 0;
      color: #989898;
      font-size: 14px;
      font-weight: normal;
      line-height: 1.4;
  }

  .pr_kin-h-lang-box:before, .pr_kin-h-lang-box:after {
      display: block;
      position: absolute;
      top: 50%;
      width: 1px;
      height: 15px;
      margin: -7px 0 0;
      background-color: #c7c7c7;
      content: '';
      left: 75px;
  }
}

@media screen and (max-width: 768px) {
  .pr_kin-h-lang-now {
      display: inline-block;
      position: relative;
      padding: 0 20px 0 0;
      color: #989898;
      font-weight: normal;
      font-size: 14px;
      line-height: 1.4;
  }

  .pr_kin-h-lang-now .pr_kin-h-lang-ico {
      position: absolute;
      top: 50%;
      right: 0;
      color: #989898;
      font-size: .8rem;
      transform: translateY(-50%);
      -o-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
  }

  .pr_kin-h-lang-type {
      display: none;
      width: 100%;
      background-color: rgba(199, 199, 199, 0.9);
  }

  .pr_kin-h-lang-item {
      display: block;
      color: #fff;
      padding: 0 10px;
      height: 30px;
      line-height: 30px;
      font-size: 14px !important;
      font-size: 1.3rem;
      text-align: left;
      transition: .2s ease-in-out;
      -o-transition: .2s ease-in-out;
      -ms-transition: .2s ease-in-out;
      -moz-transition: .2s ease-in-out;
      -webkit-transition: .2s ease-in-out;
  }
}

.pr_kin-h-lang-item:hover {
  background-color: #787878;
}

#mobile-language-switcher {
  position: absolute;
  bottom: 20px;
  width: 25%;
}

/* end code for wovn in header */
/* product detail section on product page */
@media screen and (min-width: 769px) {
  #product-detail-line {
      border-top: 1px solid #e3e3e6;
      padding-top: 30px;
  }
}

@media only screen and (max-width: 768px) {
  #product-detail-line {
      border-top: 1px solid #e3e3e6;
      padding-top: 25px;
      padding-bottom: 0;
      margin-top: 25px;
  }
}

/* end product detail section on product page */
/* aligning lineup on collection pages  */
/* .section .products {
justify-content: center;
} */
.section-brand .products {
  justify-content: center;
}

.section-brand .lineup-img-cont {
  justify-content: normal !important;
}

.products .product {
  width: 14%;
  display: inline-block;
  margin: 0 0 80px !important;
  padding: 0 20px;
  vertical-align: top;
  letter-spacing: normal;
  transition: all .5s;
  transform: scale(1);
  letter-spacing: 1.4px;
}

.products .product a {
  text-decoration: none
}

@media only screen and (max-width: 767px) {
  .products .product {
      width: 50%;
      padding: 0 10px;
      margin-bottom: 40px
  }
}

.products .product__media img {
  margin: 0 auto 10px;
  width: 100%
}

.products .product__media {
  position: relative;
  overflow: hidden;
}

.products .product__media>img+img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: transform 500ms ease, opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* .products .product a:hover .product__media>img+img { */
.products .product a .product__media:hover>img+img {
  opacity: 1;
  transform: scale(1.03);
}

@media only screen and (max-width: 767px) {
  .products .product__media {
      margin-bottom:5px
  }

  .products .product__media img {
      margin-bottom: 0
  }
}

.section .section__head {
  text-align: center
}

.section .section__title {
  letter-spacing: 1.4px;
  text-transform: uppercase
}

.section .section__title a {
  text-decoration: none;
  color: inherit
}

/* special site title style */
.special-site-head h3 {
  text-align: center
}

.special-site-title {
  letter-spacing: 1.4px;
  text-transform: uppercase;
  margin-bottom: 30px ;
}

/* special site image style */
.special-site-link {
  display: block;
  max-width: 996px;
  width: 100%;
  margin: 0 auto;
}

.special-site-banner {
  transition: opacity .5s ease-out;
  margin-bottom: 10px;
}

.special-site-banner:hover {
  opacity: 0.6;
  color: #727272;
}

.link-container {
  margin: 0px auto 36px;
}

@media screen and (min-width: 320px) {
  .special-site-link {
      display: block;
      max-width: 258px;
      width: 100%;
      margin: 0 auto;
  }
}

@media screen and (min-width: 375px) {
  .special-site-link {
      display: block;
      max-width: 316px;
      width: 100%;
      margin: 0 auto;
  }
}

@media screen and (min-width: 768px) {
  .special-site-link {
      display: block;
      max-width: 664px;
      width: 100%;
      margin: 0 auto;
  }

  .products .product {
      width: 38%;
      display: inline-block;
      margin: 0 0 80px !important;
      padding: 0 20px;
      vertical-align: top;
      letter-spacing: normal;
      transition: all .5s;
      transform: scale(1)
  }
}

@media screen and (min-width: 1024px) {
  .special-site-link {
      display: block;
      max-width: 994px;
      width: 100%;
      margin: 0 auto;
  }

  .products .product {
      width: 20%;
      display: inline-block;
      margin: 0 0 80px !important;
      padding: 0 20px;
      vertical-align: top;
      letter-spacing: normal;
      transition: all .5s;
      transform: scale(1)
  }
}

@media screen and (min-width: 1440px) {
  .products .product {
      display:inline-block;
      margin: 0 0 80px !important;
      padding: 0 20px;
      vertical-align: top;
      letter-spacing: normal;
      transition: all .5s;
      transform: scale(1);
      letter-spacing: 1.4px;
  }
}

/* add spacing to bottom of category pages */
#category-page-btn-load-more {
  margin-bottom: 53px
}

/* add spacing to top of collection list page and gift message pages, sp only */
@media screen and (max-width: 768px) {
  #collection-list-title {
      margin-top: 80px;
  }

  #gift-message-title {
      margin-top: 40px;
      margin-bottom: 40px;
  }
}

/* fix collapsed mobile section on some collection pages */
@media screen and (max-width: 768px) {
  #md_alignC_category {
      padding-top: 350px;
  }

  #md_alignC_category2 {
      padding-top: 250px;
  }

  #play-tumbler-container {
      margin-top: 550px;
  }

  #capsule-category {
      padding-top: 400px;
  }

  #to-go-container {
      padding-top: 450px;
  }

  #workout-container {
      padding-top: 500px;
  }
}

@media screen and (min-width: 1024px) {
  #dripbag-first-image {
      /* margin-left: 439px; */
  }
}

/* adjust desktop header icon sizes */
.header .nav-access ul li {
  /* transform: scale(0.8); */
}

/* adjust footer alignment */
.footer .nav div:first-child {
  margin-left: 5px;
}

/* prevent background scroll on mobile when menu open */
.nav-expanded {
  height: 100%;
  overflow: hidden;
}

body #MainContent {
  -webkit-font-smoothing: antialiased;
  position: initial;
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

article,aside,footer,header,nav,section {
  display: block
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

figcaption,figure,main {
  display: block
}

figure {
  margin: 1em 40px
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

pre {
  font-family: monospace,monospace;
  font-size: 1em
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted
}

b,strong {
  font-weight: inherit;
  font-weight: bolder
}

code,kbd,samp {
  font-family: monospace,monospace;
  font-size: 1em
}

dfn {
  font-style: italic
}

mark {
  background-color: #ff0;
  color: #000
}

small {
  font-size: 80%
}

sub,sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

audio,video {
  display: inline-block
}

audio:not([controls]) {
  display: none;
  height: 0
}

img {
  border-style: none
}

button,input,optgroup,select,textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button,input {
  overflow: visible
}

[type=reset],[type=submit],button,html [type=button] {
  -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  padding: .35em .75em .625em
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  display: inline-block;
  vertical-align: baseline
}

[type=checkbox],[type=radio] {
  box-sizing: border-box;
  padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

details,menu {
  display: block
}

summary {
  display: list-item
}

canvas {
  display: inline-block
}

[hidden] {
  display: none
}

form {
  margin: 0
}

[role=button],a,area,button,input,label,select,summary,textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation
}

input,select,textarea {
  font-size: 1.6rem;
  max-width: 100%;
  border: 1px solid #ffffff;
  border-radius: 0
}

input[disabled],select[disabled],textarea[disabled] {
  border-color: #000;
  background-color: #000;
  cursor: default
}

button,input[type=submit],label[for] {
  cursor: pointer
}

textarea {
  min-height: 100px
}

select::-ms-expand {
  display: none
}

option {
  background-color: #ffffff;
  color: #989898
}

.form__row--error-list li {
  border-bottom: 1px solid #ff6d6d!important
}

.form__row--error input,.form__row--error textarea,.input-error {
  border-color: #ff6d6d!important;
  background-color: #fff!important;
  color: #989898!important
}

::-webkit-input-placeholder {
  color: #9a9a9a
}

:-moz-placeholder,::-moz-placeholder {
  color: #9a9a9a
}

:-ms-input-placeholder {
  color: #9a9a9a
}

.form__wrapper {
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  padding: 19px
}

.form__wrapper hr {
  margin-top: 28px;
  margin-bottom: 28px;
  border: 0;
  border-top: 1px solid #eee
}

.form__wrapper .form__head p {
  letter-spacing: 1.6px;
  line-height: 2;
  margin-bottom: 27px
}

.form__wrapper .form__head h2 {
  text-align: center;
  padding: 28px 0 12px
}

.form__wrapper .form__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 -15px 15px
}

.form__wrapper .form__row.form__row--fullwidth {
  -ms-flex-direction: column;
  flex-direction: column
}

.form__wrapper .form__row.form__row--fullwidth .form__controls .list-radios {
  margin-top: 0
}

.form__wrapper .form__row.form__row--fullwidth .form__controls .list-radios li {
  margin-top: 0;
  margin-right: 10px
}

.form__wrapper .form__row.form__row--fullwidth .form__controls .list-radios li input,.form__wrapper .form__row.form__row--fullwidth .form__controls .list-radios li label {
  vertical-align: middle
}

.form__wrapper .form__row p {
  text-align: center;
  width: 100%;
  padding: 0 20px
}

.form__wrapper .form__row p a {
  text-decoration: underline;
  color: #787878
}

.form__wrapper .form__row .cols {
  margin-bottom: -15px
}

.form__wrapper .form__row .col {
  margin-bottom: 15px
}

.form__wrapper .form__row label {
  -ms-flex: 1 1 33.33%;
  flex: 1 1 33.33%;
  font-size: 14px;
  line-height: 54px;
  padding: 0 15px
}

.form__wrapper .form__row label .required {
  padding: 2px 6px;
  background-color: #f7f7f9;
  border: 1px solid #d9534f;
  margin-left: 6px;
  font-size: 12px;
  color: #d9534f;
  display: inline-block;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  line-height: 1.3
}

@media only screen and (max-width: 767px) {
  .form__wrapper .form__row label {
      -ms-flex:0 0 auto;
      flex: 0 0 auto
  }
}

.form__wrapper .form__row .form__controls {
  -ms-flex: 1 1 66.66%;
  flex: 1 1 66.66%;
  padding: 0 15px
}

.form__wrapper .form__row .form__controls input,.form__wrapper .form__row .form__controls select,.form__wrapper .form__row .form__controls textarea {
  display: block;
  width: 100%;
  height: 54px;
  padding: 12px;
  font-size: 14px;
  line-height: 2;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.form__wrapper .form__row .form__controls input:focus,.form__wrapper .form__row .form__controls select:focus,.form__wrapper .form__row .form__controls textarea:focus {
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}

.form__wrapper .form__row .form__controls .field--small {
  width: 30%;
  display: inline-block
}

.form__wrapper .form__row .form__controls .field--small+label {
  width: 22%;
  display: inline-block
}

@media only screen and (max-width: 767px) {
  .form__wrapper .form__row .form__controls .field--small+label {
      width:100%;
      padding-left: 0;
      padding-right: 0;
      margin-top: 15px
  }
}

@media only screen and (max-width: 767px) {
  .form__wrapper .form__row .form__controls .field--small {
      width:100%
  }
}

.form__wrapper .form__row .form__controls .list-checkboxes li,.form__wrapper .form__row .form__controls .list-radios li {
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  margin: 10px 0;
  flex-wrap: wrap;
  padding-right: 10px
}

.form__wrapper .form__row .form__controls .list-checkboxes li .radio,.form__wrapper .form__row .form__controls .list-radios li .radio {
  line-height: 1.5
}

.form__wrapper .form__row .form__controls .list-checkboxes li label,.form__wrapper .form__row .form__controls .list-radios li label {
  padding: 0;
  line-height: 28px
}

.form__wrapper .form__row .form__controls .list-checkboxes li input,.form__wrapper .form__row .form__controls .list-radios li input {
  padding: 0;
  margin: 0;
  width: auto;
  height: auto;
  display: inline-block
}

.form__wrapper .form__row .form__controls .list-checkboxes-inline li {
  display: inline-block;
  padding-right: 20px;
  margin-top: 20px!important
}

.form__wrapper .form__row .form__controls .list-checkboxes li {
  margin: 0
}

.form__wrapper .form__row .form__controls .list-checkboxes li p {
  text-align: left;
  padding: 20px 0 10px
}

.form__wrapper .form__row .form__controls .list-checkboxes li input {
  margin-right: 5px
}

.form__wrapper .form__row .form__controls .list-checkboxes li label {
  width: auto;
  -ms-flex: 0 0 auto!important;
  flex: 0 0 auto!important
}

@media only screen and (max-width: 767px) {
  .form__wrapper .form__row .form__controls {
      -ms-flex:1 1 100%;
      flex: 1 1 100%
  }
}

@media only screen and (max-width: 767px) {
  .form__wrapper .form__row {
      -ms-flex-wrap:wrap;
      flex-wrap: wrap
  }
}

@media only screen and (max-width: 599px) {
  .form__wrapper .form__row .col--1of2 {
      width:100%
  }
}

.form__wrapper .form__actions {
  margin: 0 auto;
  width: 33.33%;
  padding: 0 10px
}

.form__wrapper .form__actions .btn {
  padding: 14px 12px;
  width: 100%;
  margin: 0 auto 10px;
  text-transform: none
}

.form__wrapper .form__actions .btn.btn--gold {
  background-color: #989898;
  border-color: #989898;
  text-transform: uppercase;
  color: #fff;
  width: auto
}

.form__wrapper .form__actions .btn.btn--gold+span {
  padding: 0 10px;
  color: #000;
  font-weight: 500;
  margin-bottom: 10px;
  display: inline-block
}

.form__wrapper .form__actions .btn.btn--gold+span a {
  display: inline-block;
  color: #989898;
  font-weight: 500
}

.form__wrapper .form__actions .btn.btn--gray {
  background-color: #989898
}

.form__wrapper .form__actions p {
  margin: 10px 0 0
}

.form__wrapper .form__actions ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 10px
}

.form__wrapper .form__actions ul li {
  list-style: none;
  border: 1px solid #c7c7c7;
  border-width: 0 1px;
  margin: 5px -1px 5px 0
}

.form__wrapper .form__actions ul li a {
  padding: 0 15px;
  display: block;
  text-decoration: none
}

.form__wrapper .form__actions ul li a:hover {
  color: #989898
}

.form__wrapper .form__actions--nowrap {
  white-space: nowrap;
  text-align: center
}

.form__wrapper .form__actions--nowrap span {
  white-space: nowrap;
  vertical-align: middle;
  display: inline-block
}

@media only screen and (max-width: 767px) {
  .form__wrapper .form__actions--nowrap {
      white-space:normal
  }
}

@media only screen and (max-width: 767px) {
  .form__wrapper {
      padding:10px
  }

  .form__wrapper .form__actions {
      width: 100%;
      padding: 0
  }
}

.errors {
  padding: 15px;
  margin-bottom: 28px;
  border: 1px solid transparent;
  border-radius: 0;
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #cc3232
}

.errors li {
  list-style: none
}

.errors li+li {
  margin-top: 10px
}

.errors li:before {
  content: "\E91F";
  font-family: NODE-icon;
  margin-right: 5px
}

.form--small,.form--small form {
  width: 100%
}

.form--small .form__row>label {
  display: none
}

.form--small .form__row label {
  letter-spacing: 1.8px
}

.form--small .form__row:last-child {
  margin-bottom: 0
}

.form--small .form__actions {
  padding: 0 10px;
  width: calc(100% + 20px);
  margin: 10px -10px 15px!important
}

.form--small .form__actions p {
  margin: 5px 0 0;
  letter-spacing: 1.7px;
  line-height: 2
}

.form--small .form__actions p+p {
  margin-top: 13px
}

.form--small .form__actions .btn {
  width: 100%
}

.list-radios {
  font-size: 14px;
  color: inherit;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 5px
}

.list-radios .radio-holder {
  display: inline-block
}

.list-radios .radio-holder .radio-holder-label {
  font-size: 12px;
  color: inherit;
  padding: 5px;
  margin: 3px 1px 0;
  min-width: 25px;
  letter-spacing: 1px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #e3e3e6;
  display: inline-block;
  color: #989898
}

.list-radios .radio-holder input {
  display: none
}

.list-radios .radio-holder input:checked+.radio-holder-label {
  background-color: #e3e3e6
}

.contact-form {
  margin-top: 20px
}

.contact-form .form-success {
  margin-bottom: 20px;
  padding: 20px;
  text-align: center;
  background-color: #ccc;
  color: #fff
}

.section-account table {
  text-align: center
}

.section-account table th {
  border-bottom: 2px solid #ddd;
  min-height: 46px;
  vertical-align: middle;
  padding: 8px;
  font-size: 12px
}

.section-account table td {
  padding: 8px;
  font-size: 12px;
  border-top: 1px solid #ddd;
  transition: all .5s
}

.section-account table td a {
  text-decoration: none
}

.section-account table td .btn {
  color: inherit;
  padding: 4px 8px
}

.section-account table td .btn:hover,.section-account table tr:hover td {
  background-color: #f5f5f5
}

.clearfix {
  *zoom:1}

.clearfix:after {
  content: "";
  display: table;
  clear: both
}

.visually-hidden {
  position: absolute!important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0)
}

.js-focus-hidden:focus {
  outline: none
}

.label-hidden {
  position: absolute!important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0)
}

.no-placeholder .label-hidden,.visually-shown {
  position: inherit!important;
  overflow: auto;
  width: auto;
  height: auto;
  margin: 0;
  clip: auto
}

.no-js:not(html) {
  display: none
}

.no-js .no-js:not(html) {
  display: block
}

.no-js .js,.supports-no-cookies:not(html) {
  display: none
}

html.supports-no-cookies .supports-no-cookies:not(html) {
  display: block
}

html.supports-no-cookies .supports-cookies {
  display: none
}

.skip-link:focus {
  position: absolute!important;
  overflow: auto;
  width: auto;
  height: auto;
  margin: 0;
  clip: auto;
  z-index: 10000;
  padding: 15px;
  background-color: #ffffff;
  color: #989898;
  transition: none
}

[tabindex="-1"]:focus {
  outline: none
}

.hide {
  display: none!important
}

@media only screen and (min-width: 768px) {
  .hidden-desktop {
      display:none!important
  }
}

@media only screen and (max-width: 767px) {
  .hidden-mobile {
      display:none!important
  }
}

.cols {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -15px;
  width: calc(100% + 30px)
}

.cols .col {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px
}

.cols .col--1of2 {
  width: 50%
}

.cols .col--1of3 {
  width: 33.33%
}

@media only screen and (max-width: 767px) {
  .cols .col--1of3 {
      width:100%
  }

  .cols .col--1of3+.col {
      margin-top: 15px
  }
}

.cols .col--2of3 {
  width: 66.66%
}

@media only screen and (max-width: 767px) {
  .cols .col--2of3 {
      width:100%
  }

  .cols .col--2of3+.col {
      margin-top: 15px
  }
}

.btn {
  display: inline-block;
  padding: 8px;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 1.6;
  text-align: center;
  cursor: pointer;
  border: none;
  border: 1px solid #989898;
  transition: .2s ease-in-out;
  text-decoration: none
}

.btn.btn--white {
  background-color: #fff;
  color: #989898
}

.btn.btn--white:hover {
  background-color: #f5f5f5
}

.btn.btn--gray {
  background-color: #989898;
  color: #fff
}

.btn.btn--gray:hover {
  background-color: #787878
}

html {
  background-color: #ffffff
}

*,:after,:before,html {
  box-sizing: border-box
}

/* body,html {
  height: 100%
} */

.popup-expanded {
  overflow: hidden;
  height: 100vh
}

figure {
  margin: 0
}

img,picture {
  margin: 0;
  max-width: 100%
}

@media only screen and (max-width: 767px) {
  .responsive-table {
      width:100%
  }

  .responsive-table thead {
      display: none
  }

  .responsive-table tr {
      display: block
  }

  .responsive-table td,.responsive-table tr {
      float: left;
      clear: both;
      width: 100%
  }

  .responsive-table td,.responsive-table th {
      display: block;
      margin: 0;
      padding: 15px;
      text-align: right
  }

  .responsive-table td:before {
      content: attr(data-label);
      float: left;
      padding-right: 10px;
      text-align: center
  }

  .responsive-table-row+.responsive-table-row,tfoot>.responsive-table-row:first-child {
      position: relative;
      margin-top: 10px;
      padding-top: 15px
  }

  .responsive-table-row+.responsive-table-row:after,tfoot>.responsive-table-row:first-child:after {
      content: "";
      position: absolute;
      top: 0;
      right: 15px;
      left: 15px;
      display: block;
      border-bottom: 1px solid #ffffff
  }
}

.rte {
  margin: 0
}

.rte img {
  height: auto
}

.rte table {
  table-layout: fixed
}

.rte ol,.rte ul {
  margin: 0 0 15px 30px
}

.rte strong {
  font-weight: bold
}

.rte-table {
  overflow: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch
}

.rte__video-wrapper {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  height: 0;
  height: auto;
  padding-bottom: 56.25%
}

.rte__video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.rte__table-wrapper {
  overflow: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch
}

html {
  font-size: 14px;
  color: #989898
}

body {
  font-style: ;
  font-size: 1.6rem;
  letter-spacing: 1.4px
}

body,h1,h2,h3,h4,h5,h6 {
  font-family: Swis721,sans-serif;
  font-weight: 400
}

h1,h2,h3,h4,h5,h6 {
  margin-bottom: .67em;
  margin-top: 0
}

h1 {
  font-size: 28px
}

h2 {
  font-size: 24px
}

h3 {
  font-size: 20px
}

h4 {
  font-size: 18px
}

h5 {
  font-size: 14px
}

h6 {
  font-size: 12px
}

body,button,input,select,textarea {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%
}

a {
  transition: color .5s ease-in-out,background .5s ease-in-out,border-color .5s ease-in-out,opacity .5s ease-in-out
}

a:hover {
  color: #787878
}

a:focus {
  color: inherit
}

* {
  padding: 0;
  margin: 0;
  outline: 0;
  box-sizing: border-box
}

:after,:before {
  box-sizing: inherit
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
  display: block
}

template {
  display: none
}

html {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  tap-highlight-color: transparent
}

body {
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none
}

audio,iframe,img,object,video {
  max-width: 100%
}

iframe,img {
  border: 0 none
}

img {
  height: auto;
  display: inline-block;
  vertical-align: middle
}

b,strong {
  font-weight: 700
}

address {
  font-style: normal
}

svg:not(:root) {
  overflow: hidden
}

a,button,input[type=button],input[type=file],input[type=image],input[type=reset],input[type=submit],label[for] {
  cursor: pointer
}

.inner-aside-right {
  min-height: 18px;
  margin: 0;
  color: #989898;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.8;
  text-decoration: none
}

a[href^=tel],button[disabled],input[disabled],select[disabled],textarea[disabled] {
  cursor: default
}

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

a[href^=tel],input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none
}

textarea {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch
}

button,input,optgroup,select,textarea {
  font-family: inherit;
  font-size: inherit;
  color: inherit
}

button,select {
  text-transform: none
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0
}

nav ol,nav ul {
  list-style: none outside none
}

.fadeInUp {
  opacity: 0;
  transform: translateY(30px);
  position: relative;
  transition: all .85s ease-out
}

.fadeInUp.animated {
  opacity: 1;
  transform: translateY(0)
}

.loading {
  transform: scale(0)
}

.wrapper {
  width: 100%;
  overflow: hidden;
  padding-top: 2px;
  min-height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.wrapper .loader {
  position: fixed;
  z-index: 9999;
  background-color: #fff;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}

.wrapper .loader img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%)
}

.wrapper .shell {
  padding: 0 55px;
  margin: 0 -15px
}

@media only screen and (max-width: 1024px) {
  .wrapper .shell {
      padding:0 30px
  }
}

.wrapper .main {
  width: 100%;
  min-height: 50vh
}

.template-index .wrapper {
  padding-top: 0
}

.button {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  border: 0;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.btn:hover {
  background-color: #f5f5f5
}

.hero-banner {
  background-repeat: no-repeat
}

.hero-banner--article {
  min-height: 278px;
  background-position: 50%;
  background-size: cover
}

[class*=" fr_icon-"],[class^=fr_icon-] {
  font-family: NODE-icon
}

.icon,.socials svg {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  fill: #989898
}

.icon path,.socials svg path {
  fill: #989898
}

.icon:hover,.icon:hover path,.socials svg:hover,.socials svg:hover path {
  fill: #787878
}

.no-svg .icon,.no-svg .socials svg {
  display: none
}

.icon--wide {
  width: 40px
}

svg.icon:not(.icon--full-color) circle,svg.icon:not(.icon--full-color) ellipse,svg.icon:not(.icon--full-color) g,svg.icon:not(.icon--full-color) img,svg.icon:not(.icon--full-color) line,svg.icon:not(.icon--full-color) path,svg.icon:not(.icon--full-color) polygon,svg.icon:not(.icon--full-color) polyline,symbol.icon:not(.icon--full-color) circle,symbol.icon:not(.icon--full-color) ellipse,symbol.icon:not(.icon--full-color) g,symbol.icon:not(.icon--full-color) img,symbol.icon:not(.icon--full-color) line,symbol.icon:not(.icon--full-color) path,symbol.icon:not(.icon--full-color) polygon,symbol.icon:not(.icon--full-color) polyline {
  max-width: 100%
}

svg.icon:not(.icon--full-color) rect,symbol.icon:not(.icon--full-color) rect {
  fill: inherit;
  stroke: inherit
}

.icon-fallback-text {
  position: absolute!important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0)
}

.no-svg .icon-fallback-text {
  position: static!important;
  overflow: auto;
  width: auto;
  height: auto;
  margin: 0;
  clip: auto
}

.payment-icons {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default
}

[class*=" fr_icon-"],[class^=fr_icon-] {
  font-family: NODE-icon!important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.fr_icon-fr_ico-user-login:before {
  content: "\E946"
}

.fr_icon-plus2:before {
  content: "\E944"
}

.fr_icon-list:before {
  content: "\E900"
}

.fr_icon-muinus:before {
  content: "\E943"
}

.fr_icon-fr_ctr:before {
  content: "\E90D"
}

.fr_icon-sort:before {
  content: "\E90E"
}

.fr_icon-external-link:before {
  content: "\E90F"
}

.fr_icon-display:before {
  content: "\E911"
}

.fr_icon-laptop2:before {
  content: "\E912"
}

.fr_icon-mobile:before {
  content: "\E913"
}

.fr_icon-bubble2:before {
  content: "\E914"
}

.fr_icon-bubble22:before {
  content: "\E915"
}

.fr_icon-bubbles42:before {
  content: "\E916"
}

.fr_icon-arrow-down:before {
  content: "\E917"
}

.fr_icon-arrow-left:before {
  content: "\E918"
}

.fr_icon-arrow-up:before {
  content: "\E919"
}

.fr_icon-truck:before {
  content: "\E91A"
}

.fr_icon-link:before {
  content: "\E91B"
}

.fr_icon-star-empty:before {
  content: "\E91C"
}

.fr_icon-star-full:before {
  content: "\E91D"
}

.fr_icon-heart3:before {
  content: "\E91E"
}

.fr_icon-warning:before {
  content: "\E91F"
}

.fr_icon-arrow-right:before {
  content: "\E920"
}

.fr_icon-checkbox-unchecked:before {
  content: "\E921"
}

.fr_icon-sort2:before {
  content: "\E922"
}

.fr_icon-zoom-in:before {
  content: "\E923"
}

.fr_icon-zoom-out:before {
  content: "\E924"
}

.fr_icon-play2:before {
  content: "\E925"
}

.fr_icon-play3:before {
  content: "\E926"
}

.fr_icon-volume-medium:before {
  content: "\E927"
}

.fr_icon-volume-mute:before {
  content: "\E928"
}

.fr_icon-volume-mute2:before {
  content: "\E929"
}

.fr_icon-arrow-up2:before {
  content: "\E92A"
}

.fr_icon-arrow-right2:before {
  content: "\E92B"
}

.fr_icon-arrow-down2:before {
  content: "\E92C"
}

.fr_icon-arrow-left2:before {
  content: "\E92D"
}

.fr_icon-circle-up:before {
  content: "\E92E"
}

.fr_icon-circle-right:before {
  content: "\E92F"
}

.fr_icon-circle-down:before {
  content: "\E930"
}

.fr_icon-circle-left:before {
  content: "\E931"
}

.fr_icon-amazon:before {
  content: "\E933"
}

.fr_icon-google-plus:before {
  content: "\E934"
}

.fr_icon-rss:before {
  content: "\E935"
}

.fr_icon-youtube:before {
  content: "\E936"
}

.fr_icon-minus:before {
  content: "\E937"
}

.fr_icon-plus:before {
  content: "\E938"
}

.fr_icon-history:before {
  content: "\E939"
}

.fr_icon-cross:before {
  content: "\E945"
}

.fr_icon-exit:before {
  content: "\E93A"
}

.fr_icon-enter:before {
  content: "\E93B"
}

.fr_icon-home:before {
  content: "\E93C"
}

.fr_icon-alarm:before {
  content: "\E93D"
}

.fr_icon-cross-circle:before {
  content: "\E93E"
}

.fr_icon-heart2:before {
  content: "\E93F"
}

.fr_icon-book:before {
  content: "\E940"
}

.fr_icon-enlarge2:before {
  content: "\E941"
}

.fr_icon-shrink2:before {
  content: "\E942"
}

.fr_icon-pencil:before {
  content: "\E94A"
}

.fr_icon-phone2:before {
  content: "\E94B"
}

.fr_icon-bubbles2:before {
  content: "\E94C"
}

.fr_icon-notification2:before {
  content: "\E94D"
}

.fr_icon-radio-unchecked:before {
  content: "\E94E"
}

.fr_icon-user:before {
  content: "\E901"
}

.fr_icon-world:before {
  content: "\E903"
}

.fr_icon-twitter:before {
  content: "\E902"
}

.fr_icon-close:before {
  content: "\E908"
}

.fr_icon-facebook:before {
  content: "\E904"
}

.fr_icon-instagram:before {
  content: "\E905"
}

.fr_icon-mail:before {
  content: "\E906"
}

.fr_icon-search:before {
  content: "\E907"
}

.fr_icon-arrow:before {
  content: "\E90B"
}

.fr_icon-burger:before {
  content: "\E909"
}

.fr_icon-cart:before {
  content: "\E90A"
}

.fr_icon-download:before {
  content: "\E90C"
}

.fr_icon-login:before {
  content: "\E910"
}

.fr_icon-airplane:before {
  content: "\E932"
}

.placeholder-svg {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  border: 1px solid #161d25;
  background-color: #f9fafb;
  fill: #161d25
}

.placeholder-svg--small {
  width: 480px
}

.placeholder-noblocks {
  padding: 40px;
  text-align: center
}

.placeholder-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.placeholder-background .icon {
  border: 0
}

.responsive-image__wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0 auto
}

.no-js .responsive-image__wrapper {
  display: none
}

.responsive-image__wrapper:before {
  content: "";
  position: relative;
  display: block
}

.responsive-image__wrapper img {
  display: block;
  width: 100%
}

.responsive-image__wrapper--full-height {
  height: 100%
}

.responsive-image__image {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%
}

.slider .slick-list,.slider .slick-track {
  min-width: 100%
}

.slider .slider__slide {
  position: relative
}

.slider .slick-arrow {
  border: none;
  position: absolute;
  top: 50%;
  z-index: 20;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 0;
  background: none
}

.slider .slick-arrow:after {
  content: "";
  width: 75px;
  height: 80px;
  background: url(img-arrow-base.png) no-repeat 50%;
  background-size: 20px 70px;
  display: block;
  margin: 0 auto
}

@media only screen and (max-width: 767px) {
  .slider .slick-arrow:after {
      width:50px;
      height: 40px
  }
}

.slider .slick-arrow.slick-prev {
  left: 0
}

.slider .slick-arrow.slick-next {
  right: 0
}

.slider .slick-arrow.slick-next:after {
  margin: 0;
  transform: rotate(180deg)
}

.slider .slick-dots {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center
}

.slider .slick-dots li {
  list-style: none
}

.slider .slick-dots li button {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 4px;
  border: none;
  border-radius: 100%;
  background-color: #e3e3e6;
  vertical-align: middle;
  font-size: 0
}

.slider .slick-dots li.slick-active button {
  background-color: #989898
}

.slider-fullscreen .slider__slides {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden
}

.slider-fullscreen .slider__slide-image {
  display: block;
  width: 100vw;
  height: 100vh;
  background-size: cover;
  background-position: 50%
}

.slider-product {
  font-size: 0;
  line-height: 0
}

.slider-product .slick-list {
  border: 1px solid #e3e3e6;
  margin-bottom: 8px;
  font-size: 0
}

@media only screen and (max-width: 767px) {
  .slider-product .slick-list {
      border:none
  }
}

.slider-product .slick-dots {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -4px;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  transform: translateY(0);
  bottom: auto
}

.slider-product .slick-dots li {
  margin: 0 4px 4px
}

.slider-product .slick-dots li.slick-active a {
  border-color: #a1a1a1
}

@media only screen and (max-width: 767px) {
  .slider-product .slick-dots li.slick-active a {
      background:#a1a1a1!important
  }
}

.slider-product .slick-dots li a {
  border: 1px solid #e6e6e8;
  display: block;
  width: 66px;
  height: 30px;
  background-size: auto 30px;
  background-position: 50%;
  background-repeat: no-repeat
}

@media only screen and (max-width: 767px) {
  .slider-product .slick-dots li a {
      display:inline-block;
      width: 8px;
      height: 8px;
      margin: 0 4px;
      border: none;
      border-radius: 100%;
      background: #e3e3e6!important;
      vertical-align: middle;
      font-size: 0
  }
}

@media only screen and (max-width: 767px) {
  .slider-product {
      margin:0 -15px
  }
}

.slider-product .slider__slide-image {
  background-repeat: no-repeat;
  background-position: 50%;
  background-color: #fff;
  background-size: auto 100%;
  height: 460px
}

@media only screen and (max-width: 767px) {
  .slider-product .slider__slide-image {
      height:270px
  }
}

.slider-product .responsive-image__wrapper {
  opacity: 0
}

@media only screen and (max-width: 767px) {
  .slider-product .responsive-image__wrapper {
      display:none
  }
}

.slider-product .slick-track {
  min-width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.slider-product .slick-track>div {
  height: auto;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch
}

.slider-product-details {
  border: 1px solid #e3e3e6;
  margin-top: 10px
}

.slider-product-details .slick-track {
  display: -ms-flexbox;
  display: flex
}

@media only screen and (max-width: 767px) {
  .slider-product-details .slick-track {
      display:block
  }
}

.slider-product-details .slick-slide {
  height: auto;
  display: -ms-flexbox;
  display: flex
}

.slider-product-details .slick-slide>div {
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

.slider-product-details .slider__slide {
  display: -ms-flexbox!important;
  display: flex!important;
  width: 100%
}

@media only screen and (max-width: 767px) {
  .slider-product-details .slider__slide {
      -ms-flex-direction:column;
      flex-direction: column;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
  }
}

.slider-product-details .slider__slide-inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.slider-product-details .slider__slide-image {
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  min-width: 50%;
  padding-top: 37.5%;
  background-size: cover;
  background-position: 50%;
  position: relative
}

.slider-product-details .slider__slide-image .page_num {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
  padding: 3px 5px;
  display: inline-block;
  color: #fff;
  font-size: 12px;
  line-height: 1.2
}

.slider-product-details .slider__slide-image .page_num span {
  display: inline-block
}

@media only screen and (max-width: 767px) {
  .slider-product-details .slider__slide-image {
      width:100%;
      padding-top: 71.5vw;
      height: auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }
}

.slider-product-details .slider__slide-content {
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  padding: 35px 40px;
  color: #989898;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.7
}

.slider-product-details .slider__slide-content p {
  margin: 0 0 26px
}

@media only screen and (max-width: 767px) {
  .slider-product-details .slider__slide-content p {
      margin:7px 0 16px
  }
}

.slider-product-details .slider__slide-content p:last-child {
  margin: 0
}

@media only screen and (max-width: 767px) {
  .slider-product-details .slider__slide-content {
      width:100%;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      padding: 15px;
      font-size: 14px;
      line-height: 2
  }
}

.slider-product-details .slick-arrow {
  width: 32px;
  height: 20px
}

.slider-product-details .slick-arrow.slick-prev {
  left: 10px;
  transform: translate(0)
}

@media only screen and (max-width: 767px) {
  .slider-product-details .slick-arrow.slick-prev {
      left:10px
  }
}

.slider-product-details .slick-arrow.slick-next {
  right: calc(50% + 10px);
  transform: rotate(0)
}

.slider-product-details .slick-arrow.slick-next:after {
  left: auto;
  transform-origin: top right;
  transform: rotate(-45deg);
  right: 5px;
  bottom: 14px;
  top: auto
}

@media only screen and (max-width: 767px) {
  .slider-product-details .slick-arrow.slick-next {
      right:10px
  }
}

.slider-product-details .slick-arrow:before {
  content: "";
  width: 22px;
  height: 9px;
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
  border-bottom: 1px solid #fff;
  display: block;
  margin: 0 auto
}

.slider-product-details .slick-arrow:after {
  content: "";
  width: 10px;
  height: 10px;
  transform-origin: bottom left;
  border-left: 1px solid #fff;
  display: block;
  transform: rotate(45deg);
  position: absolute;
  bottom: 11px;
  left: 5px;
  background: none
}

@media only screen and (max-width: 767px) {
  .slider-product-details .slick-arrow {
      top:35.75vw
  }
}

@media only screen and (max-width: 767px) {
  .slider-product-details {
      margin-top:0
  }
}

.slider-products .slick-arrow {
  top: calc(25vw - 10px)
}

.grid {
  margin: -2px;
  height: 46.5vw;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.grid,.grid .grid__item {
  display: -ms-flexbox;
  display: flex
}

.grid .grid__item {
  width: 50%;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 39%;
  border: 2px solid #fff;
  -ms-flex-align: end;
  align-items: flex-end;
  color: #fff;
  position: relative;
  padding: 27px 30px;
  background-size: cover;
  background-position: 50%;
  transition: all .5s;
  transform: scale(1)
}

.grid .grid__item.loading {
  transform: scale(0)
}

.grid .grid__item a {
  background-size: cover;
  background-position: 50%
}

.grid .grid__item-link,.grid .grid__item-link:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.grid .grid__item-link:after {
  content: "";
  background: linear-gradient(transparent -40%,rgba(0,0,0,.5) 90%,rgba(0,0,0,.6));
  opacity: .6;
  transition: all .35s ease-in-out;
  z-index: 0
}

.grid .grid__item-link:hover:after {
  opacity: 1
}

.grid .grid__item-content {
  position: relative;
  z-index: 10;
  pointer-events: none
}

.grid .grid__item-content h6 {
  text-transform: uppercase;
  margin-bottom: 8px
}

.grid .grid__item-content .tag:after {
  content: "|";
  margin-left: 4px
}

.grid .grid__item-content .tag:last-child:after {
  display: none
}

.grid .grid__col {
  width: 50%;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.grid .grid__col:nth-child(2n) .grid__item:last-child,.grid .grid__col:nth-child(odd) .grid__item:first-child {
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  max-width: 100%;
  min-height: 61%
}

@media only screen and (max-width: 767px) {
  .grid {
      height:auto;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
  }

  .grid .grid__item {
      -ms-flex: 1 1 100%;
      flex: 1 1 100%;
      max-width: 100%;
      min-height: 270px
  }

  .grid .grid__col {
      -ms-flex: 1 1 100%;
      flex: 1 1 100%;
      width: 100%
  }

  .grid .grid__col:nth-child(odd) .grid__item:first-child {
      width: 100%
  }

  .grid .grid__col:nth-child(2n) .grid__item:last-child,.grid .grid__col:nth-child(odd) .grid__item:first-child {
      -ms-flex: 1 1 100%;
      flex: 1 1 100%;
      max-width: 100%;
      min-height: 270px
  }
}

.grid-three-cols {
  margin: 0 -12px;
  height: auto
}

.grid-three-cols .grid__item {
  -ms-flex: 0 0 33.33%;
  flex: 0 0 33.33%;
  max-width: 33.33%;
  border-width: 0 12px 24px;
  border-color: hsla(0,0%,100%,0)
}

.grid-three-cols .grid__item:after {
  content: "";
  padding-top: 70%;
  display: block
}

@media only screen and (max-width: 767px) {
  .grid-three-cols .grid__item {
      max-width:100%;
      -ms-flex: 1 1 100%;
      flex: 1 1 100%
  }
}

.socials {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center
}

.socials.social-sharing {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start
}

.socials.social-sharing .social__label {
  margin-bottom: 0
}

.socials.social-sharing ul {
  padding-left: 0!important;
  margin: 0
}

.socials h5 {
  margin: 0 15px 0 0;
  text-transform: uppercase
}

.socials ul {
  display: -ms-flexbox;
  display: flex;
  list-style: none
}

.socials li {
  display: block;
  font-size: 32px;
  line-height: 32px;
  line-height: 1;
  text-align: center;
  width: auto
}

.socials li+li {
  margin-left: 12px
}

.socials a {
  display: block;
  color: #989898;
  text-decoration: none
}

.socials a:hover {
  color: #787878
}

@media only screen and (max-width: 767px) {
  .socials {
      -ms-flex-direction:column;
      flex-direction: column
  }

  .socials h5 {
      margin: 0 0 12px
  }

  .socials li {
      height: 33px;
      font-size: 32px;
      margin: 0 4px
  }

  .socials+.form-subscribe {
      margin-top: 7px
  }
}

.articles .article {
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #e3e3e6;
  letter-spacing: 1.4px
}

.articles .article:first-child {
  border-top: 1px solid #e3e3e6
}

.articles .article>a {
  padding: 21px 40px 21px 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  color: #c7c7c7;
  width: 100%;
  text-decoration: none
}

@media only screen and (max-width: 767px) {
  .articles .article>a {
      padding:15px 32px 15px 14px;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-align: start;
      align-items: flex-start
  }
}

.articles .article__meta {
  width: 236px;
  padding: 0 30px 0 95px;
  line-height: 1;
  position: relative
}

.articles .article__date {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  padding: 2px 0 0;
  color: #989898;
  font-size: 12px;
  line-height: 1.4
}

.articles .article__tags {
  display: block;
  padding: 2px 0 0;
  color: #c7c7c7;
  font-size: 11px;
  line-height: 1.4;
  text-transform: uppercase
}

.articles .article__tags li {
  display: inline-block;
  list-style: none
}

.articles .article__title {
  width: calc(100% - 236px);
  display: block;
  color: #989898;
  font-size: 14px;
  line-height: 1.4;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-decoration: none
}

.articles .article__title:hover {
  color: #414040;
  text-decoration: underline
}

.articles .article__title .fr_icon-arrow-right {
  right: 26px
}

@media only screen and (max-width: 767px) {
  .articles .article__title .fr_icon-arrow-right {
      font-size:16px;
      right: 16px
  }
}

@media only screen and (max-width: 767px) {
  .articles .article__title {
      width:100%;
      padding-top: 12px
  }
}

.list-collections {
  margin: 0 -12px;
  padding-bottom: 60px
}

.list-collections li {
  width: 33.33%;
  padding: 10px 12px;
  position: relative;
  list-style: none
}

.list-collections li .no-image {
  display: block;
  padding-top: 50%;
  background-color: rgba(62,62,62,.95)
}

.list-collections li a {
  color: #fff;
  text-decoration: none
}

.list-collections li a img {
  width: 100%;
  display: block
}

.list-collections li a .responsive-image__wrapper {
  opacity: 1;
  transition: opacity .5s ease-out
}

.list-collections li a:hover .responsive-image__wrapper {
  opacity: .6
}

.list-collections li h3 {
  text-transform: uppercase;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  padding: 0 20px;
  color: #fff;
  font-size: 18px;
  line-height: 1.4;
  text-align: center;
  word-break: break-all
}

@media only screen and (max-width: 767px) {
  .list-collections li {
      width:100%
  }
}

.collection-popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: none
}

.collection-popup:before {
  content: "";
  margin: 0;
  position: absolute;
  background-color: hsla(0,0%,100%,.6);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 0
}

.collection-popup .popup__content {
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 108px;
  transform: translateX(-50%);
  z-index: 9999;
  border: 1px solid #ccc;
  max-height: 500px;
  width: 40%;
  overflow: hidden
}

@media only screen and (max-width: 1024px) {
  .collection-popup .popup__content {
      width:60%
  }
}

@media only screen and (max-width: 767px) {
  .collection-popup .popup__content {
      max-height:80vh;
      width: 80%;
      top: 50%;
      transform: translate(-50%,-50%)
  }
}

.collection-popup .popup__content-inner {
  overflow-y: auto;
  max-height: 500px;
  height: 100%
}

@media only screen and (max-width: 767px) {
  .collection-popup .popup__content-inner {
      max-height:80vh
  }
}

.collection-popup .popup__head {
  width: 100%;
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc;
  position: relative;
  line-height: 2
}

.collection-popup .popup__head h5 {
  text-transform: uppercase;
  color: #989898;
  padding: 11px 40px 11px 11px;
  margin: 0
}

.collection-popup .popup__body ul li a {
  display: block;
  line-height: 2;
  font-size: 12px;
  padding: 5px 10px;
  color: #989898;
  text-transform: uppercase;
  transition: .2s ease-in-out;
  text-decoration: none
}

.collection-popup .popup__body ul li a:hover {
  color: #787878
}

.collection-popup .btn-close {
  display: inline-block;
  font-size: 20px;
  color: #989898;
  text-decoration: none;
  position: absolute;
  right: 22px;
  top: 15px;
  z-index: 999999
}

@media only screen and (max-width: 767px) {
  .collection-popup .btn-close {
      font-size:14px;
      right: 20px;
      top: 18px
  }
}

.products {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.row {
  justify-content: center
}

.products.slider .slider__clip {
  width: 100%
}

.products.slider .slider__slides {
  min-width: 100%
}

.products.slider .slider__slide {
  min-width: 20%;
  width: auto
}

@media (max-width: 1024px) {
  .products.slider .slider__slide {
      width:50%
  }
}

.products .product.loading {
  transform: scale(0)
}

.products .product:hover .product__media {
  opacity: 1
}

.products .product__media {
  margin: 0 0 28px;
  display: block;
  width: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  transition: opacity .5s ease-out
}

.products .product__media:empty:after {
  content: "";
  display: block;
  padding-top: 100%
}

.products .badge {
  display: inline-block;
  margin: 0;
  padding: 2px 5px;
  border: 1px solid #c7c7c7;
  color: #c7c7c7;
  font-size: 12px;
  line-height: 1.2;
  text-align: center;
  margin-right: 4px;
  text-transform: uppercase
}

.products .product__title {
  line-height: 1.8;
  text-align: left;
  font-size: 13px
}

.products .product__title,.products .product__title a {
  color: #989898;
  text-decoration: none
}

.products .product__price {
  margin: 0;
  color: #c7c7c7;
  font-size: 12px;
  line-height: 1.3
}

.products .swatch {
  margin-top: 2px
}

.products .swatch .swatch__element {
  margin: 10px 6px 0 0;
  width: auto;
  height: auto;
  width: 15px;
  height: 15px
}

@media only screen and (max-width: 767px) {
  .products .swatch .swatch__element {
      width:20px;
      height: 20px
  }
}

.products .swatch .swatch__element .swatch__element-label {
  width: 15px;
  height: 15px;
  display: block
}

@media only screen and (max-width: 767px) {
  .products .swatch .swatch__element .swatch__element-label {
      width:20px;
      height: 20px
  }
}

.featured-products {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -2px
}

.featured-products .product {
  width: 50%;
  border: 2px solid #fff;
  position: relative
}

.featured-products .product:hover .product__media {
  opacity: .6
}

.featured-products .product .product__media {
  transition: all .5s
}

.featured-products .product .product__media a {
  padding-top: 66.5%;
  display: block;
  background-size: cover;
  background-position: 50%
}

.featured-products .product .product__content {
  max-width: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  z-index: 10
}

.featured-products .product .product__content h5 {
  margin-top: 0
}

@media only screen and (max-width: 767px) {
  .featured-products .product .product__content {
      padding:15px 15px 25px
  }
}

@media only screen and (max-width: 767px) {
  .featured-products .product {
      width:100%
  }
}

.featured-products .product--dark .product__media a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.3);
  transition: all .35s ease-in-out;
  z-index: 0;
  pointer-events: none
}

@media only screen and (max-width: 767px) {
  .featured-products {
      margin:0;
      width: 100%
  }

  .featured-products .product {
      width: 100%;
      border: none
  }

  .featured-products .product+.product {
      margin-top: 4px
  }
}

.product--single {
  padding-bottom: 34px
}

@media only screen and (max-width: 767px) {
  .product--single {
      padding-bottom:30px
  }
}

.product--single .product__media {
  margin: 0 0 28px;
  background-size: cover;
  background-position: 50%
}

.product--single .badge {
  text-transform: uppercase;
  display: inline-block;
  margin: 0;
  padding: 2px 5px;
  border: 1px solid #c7c7c7;
  color: #c7c7c7;
  font-size: 12px;
  line-height: 1.2;
  text-align: center;
  margin-right: 4px
}

.product--single .product__title {
  color: #989898;
  font-size: 16px;
  line-height: 1.8;
  text-align: left;
  margin-bottom: 0
}

.product--single .product__title .is_available {
  width: 100%;
  display: inline-block
}

.product--single .product__price {
  margin: 0;
  color: #989898;
  font-size: 18px;
  line-height: 1.3;
  margin-top: 15px
}

.product--single .product__content {
  color: #989898;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  vertical-align: middle;
  margin: 0 0 26px
}

@media only screen and (max-width: 767px) {
  .product--single .product__content {
      margin-bottom:0
  }
}

.product--single .product__quantity {
  margin-top: 8px
}

.product--single .product__quantity input {
  max-width: 90px;
  width: 100%;
  padding: 6px 8px;
  border-radius: 0;
  border: 1px solid #e3e3e6;
  color: #989898;
  font-size: 14px;
  line-height: 1.4;
  text-align: right;
  box-shadow: none
}

.product--single .btn[type=submit] {
  display: block;
  min-height: 60px;
  padding: 19px 15px;
  font-size: 18px;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  border: none;
  width: 100%;
  border: 1px solid #989898;
  transition: .2s ease-in-out
}

.product--single .btn[type=submit].btn--white {
  background-color: #fff;
  color: #989898
}

.product--single .btn[type=submit].btn--gray {
  background-color: #989898;
  color: #fff
}

.product--single .btn[type=submit].btn--gray:hover {
  background-color: #787878
}

.product--single .product__inner {
  padding: 30px 0;
  width: 100%;
  display: block
}

.product--single .product__inner-info {
  border-width: 1px 0 0;
  border-top: 1px solid #e3e3e6;
}

.product--single .product__inner-title {
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 26px;
  line-height: 1.4
}

@media only screen and (max-width: 767px) {
  .product--single .product__inner-title {
      padding:0 0 25px
  }
}

.product--single .product__inner-secondary {
  border-top: none;
  padding-top: 10px
}

.product--single .product__inner-body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.product--single .product__inner-aside {
  width: 33.33%;
  -ms-flex-order: 2;
  order: 2;
  padding: 0 38px
}

@media only screen and (max-width: 767px) {
  .product--single .product__inner-aside {
      width:100%;
      -ms-flex-order: 1;
      order: 1;
      padding: 0 0 0 30px;
      margin-bottom: 20px
  }
}

.product--single .product__inner-content {
  width: 66.66%;
  -ms-flex-order: 1;
  order: 1;
  padding: 0 22px
}

@media only screen and (max-width: 767px) {
  .product--single .product__inner-content {
      width:100%;
      -ms-flex-order: 2;
      order: 2
  }
}

.product--single .product__collections {
  width: 100%;
  margin-top: 26px
}

@media only screen and (max-width: 767px) {
  .product--single .product__collections {
      margin-top:0
  }
}

.product--single .product__collections a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 208px;
  width: 100%;
  padding: 70px 100px;
  text-decoration: none;
  color: #fff;
  font-size: 30px;
  text-transform: uppercase;
  opacity: 1;
  background-size: cover;
  background-position: 50%;
  transition: opacity .5s ease-out
}

.product--single .product__collections a:hover {
  opacity: .6
}

.product--single .product__collections a+a {
  margin-top: 20px
}

@media only screen and (max-width: 767px) {
  .product--single .product__collections a {
      padding:70px 30px;
      font-size: 25px;
      height: auto
  }
}

.product--single .list-links {
  list-style: none;
  padding: 0 0 0 15px
}

.product--single .list-links a {
  color: #989898;
  font-size: 12px;
  line-height: 1.2;
  text-transform: uppercase;
  text-decoration: none
}

@media only screen and (max-width: 767px) {
  .product--single .list-links {
      padding:0
  }
}

.product--single .form__actions {
  position: relative
}

.product--single .form__actions .form__actions {
  position: absolute;
  width: 100%;
  bottom: 100%;
  left: 0
}

.product--single .form__hint {
  padding-top: 7px;
  font-size: 12px;
  margin-bottom: 5px
}

.product--single .form__hint .sku {
  margin-right: 4px
}

@media only screen and (max-width: 767px) {
  .product--single .form__hint {
      margin-bottom:5px
  }
}

.product--single .form__popup {
  left: 0;
  right: 0;
  bottom: 100%;
  position: absolute;
  bottom: 60px;
  z-index: 100;
  width: 100%;
  height: auto;
  padding: 0 20px;
  background-color: #fff;
  border: 1px solid #989898;
  border-width: 0 1px;
  text-align: center;
  max-height: 0;
  overflow: hidden;
  transition: all .5s
}

.product--single .form__popup.popup-bottom {
  bottom: auto;
  top: 100%
}

.product--single .form__popup.popup-expanded {
  max-height: 300px;
  padding: 26px 20px;
  border-width: 1px
}

.product--single .form__popup h4 {
  margin: 0 0 4px;
  color: #989898;
  font-size: 18px;
  line-height: 1.4;
  text-align: center
}

.product--single .form__popup .btn-close {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 16px;
  height: 16px;
  color: #989898;
  line-height: 1;
  cursor: pointer;
  font-size: 12px;
  text-decoration: none
}

.product--single .form__popup .btn {
  display: inline-block;
  padding: 10px 5px;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  border: 1px solid #989898;
  margin: 6px 0 0;
  text-transform: uppercase;
  width: 100%
}

.product--single .form__popup .btn.btn--white {
  color: #989898
}

.product--single .form__popup .btn.btn--gray {
  background-color: #989898;
  color: #fff
}

.accordion .accordion__section {
  display: block
}

.accordion .accordion__section.expanded .ico-toggle:before {
  opacity: 0
}

.accordion .accordion__head h6 {
  display: block;
  position: relative;
  text-transform: uppercase;
  min-height: 18px;
  margin: 0;
  padding: 0 0 0 30px;
  color: #989898;
  font-weight: 400;
  font-size: 12px;
  line-height: 2.4;
  cursor: pointer
}

.accordion .accordion__body {
  margin: 14px 0;
  color: #989898;
  font-size: 12px;
  line-height: 2
}

.accordion .accordion__body blockquote,.accordion .accordion__body ol,.accordion .accordion__body p,.accordion .accordion__body table,.accordion .accordion__body ul {
  margin-bottom: 20px
}

.accordion .accordion__body blockquote {
  padding: 10px 10px 10px 20px;
  border-left: 3px solid #989898;
  position: relative
}

.accordion .accordion__body blockquote:before {
  content: '"';
  position: absolute;
  top: 8px;
  left: 12px
}

.accordion .accordion__body ol,.accordion .accordion__body ul {
  padding-left: 20px
}

.accordion .accordion__body table td,.accordion .accordion__body table tr {
  border: 1px solid #989898;
  padding: 5px 10px
}

.accordion .accordion__body strong {
  font-weight: 500;
  font-family: Swis721,sans-serif;
  letter-spacing: .95px
}

.accordion .accordion__body a:not(.btn) {
  color: #787878;
  transition: .2s ease-in-out
}

.accordion .accordion__body a:not(.btn):hover {
  text-decoration: none
}

.accordion .accordion__body blockquote:last-child,.accordion .accordion__body ol:last-child,.accordion .accordion__body p:last-child,.accordion .accordion__body table:last-child,.accordion .accordion__body ul:last-child {
  margin-bottom: 0
}

.accordion .accordion__body hr {
  margin-top: 28px;
  margin-bottom: 28px;
  border: 0;
  border-top: 1px solid #eee
}

.accordion .ico-toggle {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #c7c7c7;
  border-radius: 100%;
  transform: translateY(-50%)
}

.accordion .ico-toggle:before {
  width: 1px;
  height: 10px
}

.accordion .ico-toggle:after,.accordion .ico-toggle:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #c7c7c7;
  transform: translateY(-50%) translateX(-50%)
}

.accordion .ico-toggle:after {
  opacity: 1;
  width: 10px;
  height: 1px;
  transition: all .2s ease-in-out
}

.accordion .accordion__body {
  display: none
}

.swatch {
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.swatch .swatch__header {
  width: 100%
}

.swatch .swatch__element {
  font-size: 0;
  display: inline-block;
  position: relative;
  width: 28px;
  height: 28px;
  margin: 0 3px;
  border-radius: 100%;
  letter-spacing: normal;
  vertical-align: top;
  cursor: pointer
}

@media only screen and (max-width: 767px) {
  .swatch .swatch__element {
      width:32px;
      height: 32px;
      margin: 3px 6px
  }
}

.swatch .swatch__element input {
  display: none
}

.swatch .swatch__element input:checked+label:after {
  opacity: 1
}

.swatch .swatch__element .swatch__element-label {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  transform: translate(-50%,-50%);
  border-radius: 100%;
  background-color: #fff;
  border: 1px solid #e3e3e6;
  font-size: 0
}

@media only screen and (max-width: 767px) {
  .swatch .swatch__element .swatch__element-label {
      width:24px;
      height: 24px
  }
}

.swatch .swatch__element .swatch__element-label:after {
  content: "";
  opacity: 0;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid #989898;
  transform: translate(-50%,-50%);
  transition: opacity .2s ease-in-out
}

@media only screen and (max-width: 767px) {
  .swatch .swatch__element .swatch__element-label:after {
      width:32px;
      height: 32px
  }
}

.pagination {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  height: 40px;
  padding: 0 40px
}

.pagination a,.pagination span {
  padding: 11px 15px;
  border: 1px solid #989898;
  color: #989898;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
  word-break: break-all;
  display: inline-block;
  position: relative;
  margin: 0 5px;
  text-decoration: none;
  text-transform: uppercase
}

.pagination ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

.pagination ul li {
  list-style: none;
  margin: 0 0 2px
}

.pagination .paging-next:after,.pagination .paging-prev:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 8px;
  height: 8px;
  margin: -4px 0 0;
  border-top: 1px solid #989898;
  border-right: 1px solid #989898
}

@media only screen and (max-width: 767px) {
  .pagination .paging-next,.pagination .paging-prev {
      font-size:0;
      width: auto!important;
      height: 100%
  }

  .pagination .paging-next:after {
      margin-right: 4px
  }

  .pagination .paging-prev:after {
      margin-left: 4px
  }
}

.pagination .paging-prev {
  margin: 0 auto 0 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 120px
}

.pagination .paging-prev:after {
  left: 12px;
  transform: rotate(-135deg)
}

.pagination .paging-next {
  margin: 0 0 0 auto;
  position: absolute;
  top: 0;
  right: 0;
  width: 120px
}

.pagination .paging-next:after {
  right: 12px;
  transform: rotate(45deg)
}

.article-single {
  font-size: 14px;
  line-height: 2;
  margin-bottom: 55px
}

.article-single .shell {
  z-index: 50;
  width: 100%
}

.article-single .article__head {
  text-align: center;
  margin: 0 auto 38px;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center
}

.article-single .blog__title {
  margin: 0 0 42px;
  font-size: 24px;
  line-height: 1.2;
  text-transform: uppercase
}

.article-single .article__title {
  color: #989898;
  font-size: 18px;
  line-height: 1.4;
  text-align: center
}

.article-single .article__meta {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  color: #c7c7c7;
  font-size: 13px;
  line-height: 1;
  vertical-align: top;
  text-transform: uppercase
}

.article-single .article__meta li {
  display: inline-block;
  padding: 0 15px;
  letter-spacing: 1.4px;
  margin-top: 7px
}

.article-single .article__meta li a {
  color: #c7c7c7;
  text-decoration: none
}

.article-single .article__meta li a:hover {
  color: #989898
}

.article-single .article__meta li+li {
  border-left: 1px solid #c7c7c7
}

.article-single .article__media {
  margin-bottom: 35px;
  position: relative
}

.article-single .article__media:after {
  content: "";
  pointer-events: none;
  display: block;
  position: absolute;
  z-index: 70;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.1)
}

.article-single .article__media img {
  display: block;
  margin: 0 auto
}

.article-single .article__body {
  color: #989898
}

.article-single .article__body img {
  margin-bottom: 35px;
  display: block
}

.article-single .article__body img[style="float: left;"] {
  max-width: 50%;
  margin-right: 40px
}

.article-single .article__body img[style="float: right;"] {
  max-width: 50%;
  margin-left: 40px
}

@media only screen and (max-width: 767px) {
  .article-single .article__body img[style="float: left;"],.article-single .article__body img[style="float: right;"] {
      float:none!important;
      margin: 0 auto 35px;
      max-width: 100%;
      display: block
  }
}

.article-single .article__body blockquote,.article-single .article__body ol,.article-single .article__body p,.article-single .article__body table,.article-single .article__body ul {
  margin-bottom: 35px
}

.article-single .article__body ol,.article-single .article__body ul {
  padding-left: 20px
}

.article-single .article__body table td,.article-single .article__body table tr {
  border: 1px solid #989898;
  padding: 5px 10px
}

.article-single .article__body strong {
  font-weight: 500;
  font-family: Swis721 Md BT,sans-serif;
  letter-spacing: .95px
}

.article-single .article__body a {
  color: #787878;
  transition: .2s ease-in-out
}

.article-single .article__body a:hover {
  text-decoration: none
}

.article-single .article__foot {
  margin-top: 40px;
  text-align: center
}

.article-single .article__foot .btn {
  min-width: 200px
}

.popup {
  display: none
}

.popup__inner {
  max-width: 800px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 2;
  letter-spacing: .1em;
  color: #3e3e3e;
  background-color: #fff;
  padding: 28px 40px 40px;
  position: relative
}

@media only screen and (max-width: 767px) {
  .popup__inner {
      padding:28px 20px
  }
}

.popup__inner .mfp-close {
  display: none
}

.popup__inner .btn-close {
  position: absolute;
  text-align: center;
  top: 10px;
  right: 15px;
  display: block;
  width: 38px;
  height: 38px;
  font-size: 20px;
  text-decoration: none;
  color: #989898
}

.popup__inner .btn-close:hover {
  opacity: .5
}

@media only screen and (max-width: 767px) {
  .popup__inner .btn-close {
      right:0;
      top: 0
  }
}

.popup__inner h2 {
  font-size: 30px;
  margin: 0 0 28px;
  line-height: 1.1
}

.popup__inner p {
  letter-spacing: 2.15px;
  margin-bottom: 14px;
  word-spacing: -3px
}

.popup__inner .form__wrapper {
  margin-top: 10px;
  padding-bottom: 10px
}

.popup__inner .form__wrapper hr {
  margin-top: 8px
}

.popup__inner .form__wrapper .form__row .required {
  padding: 5px 10px;
  margin: 0 0 0 6px;
  background-color: #dedede;
  border: none;
  font-size: 12px;
  color: #d9534f
}

.popup__inner .form__wrapper .form__row label {
  max-width: 100%;
  width: auto
}

.popup__inner .form__wrapper .form__row input[type=checkbox]+label {
  -ms-flex: 1 1 90%;
  flex: 1 1 90%
}

.popup__inner .errors {
  letter-spacing: 1.3px
}

.popup__inner .btn {
  letter-spacing: 1.1px
}

.mfp-light {
  background-color: hsla(0,0%,100%,.5)
}

.mfp-container {
  padding: 0 14px
}

.mfp-wrap .popup-region {
  padding: 51px 30px;
  display: block;
  border: 1px solid #979797;
  background-color: #fff;
  margin: 0 auto;
  width: 100%;
  max-width: 420px;
  position: relative
}

.mfp-wrap .popup-region .mfp-close {
  font-size: 0;
  width: 23px;
  height: 23px;
  top: 16px;
  right: 26px
}

.mfp-wrap .popup-region .mfp-close:after,.mfp-wrap .popup-region .mfp-close:before {
  content: "";
  width: 27px;
  height: 1px;
  display: block;
  background: #555;
  position: absolute;
  top: 50%;
  left: 0;
  transform-origin: center;
  transform: rotate(-45deg)
}

.mfp-wrap .popup-region .mfp-close:after {
  transform: rotate(45deg)
}

.mfp-wrap .popup-region .menu>li {
  list-style: none
}

.mfp-wrap .popup-region .menu>li>a {
  display: none
}

.mfp-wrap .popup-region .menu>li li {
  text-align: center;
  list-style: none
}

.mfp-wrap .popup-region .menu>li li>a {
  text-decoration: none;
  letter-spacing: .1px;
  font-size: 16px;
  color: #9c9c9c;
  margin-bottom: 24px;
  display: block;
  pointer-events: none
}

.mfp-wrap .popup-region .menu>li li li+li {
  margin-top: 12px
}

.mfp-wrap .popup-region .menu>li li li a {
  pointer-events: auto;
  width: 200px;
  margin: 0 auto;
  padding: 6px 10px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1.95;
  color: #9c9c9c;
  border: 1px solid #9c9c9c;
  background-color: #fff;
  display: block
}

tr .mfp-wrap .popup-region .menu>li li li a:hover {
  background-color: #9c9c9c;
  color: #fff
}

.template-addresses .mfp-wrap .popup__inner .mfp-close {
  font-size: 0;
  width: 23px;
  height: 23px;
  top: 16px;
  right: 26px;
  display: block
}

.template-addresses .mfp-wrap .popup__inner .mfp-close:after,.template-addresses .mfp-wrap .popup__inner .mfp-close:before {
  content: "";
  width: 27px;
  height: 1px;
  display: block;
  background: #555;
  position: absolute;
  top: 50%;
  left: 0;
  transform-origin: center;
  transform: rotate(-45deg)
}

.template-addresses .mfp-wrap .popup__inner .mfp-close:after {
  transform: rotate(45deg)
}

.address {
  font-size: 14px;
  margin-bottom: 15px;
  border: 1px solid #d5d5d5;
  padding: 0 10px
}

.address ul {
  list-style: none;
  margin-bottom: 0
}

.address ul li {
  padding: 10px 5px
}

.address ul li p {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.address ul li span:first-child {
  max-width: 150px
}

.address ul li span:last-child {
  text-align: right;
  padding-left: 10px
}

.address ul li+li {
  border-top: 1px solid #d5d5d5
}

.address-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.address-wrapper .address {
  width: calc(50% - 10px);
  line-height: 2;
  padding: 5px 10px 0
}

.address-wrapper .address p {
  margin-bottom: 10px
}

.address-wrapper .address h3 {
  border-bottom: 1px solid #d5d5d5;
  margin-bottom: 10px
}

@media only screen and (max-width: 599px) {
  .address-wrapper .address {
      width:100%
  }
}

.account-nav {
  margin: 40px 0 30px
}

.account-nav .nav__label {
  display: none;
  background-color: #e3e3e6;
  padding: 10px 28px 10px 10px;
  text-transform: uppercase;
  cursor: pointer;
  position: relative;
  text-align: center
}

.account-nav .nav__label:after {
  display: inline-block;
  width: 6px;
  height: 6px;
  content: "";
  margin: -2px -5px 2px 5px;
  border-right: 1px solid #989898;
  border-bottom: 1px solid #989898;
  transform: rotate(45deg);
  transition: all .4s ease-out
}

@media only screen and (max-width: 767px) {
  .account-nav .nav__label {
      display:block;
      font-size: 12px;
      line-height: 1.4
  }
}

.account-nav ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
  border-bottom: 1px solid #ddd;
  font-size: 11px
}

.account-nav ul li {
  margin-bottom: -1px
}

.account-nav ul li a {
  border: 1px solid hsla(0,0%,87%,0);
  text-decoration: none;
  padding: 10px;
  text-align: center;
  min-width: 172px;
  display: inline-block;
  transition: all .5s
}

.account-nav ul li a:hover {
  background: #eee
}

@media only screen and (max-width: 767px) {
  .account-nav ul li a {
      min-width:0;
      width: 100%
  }
}

.account-nav ul li.current a {
  border-color: #ddd #ddd #fff
}

@media only screen and (max-width: 767px) {
  .account-nav.expanded ul {
      pointer-events:auto;
      max-height: 200px
  }

  .account-nav ul {
      border: none;
      max-height: 0;
      overflow: hidden;
      transition: all .5s;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-direction: column;
      flex-direction: column;
      text-align: center
  }

  .account-nav ul li {
      -ms-flex: 1 1 100%;
      flex: 1 1 100%;
      width: 100%
  }

  .account-nav ul li a {
      border: none
  }

  .account-nav ul li.current a {
      border: 1px solid #ddd
  }
}

.table-addresses {
  margin: 0 -10px
}

@media only screen and (max-width: 767px) {
  .table-addresses tr {
      display:-ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between
  }
}

.table-addresses tr+tr td {
  border-top: 1px solid #d5d5d5
}

.table-addresses tr td {
  text-align: left;
  line-height: 2;
  padding: 10px
}

.table-addresses tr td:nth-child(2) {
  width: 40%
}

.table-addresses tr td:nth-child(3) {
  width: 30%
}

.table-addresses tr td:last-child {
  text-align: right;
  width: 150px
}

@media only screen and (max-width: 767px) {
  .table-addresses tr td {
      width:calc(100% - 100px)
  }

  .table-addresses tr td:last-child {
      width: 100px
  }

  .table-addresses tr td:last-child .btn {
      width: 100%;
      margin: 0 0 5px
  }
}

.section-catalogs {
  padding: 60px 0 15px
}

.section-catalogs .section__head {
  text-align: center
}

.section-catalogs .section__title {
  letter-spacing: 1.4px;
  text-transform: uppercase
}

.section-catalogs .shell {
  max-width: 660px;
  margin: 0 auto;
  padding: 0 20px
}

.section-catalogs .section__body {
  line-height: 2;
  font-size: 14px
}

.section-catalogs .section__inner {
  padding-bottom: 50px
}

.section-catalogs .section__inner .section__inner-head {
  display: block;
  text-align: center;
  margin-bottom: 12px
}

.section-catalogs .section__inner .section__inner-head h4 {
  font-size: 18px;
  margin-top: 30px;
  margin-bottom: 30px
}

.section-catalogs .section__inner .section__inner-head p {
  margin-bottom: 14px
}

.section-catalogs .catalogs {
  margin: 0 -12px;
  width: calc(100% + 24px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center
}

.section-catalogs .catalogs .catalog {
  margin: 2px 12px;
  max-width: 300px;
  width: 100%
}

.section-catalogs .catalogs .catalog a {
  display: block;
  color: #3e3e3e;
  font-size: 14px;
  text-decoration: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.section-catalogs .catalogs .catalog a img {
  opacity: 1
}

.section-catalogs .catalogs .catalog a img,.section-catalogs .catalogs .catalog a span {
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: opacity .5s ease-out
}

.section-catalogs .catalogs .catalog a span {
  padding: 5px 0;
  display: block;
  text-align: center;
  font-size: 14px;
  background: #eee
}

.section-catalogs .catalogs .catalog a:hover img {
  opacity: .6
}

.section-catalogs .catalogs .catalog a:hover span {
  background: #888;
  color: #fff
}

.section-catalogs .catalogs.paper-catalogs {
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: stretch;
  align-items: stretch
}

.section-catalogs .catalogs.paper-catalogs .catalog {
  width: calc(50% - 24px);
  margin: 12px
}

@media only screen and (max-width: 767px) {
  .section-catalogs .section__inner-head br {
      display:none
  }

  .section-catalogs .catalogs {
      margin: 0;
      width: 100%
  }

  .section-catalogs .catalogs .catalog,.section-catalogs .catalogs.paper-catalogs .catalog {
      width: 100%;
      max-width: 100%;
      margin-left: 0;
      margin-right: 0
  }

  .section-catalogs .catalogs .catalog span,.section-catalogs .catalogs.paper-catalogs .catalog span {
      font-size: 14px
  }
}

.section-business {
  padding: 40px 0
}

.section-business .shell {
  max-width: 1190px;
  margin: 0 auto;
  padding: 0 15px
}

.section-business .section__title {
  font-size: 24px;
  margin-bottom: 30px
}

.section-business .boxes {
  margin: 0 -12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.section-business .boxes .box {
  width: calc(33.33% - 24px);
  margin: 12px;
  font-size: 14px;
  line-height: 2
}

.section-business .boxes .box a {
  text-decoration: none;
  height: 364px;
  background-color: #eee;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 55px 30px 50px;
  color: inherit;
  background-size: cover;
  background-position: 50%
}

.section-business .boxes .box a:before {
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent -40%,rgba(0,0,0,.5) 90%,rgba(0,0,0,.6));
  content: "";
  transition: all .35s ease-in-out
}

.section-business .boxes .box .box__title {
  margin: 0 0 20px;
  color: #989898;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.2;
  text-align: center;
  width: 100%;
  display: block;
  z-index: 5;
  position: relative
}

.section-business .boxes .box .box__title:only-child {
  margin: auto 0;
  color: #fff;
  text-transform: uppercase
}

.section-business .boxes .box p {
  margin-bottom: 14px
}

.section-business .boxes .box .btn {
  max-width: 200px;
  display: block;
  margin: 0 auto;
  background-color: #fff
}

.section-business .boxes .box .box__body {
  margin: auto 0;
  display: block
}

.section-business .boxes .box .box__foot {
  margin: auto 0 0;
  display: block
}

.section-business .boxes .box-with-image a {
  -ms-flex-align: center;
  align-items: center
}

.section-business .boxes .box-with-image a:hover:before {
  opacity: 1
}

@media only screen and (max-width: 767px) {
  .section-business {
      padding:15px 0 30px
  }

  .section-business .section__title {
      display: block;
      margin: 10px 0 20px;
      color: #989898;
      font-size: 18px;
      line-height: 1.6
  }

  .section-business .boxes {
      margin: 0;
      width: 100%
  }

  .section-business .boxes .box {
      width: 100%;
      margin-left: 0;
      margin-right: 0
  }

  .section-business .boxes .box a {
      padding: 28px 20px 30px;
      height: auto;
      min-height: 202px
  }
}

.section-see-more {
  padding: 0;
  border-top: 1px solid #e3e3e6
}

.section-see-more .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 29.5vw;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.section-see-more .row+.row {
  margin-top: 4px
}

.section-see-more .row:nth-child(2n) .row__content {
  -ms-flex-order: -1;
  order: -1
}

.section-see-more .row .row__content {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  font-size: 14px;
  line-height: 2
}

.section-see-more .row .row__content h4 {
  padding: 0 25px 0 13.5%
}

.section-see-more .row .row__content p {
  margin-bottom: 28px;
  padding: 0 25px 0 13.5%
}

.section-see-more .row .row__content .btn {
  margin: 0 25px 0 13.5%;
  color: #989898;
  min-width: 200px
}

.section-see-more .row .row__media {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
  border: 2px solid #fff;
  border-width: 0 2px;
  display: -ms-flexbox;
  display: flex
}

.section-see-more .row .row__media a {
  display: -ms-flexbox;
  display: flex;
  padding: 27px 30px;
  -ms-flex-align: end;
  align-items: flex-end;
  width: 100%;
  color: #fff;
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
  position: relative;
  background-size: cover;
  background-position: 50%
}

.section-see-more .row .row__media a:before {
  display: block;
  opacity: .25;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent -40%,rgba(0,0,0,.5) 90%,rgba(0,0,0,.6));
  content: "";
  transition: all .35s ease-in-out
}

.section-see-more .row .row__media a:hover:before {
  opacity: .7
}

.section-see-more .row .row__media a .row__media-title {
  position: relative;
  z-index: 5
}

.section-see-more .row.row-three-cols .row__content {
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%;
  max-width: 40%
}

.section-see-more .row.row-three-cols .row__media {
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%;
  max-width: 30%
}

.section-see-more .row.row-two-cols .row__content,.section-see-more .row.row-two-cols .row__media {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%
}

@media only screen and (max-width: 767px) {
  .section-see-more .row {
      height:auto
  }

  .section-see-more .row.row-three-cols .row__content,.section-see-more .row.row-two-cols .row__content {
      width: 100%;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      max-width: 100%;
      padding: 20px 22px 55px;
      -ms-flex-order: 1;
      order: 1
  }

  .section-see-more .row.row-three-cols .row__content h4,.section-see-more .row.row-three-cols .row__content p,.section-see-more .row.row-two-cols .row__content h4,.section-see-more .row.row-two-cols .row__content p {
      padding: 0
  }

  .section-see-more .row.row-three-cols .row__content .btn,.section-see-more .row.row-two-cols .row__content .btn {
      display: block;
      position: static;
      opacity: 1!important;
      max-width: 200px;
      width: 100%;
      margin: 0 auto;
      padding: 12px;
      border: 1px solid #c7c7c7;
      color: #989898;
      font-size: 14px;
      line-height: 1.7
  }

  .section-see-more .row.row-three-cols .row__media,.section-see-more .row.row-two-cols .row__media {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      max-width: 100%;
      height: 270px;
      border: none
  }

  .section-see-more .row.row-three-cols .row__media a,.section-see-more .row.row-two-cols .row__media a {
      padding: 0 15px 18px
  }
}

.section-brand {
  padding: 47px 0 60px;
  background-color: #fff;
  border-bottom: 1px solid #c7c7c7
}

@media only screen and (max-width: 767px) {
  .section-brand {
      padding:30px 0
  }
}

.section-brand .shell {
  max-width: 1026px;
  padding: 0 15px;
  margin: 0 auto
}

.section-brand .section__entry {
  max-width: 780px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 2
}

.section-brand .section__entry h4:first-child {
  margin-bottom: 38px
}

.section-brand .slider-images {
  margin: 60px 0 52px
}

@media only screen and (max-width: 767px) {
  .section-brand .slider-images {
      margin:30px 0 20px
  }
}

.section-brand .slider-images .slick-dots {
  bottom: 15px
}

.section-brand .slider-images .slick-dots li.slick-active button {
  background-color: #fff
}

.section-brand .slider-images .slick-dots li button {
  background-color: hsla(0,0%,100%,.6)
}

@media only screen and (max-width: 767px) {
  .section-brand .slider-images .slick-dots {
      bottom:auto;
      top: 100%
  }

  .section-brand .slider-images .slick-dots li.slick-active button {
      background-color: #989898
  }

  .section-brand .slider-images .slick-dots li button {
      background: #e3e3e6
  }
}

.section-brand~.section-collection .section__head {
  padding: 0
}

.section-brand~.section-collection .section__title {
  color: #989898;
  font-size: 16px;
  line-height: 1.2
}

.section-brand~.section-collection .products {
  margin: 0 -18px 32px;
  width: calc(100% + 36px)
}

.section-brand~.section-collection .product {
  width: 20%
}

.section-brand~.section-collection .product .product__title {
  margin-bottom: 0
}

.section-brand~.section-collection .product .product__media {
  margin-bottom: 10px
}

.section-brand~.section-collection .product .product__media img {
  margin-bottom: 0
}

@media only screen and (max-width: 767px) {
  .section-brand~.section-collection .products {
      width:100%;
      margin: 0 0 20px
  }

  .section-brand~.section-collection .product {
      width: 50%
  }
}

@font-face font-family:"NODE-icon" src:url("NODE-icon.woff") format("woff") font-style:normal font-weight:normal @font-face font-family:"Swis721" src:url("Bitstream - Swis721 Md BT Medium.woff") format("woff") src:url("Bitstream - Swis721 Md BT Medium.woff2") format("woff2") font-style:normal font-weight:500 @font-face font-family:"Swis721" src:url("Bitstream - Swis721 Lt BT Light.woff") format("woff") src:url("Bitstream - Swis721 Lt BT Light.woff2") format("woff2") font-style:normal font-weight:400 @font-face font-family:"Baskerville" src:url("Baskerville.woff") format("woff") src:url("Baskerville.woff2") format("woff2") font-style:normal font-weight:400;@font-face font-family:"FontAwesome" src:url("fontawesome-webfont.woff") format("woff") src:url("fontawesome-webfont.woff2") format("woff2") font-style:normal font-weight:400; /*!
*  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
*  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
@font-face {
  font-family: FontAwesome;
  src: url(/fontawesome-webfont.eot?v=4.7.0);
  src: url(/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"),url(/fontawesome-webfont.woff2?v=4.7.0) format("woff2"),url(/fontawesome-webfont.woff?v=4.7.0) format("woff"),url(/fontawesome-webfont.ttf?v=4.7.0) format("truetype"),url(/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format("svg");
  font-weight: 400;
  font-style: normal
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto
}

.fa-lg {
  font-size: 1.33333em;
  line-height: .75em;
  vertical-align: -15%
}

.fa-2x {
  font-size: 2em
}

.fa-3x {
  font-size: 3em
}

.fa-4x {
  font-size: 4em
}

.fa-5x {
  font-size: 5em
}

.fa-fw {
  width: 1.28571em;
  text-align: center
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none
}

.fa-ul>li {
  position: relative
}

.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: .14286em;
  text-align: center
}

.fa-li.fa-lg {
  left: -1.85714em
}

.fa-border {
  padding: .2em .25em .15em;
  border: .08em solid #eee;
  border-radius: .1em
}

.fa-pull-left {
  float: left
}

.fa-pull-right {
  float: right
}

.fa.fa-pull-left {
  margin-right: .3em
}

.fa.fa-pull-right {
  margin-left: .3em
}

.pull-right {
  float: right
}

.pull-left {
  float: left
}

.fa.pull-left {
  margin-right: .3em
}

.fa.pull-right {
  margin-left: .3em
}

.fa-spin {
  animation: a 2s infinite linear
}

.fa-pulse {
  animation: a 1s infinite steps(8)
}

@keyframes a {
  0% {
      transform: rotate(0deg)
  }

  to {
      transform: rotate(359deg)
  }
}

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg)
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg)
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg)
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scaleX(-1)
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scaleY(-1)
}

:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270 {
  -webkit-filter: none;
  filter: none
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle
}

.fa-stack-1x,.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center
}

.fa-stack-1x {
  line-height: inherit
}

.fa-stack-2x {
  font-size: 2em
}

.fa-inverse {
  color: #fff
}

.fa-glass:before {
  content: "\F000"
}

.fa-music:before {
  content: "\F001"
}

.fa-search:before {
  content: "\F002"
}

.fa-envelope-o:before {
  content: "\F003"
}

.fa-heart:before {
  content: "\F004"
}

.fa-star:before {
  content: "\F005"
}

.fa-star-o:before {
  content: "\F006"
}

.fa-user:before {
  content: "\F007"
}

.fa-film:before {
  content: "\F008"
}

.fa-th-large:before {
  content: "\F009"
}

.fa-th:before {
  content: "\F00A"
}

.fa-th-list:before {
  content: "\F00B"
}

.fa-check:before {
  content: "\F00C"
}

.fa-close:before,.fa-remove:before,.fa-times:before {
  content: "\F00D"
}

.fa-search-plus:before {
  content: "\F00E"
}

.fa-search-minus:before {
  content: "\F010"
}

.fa-power-off:before {
  content: "\F011"
}

.fa-signal:before {
  content: "\F012"
}

.fa-cog:before,.fa-gear:before {
  content: "\F013"
}

.fa-trash-o:before {
  content: "\F014"
}

.fa-home:before {
  content: "\F015"
}

.fa-file-o:before {
  content: "\F016"
}

.fa-clock-o:before {
  content: "\F017"
}

.fa-road:before {
  content: "\F018"
}

.fa-download:before {
  content: "\F019"
}

.fa-arrow-circle-o-down:before {
  content: "\F01A"
}

.fa-arrow-circle-o-up:before {
  content: "\F01B"
}

.fa-inbox:before {
  content: "\F01C"
}

.fa-play-circle-o:before {
  content: "\F01D"
}

.fa-repeat:before,.fa-rotate-right:before {
  content: "\F01E"
}

.fa-refresh:before {
  content: "\F021"
}

.fa-list-alt:before {
  content: "\F022"
}

.fa-lock:before {
  content: "\F023"
}

.fa-flag:before {
  content: "\F024"
}

.fa-headphones:before {
  content: "\F025"
}

.fa-volume-off:before {
  content: "\F026"
}

.fa-volume-down:before {
  content: "\F027"
}

.fa-volume-up:before {
  content: "\F028"
}

.fa-qrcode:before {
  content: "\F029"
}

.fa-barcode:before {
  content: "\F02A"
}

.fa-tag:before {
  content: "\F02B"
}

.fa-tags:before {
  content: "\F02C"
}

.fa-book:before {
  content: "\F02D"
}

.fa-bookmark:before {
  content: "\F02E"
}

.fa-print:before {
  content: "\F02F"
}

.fa-camera:before {
  content: "\F030"
}

.fa-font:before {
  content: "\F031"
}

.fa-bold:before {
  content: "\F032"
}

.fa-italic:before {
  content: "\F033"
}

.fa-text-height:before {
  content: "\F034"
}

.fa-text-width:before {
  content: "\F035"
}

.fa-align-left:before {
  content: "\F036"
}

.fa-align-center:before {
  content: "\F037"
}

.fa-align-right:before {
  content: "\F038"
}

.fa-align-justify:before {
  content: "\F039"
}

.fa-list:before {
  content: "\F03A"
}

.fa-dedent:before,.fa-outdent:before {
  content: "\F03B"
}

.fa-indent:before {
  content: "\F03C"
}

.fa-video-camera:before {
  content: "\F03D"
}

.fa-image:before,.fa-photo:before,.fa-picture-o:before {
  content: "\F03E"
}

.fa-pencil:before {
  content: "\F040"
}

.fa-map-marker:before {
  content: "\F041"
}

.fa-adjust:before {
  content: "\F042"
}

.fa-tint:before {
  content: "\F043"
}

.fa-edit:before,.fa-pencil-square-o:before {
  content: "\F044"
}

.fa-share-square-o:before {
  content: "\F045"
}

.fa-check-square-o:before {
  content: "\F046"
}

.fa-arrows:before {
  content: "\F047"
}

.fa-step-backward:before {
  content: "\F048"
}

.fa-fast-backward:before {
  content: "\F049"
}

.fa-backward:before {
  content: "\F04A"
}

.fa-play:before {
  content: "\F04B"
}

.fa-pause:before {
  content: "\F04C"
}

.fa-stop:before {
  content: "\F04D"
}

.fa-forward:before {
  content: "\F04E"
}

.fa-fast-forward:before {
  content: "\F050"
}

.fa-step-forward:before {
  content: "\F051"
}

.fa-eject:before {
  content: "\F052"
}

.fa-chevron-left:before {
  content: "\F053"
}

.fa-chevron-right:before {
  content: "\F054"
}

.fa-plus-circle:before {
  content: "\F055"
}

.fa-minus-circle:before {
  content: "\F056"
}

.fa-times-circle:before {
  content: "\F057"
}

.fa-check-circle:before {
  content: "\F058"
}

.fa-question-circle:before {
  content: "\F059"
}

.fa-info-circle:before {
  content: "\F05A"
}

.fa-crosshairs:before {
  content: "\F05B"
}

.fa-times-circle-o:before {
  content: "\F05C"
}

.fa-check-circle-o:before {
  content: "\F05D"
}

.fa-ban:before {
  content: "\F05E"
}

.fa-arrow-left:before {
  content: "\F060"
}

.fa-arrow-right:before {
  content: "\F061"
}

.fa-arrow-up:before {
  content: "\F062"
}

.fa-arrow-down:before {
  content: "\F063"
}

.fa-mail-forward:before,.fa-share:before {
  content: "\F064"
}

.fa-expand:before {
  content: "\F065"
}

.fa-compress:before {
  content: "\F066"
}

.fa-plus:before {
  content: "\F067"
}

.fa-minus:before {
  content: "\F068"
}

.fa-asterisk:before {
  content: "\F069"
}

.fa-exclamation-circle:before {
  content: "\F06A"
}

.fa-gift:before {
  content: "\F06B"
}

.fa-leaf:before {
  content: "\F06C"
}

.fa-fire:before {
  content: "\F06D"
}

.fa-eye:before {
  content: "\F06E"
}

.fa-eye-slash:before {
  content: "\F070"
}

.fa-exclamation-triangle:before,.fa-warning:before {
  content: "\F071"
}

.fa-plane:before {
  content: "\F072"
}

.fa-calendar:before {
  content: "\F073"
}

.fa-random:before {
  content: "\F074"
}

.fa-comment:before {
  content: "\F075"
}

.fa-magnet:before {
  content: "\F076"
}

.fa-chevron-up:before {
  content: "\F077"
}

.fa-chevron-down:before {
  content: "\F078"
}

.fa-retweet:before {
  content: "\F079"
}

.fa-shopping-cart:before {
  content: "\F07A"
}

.fa-folder:before {
  content: "\F07B"
}

.fa-folder-open:before {
  content: "\F07C"
}

.fa-arrows-v:before {
  content: "\F07D"
}

.fa-arrows-h:before {
  content: "\F07E"
}

.fa-bar-chart-o:before,.fa-bar-chart:before {
  content: "\F080"
}

.fa-twitter-square:before {
  content: "\F081"
}

.fa-facebook-square:before {
  content: "\F082"
}

.fa-camera-retro:before {
  content: "\F083"
}

.fa-key:before {
  content: "\F084"
}

.fa-cogs:before,.fa-gears:before {
  content: "\F085"
}

.fa-comments:before {
  content: "\F086"
}

.fa-thumbs-o-up:before {
  content: "\F087"
}

.fa-thumbs-o-down:before {
  content: "\F088"
}

.fa-star-half:before {
  content: "\F089"
}

.fa-heart-o:before {
  content: "\F08A"
}

.fa-sign-out:before {
  content: "\F08B"
}

.fa-linkedin-square:before {
  content: "\F08C"
}

.fa-thumb-tack:before {
  content: "\F08D"
}

.fa-external-link:before {
  content: "\F08E"
}

.fa-sign-in:before {
  content: "\F090"
}

.fa-trophy:before {
  content: "\F091"
}

.fa-github-square:before {
  content: "\F092"
}

.fa-upload:before {
  content: "\F093"
}

.fa-lemon-o:before {
  content: "\F094"
}

.fa-phone:before {
  content: "\F095"
}

.fa-square-o:before {
  content: "\F096"
}

.fa-bookmark-o:before {
  content: "\F097"
}

.fa-phone-square:before {
  content: "\F098"
}

.fa-twitter:before {
  content: "\F099"
}

.fa-facebook-f:before,.fa-facebook:before {
  content: "\F09A"
}

.fa-github:before {
  content: "\F09B"
}

.fa-unlock:before {
  content: "\F09C"
}

.fa-credit-card:before {
  content: "\F09D"
}

.fa-feed:before,.fa-rss:before {
  content: "\F09E"
}

.fa-hdd-o:before {
  content: "\F0A0"
}

.fa-bullhorn:before {
  content: "\F0A1"
}

.fa-bell:before {
  content: "\F0F3"
}

.fa-certificate:before {
  content: "\F0A3"
}

.fa-hand-o-right:before {
  content: "\F0A4"
}

.fa-hand-o-left:before {
  content: "\F0A5"
}

.fa-hand-o-up:before {
  content: "\F0A6"
}

.fa-hand-o-down:before {
  content: "\F0A7"
}

.fa-arrow-circle-left:before {
  content: "\F0A8"
}

.fa-arrow-circle-right:before {
  content: "\F0A9"
}

.fa-arrow-circle-up:before {
  content: "\F0AA"
}

.fa-arrow-circle-down:before {
  content: "\F0AB"
}

.fa-globe:before {
  content: "\F0AC"
}

.fa-wrench:before {
  content: "\F0AD"
}

.fa-tasks:before {
  content: "\F0AE"
}

.fa-filter:before {
  content: "\F0B0"
}

.fa-briefcase:before {
  content: "\F0B1"
}

.fa-arrows-alt:before {
  content: "\F0B2"
}

.fa-group:before,.fa-users:before {
  content: "\F0C0"
}

.fa-chain:before,.fa-link:before {
  content: "\F0C1"
}

.fa-cloud:before {
  content: "\F0C2"
}

.fa-flask:before {
  content: "\F0C3"
}

.fa-cut:before,.fa-scissors:before {
  content: "\F0C4"
}

.fa-copy:before,.fa-files-o:before {
  content: "\F0C5"
}

.fa-paperclip:before {
  content: "\F0C6"
}

.fa-floppy-o:before,.fa-save:before {
  content: "\F0C7"
}

.fa-square:before {
  content: "\F0C8"
}

.fa-bars:before,.fa-navicon:before,.fa-reorder:before {
  content: "\F0C9"
}

.fa-list-ul:before {
  content: "\F0CA"
}

.fa-list-ol:before {
  content: "\F0CB"
}

.fa-strikethrough:before {
  content: "\F0CC"
}

.fa-underline:before {
  content: "\F0CD"
}

.fa-table:before {
  content: "\F0CE"
}

.fa-magic:before {
  content: "\F0D0"
}

.fa-truck:before {
  content: "\F0D1"
}

.fa-pinterest:before {
  content: "\F0D2"
}

.fa-pinterest-square:before {
  content: "\F0D3"
}

.fa-google-plus-square:before {
  content: "\F0D4"
}

.fa-google-plus:before {
  content: "\F0D5"
}

.fa-money:before {
  content: "\F0D6"
}

.fa-caret-down:before {
  content: "\F0D7"
}

.fa-caret-up:before {
  content: "\F0D8"
}

.fa-caret-left:before {
  content: "\F0D9"
}

.fa-caret-right:before {
  content: "\F0DA"
}

.fa-columns:before {
  content: "\F0DB"
}

.fa-sort:before,.fa-unsorted:before {
  content: "\F0DC"
}

.fa-sort-desc:before,.fa-sort-down:before {
  content: "\F0DD"
}

.fa-sort-asc:before,.fa-sort-up:before {
  content: "\F0DE"
}

.fa-envelope:before {
  content: "\F0E0"
}

.fa-linkedin:before {
  content: "\F0E1"
}

.fa-rotate-left:before,.fa-undo:before {
  content: "\F0E2"
}

.fa-gavel:before,.fa-legal:before {
  content: "\F0E3"
}

.fa-dashboard:before,.fa-tachometer:before {
  content: "\F0E4"
}

.fa-comment-o:before {
  content: "\F0E5"
}

.fa-comments-o:before {
  content: "\F0E6"
}

.fa-bolt:before,.fa-flash:before {
  content: "\F0E7"
}

.fa-sitemap:before {
  content: "\F0E8"
}

.fa-umbrella:before {
  content: "\F0E9"
}

.fa-clipboard:before,.fa-paste:before {
  content: "\F0EA"
}

.fa-lightbulb-o:before {
  content: "\F0EB"
}

.fa-exchange:before {
  content: "\F0EC"
}

.fa-cloud-download:before {
  content: "\F0ED"
}

.fa-cloud-upload:before {
  content: "\F0EE"
}

.fa-user-md:before {
  content: "\F0F0"
}

.fa-stethoscope:before {
  content: "\F0F1"
}

.fa-suitcase:before {
  content: "\F0F2"
}

.fa-bell-o:before {
  content: "\F0A2"
}

.fa-coffee:before {
  content: "\F0F4"
}

.fa-cutlery:before {
  content: "\F0F5"
}

.fa-file-text-o:before {
  content: "\F0F6"
}

.fa-building-o:before {
  content: "\F0F7"
}

.fa-hospital-o:before {
  content: "\F0F8"
}

.fa-ambulance:before {
  content: "\F0F9"
}

.fa-medkit:before {
  content: "\F0FA"
}

.fa-fighter-jet:before {
  content: "\F0FB"
}

.fa-beer:before {
  content: "\F0FC"
}

.fa-h-square:before {
  content: "\F0FD"
}

.fa-plus-square:before {
  content: "\F0FE"
}

.fa-angle-double-left:before {
  content: "\F100"
}

.fa-angle-double-right:before {
  content: "\F101"
}

.fa-angle-double-up:before {
  content: "\F102"
}

.fa-angle-double-down:before {
  content: "\F103"
}

.fa-angle-left:before {
  content: "\F104"
}

.fa-angle-right:before {
  content: "\F105"
}

.fa-angle-up:before {
  content: "\F106"
}

.fa-angle-down:before {
  content: "\F107"
}

.fa-desktop:before {
  content: "\F108"
}

.fa-laptop:before {
  content: "\F109"
}

.fa-tablet:before {
  content: "\F10A"
}

.fa-mobile-phone:before,.fa-mobile:before {
  content: "\F10B"
}

.fa-circle-o:before {
  content: "\F10C"
}

.fa-quote-left:before {
  content: "\F10D"
}

.fa-quote-right:before {
  content: "\F10E"
}

.fa-spinner:before {
  content: "\F110"
}

.fa-circle:before {
  content: "\F111"
}

.fa-mail-reply:before,.fa-reply:before {
  content: "\F112"
}

.fa-github-alt:before {
  content: "\F113"
}

.fa-folder-o:before {
  content: "\F114"
}

.fa-folder-open-o:before {
  content: "\F115"
}

.fa-smile-o:before {
  content: "\F118"
}

.fa-frown-o:before {
  content: "\F119"
}

.fa-meh-o:before {
  content: "\F11A"
}

.fa-gamepad:before {
  content: "\F11B"
}

.fa-keyboard-o:before {
  content: "\F11C"
}

.fa-flag-o:before {
  content: "\F11D"
}

.fa-flag-checkered:before {
  content: "\F11E"
}

.fa-terminal:before {
  content: "\F120"
}

.fa-code:before {
  content: "\F121"
}

.fa-mail-reply-all:before,.fa-reply-all:before {
  content: "\F122"
}

.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before {
  content: "\F123"
}

.fa-location-arrow:before {
  content: "\F124"
}

.fa-crop:before {
  content: "\F125"
}

.fa-code-fork:before {
  content: "\F126"
}

.fa-chain-broken:before,.fa-unlink:before {
  content: "\F127"
}

.fa-question:before {
  content: "\F128"
}

.fa-info:before {
  content: "\F129"
}

.fa-exclamation:before {
  content: "\F12A"
}

.fa-superscript:before {
  content: "\F12B"
}

.fa-subscript:before {
  content: "\F12C"
}

.fa-eraser:before {
  content: "\F12D"
}

.fa-puzzle-piece:before {
  content: "\F12E"
}

.fa-microphone:before {
  content: "\F130"
}

.fa-microphone-slash:before {
  content: "\F131"
}

.fa-shield:before {
  content: "\F132"
}

.fa-calendar-o:before {
  content: "\F133"
}

.fa-fire-extinguisher:before {
  content: "\F134"
}

.fa-rocket:before {
  content: "\F135"
}

.fa-maxcdn:before {
  content: "\F136"
}

.fa-chevron-circle-left:before {
  content: "\F137"
}

.fa-chevron-circle-right:before {
  content: "\F138"
}

.fa-chevron-circle-up:before {
  content: "\F139"
}

.fa-chevron-circle-down:before {
  content: "\F13A"
}

.fa-html5:before {
  content: "\F13B"
}

.fa-css3:before {
  content: "\F13C"
}

.fa-anchor:before {
  content: "\F13D"
}

.fa-unlock-alt:before {
  content: "\F13E"
}

.fa-bullseye:before {
  content: "\F140"
}

.fa-ellipsis-h:before {
  content: "\F141"
}

.fa-ellipsis-v:before {
  content: "\F142"
}

.fa-rss-square:before {
  content: "\F143"
}

.fa-play-circle:before {
  content: "\F144"
}

.fa-ticket:before {
  content: "\F145"
}

.fa-minus-square:before {
  content: "\F146"
}

.fa-minus-square-o:before {
  content: "\F147"
}

.fa-level-up:before {
  content: "\F148"
}

.fa-level-down:before {
  content: "\F149"
}

.fa-check-square:before {
  content: "\F14A"
}

.fa-pencil-square:before {
  content: "\F14B"
}

.fa-external-link-square:before {
  content: "\F14C"
}

.fa-share-square:before {
  content: "\F14D"
}

.fa-compass:before {
  content: "\F14E"
}

.fa-caret-square-o-down:before,.fa-toggle-down:before {
  content: "\F150"
}

.fa-caret-square-o-up:before,.fa-toggle-up:before {
  content: "\F151"
}

.fa-caret-square-o-right:before,.fa-toggle-right:before {
  content: "\F152"
}

.fa-eur:before,.fa-euro:before {
  content: "\F153"
}

.fa-gbp:before {
  content: "\F154"
}

.fa-dollar:before,.fa-usd:before {
  content: "\F155"
}

.fa-inr:before,.fa-rupee:before {
  content: "\F156"
}

.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before {
  content: "\F157"
}

.fa-rouble:before,.fa-rub:before,.fa-ruble:before {
  content: "\F158"
}

.fa-krw:before,.fa-won:before {
  content: "\F159"
}

.fa-bitcoin:before,.fa-btc:before {
  content: "\F15A"
}

.fa-file:before {
  content: "\F15B"
}

.fa-file-text:before {
  content: "\F15C"
}

.fa-sort-alpha-asc:before {
  content: "\F15D"
}

.fa-sort-alpha-desc:before {
  content: "\F15E"
}

.fa-sort-amount-asc:before {
  content: "\F160"
}

.fa-sort-amount-desc:before {
  content: "\F161"
}

.fa-sort-numeric-asc:before {
  content: "\F162"
}

.fa-sort-numeric-desc:before {
  content: "\F163"
}

.fa-thumbs-up:before {
  content: "\F164"
}

.fa-thumbs-down:before {
  content: "\F165"
}

.fa-youtube-square:before {
  content: "\F166"
}

.fa-youtube:before {
  content: "\F167"
}

.fa-xing:before {
  content: "\F168"
}

.fa-xing-square:before {
  content: "\F169"
}

.fa-youtube-play:before {
  content: "\F16A"
}

.fa-dropbox:before {
  content: "\F16B"
}

.fa-stack-overflow:before {
  content: "\F16C"
}

.fa-instagram:before {
  content: "\F16D"
}

.fa-flickr:before {
  content: "\F16E"
}

.fa-adn:before {
  content: "\F170"
}

.fa-bitbucket:before {
  content: "\F171"
}

.fa-bitbucket-square:before {
  content: "\F172"
}

.fa-tumblr:before {
  content: "\F173"
}

.fa-tumblr-square:before {
  content: "\F174"
}

.fa-long-arrow-down:before {
  content: "\F175"
}

.fa-long-arrow-up:before {
  content: "\F176"
}

.fa-long-arrow-left:before {
  content: "\F177"
}

.fa-long-arrow-right:before {
  content: "\F178"
}

.fa-apple:before {
  content: "\F179"
}

.fa-windows:before {
  content: "\F17A"
}

.fa-android:before {
  content: "\F17B"
}

.fa-linux:before {
  content: "\F17C"
}

.fa-dribbble:before {
  content: "\F17D"
}

.fa-skype:before {
  content: "\F17E"
}

.fa-foursquare:before {
  content: "\F180"
}

.fa-trello:before {
  content: "\F181"
}

.fa-female:before {
  content: "\F182"
}

.fa-male:before {
  content: "\F183"
}

.fa-gittip:before,.fa-gratipay:before {
  content: "\F184"
}

.fa-sun-o:before {
  content: "\F185"
}

.fa-moon-o:before {
  content: "\F186"
}

.fa-archive:before {
  content: "\F187"
}

.fa-bug:before {
  content: "\F188"
}

.fa-vk:before {
  content: "\F189"
}

.fa-weibo:before {
  content: "\F18A"
}

.fa-renren:before {
  content: "\F18B"
}

.fa-pagelines:before {
  content: "\F18C"
}

.fa-stack-exchange:before {
  content: "\F18D"
}

.fa-arrow-circle-o-right:before {
  content: "\F18E"
}

.fa-arrow-circle-o-left:before {
  content: "\F190"
}

.fa-caret-square-o-left:before,.fa-toggle-left:before {
  content: "\F191"
}

.fa-dot-circle-o:before {
  content: "\F192"
}

.fa-wheelchair:before {
  content: "\F193"
}

.fa-vimeo-square:before {
  content: "\F194"
}

.fa-try:before,.fa-turkish-lira:before {
  content: "\F195"
}

.fa-plus-square-o:before {
  content: "\F196"
}

.fa-space-shuttle:before {
  content: "\F197"
}

.fa-slack:before {
  content: "\F198"
}

.fa-envelope-square:before {
  content: "\F199"
}

.fa-wordpress:before {
  content: "\F19A"
}

.fa-openid:before {
  content: "\F19B"
}

.fa-bank:before,.fa-institution:before,.fa-university:before {
  content: "\F19C"
}

.fa-graduation-cap:before,.fa-mortar-board:before {
  content: "\F19D"
}

.fa-yahoo:before {
  content: "\F19E"
}

.fa-google:before {
  content: "\F1A0"
}

.fa-reddit:before {
  content: "\F1A1"
}

.fa-reddit-square:before {
  content: "\F1A2"
}

.fa-stumbleupon-circle:before {
  content: "\F1A3"
}

.fa-stumbleupon:before {
  content: "\F1A4"
}

.fa-delicious:before {
  content: "\F1A5"
}

.fa-digg:before {
  content: "\F1A6"
}

.fa-pied-piper-pp:before {
  content: "\F1A7"
}

.fa-pied-piper-alt:before {
  content: "\F1A8"
}

.fa-drupal:before {
  content: "\F1A9"
}

.fa-joomla:before {
  content: "\F1AA"
}

.fa-language:before {
  content: "\F1AB"
}

.fa-fax:before {
  content: "\F1AC"
}

.fa-building:before {
  content: "\F1AD"
}

.fa-child:before {
  content: "\F1AE"
}

.fa-paw:before {
  content: "\F1B0"
}

.fa-spoon:before {
  content: "\F1B1"
}

.fa-cube:before {
  content: "\F1B2"
}

.fa-cubes:before {
  content: "\F1B3"
}

.fa-behance:before {
  content: "\F1B4"
}

.fa-behance-square:before {
  content: "\F1B5"
}

.fa-steam:before {
  content: "\F1B6"
}

.fa-steam-square:before {
  content: "\F1B7"
}

.fa-recycle:before {
  content: "\F1B8"
}

.fa-automobile:before,.fa-car:before {
  content: "\F1B9"
}

.fa-cab:before,.fa-taxi:before {
  content: "\F1BA"
}

.fa-tree:before {
  content: "\F1BB"
}

.fa-spotify:before {
  content: "\F1BC"
}

.fa-deviantart:before {
  content: "\F1BD"
}

.fa-soundcloud:before {
  content: "\F1BE"
}

.fa-database:before {
  content: "\F1C0"
}

.fa-file-pdf-o:before {
  content: "\F1C1"
}

.fa-file-word-o:before {
  content: "\F1C2"
}

.fa-file-excel-o:before {
  content: "\F1C3"
}

.fa-file-powerpoint-o:before {
  content: "\F1C4"
}

.fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before {
  content: "\F1C5"
}

.fa-file-archive-o:before,.fa-file-zip-o:before {
  content: "\F1C6"
}

.fa-file-audio-o:before,.fa-file-sound-o:before {
  content: "\F1C7"
}

.fa-file-movie-o:before,.fa-file-video-o:before {
  content: "\F1C8"
}

.fa-file-code-o:before {
  content: "\F1C9"
}

.fa-vine:before {
  content: "\F1CA"
}

.fa-codepen:before {
  content: "\F1CB"
}

.fa-jsfiddle:before {
  content: "\F1CC"
}

.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before {
  content: "\F1CD"
}

.fa-circle-o-notch:before {
  content: "\F1CE"
}

.fa-ra:before,.fa-rebel:before,.fa-resistance:before {
  content: "\F1D0"
}

.fa-empire:before,.fa-ge:before {
  content: "\F1D1"
}

.fa-git-square:before {
  content: "\F1D2"
}

.fa-git:before {
  content: "\F1D3"
}

.fa-hacker-news:before,.fa-y-combinator-square:before,.fa-yc-square:before {
  content: "\F1D4"
}

.fa-tencent-weibo:before {
  content: "\F1D5"
}

.fa-qq:before {
  content: "\F1D6"
}

.fa-wechat:before,.fa-weixin:before {
  content: "\F1D7"
}

.fa-paper-plane:before,.fa-send:before {
  content: "\F1D8"
}

.fa-paper-plane-o:before,.fa-send-o:before {
  content: "\F1D9"
}

.fa-history:before {
  content: "\F1DA"
}

.fa-circle-thin:before {
  content: "\F1DB"
}

.fa-header:before {
  content: "\F1DC"
}

.fa-paragraph:before {
  content: "\F1DD"
}

.fa-sliders:before {
  content: "\F1DE"
}

.fa-share-alt:before {
  content: "\F1E0"
}

.fa-share-alt-square:before {
  content: "\F1E1"
}

.fa-bomb:before {
  content: "\F1E2"
}

.fa-futbol-o:before,.fa-soccer-ball-o:before {
  content: "\F1E3"
}

.fa-tty:before {
  content: "\F1E4"
}

.fa-binoculars:before {
  content: "\F1E5"
}

.fa-plug:before {
  content: "\F1E6"
}

.fa-slideshare:before {
  content: "\F1E7"
}

.fa-twitch:before {
  content: "\F1E8"
}

.fa-yelp:before {
  content: "\F1E9"
}

.fa-newspaper-o:before {
  content: "\F1EA"
}

.fa-wifi:before {
  content: "\F1EB"
}

.fa-calculator:before {
  content: "\F1EC"
}

.fa-paypal:before {
  content: "\F1ED"
}

.fa-google-wallet:before {
  content: "\F1EE"
}

.fa-cc-visa:before {
  content: "\F1F0"
}

.fa-cc-mastercard:before {
  content: "\F1F1"
}

.fa-cc-discover:before {
  content: "\F1F2"
}

.fa-cc-amex:before {
  content: "\F1F3"
}

.fa-cc-paypal:before {
  content: "\F1F4"
}

.fa-cc-stripe:before {
  content: "\F1F5"
}

.fa-bell-slash:before {
  content: "\F1F6"
}

.fa-bell-slash-o:before {
  content: "\F1F7"
}

.fa-trash:before {
  content: "\F1F8"
}

.fa-copyright:before {
  content: "\F1F9"
}

.fa-at:before {
  content: "\F1FA"
}

.fa-eyedropper:before {
  content: "\F1FB"
}

.fa-paint-brush:before {
  content: "\F1FC"
}

.fa-birthday-cake:before {
  content: "\F1FD"
}

.fa-area-chart:before {
  content: "\F1FE"
}

.fa-pie-chart:before {
  content: "\F200"
}

.fa-line-chart:before {
  content: "\F201"
}

.fa-lastfm:before {
  content: "\F202"
}

.fa-lastfm-square:before {
  content: "\F203"
}

.fa-toggle-off:before {
  content: "\F204"
}

.fa-toggle-on:before {
  content: "\F205"
}

.fa-bicycle:before {
  content: "\F206"
}

.fa-bus:before {
  content: "\F207"
}

.fa-ioxhost:before {
  content: "\F208"
}

.fa-angellist:before {
  content: "\F209"
}

.fa-cc:before {
  content: "\F20A"
}

.fa-ils:before,.fa-shekel:before,.fa-sheqel:before {
  content: "\F20B"
}

.fa-meanpath:before {
  content: "\F20C"
}

.fa-buysellads:before {
  content: "\F20D"
}

.fa-connectdevelop:before {
  content: "\F20E"
}

.fa-dashcube:before {
  content: "\F210"
}

.fa-forumbee:before {
  content: "\F211"
}

.fa-leanpub:before {
  content: "\F212"
}

.fa-sellsy:before {
  content: "\F213"
}

.fa-shirtsinbulk:before {
  content: "\F214"
}

.fa-simplybuilt:before {
  content: "\F215"
}

.fa-skyatlas:before {
  content: "\F216"
}

.fa-cart-plus:before {
  content: "\F217"
}

.fa-cart-arrow-down:before {
  content: "\F218"
}

.fa-diamond:before {
  content: "\F219"
}

.fa-ship:before {
  content: "\F21A"
}

.fa-user-secret:before {
  content: "\F21B"
}

.fa-motorcycle:before {
  content: "\F21C"
}

.fa-street-view:before {
  content: "\F21D"
}

.fa-heartbeat:before {
  content: "\F21E"
}

.fa-venus:before {
  content: "\F221"
}

.fa-mars:before {
  content: "\F222"
}

.fa-mercury:before {
  content: "\F223"
}

.fa-intersex:before,.fa-transgender:before {
  content: "\F224"
}

.fa-transgender-alt:before {
  content: "\F225"
}

.fa-venus-double:before {
  content: "\F226"
}

.fa-mars-double:before {
  content: "\F227"
}

.fa-venus-mars:before {
  content: "\F228"
}

.fa-mars-stroke:before {
  content: "\F229"
}

.fa-mars-stroke-v:before {
  content: "\F22A"
}

.fa-mars-stroke-h:before {
  content: "\F22B"
}

.fa-neuter:before {
  content: "\F22C"
}

.fa-genderless:before {
  content: "\F22D"
}

.fa-facebook-official:before {
  content: "\F230"
}

.fa-pinterest-p:before {
  content: "\F231"
}

.fa-whatsapp:before {
  content: "\F232"
}

.fa-server:before {
  content: "\F233"
}

.fa-user-plus:before {
  content: "\F234"
}

.fa-user-times:before {
  content: "\F235"
}

.fa-bed:before,.fa-hotel:before {
  content: "\F236"
}

.fa-viacoin:before {
  content: "\F237"
}

.fa-train:before {
  content: "\F238"
}

.fa-subway:before {
  content: "\F239"
}

.fa-medium:before {
  content: "\F23A"
}

.fa-y-combinator:before,.fa-yc:before {
  content: "\F23B"
}

.fa-optin-monster:before {
  content: "\F23C"
}

.fa-opencart:before {
  content: "\F23D"
}

.fa-expeditedssl:before {
  content: "\F23E"
}

.fa-battery-4:before,.fa-battery-full:before,.fa-battery:before {
  content: "\F240"
}

.fa-battery-3:before,.fa-battery-three-quarters:before {
  content: "\F241"
}

.fa-battery-2:before,.fa-battery-half:before {
  content: "\F242"
}

.fa-battery-1:before,.fa-battery-quarter:before {
  content: "\F243"
}

.fa-battery-0:before,.fa-battery-empty:before {
  content: "\F244"
}

.fa-mouse-pointer:before {
  content: "\F245"
}

.fa-i-cursor:before {
  content: "\F246"
}

.fa-object-group:before {
  content: "\F247"
}

.fa-object-ungroup:before {
  content: "\F248"
}

.fa-sticky-note:before {
  content: "\F249"
}

.fa-sticky-note-o:before {
  content: "\F24A"
}

.fa-cc-jcb:before {
  content: "\F24B"
}

.fa-cc-diners-club:before {
  content: "\F24C"
}

.fa-clone:before {
  content: "\F24D"
}

.fa-balance-scale:before {
  content: "\F24E"
}

.fa-hourglass-o:before {
  content: "\F250"
}

.fa-hourglass-1:before,.fa-hourglass-start:before {
  content: "\F251"
}

.fa-hourglass-2:before,.fa-hourglass-half:before {
  content: "\F252"
}

.fa-hourglass-3:before,.fa-hourglass-end:before {
  content: "\F253"
}

.fa-hourglass:before {
  content: "\F254"
}

.fa-hand-grab-o:before,.fa-hand-rock-o:before {
  content: "\F255"
}

.fa-hand-paper-o:before,.fa-hand-stop-o:before {
  content: "\F256"
}

.fa-hand-scissors-o:before {
  content: "\F257"
}

.fa-hand-lizard-o:before {
  content: "\F258"
}

.fa-hand-spock-o:before {
  content: "\F259"
}

.fa-hand-pointer-o:before {
  content: "\F25A"
}

.fa-hand-peace-o:before {
  content: "\F25B"
}

.fa-trademark:before {
  content: "\F25C"
}

.fa-registered:before {
  content: "\F25D"
}

.fa-creative-commons:before {
  content: "\F25E"
}

.fa-gg:before {
  content: "\F260"
}

.fa-gg-circle:before {
  content: "\F261"
}

.fa-tripadvisor:before {
  content: "\F262"
}

.fa-odnoklassniki:before {
  content: "\F263"
}

.fa-odnoklassniki-square:before {
  content: "\F264"
}

.fa-get-pocket:before {
  content: "\F265"
}

.fa-wikipedia-w:before {
  content: "\F266"
}

.fa-safari:before {
  content: "\F267"
}

.fa-chrome:before {
  content: "\F268"
}

.fa-firefox:before {
  content: "\F269"
}

.fa-opera:before {
  content: "\F26A"
}

.fa-internet-explorer:before {
  content: "\F26B"
}

.fa-television:before,.fa-tv:before {
  content: "\F26C"
}

.fa-contao:before {
  content: "\F26D"
}

.fa-500px:before {
  content: "\F26E"
}

.fa-amazon:before {
  content: "\F270"
}

.fa-calendar-plus-o:before {
  content: "\F271"
}

.fa-calendar-minus-o:before {
  content: "\F272"
}

.fa-calendar-times-o:before {
  content: "\F273"
}

.fa-calendar-check-o:before {
  content: "\F274"
}

.fa-industry:before {
  content: "\F275"
}

.fa-map-pin:before {
  content: "\F276"
}

.fa-map-signs:before {
  content: "\F277"
}

.fa-map-o:before {
  content: "\F278"
}

.fa-map:before {
  content: "\F279"
}

.fa-commenting:before {
  content: "\F27A"
}

.fa-commenting-o:before {
  content: "\F27B"
}

.fa-houzz:before {
  content: "\F27C"
}

.fa-vimeo:before {
  content: "\F27D"
}

.fa-black-tie:before {
  content: "\F27E"
}

.fa-fonticons:before {
  content: "\F280"
}

.fa-reddit-alien:before {
  content: "\F281"
}

.fa-edge:before {
  content: "\F282"
}

.fa-credit-card-alt:before {
  content: "\F283"
}

.fa-codiepie:before {
  content: "\F284"
}

.fa-modx:before {
  content: "\F285"
}

.fa-fort-awesome:before {
  content: "\F286"
}

.fa-usb:before {
  content: "\F287"
}

.fa-product-hunt:before {
  content: "\F288"
}

.fa-mixcloud:before {
  content: "\F289"
}

.fa-scribd:before {
  content: "\F28A"
}

.fa-pause-circle:before {
  content: "\F28B"
}

.fa-pause-circle-o:before {
  content: "\F28C"
}

.fa-stop-circle:before {
  content: "\F28D"
}

.fa-stop-circle-o:before {
  content: "\F28E"
}

.fa-shopping-bag:before {
  content: "\F290"
}

.fa-shopping-basket:before {
  content: "\F291"
}

.fa-hashtag:before {
  content: "\F292"
}

.fa-bluetooth:before {
  content: "\F293"
}

.fa-bluetooth-b:before {
  content: "\F294"
}

.fa-percent:before {
  content: "\F295"
}

.fa-gitlab:before {
  content: "\F296"
}

.fa-wpbeginner:before {
  content: "\F297"
}

.fa-wpforms:before {
  content: "\F298"
}

.fa-envira:before {
  content: "\F299"
}

.fa-universal-access:before {
  content: "\F29A"
}

.fa-wheelchair-alt:before {
  content: "\F29B"
}

.fa-question-circle-o:before {
  content: "\F29C"
}

.fa-blind:before {
  content: "\F29D"
}

.fa-audio-description:before {
  content: "\F29E"
}

.fa-volume-control-phone:before {
  content: "\F2A0"
}

.fa-braille:before {
  content: "\F2A1"
}

.fa-assistive-listening-systems:before {
  content: "\F2A2"
}

.fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before {
  content: "\F2A3"
}

.fa-deaf:before,.fa-deafness:before,.fa-hard-of-hearing:before {
  content: "\F2A4"
}

.fa-glide:before {
  content: "\F2A5"
}

.fa-glide-g:before {
  content: "\F2A6"
}

.fa-sign-language:before,.fa-signing:before {
  content: "\F2A7"
}

.fa-low-vision:before {
  content: "\F2A8"
}

.fa-viadeo:before {
  content: "\F2A9"
}

.fa-viadeo-square:before {
  content: "\F2AA"
}

.fa-snapchat:before {
  content: "\F2AB"
}

.fa-snapchat-ghost:before {
  content: "\F2AC"
}

.fa-snapchat-square:before {
  content: "\F2AD"
}

.fa-pied-piper:before {
  content: "\F2AE"
}

.fa-first-order:before {
  content: "\F2B0"
}

.fa-yoast:before {
  content: "\F2B1"
}

.fa-themeisle:before {
  content: "\F2B2"
}

.fa-google-plus-circle:before,.fa-google-plus-official:before {
  content: "\F2B3"
}

.fa-fa:before,.fa-font-awesome:before {
  content: "\F2B4"
}

.fa-handshake-o:before {
  content: "\F2B5"
}

.fa-envelope-open:before {
  content: "\F2B6"
}

.fa-envelope-open-o:before {
  content: "\F2B7"
}

.fa-linode:before {
  content: "\F2B8"
}

.fa-address-book:before {
  content: "\F2B9"
}

.fa-address-book-o:before {
  content: "\F2BA"
}

.fa-address-card:before,.fa-vcard:before {
  content: "\F2BB"
}

.fa-address-card-o:before,.fa-vcard-o:before {
  content: "\F2BC"
}

.fa-user-circle:before {
  content: "\F2BD"
}

.fa-user-circle-o:before {
  content: "\F2BE"
}

.fa-user-o:before {
  content: "\F2C0"
}

.fa-id-badge:before {
  content: "\F2C1"
}

.fa-drivers-license:before,.fa-id-card:before {
  content: "\F2C2"
}

.fa-drivers-license-o:before,.fa-id-card-o:before {
  content: "\F2C3"
}

.fa-quora:before {
  content: "\F2C4"
}

.fa-free-code-camp:before {
  content: "\F2C5"
}

.fa-telegram:before {
  content: "\F2C6"
}

.fa-thermometer-4:before,.fa-thermometer-full:before,.fa-thermometer:before {
  content: "\F2C7"
}

.fa-thermometer-3:before,.fa-thermometer-three-quarters:before {
  content: "\F2C8"
}

.fa-thermometer-2:before,.fa-thermometer-half:before {
  content: "\F2C9"
}

.fa-thermometer-1:before,.fa-thermometer-quarter:before {
  content: "\F2CA"
}

.fa-thermometer-0:before,.fa-thermometer-empty:before {
  content: "\F2CB"
}

.fa-shower:before {
  content: "\F2CC"
}

.fa-bath:before,.fa-bathtub:before,.fa-s15:before {
  content: "\F2CD"
}

.fa-podcast:before {
  content: "\F2CE"
}

.fa-window-maximize:before {
  content: "\F2D0"
}

.fa-window-minimize:before {
  content: "\F2D1"
}

.fa-window-restore:before {
  content: "\F2D2"
}

.fa-times-rectangle:before,.fa-window-close:before {
  content: "\F2D3"
}

.fa-times-rectangle-o:before,.fa-window-close-o:before {
  content: "\F2D4"
}

.fa-bandcamp:before {
  content: "\F2D5"
}

.fa-grav:before {
  content: "\F2D6"
}

.fa-etsy:before {
  content: "\F2D7"
}

.fa-imdb:before {
  content: "\F2D8"
}

.fa-ravelry:before {
  content: "\F2D9"
}

.fa-eercast:before {
  content: "\F2DA"
}

.fa-microchip:before {
  content: "\F2DB"
}

.fa-snowflake-o:before {
  content: "\F2DC"
}

.fa-superpowers:before {
  content: "\F2DD"
}

.fa-wpexplorer:before {
  content: "\F2DE"
}

.fa-meetup:before {
  content: "\F2E0"
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto
}

.blog-post {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0
}

.blog-post__item {
  -ms-flex: 1 1 33.33333%;
  flex: 1 1 33.33333%
}

.collection-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 73.75em
}

.collection-list-item {
  -ms-flex: 1 1 33.33333%;
  flex: 1 1 33.33333%;
  height: 100%;
  text-align: center
}

.collection-list__image {
  min-width: 320px
}

.collection-list__title {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%
}

.featured-collection {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 73.75em
}

.featured-collection-item {
  -ms-flex: 1 1 33.33333%;
  flex: 1 1 33.33333%;
  height: 100%;
  text-align: center
}

.featured-collection__image {
  min-width: 320px
}

.featured-collection__title {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%
}

.image-with-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.image-with-text__image {
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  min-width: 320px
}

.image-with-text__text {
  -ms-flex: 1 1 50%;
  flex: 1 1 50%
}

.intro {
  background-size: cover;
  background-position: 50%
}

.intro.intro-fullscreen {
  color: #fff
}

.intro.intro-fullscreen .intro__title {
  font-family: Baskerville;
  font-weight: 400;
  text-align: center;
  font-size: 28px;
  line-height: 2
}

.intro.intro-fullscreen .shell {
  height: calc(100vh - 55px);
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

.intro.intro-small {
  height: 504px
}

@media only screen and (max-width: 767px) {
  .intro.intro-small {
      height:114.67vw
  }
}

.intro.intro-brand {
  overflow: hidden;
}

.intro.intro-brand .intro__title {
  font-family: Swis721,sans-serif;
  font-size: 30px;
  font-weight: 200;
  position: absolute;
  top: calc(50% + 30px);
  left: 50%;
  transform: translate(-50%,-50%);
  margin-bottom: 0;
  padding: 44px 0 0
}

.intro.intro-brand .intro__title.animated {
  top: 50%
}

.intro.intro-brand .intro__image {
  margin-bottom: -11px;
  height: calc(100vh - 108px);
  background-attachment: fixed
}

@media only screen and (max-width: 767px) {
  .intro.intro-brand .intro__image {
      margin-top:0px;
      height: calc(100vh-77px);
  }
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 500
}

.header .header__bar {
  width: 100%;
  background-color: #c7c7c7;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .6px;
  padding: 9px 15px;
  position: relative;
  display: none;
}

.header .header__bar .popup-trigger {
  position: absolute;
  left: 7px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: .38px;
  padding: 5px 20px;
  color: inherit;
  text-decoration: none;
  text-transform: uppercase
}

.header .header__bar .popup-trigger:after {
  content: "";
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -2px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 3px 0;
  border-color: #fff transparent transparent
}

@media only screen and (max-width: 1024px) {
  .header .header__bar .popup-trigger {
      display:none
  }
}

.header .header__bar p {
  width: 100%;
  text-align: center
}

.header .header__body {
  position: relative;
  padding: 0 15px
}

@media only screen and (max-width: 1024px) {
  .header .header__body {
      padding:16px 0;
      height: 47px
  }

  .header .header__body .nav-trigger {
      margin-left: 10px
  }

  .header .logo-image {
      font-size: 0;
      max-width: 75px;
      height: 17px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%)
  }
}

@media only screen and (max-width: 767px) {
  .header .header__body {
      padding:13px 0;
      height: 47px
  }
}

.header a {
  transition: all .5s
}

.header .nav-trigger {
  display: none;
  width: 15px;
  height: 10px;
  position: relative
}

.header .nav-trigger:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 48px;
  height: 40px;
  margin: -16px 0 0 -16px;
  background-color: transparent;
  content: ""
}

.header .nav-trigger span {
  width: 100%;
  height: 2px;
  background-color: #555;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -7px;
  transition: all .0s ease 0s
}

.header .nav-trigger span:first-child {
  top: 0
}

.header .nav-trigger span:nth-child(2) {
  top: 4px
}

.header .nav-trigger span:nth-child(3) {
  top: 8px
}

@media only screen and (max-width: 1024px) {
  .header .nav-trigger {
      display:block
  }
}

.header .shell {
  max-width: 1230px;
  padding: 0 15px;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.header .logo-image {
  display: block;
  max-width: 300px;
  font-size: 0;
  max-height: 52px
}

.header .logo-image svg {
  fill: #555;
  max-height: 52px;
  display: block;
  width: 100%
}

@media only screen and (max-width: 1024px) {
  .header .logo-image {
      height:17px
  }

  .header .logo-image svg {
      max-height: 17px;
      margin: 0 auto
  }
}

.header .header__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.header .header__inner--mobile {
  display: none
}

@media only screen and (max-width: 1024px) {
  .header .header__inner--mobile {
      display:-ms-flexbox;
      display: flex
  }
}

@media only screen and (max-width: 767px) {
  .header .header__inner--mobile .nav-wrapper .nav>ul>li>a {
      font-size:12px;
      padding: 5px 20px 5px 0;
      line-height: 1.1
  }
}

.header .header__inner--mobile .nav-wrapper .nav>ul>li>a:after {
  display: block!important
}

.header .header__inner--mobile .nav-wrapper .nav ul {
  -ms-flex-direction: column;
  flex-direction: column
}

.header .header__inner--mobile .nav-wrapper .nav ul li {
  margin-bottom: 20px;
  padding-left: 0;
}

.header .header__inner--mobile .nav-wrapper .nav ul li:last-child {
  margin-bottom: 0
}

.header .header__inner--mobile .nav-wrapper .nav ul li a {
  letter-spacing: .3px;
  text-transform: uppercase
}

.header .header__inner--mobile .nav-wrapper .nav ul li .sub-menu .sub-menu li {
  margin-bottom: 9px
}

.header .header__inner--mobile .nav-wrapper .nav ul li .sub-menu .sub-menu li a {
  position: relative;
  padding-right: 10px;
  display: block;
  width: 100%
}

@media only screen and (max-width: 1024px) {
  .header .header__inner--mobile .nav-wrapper .nav ul li .sub-menu .sub-menu li a {
      width:auto;
      display: inline-block
  }

  .header .header__inner--mobile .nav-wrapper .nav ul li .sub-menu .sub-menu li a:after {
      border-color: #fff!important
  }
}

.header .header__inner--mobile .nav-wrapper .nav ul li .sub-menu .sub-menu li li a:after {
  content: "\E920";
  font-family: NODE-icon!important;
  width: 16px;
  height: 16px;
  font-size: 8px;
  margin-left: 5px
}

.header .header__inner--mobile .nav-wrapper .nav ul li .sub-menu .sub-menu li:last-child {
  margin-bottom: 0
}

.header .header__inner--mobile .nav-wrapper .menu-regions {
  margin-top: 4px
}

.header .header__inner--mobile .nav-wrapper .menu-regions>ul>li>a {
  font-size: 10px!important;
  letter-spacing: 1px!important
}

.header .header__inner--mobile .nav-wrapper .menu-regions>ul>li>a:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(earth-globe.svg) 50% no-repeat;
  background-size: contain;
  margin-right: 6px;
  margin-left: -1px;
  margin-bottom: -1px
}

.header .header__inner--mobile .nav-wrapper .menu-regions .sub-menu-wrapper>ul>li>a {
  text-transform: none!important;
  padding-right: 20px!important;
  letter-spacing: .2px!important
}

.header .header__inner--mobile .nav-wrapper .menu-regions li a {
  text-decoration: none!important
}

.header .header__inner--mobile .nav-wrapper .menu-regions li a:after {
  display: none!important
}

.header .header__inner--mobile .nav-wrapper .menu-regions li li {
  margin-bottom: -8px!important;
  padding-bottom: 0
}

@media only screen and (max-width: 1024px) {
  .header .header__inner--mobile .nav-wrapper .nav-access {
      margin-top:0
  }
}

@media only screen and (max-width: 1024px) {
  .header .header__inner--mobile .nav-wrapper .nav-access li {
      margin:0
  }
}

@media only screen and (max-width: 1024px) {
  .header .header__inner--mobile .nav-wrapper .nav-access a {
      padding:0
  }
}

@media only screen and (max-width: 1024px) {
  .header .header__inner--desktop {
      display:none
  }
}

.header .nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -webkit-font-smoothing: initial;
}

.header .nav:after {
  content: "";
  display: block;
  right: 0;
  width: 1px;
  height: 15px;
  top: 0;
  position: relative;
}

@media only screen and (max-width: 1024px) {
  .header .nav:after {
      display:none
  }
}

.header .nav.nav-secondary .menu {
  padding: 0
}

.header .nav .menu {
  padding: 0 16px
}

@media only screen and (max-width: 1024px) {
  .header .nav .menu {
      -ms-flex-direction:column;
      flex-direction: column;
      padding: 0
  }
}

.header .nav .menu>li>a {
  display: block;
  padding-top: 29px;
  padding-bottom: 28px
}

@media only screen and (max-width: 1024px) {
  .header .nav .menu>li>a {
      padding:7px 20px 7px 0;
      display: inline-block;
      width: auto
  }
}

@media only screen and (max-width: 767px) {
  .header .nav .menu>li>a {
      padding:6px 20px 6px 0;
      white-space: nowrap
  }
}

@media only screen and (min-width: 1025px) and (max-width:1199px) {
  .header .nav .menu>li>a {
      padding-left:10px;
      padding-right: 10px
  }

  .header .nav .menu>li.menu-item-has-children>a {
      padding-right: 20px
  }
}

@media only screen and (max-width: 1024px) {
  .header .nav .menu>li {
      margin-bottom:20px
  }

  .header .nav .menu>li.menu-item-has-children>a:after {
      transition: all .2s;
      transform: scale(1)
  }

  .header .nav .menu>li.menu-item-has-children.menu-item-closed>a:after {
      transform: scaleX(0)
  }
}

.header .nav .menu>li a:hover {
  color: #555;
  opacity: 0.5;
}

.header .nav .menu>li.menu-item-has-children {
  padding-right: 19px;
}

.header .nav .menu>li:first-child.menu-item-has-children {
  padding-left: 40px
}

.header .nav .menu>li.menu-item-has-children>a {
  position: relative
}

.header .nav .menu>li.menu-item-has-children>a:after {
  content: "\E917";
  font-family: NODE-icon!important;
  display: block;
  position: absolute;
  top: 50%;
  right: -3px;
  width: 16px;
  height: 16px;
  font-size: 12px;
  margin-top: -5px
}

@media only screen and (max-width: 1024px) {
  .header .nav .menu>li.menu-item-has-children>a:after {
      display:none;
      content: "\E920"!important;
      font-size: 10px
  }
}

.header .nav .menu>li.menu-item-has-children:hover>a:after {
  content: "\E919"
}

@media only screen and (min-width: 1025px) and (max-width:1199px) {
  .header .nav .menu>li.menu-item-has-children {
      padding-right:4px
  }
}

@media only screen and (max-width: 1024px) {
  .header .nav .menu>li.menu-item-has-children>.sub-menu-wrapper {
      transform:translateX(0);
      transition: all .5s .3s;
      pointer-events: auto
  }

  .header .nav .menu>li.menu-item-has-children.menu-item-closed>.sub-menu-wrapper {
      opacity: 1;
      pointer-events: none;
      transform: translateX(100%);
      transition: all .5s 0s
  }
}

.header .nav .menu>li>.sub-menu-wrapper {
  opacity: 0;
  pointer-events: none;
  transition: opacity .5s;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: .1em;
  background: white;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  padding: 43px 60px 46px 60px
}

@media only screen and (max-width: 1024px) {
  .header .nav .menu>li>.sub-menu-wrapper {
      position:absolute;
      top: 0;
      left: auto;
      right: 0;
      width: 54%;
      padding: 23px 0;
      display: block;
      opacity: 1;
      pointer-events: auto;
      background: #989898;
      height: 100%;
      overflow: auto
  }

  .header .nav .menu>li>.sub-menu-wrapper a {
      padding: 0 8px 0 15px;
      letter-spacing: .1px!important
  }

  .header .nav .menu>li>.sub-menu-wrapper>.sub-menu>li>.sub-menu-wrapper>.sub-menu>li {
      padding: 0!important;
      margin-bottom: 17px
  }

  .header .nav .menu>li>.sub-menu-wrapper>.sub-menu>li>.sub-menu-wrapper>.sub-menu>li:last-child {
      margin-bottom: 6px!important
  }

  .header .nav .menu>li>.sub-menu-wrapper>.sub-menu>li>.sub-menu-wrapper>.sub-menu>li>a {
      margin-bottom: 8px!important
  }

  .header .nav .menu>li>.sub-menu-wrapper>.sub-menu>li>.sub-menu-wrapper>.sub-menu>li li {
      padding: 6px 0!important
  }

  .header .nav .menu>li>.sub-menu-wrapper>.sub-menu>li>.sub-menu-wrapper>.sub-menu>li li a {
      font-size: 12px;
      line-height: 1.3;
      letter-spacing: .4px!important
  }
}

@media only screen and (min-width: 768px) {
  .header .nav .menu>li:first-child>.sub-menu-wrapper>.sub-menu>li:nth-child(odd) {
      width:23%;
  }

  .header .nav .menu>li>.sub-menu-wrapper>.sub-menu>li:nth-child(odd) li {
      width: 100%
  }

  .header .nav .menu>li>.sub-menu-wrapper>.sub-menu>li:nth-child(odd) li li a {
      padding-right: 15px;
      position: relative
  }

  .header .nav .menu>li>.sub-menu-wrapper>.sub-menu>li:nth-child(odd)>li+li {
      margin-top: 38px
  }

  .header .nav .menu>li:first-child>.sub-menu-wrapper>.sub-menu>li:nth-child(2n) {
      width: 77%
  }

  .header .nav .menu>li>.sub-menu-wrapper>.sub-menu>li:nth-child(2n) .sub-menu {
      -ms-flex-pack: start;
      justify-content: flex-start
  }

  .header .nav .menu>li>.sub-menu-wrapper>.sub-menu>li:nth-child(2n)>.sub-menu-wrapper>ul>li {
      width: 25%
  }

  .header .nav .menu>li>.sub-menu-wrapper>.sub-menu>li:nth-child(2n) li+li {
      margin-top: 0!important
  }

  .header .nav .menu>li>.sub-menu-wrapper>.sub-menu>li:nth-child(2n) li li+li {
      margin-top: 5px!important
  }
}

@media only screen and (min-width: 768px) and (max-width:1024px) {
  .header .nav .menu>li>.sub-menu-wrapper>.sub-menu>li:nth-child(2n),.header .nav .menu>li>.sub-menu-wrapper>.sub-menu>li:nth-child(odd) {
      width:100%
  }
}

@media only screen and (max-width: 1024px) {
  .header .nav .menu>li>.sub-menu-wrapper>.sub-menu {
      -ms-flex-direction:column;
      flex-direction: column;
      z-index: 10
  }

  .header .nav .menu>li>.sub-menu-wrapper>.sub-menu a {
      color: #555;
  }
}

.header .nav .menu>li>.sub-menu-wrapper>.sub-menu>li>a {
}

.header .nav .menu>li>.sub-menu-wrapper>.sub-menu>li li {
  padding: 6px 0
}

.header .nav .menu>li>.sub-menu-wrapper>.sub-menu>li li a {
  display: inline-block;
  font-size: 12px;
  letter-spacing: 0.72px;
  -webkit-font-smoothing: initial;
  font-weight: 200;
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

@media only screen and (max-width: 1024px) {
  .header .nav .menu>li>.sub-menu-wrapper>.sub-menu>li li+li {
      margin-top:3px
  }
}

.header .nav .menu>li>.sub-menu-wrapper>.sub-menu>li>.sub-menu-wrapper>.sub-menu>li>a {
  text-transform: uppercase;
  font-family: Swis721 Md BT,sans-serif;
  font-weight: 500;
  margin: 0 0 10px;
  max-width: 100%;
  color: #989898;
  font-size: 11px;
  line-height: 1.4;
  letter-spacing: 0.44px
}

.header .nav .menu>li>.sub-menu-wrapper>.sub-menu>li>.sub-menu-wrapper>.sub-menu>li>a a:after {
  content: ">"
}

@media only screen and (max-width: 1024px) {
  .header .nav .menu>li>.sub-menu-wrapper>.sub-menu>li>.sub-menu-wrapper>.sub-menu>li>a {
      color:#c7c7c7;
      font-size: 12px;
      line-height: 1.4;
      margin-bottom: 15px
  }
}

@media only screen and (min-width: 768px) {
  .header .nav .menu>li>.sub-menu-wrapper>.sub-menu>li>.sub-menu-wrapper>.sub-menu>li+li {
      margin-top:15px
  }

  .header .nav .menu>li>.sub-menu-wrapper>.sub-menu>li>.sub-menu-wrapper>.sub-menu>li+li li+li {
      margin-top: 5px
  }
}

.header .nav .menu>li>.sub-menu-wrapper>.sub-menu>li>.sub-menu-wrapper>.sub-menu .sub-menu {
  -ms-flex-direction: column;
  flex-direction: column
}

.header .nav .menu>li:hover>.sub-menu-wrapper {
  opacity: 1;
  pointer-events: auto
}

@media only screen and (min-width: 1025px) and (max-width:1199px) {
  .header .nav .menu {
      padding:0
  }
}

.header .nav .sub-menu {
  max-width: 760px;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: left
}

.header .nav .menu>li:first-child .sub-menu {
  max-width: 847px
}

@media only screen and (max-width: 1024px) {
  .header .nav .sub-menu {
      -ms-flex-direction:column;
      flex-direction: column
  }
}

.header .nav ul {
  display: -ms-flexbox;
  display: flex;
  margin: 0
}

.header .nav.nav-mega-menu a {
  letter-spacing: 1.55px
}

.header .nav a {
  font-size: 12px;
  letter-spacing: 1.25px;
  color: #555;
  padding: 0 18px;
  display: block;
  text-decoration: none
}

.header .nav .cart a {
  position: relative
}

.header .nav .cart span {
  position: absolute;
  font-size: 0;
  top: -2px;
  right: 8px;
  width: 5px;
  height: 5px;
  line-height: 6px;
  border-radius: 50%;
  background-color: #555;
  color: #fff;
  text-align: center
}

@media only screen and (min-width: 1025px) and (max-width:1199px) {
  .header .nav .cart span {
      right:7px
  }
}

@media only screen and (max-width: 1024px) {
  .header .nav .cart span {
      right:1px;
      top: -1px
  }
}

@media only screen and (min-width: 1025px) and (max-width:1199px) {
  .header .nav-access ul {
      padding:0 5px 4px
  }
}

@media only screen and (max-width: 1024px) {
  .header .nav-access ul {
      padding:0;
      -ms-flex-direction: row;
      flex-direction: row
  }
}

@media only screen and (max-width: 1024px) {
  .header .nav-access li {
      margin-left:3px
  }
}

.header .nav-access a {
  padding: 0 12px
}

.header .nav-access a i {
  display: block;
  width: 20px;
  height: 20px;
  color: #989898;
  font-size: 20px;
  line-height: 1
}

@media only screen and (max-width: 1024px) {
  .header .nav-access a i {
      display:block;
      width: 20px;
      height: 20px;
      font-size: 20px;
      line-height: 1
  }
}

@media only screen and (min-width: 1025px) and (max-width:1199px) {
  .header .nav-access a {
      padding:0 10px
  }
}

@media only screen and (max-width: 1024px) {
  .header .nav-access a {
      padding:0 6px;
      text-transform: uppercase
  }
}

.header .nav-lang {
  position: relative;
  font-size: 14px;
  -ms-flex-align: center;
  align-items: center
}

.header .nav-lang .nav__current {
  padding: 0 35px 0 20px;
  position: relative
}

.header .nav-lang .nav__current i {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  color: #989898;
  font-size: 10px
}

@media only screen and (min-width: 1025px) and (max-width:1199px) {
  .header .nav-lang .nav__current {
      padding:0 25px 0 10px
  }

  .header .nav-lang .nav__current i {
      right: 6px
  }
}

@media only screen and (max-width: 1024px) {
  .header .nav-lang .nav__current {
      padding-left:0
  }
}

.header .nav-lang ul {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: hsla(0,0%,78%,.9);
  display: block;
  z-index: 10;
  opacity: 0;
  pointer-events: none
}

.header .nav-lang ul li {
  display: block
}

.header .nav-lang ul li a {
  line-height: 24px;
  padding: 0 18px;
  color: #fff
}

.header .nav-lang ul li a:hover {
  background-color: #787878
}

@media only screen and (max-width: 1024px) {
  .header .nav-lang ul {
      max-height:0;
      overflow: hidden;
      position: relative;
      top: auto;
      display: -ms-flexbox;
      display: flex
  }
}

.header .nav-lang.expanded ul,.header .nav-lang:not(.is-touch):hover ul {
  opacity: 1;
  pointer-events: auto
}

.header .nav-lang.is-touch {
  pointer-events: auto;
  z-index: 50
}

.header .nav-lang.is-touch ul {
  pointer-events: auto
}

@media only screen and (max-width: 1024px) {
  .header .nav-lang {
      margin-top:22px;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-align: start;
      align-items: flex-start
  }

  .header .nav-lang.expanded ul,.header .nav-lang:not(.is-touch):hover ul {
      max-height: 100px;
      margin-top: 5px
  }
}

.header .form-search {
  position: relative;
  padding: 0 25px 0 28px
}

.header .form-search.form-expanded:after {
  opacity: 0
}

.header .form-search:after {
  content: "";
  display: block;
  width: 1px;
  height: 15px;
  top: 0;
  position: absolute;
  top: 50%;
  right: 0;
  opacity: 1;
  transform: translateY(-50%);
  background-color: #c7c7c7;
  transition: all .3s
}

@media only screen and (max-width: 1024px) {
  .header .form-search:after {
      display:none
  }
}

.header .form-search form {
  position: relative;
  width: 21px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  transition: all .25s ease-in-out
}

.header .form-search .label-hidden {
  display: none
}

.header .form-search input[type=search] {
  vertical-align: middle;
  color: #c7c7c7;
  letter-spacing: .1em;
  width: 0;
  height: 100%;
  min-height: 18px;
  margin: 0;
  padding: 5px 15px 5px 24px;
  border: none;
  border-bottom: 1px solid #e3e3e6;
  box-shadow: none;
  color: #989898;
  font-size: 12px;
  line-height: 1.4;
  transition: all .25s ease-in-out
}

.header .form-search input[type=search]::-webkit-input-placeholder {
  text-transform: uppercase
}

.header .form-search input[type=search]:-moz-placeholder,.header .form-search input[type=search]::-moz-placeholder {
  text-transform: uppercase
}

.header .form-search input[type=search]:-ms-input-placeholder {
  text-transform: uppercase
}

@media only screen and (max-width: 767px) {
  .header .form-search input[type=search] {
      font-size:10px
  }
}

.header .form-search .btn-search {
  transform: translateY(-50%);
  left: 0;
  font-size: 15px
}

.header .form-search .btn-search,.header .form-search .btn-search-trigger {
  display: block;
  position: absolute;
  top: 50%;
  background: none;
  border: none;
  line-height: 1;
  width: 15px;
  height: 15px;
  cursor: pointer
}

.header .form-search .btn-search-trigger {
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 10;
  text-decoration: none;
  color: inherit;
  font-size: 0;
  opacity: 1
}

.header .form-search .btn-search-trigger i {
  font-size: 15px
}

@media only screen and (max-width: 1024px) {
  .header .form-search .btn-search-trigger {
      display:-ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      left: -1px;
      transform: translateY(-50%);
      width: 130px;
      font-size: 10px;
      text-transform: uppercase
  }

  .header .form-search .btn-search-trigger i {
      font-size: 16px;
      margin-right: 3px
  }
}

.header .form-search .btn-close {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  border: none;
  background: none;
  display: block;
  width: 15px;
  height: 15px;
  color: #989898;
  font-size: 15px;
  line-height: 1
}

.header .form-search.form-expanded form {
  width: 163px;
  pointer-events: auto;
  opacity: 1;
  padding-right: 25px
}

.header .form-search.form-expanded input[type=search] {
  width: 100%
}

.header .form-search.form-expanded .btn-search-trigger {
  opacity: 0;
  pointer-events: none
}

@media only screen and (min-width: 1025px) and (max-width:1199px) {
  .header .form-search {
      padding:0 7px 0 10px
  }
}

@media only screen and (max-width: 1024px) {
  .header .form-search {
      margin-top:20px;
      padding: 0
  }
}

.header .nav-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.header .header__inner--mobile .nav-wrapper {
  opacity: 0;
  pointer-events: none;
  transition: all 2s .5s
}

@media only screen and (max-width: 1024px) {
  .header .header__inner--mobile .nav-wrapper .form-search,.header .header__inner--mobile .nav-wrapper .nav-access,.header .header__inner--mobile .nav-wrapper .nav-lang {
      transform:translateX(-100%);
      opacity: 0;
      transition: all .5s
  }

  .header .header__inner--mobile .nav-wrapper .form-search.animated,.header .header__inner--mobile .nav-wrapper .nav-access.animated,.header .header__inner--mobile .nav-wrapper .nav-lang.animated {
      transform: translateX(0);
      opacity: 1
  }
}

@media only screen and (max-width: 1024px) {
  .header .header__inner--mobile .nav-wrapper .form-search.animated,.header .header__inner--mobile .nav-wrapper .nav-access.animated,.header .header__inner--mobile .nav-wrapper .nav-lang.animated {
      position:absolute;
      bottom: 60px
  }
}
}

.header .header__inner--mobile .nav-wrapper .form-search {
  margin-top: 6px
}

.header .header__inner--mobile .nav-wrapper .form-search a {
  font-size: 10px
}

.header .header__inner--mobile .nav-wrapper .form-search a i {
  font-size: 12px
}

.header .header__inner--mobile .nav-wrapper .menu {
  width: 100%
}

.header .header__inner--mobile .nav-wrapper .nav>.menu>li>a {
  transform: translateX(-100%);
  opacity: 0;
  transition: all .5s
}

.header .header__inner--mobile .nav-wrapper .nav>.menu>li>a.animated {
  transform: translateX(0);
  opacity: 1
}

@media only screen and (max-width: 1024px) {
  .header .header__inner--mobile .nav-wrapper {
      display:-ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: start;
      align-items: flex-start;
      position: fixed;
      left: 0;
      right: 0;
      top: 47px;
      bottom: 0;
      width: 100%;
      background: hsla(0,0%,100%,.95);
      max-height: calc(100vh - 47px);
      overflow-y: auto;
      overflow-x: hidden
  }

  .header .header__inner--mobile .nav-wrapper__inner {
      padding: 28px 18px;
      max-width: 45.8%
  }
}

@media only screen and (max-width: 1024px) and (max-width:767px) {
  .header .header__inner--mobile .nav-wrapper__inner {
      padding-right:0
  }
}

.header .header__bar+.header__body .nav-wrapper {
  top: 78px;
  max-height: calc(100vh - 78px)
}

@media only screen and (max-width: 767px) {
  .header .header__bar+.header__body .nav-wrapper {
      top:47px;
  }
}

.header.nav-expanded .nav-trigger span:first-child {
  transform: translateY(4px) rotate(165deg);
  height: 1px;
}

.header.nav-expanded .nav-trigger span:nth-child(3) {
  transform: scale(0)
}

.header.nav-expanded .nav-trigger span:nth-child(2) {
  transform: translateY(0px) rotate(-165deg);
  height: 1px;
}

.header.nav-expanded .nav-wrapper {
  opacity: 1;
  pointer-events: auto;
  transition: all .5s 0s
}

.header.nav-expanded .nav-wrapper .menu {
  width: 100%
}

.header.nav-expanded .nav-wrapper .nav>.menu>li>a {
  transform: translateX(-100%);
  opacity: 0;
  transition: all .5s
}

.header.nav-expanded .nav-wrapper .nav>.menu>li>a.animated {
  letter-spacing: 0.72px;
  transform: translateX(0);
  opacity: 1
}

.footer {
  border-top: 1px solid #c7c7c7
}

.footer .logo-image {
  display: block;
  max-width: 100%
}

.footer .logo-image svg {
  fill: #989898;
  max-height: 26px;
  width: 100%
}

.footer .logo-image+p {
  margin-top: 15px;
  font-size: 14px
}

.footer .logo-image+p a {
  text-decoration: none;
  color: inherit
}

.footer .logo-image+p a i {
  vertical-align: -.05em
}

.footer .shell {
  max-width: 1004px;
  margin: 0 auto;
  padding: 0 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.footer .footer__bar {
  border-bottom: 1px solid #c7c7c7;
  padding: 4px 5px 4px 0
}

.footer .form-subscribe {
  width: 100%;
  max-width: 500px;
  position: relative;
  overflow: hidden;
  margin-left: auto
}

.footer .form-subscribe #mc_embed_signup #mc_embed_signup_scroll {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  -ms-flex-align: start;
  align-items: flex-start
}

@media only screen and (max-width: 767px) {
  .footer .form-subscribe #mc_embed_signup #mc_embed_signup_scroll {
      -ms-flex-direction:column;
      flex-direction: column
  }
}

.footer .form-subscribe #mc_embed_signup label {
  position: absolute;
  top: 0;
  left: 0;
  padding: 11px 16px;
  line-height: 1.4;
  color: #c7c7c7;
  text-transform: uppercase;
  pointer-events: none;
  z-index: 10
}

.footer .form-subscribe #mc_embed_signup .mc-field-group {
  padding: 0;
  height: auto;
  min-height: 0
}

.footer .form-subscribe #mc_embed_signup input[type=email] {
  width: 100%;
  height: 40px;
  padding: 5px 140px 5px 14px;
  border-width: 1px!important;
  border: 1px solid #c7c7c7;
  background-color: transparent;
  box-shadow: none;
  color: #c7c7c7;
  font-size: 13px;
  line-height: 1.4;
  letter-spacing: 1.4px;
  border-radius: 0;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media only screen and (max-width: 767px) {
  .footer .form-subscribe #mc_embed_signup input[type=email] {
      width:100%;
      height: 42px;
      padding: 5px 14px;
      font-size: 12px;
      line-height: 1.4;
      letter-spacing: 1.4px;
      text-indent: 0
  }
}

.footer .form-subscribe #mc_embed_signup input[type=submit] {
  position: absolute;
  top: 1px;
  right: 1px;
  height: 38px;
  padding: 0 10px;
  font-size: 12px;
  color: #fff;
  background-color: #989898;
  vertical-align: middle;
  text-transform: uppercase;
  border-radius: 0;
  margin: 0
}

@media only screen and (max-width: 767px) {
  .footer .form-subscribe #mc_embed_signup input[type=submit] {
      right:1px;
      top: 48px;
      height: 40px;
      background-color: #c7c7c7
  }
}

.footer .form-subscribe #mc_embed_signup .mce_inline_error {
  margin: 0!important;
  font-weight: 400!important
}

.footer .form-subscribe #mc_embed_signup #mce-responses {
  overflow: hidden;
  background-color: #fff;
  width: 100%;
  z-index: 10;
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  left: 0;
  padding: 0;
  font-size: 12px
}

.footer .form-subscribe #mc_embed_signup #mce-error-response,.footer .form-subscribe #mc_embed_signup #mce-success-response {
  margin: 0;
  padding: 27px 10px;
  width: 100%;
  color: inherit
}

.footer .form-subscribe #mc_embed_signup #mce-error-response a,.footer .form-subscribe #mc_embed_signup #mce-success-response a {
  color: #787878
}

@media only screen and (max-width: 767px) {
  .footer .form-subscribe #mc_embed_signup #mce-error-response,.footer .form-subscribe #mc_embed_signup #mce-success-response {
      padding:40px 10px
  }
}

.footer .form-subscribe #mc_embed_signup h2 {
  font-size: 14px;
  text-transform: uppercase;
  padding: 0 15px 0 0;
  letter-spacing: .5px;
  line-height: 3;
  margin: 0;
  margin-bottom: 0;
  font-weight: 500
}

@media only screen and (max-width: 767px) {
  .footer .form-subscribe #mc_embed_signup h2 {
      margin-bottom:5px;
      width: 100%;
      text-align: center;
      padding: 0;
      font-weight: 400
  }
}

@media only screen and (max-width: 767px) {
  .footer .form-subscribe #mc_embed_signup {
      max-width:100%
  }

  .footer .form-subscribe #mc_embed_signup form {
      padding: 0
  }

  .footer .form-subscribe #mc_embed_signup .mc-field-group {
      width: 100%
  }
}

@media only screen and (min-width: 768px) and (max-width:1024px) {
  .footer .form-subscribe {
      max-width:450px
  }
}

@media only screen and (max-width: 767px) {
  .footer .form-subscribe {
      max-width:100%
  }
}

.footer .footer__body {
  padding: 34px 0 0
}

.footer .footer__aside {
  width: 160px
}

.footer .footer__content {
  width: calc(100% - 160px)
}

.footer .nav {
  width: 100%;
  max-width: 680px;
  margin: 0 auto
}

.footer .nav,.footer .nav .nav__col {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.footer .nav .nav__col {
  width: 48.7%;
  padding-bottom: 20px;
  padding-left: 49px
}

.footer .nav .nav__col+.nav__col {
  border-left: 1px solid #c7c7c7;
  padding-left: 40px
}

.footer .nav .nav__col+.nav__col a {
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: .09em
}

@media only screen and (max-width: 767px) {
  .footer .nav .nav__col {
      padding:0
  }

  .footer .nav .nav__col a {
      font-size: 11px!important
  }

  .footer .nav .nav__col .menu>li+li {
      margin-top: 18px!important
  }

  .footer .nav .nav__col+.nav__col {
      padding-left: 15px
  }

  .footer .nav .nav__col+.nav__col a {
      font-size: 10px!important
  }
}

.footer .nav>ul {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.footer .nav>ul>li {
  width: 50%
}

.footer .nav>ul>li:only-child {
  width: 100%
}

@media only screen and (max-width: 767px) {
  .footer .nav>ul>li {
      width:100%
  }

  .footer .nav>ul>li+li {
      margin-top: 18px!important
  }
}

.footer .nav>ul>li+li {
  margin-top: 0
}

.footer .nav>ul>li>a {
  display: none
}

@media only screen and (max-width: 767px) {
  .footer .nav>ul {
      -ms-flex-direction:column;
      flex-direction: column
  }
}

.footer .nav li {
  line-height: 1.4;
  display: block
}

.footer .nav li+li {
  margin-top: 18px
}

.footer .nav a {
  color: #989898;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 1.1px;
  text-decoration: none;
  display: block
}

.footer .nav a:hover {
  color: #414040
}

@media only screen and (max-width: 767px) {
  .footer .nav {
      max-width:100%
  }

  .footer .nav ul {
      padding: 0;
      width: 100%;
      -ms-flex: 1 1 100%;
      flex: 1 1 100%
  }

  .footer .nav ul:first-child {
      margin-left: 0
  }

  .footer .nav ul+ul {
      margin-top: 15px
  }

  .footer .nav li {
      padding-left: 0
  }
}

.footer .nav-region {
  display: none;
  margin-top: 17px
}

.footer .nav-region .sub-menu-wrapper {
  display: none
}

.footer .nav-region>ul>li {
  width: 100%
}

.footer .nav-region>ul>li>a {
  display: block;
  text-transform: uppercase
}

.footer .nav-region>ul>li>a:before {
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  background: url(earth-globe.svg) 50% no-repeat;
  background-size: contain;
  margin-right: 4px;
  margin-bottom: -1px
}

@media only screen and (max-width: 1024px) {
  .footer .nav-region {
      display:block
  }
}

.footer .copyright {
  width: 100%;
  text-align: center;
  font-size: 12px;
  padding: 15px 15px 11px;
  margin-top: 38px;
  line-height: 2;
  color: #989898
}

.footer .copyright a {
  color: inherit;
  text-decoration: none
}

.footer .btn-scroll-top {
  display: block;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  z-index: 1000;
  top: auto!important;
  bottom: 50px;
  right: 15px;
  width: 40px;
  height: 40px;
  background-color: #c7c7c7;
  border-radius: 20px;
  transition: .2s ease-in-out;
  color: #fff;
  text-align: center;
  text-decoration: none
}

.footer .btn-scroll-top.shown {
  opacity: 1;
  pointer-events: auto
}

.footer .btn-scroll-top i {
  line-height: 39px;
  text-decoration: none;
  margin-right: -2px
}

@media only screen and (max-width: 767px) {
  .footer .shell {
      -ms-flex-direction:column;
      flex-direction: column;
      -ms-flex-align: center;
      align-items: center
  }

  .footer .footer__bar {
      padding: 26px 0 40px
  }

  .footer .footer__aside {
      -ms-flex-order: 1;
      order: 1;
      width: 100%;
      text-align: center;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      margin-top: 32px
  }

  .footer .footer__aside .logo-image {
      max-width: 75px;
      margin: 0 auto
  }

  .footer .footer__body {
      padding: 20px 0 18px
  }

  .footer .footer__content {
      -ms-flex-order: 0;
      order: 0;
      width: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column
  }

  .footer .copyright {
      -ms-flex-order: 2;
      order: 2;
      margin-top: 0;
      font-size: 12px;
      line-height: 1.4
  }
}

.section .section__subtitle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 40px
}

.section .section__subtitle .btn--white {
  color: inherit
}

@media only screen and (max-width: 767px) {
  .section .section__subtitle {
      -ms-flex-direction:column;
      flex-direction: column
  }

  .section .section__subtitle span {
      width: 100%;
      margin-bottom: 10px
  }
}

.section.hidden {
  display: none!important
}

.section .section__empty {
  padding: 48px 60px;
  text-align: center;
  background-color: #eee;
  margin-bottom: 30px;
  border: 1px solid #989898;
  color: #989898
}

.section .section__empty .section__title:last-child {
  margin-bottom: 0
}

.section .btn-load-more {
  display: block;
  max-width: 200px;
  margin: 0 auto
}

#shopify-section-colors {
  display: none
}

.section-message {
  padding: 115px 0
}

.section-message .section__head {
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 30px
}

.section-message .section__title {
  line-height: 2;
  font-size: 24px;
  letter-spacing: .8px;
  text-transform: none;
  font-family: Baskerville
}

.section-message p {
  width: 100%
}

.section-message .btn {
  width: 200px;
  text-align: center;
  margin-top: 16px;
  color: #989898;
  line-height: 1.6;
  letter-spacing: .4px
}

@media only screen and (max-width: 767px) {
  .section-message {
      padding:80px 0
  }

  .section-message .section__head {
      padding: 0
  }

  .section-message .section__title {
      font-size: 19px;
      letter-spacing: .64px;
      margin: 0
  }

  .section-message .btn {
      margin-top: 20px
  }
}

.section-grid {
  margin-bottom: 124px
}

.section-grid .section__title {
  line-height: 2
}

@media only screen and (max-width: 767px) {
  .section-grid {
      margin-bottom:50px
  }
}

.section-featured-products {
  margin-bottom: 109px;
  padding: 50px 0
}

.section-featured-products .shell {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0
}

@media only screen and (max-width: 767px) {
  .section-featured-products .shell {
      padding:0
  }
}

.section-featured-products .section__body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.section-featured-products .featured-products {
  margin: 0 -2px;
  width: calc(100% + 4px)
}

@media only screen and (max-width: 767px) {
  .section-featured-products {
      padding:0;
      margin: 0
  }

  .section-featured-products .product .product__content {
      width: 100%
  }
}

@media only screen and (max-width: 599px) {
  .section-featured-products .product .product__content {
      max-width:100%
  }
}

.section-news {
  padding: 80px 15px
}

.section-news .shell {
  max-width: 1020px;
  margin: 0 auto;
  padding: 0
}

@media only screen and (max-width: 767px) {
  .section-news .shell {
      padding:0 20px
  }
}

.section-news .section__head {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 21px
}

.section-news .link-more {
  position: relative;
  text-transform: uppercase;
  font-size: 13px;
  color: #989898;
  text-decoration: none;
  margin: 0 27px;
  padding: 0 32px 0 0
}

.section-news .link-more:hover {
  color: #414040
}

@media only screen and (max-width: 767px) {
  .section-news .link-more {
      margin:0
  }
}

.section-news .section__title {
  text-transform: uppercase;
  margin: 0;
  position: relative
}

.section-news .fr_icon-arrow-right {
  display: block;
  width: 12px;
  height: 12px;
  color: #989898;
  font-size: 12px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%)
}

@media only screen and (max-width: 767px) {
  .section-news .fr_icon-arrow-right {
      font-size:16px;
      right: 16px;
      line-height: 13px
  }
}

.section-news .section__foot {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 15px
}

.section-news.section-blog .nav-categories ul li {
  width: auto
}

.section-news.section-blog .nav-categories ul li.current a {
  background-color: #f5f5f5!important;
  color: #989898!important
}

.section-news .articles {
  margin-bottom: 5px
}

@media only screen and (max-width: 767px) {
  .section-news {
      padding:60px 0
  }

  .section-news .shell {
      padding: 0 30px
  }

  .section-news .section__head {
      -ms-flex-pack: center;
      justify-content: center
  }

  .section-news .section__title {
      text-align: center
  }
}

.section-collections .shell {
  max-width: 1235px;
  padding: 0 15px;
  margin: 0 auto
}

.section-collections .section__head {
  margin-top: 60px;
  margin-bottom: 45px;
  position: relative
}

@media only screen and (max-width: 767px) {
  .section-collections .section__head {
      margin-top:30px
  }
}

.section-collections .section__title {
  text-transform: uppercase;
  padding: 0 50px
}

.section-collections .menu-trigger {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  text-decoration: none;
  color: #989898
}

.section-collection {
  padding-top: 60px;
  padding-bottom: 60px
}

.section-collection .shell {
  max-width: 1235px;
  padding: 0 15px;
  margin: 0 auto
}

.section-collection .section__head {
  padding-bottom: 45px;
  position: relative;
  text-align: center
}

.section-collection .section__subtitle {
  display: block;
  margin: 26px 0 0;
  color: #989898;
  font-size: 24px;
  line-height: 1.2;
  text-align: center
}

.section-collection .section__description {
  color: #989898;
  margin-top: 26px;
  font-size: 14px;
  text-align: center;
  line-height: 2
}

.section-collection .section__title {
  text-transform: uppercase;
  margin: 0 0 35px;
  color: #989898;
  font-size: 18px;
  line-height: 1.2;
  text-align: center
}

.section-collection.section-products-in-use .product__title {
  line-height: 1.1;
  letter-spacing: 1.4px
}

.section-collection.section-products-in-use .product__media {
  margin-bottom: 15px
}

.section-collection.section-products-in-use .product__media img {
  margin-bottom: 0
}

.section-product .shell {
  max-width: 1026px;
  margin: 0 auto;
  padding: 0 15px
}

.section-intro .intro__image {
  overflow: hidden;
  height: 504px;
  margin: 0 0 35px;
  background-size: cover;
  background-position: 50%;
  margin-top: 31px;
}

@media only screen and (max-width: 767px) {
  .section-intro .intro__image {
      height:240px
  }
}

.section-blog:not(.section-news) {
  background-color: #f7f7f9;
  margin-bottom: 0;
  padding-bottom: 60px
}

.section-blog.section-grid .shell {
  max-width: 1230px;
  padding: 0 15px;
  margin: 0 auto
}

@media only screen and (max-width: 767px) {
  .section-blog.section-grid .grid-three-cols .grid__item {
      -ms-flex:1 1 100%;
      flex: 1 1 100%
  }

  .section-blog.section-grid .grid-three-cols .grid__item:after {
      padding-top: 270px
  }
}

.section-blog.section-articles .section__title {
  font-weight: 400
}

.section-blog.section-articles .articles .article:hover a {
  text-decoration: none
}

.section-blog .section__title {
  font-weight: 500;
  letter-spacing: .89px
}

.section-blog .slider-articles {
  width: calc(100% + 24px);
  max-width: calc(100% + 24px);
  margin: 8px -12px 12px
}

.section-blog .slider-articles .article__title {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  text-align: center;
  color: #fff;
  font-size: 24px;
  letter-spacing: 1.26px;
  line-height: .94;
  text-transform: none
}

@media only screen and (max-width: 767px) {
  .section-blog .slider-articles {
      width:calc(100% + 36px);
      max-width: calc(100% + 30px);
      margin: 0 -15px 6px;
      padding-bottom: 20px
  }

  .section-blog .slider-articles .article__title {
      font-size: 16px;
      padding: 0 40px
  }
}

.section-blog .articles .article:first-child,.section-blog .articles .article:nth-child(2) {
  display: none
}

.section-blog .articles.hide-1 .article:last-child,.section-blog .articles.hide-2 .article:last-child,.section-blog .articles.hide-2 .article:nth-last-child(2) {
  display: none!important
}

.section-blog .shell {
  max-width: 1230px;
  padding: 0 15px;
  margin: 0 auto
}

.section-blog .section__head {
  padding-top: 60px;
  padding-bottom: 22px;
  -ms-flex-direction: column;
  flex-direction: column
}

.section-blog .nav-categories {
  z-index: 30;
  text-align: center;
  display: block;
  margin: 25px auto 0;
  width: 100%;
  position: relative
}

.section-blog .nav-categories .nav__label {
  display: none;
  background-color: #e3e3e6;
  padding: 10px 28px 10px 10px;
  text-transform: uppercase;
  text-align: left;
  cursor: pointer
}

.section-blog .nav-categories .nav__label:before {
  display: block;
  position: absolute;
  top: 50%;
  right: 12px;
  width: 6px;
  height: 6px;
  content: "";
  margin: -3px 0 0;
  border-right: 1px solid #989898;
  border-bottom: 1px solid #989898;
  transform: rotate(45deg);
  transition: all .4s ease-out
}

@media only screen and (max-width: 767px) {
  .section-blog .nav-categories .nav__label {
      display:block;
      font-size: 12px;
      line-height: 1.4
  }
}

.section-blog .nav-categories ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  text-transform: uppercase
}

.section-blog .nav-categories ul li {
  -ms-flex: 0 0 160px;
  flex: 0 0 160px;
  padding: 1px 8px;
  line-height: 1.25;
  font-size: 12px;
  border: 1px solid #c7c7c7;
  border-width: 0 1px;
  margin-top: 5px
}

@media only screen and (min-width: 768px) and (max-width:1024px) {
  .section-blog .nav-categories ul li {
      -ms-flex:0 0 auto;
      flex: 0 0 auto;
      min-width: 100px
  }
}

.section-blog .nav-categories ul li+li {
  margin-left: -1px
}

.section-blog .nav-categories ul li a {
  text-decoration: none;
  color: #989898;
  display: block;
  padding: 0 12px
}

.section-blog .nav-categories ul li.current a {
  background-color: #787878!important;
  color: #fff!important
}

@media only screen and (max-width: 767px) {
  .section-blog .nav-categories.expanded ul {
      pointer-events:auto;
      opacity: 1
  }

  .section-blog .nav-categories.expanded .nav__label:before {
      transform: rotate(-135deg)
  }

  .section-blog .nav-categories ul {
      transition: all .5s;
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      background-color: #c7c7c7;
      opacity: 0;
      pointer-events: none
  }

  .section-blog .nav-categories ul li {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      height: auto;
      border: none;
      text-align: left;
      font-size: 12px;
      line-height: 1.4;
      padding: 0
  }

  .section-blog .nav-categories ul li a {
      font-size: 12px;
      line-height: 1.4;
      padding: 10px;
      color: #fff
  }

  .section-blog .nav-categories ul li+li {
      margin: 0
  }

  .section-blog .nav-categories ul li.current a {
      background-color: #787878
  }
}

.section-blog img {
  margin-bottom: 35px;
  display: block
}

.section-blog img[style="float: left;"] {
  max-width: 50%;
  margin-right: 40px
}

.section-blog img[style="float: right;"] {
  max-width: 50%;
  margin-left: 40px
}

@media only screen and (max-width: 767px) {
  .section-blog img[style="float: left;"],.section-blog img[style="float: right;"] {
      float:none!important;
      margin: 0 auto 35px;
      max-width: 100%;
      display: block
  }
}

.section-search {
  padding-bottom: 112px
}

.section-search .shell {
  max-width: 1230px;
  padding: 0 15px;
  margin: 0 auto
}

.section-search .products {
  margin-bottom: 0
}

.section-search .product {
  width: 20%
}

.section-search .product img {
  margin-bottom: 10px;
  width: 100%
}

@media only screen and (max-width: 767px) {
  .section-search .product {
      width:50%
  }
}

@media only screen and (max-width: 599px) {
  .section-search .product {
      width:50%
  }
}

.section-news-single {
  padding: 57px 0
}

.section-news-single .shell {
  max-width: 1026px;
  padding: 0 15px;
  margin: 0 auto
}

@media only screen and (max-width: 767px) {
  .section-news-single {
      padding:30px 0 35px
  }
}

.section-article {
  padding: 0 0 40px
}

.section-article .shell {
  max-width: 816px
}

.section-article .article__media {
  width: 100vw;
  height: 100vh
}

.section-article .article__media,.section-article .article__media .shell {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center
}

.section-article .article__media .shell {
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column
}

.section-article .article__title {
  color: #fff;
  font-size: 30px;
  font-weight: 300;
  text-transform: none
}

.section-article .article__meta,.section-article .article__meta li a {
  color: #fff
}

.section-base {
  font-size: 14px;
  padding: 90px 0
}

@media only screen and (max-width: 767px) {
  .section-base {
      padding:30px 0
  }
}

.section-base img {
  margin-bottom: 35px;
  display: block
}

.section-base img[style="float: left;"] {
  max-width: 50%;
  margin-right: 40px
}

.section-base img[style="float: right;"] {
  max-width: 50%;
  margin-left: 40px
}

@media only screen and (max-width: 767px) {
  .section-base img[style="float: left;"],.section-base img[style="float: right;"] {
      float:none!important;
      margin: 0 auto 35px;
      max-width: 100%;
      display: block
  }
}

.section-base hr {
  margin-top: 28px;
  margin-bottom: 28px;
  border: 0;
  border-top: 1px solid #eee
}

.section-base a:not(.btn) {
  color: #787878;
  transition: .2s ease-in-out
}

.section-base a:not(.btn):hover {
  text-decoration: none
}

.section-base .shell {
  width: 100%;
  max-width: 960px;
  padding: 0 15px;
  margin: 0 auto
}

.section-base .section__head {
  margin-bottom: 20px
}

.section-base .section__head .btn {
  margin-bottom: 5px
}

.section-base .section__entry {
  line-height: 2;
  color: #989898
}

.section-base .section__entry img {
  margin-bottom: 35px;
  display: block
}

.section-base .section__entry img[style="float: left;"] {
  max-width: 50%;
  margin-right: 40px
}

.section-base .section__entry img[style="float: right;"] {
  max-width: 50%;
  margin-left: 40px
}

@media only screen and (max-width: 767px) {
  .section-base .section__entry img[style="float: left;"],.section-base .section__entry img[style="float: right;"] {
      float:none!important;
      margin: 0 auto 35px;
      max-width: 100%;
      display: block
  }
}

.section-base .section__entry blockquote,.section-base .section__entry ol,.section-base .section__entry p,.section-base .section__entry table,.section-base .section__entry ul {
  margin-bottom: 35px
}

.section-base .section__entry blockquote {
  padding: 10px 10px 10px 20px;
  border-left: 3px solid #989898;
  position: relative
}

.section-base .section__entry blockquote:before {
  content: '"';
  position: absolute;
  top: 8px;
  left: 12px
}

.section-base .section__entry ol,.section-base .section__entry ul {
  padding-left: 20px
}

.section-base .section__entry blockquote:last-child,.section-base .section__entry ol:last-child,.section-base .section__entry p:last-child,.section-base .section__entry table:last-child,.section-base .section__entry ul:last-child {
  margin-bottom: 0
}

.section-base .section-account+.section-account,.section-base .section__inner+.section__inner {
  margin-top: 50px
}

@media only screen and (max-width: 767px) {
  .section-base .section__inner+.section__inner {
      margin-top:20px
  }
}

.section-base.section-search .shell {
  max-width: 1230px
}

#privacy-policy .section-base .section__head {
  margin-bottom: 45px
}

#privacy-policy .section-base .section__title {
  text-transform: none
}

#privacy-policy .section-base h4 {
  font-size: 16px;
  margin-top: 14px;
  margin-bottom: 10px;
  line-height: 1.1
}

@media only screen and (max-width: 767px) {
  #privacy-policy .section-base .section__head {
      margin-bottom:30px
  }
}

.template-page .section-base blockquote,.template-page .section-base ol,.template-page .section-base p,.template-page .section-base table,.template-page .section-base ul {
  margin-bottom: 20px
}

.template-page .section-base blockquote:last-child,.template-page .section-base ol:last-child,.template-page .section-base p:last-child,.template-page .section-base table:last-child,.template-page .section-base ul:last-child {
  margin-bottom: 0
}

.section-password {
  padding: 50px 0
}

.section-password .storefront-password-form {
  margin: 50px 0
}

.section-password .link-login {
  text-decoration: none
}

.section-password .form__row label {
  text-align: left
}

.section-404 {
  padding: 100px 0
}

.section-login .shell {
  max-width: 800px
}

.section-login .cols {
  padding: 25px 0 0
}

.section-login .section__body>.cols>.col,.section-login .section__body>.cols>.col>.form--small {
  display: -ms-flexbox;
  display: flex
}

@media only screen and (max-width: 767px) {
  .section-login .section__body>.cols>.col {
      width:100%
  }

  .section-login .section__body>.cols>.col+.col {
      margin-top: 20px
  }
}

.section-cart {
  padding-top: 60px;
  padding-bottom: 20px
}

.section-cart .shell {
  max-width: 980px
}

.section-cart form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.section-cart table {
  border-spacing: 0;
  border-collapse: collapse
}

.section-cart .form__aside {
  border: 1px solid #e3e3e3;
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  border-radius: 0;
  background-color: #f5f5f5
}

.section-cart .form__aside hr {
  margin: 10px 0;
  border-color: #ddd
}

.section-cart .form__aside ul {
  margin: 0;
  padding: 0
}

.section-cart .form__aside li {
  list-style: none;
  padding: 10px 0;
  margin: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  line-height: 2;
  border-top: 1px solid #ddd
}

.section-cart .form__aside li,.section-cart .form__aside li p {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%
}

.section-cart .form__aside li p {
  padding: 0 15px
}

.section-cart .form__aside li p span {
  text-align: left;
  max-width: 40%
}

.section-cart .form__aside li p span+span {
  max-width: 60%;
  text-align: right
}

.section-cart .form__aside .btn {
  width: 100%;
  margin-top: 10px;
  padding: 14px 10px
}

.section-cart .form__aside .btn+.btn {
  margin: 10px 0 0
}

@media only screen and (max-width: 767px) {
  .section-cart .form__aside {
      padding:10px
  }
}

.section-cart .form__content {
  margin-bottom: 20px
}

.section-cart .form__content:last-child {
  margin-bottom: 0
}

.section-cart .form__content~.address {
  padding: 5px 10px
}

.section-cart .td-image {
  width: 158px
}

.section-cart .td-description {
  width: calc(50% - 413px);
  text-align: left
}

.section-cart .td-price {
  width: 75px
}

.section-cart .td-quantity,.section-cart .td-remove {
  width: 90px
}

@media only screen and (max-width: 767px) {
  .section-cart .td-description,.section-cart .td-image,.section-cart .td-price,.section-cart .td-quantity {
      width:100%
  }

  .section-cart .td-description {
      text-align: center
  }

  .section-cart .td-remove {
      display: none
  }
}

.section-cart .responsive-table {
  width: 100%;
  border: 1px solid #ddd!important
}

.section-cart .responsive-table tr {
  position: relative
}

@media only screen and (max-width: 1024px) {
  .section-cart .responsive-table tr {
      margin:0;
      padding-top: 0
  }
}

.section-cart .responsive-table tr td {
  padding: 10px 15px;
  vertical-align: top;
  line-height: 2;
  border-top: 1px solid #ddd!important
}

.section-cart .responsive-table tr td:last-child {
  text-align: center
}

@media only screen and (max-width: 1024px) {
  .section-cart .responsive-table tr td:last-child {
      display:none
  }
}

@media only screen and (max-width: 1024px) {
  .section-cart .responsive-table tr td {
      padding:10px
  }
}

@media only screen and (max-width: 767px) {
  .section-cart .responsive-table tr td {
      padding:10px 15px
  }
}

.section-cart .responsive-table tr td a {
  text-decoration: none
}

.section-cart .responsive-table tr td img {
  width: 127px;
  margin: 0 auto
}

.section-cart .responsive-table tr td p {
  margin: 0
}

@media only screen and (max-width: 767px) {
  .section-cart .responsive-table tr td:first-child,.section-cart .responsive-table tr td:nth-child(2) {
      text-align:center
  }

  .section-cart .responsive-table tr td:first-child:before,.section-cart .responsive-table tr td:nth-child(2):before {
      display: none
  }
}

.section-cart .responsive-table tr+tr {
  border-top: none;
  margin-top: 20px
}

.section-cart .responsive-table tr .quantity-controls p {
  margin-bottom: 10px
}

.section-cart .responsive-table tr .quantity-controls>span {
  font-size: 0;
  display: -ms-flexbox;
  display: flex;
  max-width: 60px
}

@media only screen and (max-width: 1024px) {
  .section-cart .responsive-table tr .quantity-controls>span {
      max-width:100%;
      width: 100%
  }
}

.section-cart .responsive-table tr .quantity-controls .btn {
  font-size: 14px;
  width: 30px;
  height: 30px;
  line-height: 28px;
  color: #989898;
  border-color: #ccc;
  padding: 0;
  text-align: center;
  display: inline-block;
  background: #fff;
  margin: 0;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  font-weight: 500
}

@media only screen and (max-width: 1024px) {
  .section-cart .responsive-table tr .quantity-controls .btn {
      width:50%
  }
}

.section-cart .responsive-table tr .quantity-controls .btn:hover {
  color: #989898;
  background-color: #e6e6e6;
  border-color: #adadad
}

.section-cart .responsive-table tr .quantity-controls .remove {
  display: none
}

@media only screen and (max-width: 1024px) {
  .section-cart .responsive-table tr .quantity-controls .remove {
      display:block;
      width: 100%;
      margin-top: 5px
  }
}

.section-cart .responsive-table tr .remove {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0;
  background-color: #fff;
  border: 1px solid #ccc;
  color: #989898;
  text-align: center;
  display: inline-block
}

.section-cart .responsive-table tr .remove:hover {
  color: #989898;
  background-color: #e6e6e6;
  border-color: #adadad
}

@media only screen and (max-width: 767px) {
  .section-cart .responsive-table {
      border:none!important
  }

  .section-cart .responsive-table tr {
      border: 1px solid #ddd!important
  }

  .section-cart .responsive-table tr td:first-child {
      border-top: none!important
  }
}

.section-address .address-wrapper {
  padding: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eee;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.section-address .address-wrapper h2 {
  width: 100%
}

.section-address .address-wrapper .address {
  width: calc(50% - 10px);
  padding: 10px;
  background-color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-direction: column;
  flex-direction: column
}

.section-address .address-wrapper .address ul {
  width: 100%;
  margin: 10px 0
}

.section-address .address-wrapper .address ul:first-child {
  margin-top: 0
}

.section-address .address-wrapper .address p {
  width: 100%
}

@media only screen and (max-width: 767px) {
  .section-address .address-wrapper .address {
      width:100%
  }
}

@media only screen and (max-width: 767px) {
  .section-address .address-wrapper {
      padding:20px 20px 10px
  }
}

.section-account .section__inner+.section__inner {
  margin-top: 50px
}

.section-fullwidth {
  color: #fff;
  margin-top: 4px;
  background-size: cover;
  background-position: 50%;
  padding: 80px 0;
  min-height: 680px
}

.section-fullwidth .shell {
  max-width: 1020px;
  padding: 0 15px;
  margin: 0 auto
}

.section-fullwidth .section__head {
  text-align: center;
  width: 100%;
  margin-bottom: 68px;
  padding-top: 15px
}

.section-fullwidth .section__title {
  font-family: Baskerville;
  font-size: 28px;
  text-transform: none
}

.section-fullwidth .section__body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.section-fullwidth:nth-child(odd) .section__body {
  -ms-flex-pack: end;
  justify-content: flex-end
}

.section-fullwidth .section__content {
  width: 50%;
  font-size: 14px;
  padding: 0 12px;
  line-height: 2
}

.section-fullwidth .section__content p {
  margin-bottom: 14px
}

.section-fullwidth .section__content h4 {
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 26px
}

.section-fullwidth .section__media {
  width: 50%;
  padding: 0 12px
}

.section-fullwidth.section--white {
  color: #989898
}

.section-fullwidth.section--white .section__body {
  padding: 0 105px
}

.section-fullwidth.section--white .section__body h4 {
  font-size: 16px
}

.section-fullwidth.section--white.section-history .section__body {
  padding: 0 94px
}

.section-fullwidth.section--white.section-history .section__body h4 {
  font-size: 18px;
  text-align: center;
  margin-bottom: 18px
}

.section-fullwidth.section--white.section-history .section__body h5 {
  text-align: center;
  font-size: 16px
}

.section-fullwidth.section--white.section-history .section__content:only-child {
  width: 100%
}

.section-fullwidth.section--white.section-history .btn {
  display: block;
  width: 200px;
  margin: 28px auto 0
}

.section-fullwidth .btn {
  min-width: 200px;
  color: inherit;
  margin-top: 14px
}

.section-fullwidth.section-history {
  padding: 105px 0 112px;
  border-top: 1px solid #e3e3e6;
  min-height: 0
}

@media only screen and (max-width: 767px) {
  .section-fullwidth {
      background:none!important;
      color: #989898;
      padding: 0;
      min-height: 0
  }

  .section-fullwidth+.section-fullwidth {
      border-top: 1px solid #c7c7c7
  }

  .section-fullwidth:last-child {
      border-bottom: 1px solid #c7c7c7
  }

  .section-fullwidth .section__content,.section-fullwidth .section__media {
      width: 100%
  }

  .section-fullwidth .section__head {
      padding: 0;
      margin: 0 -20px;
      width: calc(100% + 40px);
      position: relative
  }

  .section-fullwidth .section__head .section__title {
      padding-top: 40px
  }

  .section-fullwidth .section__head .section__title:not(:only-child) {
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      transform: translateY(-50%);
      color: #fff;
      padding: 0
  }

  .section-fullwidth .section__body {
      padding: 0
  }

  .section-fullwidth .section__body .section__content {
      padding: 50px 0 40px
  }

  .section-fullwidth+.section--white {
      border-top: none
  }

  .section-fullwidth.section--white .section__body {
      padding: 0
  }

  .section-fullwidth.section--white .section__body .section__content {
      -ms-flex-order: 1;
      order: 1;
      width: 100%;
      padding: 50px 0
  }

  .section-fullwidth.section--white .section__body .section__content h4,.section-fullwidth.section--white .section__body .section__content h5 {
      text-align: center
  }

  .section-fullwidth.section--white .section__body .section__content .btn {
      width: 200px;
      margin-left: auto;
      margin-right: auto;
      display: block
  }

  .section-fullwidth.section--white .section__body .section__media {
      -ms-flex-order: 0;
      order: 0;
      width: 100%;
      padding: 20px 0
  }

  .section-fullwidth.section--white .section__body .section__media img {
      width: 100%
  }

  .section-fullwidth.section-history {
      padding: 30px 0
  }

  .section-fullwidth.section-history.section--white .section__body {
      padding: 0 15px
  }
}

.section-recently-viewed {
  border-top: 1px solid #e3e3e6
}

.section-steps {
  padding: 19px 0
}

.section-steps .shell {
  max-width: 820px;
  margin: 0 auto;
  padding: 0 20px
}

.section-steps .section__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  padding: 34px 0 44px;
  margin: 0 -12px;
  width: calc(100% + 24px)
}

.section-steps .section__row--fullwidth {
  -ms-flex-direction: column;
  flex-direction: column
}

.section-steps .section__row--fullwidth .section__content,.section-steps .section__row--fullwidth .section__media {
  width: 100%
}

.section-steps .section__row--fullwidth .section__media img {
  margin: 7px 0 37px
}

.section-steps .section__row--fullwidth .section__content {
  padding: 0 80px
}

.section-steps .section__row--fullwidth h4 {
  text-align: center
}

.section-steps .section__row--reversed {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.section-steps .section__row+.section__row:before {
  content: "";
  height: 1px;
  background: #e3e3e6;
  display: block;
  position: absolute;
  top: 0;
  left: 12px;
  right: 12px
}

.section-steps .section__content,.section-steps .section__media {
  width: 50%;
  padding: 0 12px;
  line-height: 2;
  font-size: 14px
}

.section-steps .section__medai img {
  width: 100%;
  margin: 7px 0 0
}

.section-steps .section__content h4 {
  text-transform: none;
  font-size: 16px;
  margin-bottom: 20px
}

@media only screen and (max-width: 767px) {
  .section-steps {
      padding:0
  }

  .section-steps .section__row--fullwidth .section__content {
      padding: 0 12px
  }

  .section-steps .section__row {
      -ms-flex-direction: column;
      flex-direction: column
  }

  .section-steps .section__row--reversed {
      -ms-flex-direction: column-reversed;
      flex-direction: column-reversed
  }

  .section-steps .section__media {
      width: 100%
  }

  .section-steps .section__media img {
      margin: 7px 0 37px
  }

  .section-steps .section__content {
      width: 100%
  }

  .section-steps .section__content h4 {
      text-align: center
  }
}

.section-team {
  padding: 94px 0;
  border-top: 1px solid #e3e3e6
}

.section-team .shell {
  max-width: 810px;
  margin: 0 auto;
  padding: 0 15px
}

.section-team .section__head {
  text-align: center;
  margin-bottom: 66px
}

.section-team .section__title {
  font-family: Baskerville;
  font-size: 28px;
  text-transform: none
}

.section-team .section__foot {
  margin-top: 80px;
  font-size: 14px;
  line-height: 2;
  text-align: center
}

.section-team .section__foot p {
  margin-bottom: 14px
}

.section-team .section__foot .btn {
  margin-top: 14px;
  min-width: 200px;
  color: inherit
}

.section-team .team {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -12px;
  width: calc(100% + 24px)
}

.section-team .team+.team {
  margin-top: 24px
}

.section-team .team .team__content-head {
  border-top: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
  padding: 20px 0 10px;
  margin-bottom: 20px;
  min-height: 91px
}

.section-team .team .team__content-head h4 {
  font-size: 16px;
  margin-bottom: 19px
}

.section-team .team .team__content-head h5 {
  font-size: 14px;
  margin-bottom: 0
}

.section-team .team .team__content-body {
  font-size: 14px;
  line-height: 2;
  margin-bottom: 14px
}

.section-team .team .team__media {
  padding: 0 12px;
  width: 58.33333%
}

.section-team .team .team__media img {
  width: 100%
}

.section-team .team .team__media .slick-dots {
  bottom: 33px
}

.section-team .team .team__media .slick-dots li button {
  background-color: hsla(0,0%,100%,.5)
}

.section-team .team .team__media .slick-dots li.slick-active button {
  background-color: #fff
}

.section-team .team .team__content {
  padding: 0 12px;
  width: 41.66667%
}

@media only screen and (max-width: 767px) {
  .section-team {
      padding:60px 0
  }

  .section-team .team .team__media {
      width: 100%;
      margin-bottom: 28px
  }

  .section-team .team .team__content {
      width: 100%
  }
}

.section-latest-posts {
  padding: 125px 0 142px
}

.section-latest-posts .section__head {
  margin-bottom: 48px
}

.section-latest-posts .section__title {
  font-size: 18px
}

.section-latest-posts .shell {
  max-width: 1310px;
  margin: 0 auto
}

.section-latest-posts .articles {
  margin: -12px;
  width: calc(100% + 24px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.section-latest-posts .article {
  padding: 12px;
  width: 33.33%;
  border: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

.section-latest-posts .article a {
  color: inherit
}

.section-latest-posts .article:hover .article__media {
  opacity: .6
}

.section-latest-posts .article:hover a {
  color: inherit
}

.section-latest-posts .article__media {
  transition: all .5s
}

.section-latest-posts .article__media img {
  width: 100%;
  margin: 0
}

.section-latest-posts .article__content {
  width: 100%;
  border: 1px solid #e6e6e9;
  background-color: #fff
}

.section-latest-posts .article__content a {
  text-decoration: none;
  position: relative;
  display: block;
  width: 100%;
  padding: 24px 35px 24px 16px
}

.section-latest-posts .article__content a i {
  display: block;
  width: 10px;
  height: 10px;
  color: #989898;
  font-size: 10px;
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%)
}

.section-latest-posts .article__title {
  width: 100%
}

@media only screen and (max-width: 767px) {
  .section-latest-posts {
      padding:57px 0
  }

  .section-latest-posts .section__head {
      margin: 20px
  }

  .section-latest-posts .articles {
      margin: -10px 0;
      width: 100%
  }

  .section-latest-posts .article {
      width: 100%;
      padding: 10px 0
  }

  .section-latest-posts .article .article__content a {
      letter-spacing: .8px;
      padding: 22px 45px 23px 16px
  }

  .section-latest-posts .article .article__content .article__title {
      line-height: 1.6
  }
}

.section-articles .articles {
  margin: -12px;
  margin-bottom: 40px;
  width: calc(100% + 24px);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.section-articles .articles:last-child {
  margin-bottom: 0
}

.section-articles .articles .article {
  width: 33.33%;
  border: none;
  transition: all .5s;
  opacity: 1;
  transform: scale(1)
}

.section-articles .articles .article.loading {
  opacity: 0;
  transform: scale(0)
}

.section-articles .article {
  width: 100%;
  padding: 12px;
  border: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

.section-articles .article a {
  color: inherit
}

.section-articles .article:hover .article__media {
  opacity: .6
}

.section-articles .article:hover a {
  color: inherit
}

.section-articles .article__media {
  transition: all .5s
}

.section-articles .article__media a {
  background-size: cover;
  background-position: 50%;
  padding-top: 70.31%;
  display: block;
  width: 100%
}

.section-articles .article__content {
  width: 100%;
  border: 1px solid #e6e6e9;
  background-color: #fff;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -ms-flexbox;
  display: flex
}

.section-articles .article__content a {
  text-decoration: none;
  position: relative;
  width: 100%;
  padding: 0 35px 0 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 67px;
  overflow: hidden
}

.section-articles .article__content a i {
  display: block;
  width: 10px;
  height: 10px;
  color: #989898;
  font-size: 10px;
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%)
}

.section-articles .article__content .article__title {
  width: 100%;
  font-size: 14px;
  display: block;
  color: #989898;
  line-height: 1.4;
  max-height: 38px;
  overflow: hidden
}

.section-articles .btn-load-more {
  margin: 58px auto 15px
}

@media only screen and (max-width: 767px) {
  .section-articles .articles {
      margin:-10px 0 40px;
      width: 100%
  }

  .section-articles .articles:last-child {
      margin-bottom: -10px
  }

  .section-articles .articles .article {
      width: 100%
  }

  .section-articles .article {
      padding: 0 0 15px
  }

  .section-articles .article:last-child {
      padding-bottom: 0
  }

  .section-articles .article__content a {
      letter-spacing: .8px;
      padding: 22px 45px 23px 16px
  }

  .section-articles .article__content .article__title {
      line-height: 1.6
  }
}

.section-company {
  padding: 57px 0;
  line-height: 2;
  font-size: 14px
}

@media only screen and (max-width: 767px) {
  .section-company {
      padding:43px 0
  }
}

.section-company .shell {
  max-width: 810px;
  padding: 0 15px;
  margin: 0 auto
}

.section-company .row {
  width: 100%;
  margin-bottom: 28px
}

.section-company .row:last-child {
  margin-bottom: 0
}

.section-company .row p {
  padding-left: 10px
}

.section-company .row p strong {
  display: inline-block;
  min-width: 135px
}

.section-company .col+.row {
  margin-top: 28px
}

.section-company .section__title {
  margin-bottom: 50px
}

@media only screen and (max-width: 767px) {
  .section-company .section__title {
      margin-bottom:30px
  }
}

.section-company p {
  margin-bottom: 28px
}

.section-company p:last-child {
  margin-bottom: 0
}

.section-company a {
  color: #787878;
  padding: 0 5px
}

.section-company .section__inner {
  padding: 50px 0
}

.section-company .section__inner:first-child {
  padding-top: 0
}

.section-company .section__inner:last-child {
  padding-bottom: 0
}

.section-company .section__inner+.section__inner {
  border-top: 1px solid #e3e3e6
}

.section-company .section__inner-title {
  text-align: center;
  margin-bottom: 50px;
  font-size: 15px
}

@media only screen and (max-width: 767px) {
  .section-company .section__inner-title {
      margin-bottom:30px
  }
}

.section-company .section__inner-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc(100% + 20px);
  margin: 0 -10px
}

.section-company .section__inner-content h4 {
  font-size: 15px;
  font-weight: 400
}

.section-company .section__inner-content .col {
  width: 50%;
  padding: 0 10px
}

.section-company .section__inner-content .col:only-child {
  width: 100%
}

@media only screen and (max-width: 767px) {
  .section-company .section__inner-content .col {
      width:100%
  }

  .section-company .section__inner-content .col+.col {
      margin-top: 10px
  }
}

.section-guide {
  font-size: 14px;
  line-height: 2;
  padding: 60px 0
}

.section-guide .shell {
  max-width: 960px;
  padding: 0 15px;
  margin: 0 auto
}

.section-guide blockquote,.section-guide ol,.section-guide p,.section-guide ul {
  margin-bottom: 14px
}

.section-guide .section__head {
  margin-bottom: 45px
}

.section-guide .section__title:last-child {
  margin-bottom: 0
}

.section-guide .page-nav {
  margin-top: 30px
}

.section-guide .page-nav ul {
  width: calc(100% + 30px);
  margin: 0 -15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.section-guide .page-nav li {
  width: 50%;
  padding: 0 15px;
  margin-bottom: 14px
}

.section-guide .page-nav li a {
  position: relative;
  display: block;
  line-height: 50px;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  background-color: hsla(0,0%,60%,0);
  font-size: 13px;
  height: 50px;
  border: 1px solid #989898;
  color: #989898;
  padding: 0
}

.section-guide .page-nav li a strong {
  font-weight: inherit
}

.section-guide .page-nav li a:hover {
  background-color: #f7f7f9;
  padding: 2px 10px 0
}

.section-guide .row {
  margin-top: 28px
}

.section-guide .row .row__head {
  margin-bottom: 20px;
  font-size: 16px;
  background: #f5f5f5;
  position: relative;
  padding: 14px
}

.section-guide .row .row__head h2 {
  line-height: 1.1;
  margin-bottom: 0;
  font-size: 16px
}

.section-guide .row .row__head h2 strong {
  font-weight: inherit
}

.section-guide .row .row__head .link-top {
  text-decoration: none;
  position: absolute;
  right: 14px;
  line-height: 1;
  top: 50%;
  transform: translateY(-50%);
  color: inherit
}

.section-guide .row .row__body {
  letter-spacing: .98px
}

.section-guide .row .row__body:after {
  content: "";
  display: table;
  clear: both
}

.section-guide .row .row__body hr {
  border: none;
  margin: 28px 0;
  border-top: 1px solid #e3e3e6
}

.section-guide .row .row__body hr:after {
  content: "";
  display: table;
  clear: both
}

.section-guide .row .row__body hr:first-child {
  display: none
}

.section-guide .row .row__body h3 {
  letter-spacing: .98px
}

.section-guide .row .row__body h3,.section-guide .row .row__body h4 {
  margin-bottom: 20px;
  margin-top: 14px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.1
}

.section-guide .row .row__body h5 {
  background: #fff;
  border: 1px solid #c7c7c7;
  float: left;
  padding: .6em;
  font-size: 14px;
  text-transform: uppercase;
  margin: 7px 28px 10px 0;
  line-height: 1.1
}

.section-guide .row .row__body h5+h3 {
  margin-bottom: 28px;
  margin-top: 30px;
}

.section-guide .row .row__body a {
  color: inherit
}

.section-guide .row .row__body a:hover,.section-guide .row .row__body a[href^="mailto:"] {
  text-decoration: none
}

.section-guide .row .row__body a[title*="badge: button"] {
  height: 50px;
  color: #989898;
  background-color: rgba(247,247,249,0);
  border: 1px solid #989898;
  display: block;
  width: 280px;
  margin: 0 auto;
  line-height: 50px;
  text-align: center;
  text-decoration: none
}

.section-guide .row .row__body a[title*="badge: button"]:hover {
  padding-top: 2px;
  background-color: #f7f7f9
}

.section-guide .row .row__body ol,.section-guide .row .row__body ul {
  padding-left: 20px
}

.section-guide .row blockquote {
  padding: 15px;
  border: 1px solid #e3e3e6;
  margin-bottom: 28px;
  background: #fff
}

.section-guide .row .cols:after {
  content: "";
  display: table;
  clear: both
}

.section-guide .row .col {
  width: 50%;
  float: right
}

.section-guide .row .col>img {
  border: 1px solid #c7c7c7
}

.section-guide .row .col:empty {
  display: none
}

.section-guide .row .col--text {
  float: left
}

.section-guide .row img[style*="float: right;"] {
  display: none
}

.section-guide .accordion .accordion__section {
  border: 1px solid #e3e3e6
}

.section-guide .accordion .accordion__section+.accordion__section {
  margin-top: 10px
}

.section-guide .accordion .accordion__head h6 {
  font-size: 16px;
  line-height: 1.75;
  text-transform: none;
  padding: 5px 15px;
  background: #f7f7f9
}

.section-guide .accordion .accordion__head h6 i {
  line-height: 1
}

.section-guide .accordion .accordion__body {
  border-top: 1px solid #e3e3e6;
  margin: 0;
  padding: 15px;
  font-size: 14px;
  line-height: 2;
  letter-spacing: 1.4px
}

@media only screen and (max-width: 1024px) {
  .section-guide .shell {
      max-width:750px;
      padding: 0 15px
  }

  .section-guide .page-nav li {
      width: 50%
  }
}

@media only screen and (max-width: 767px) {
  .section-guide {
      padding:30px 0
  }

  .section-guide .section__head {
      margin-bottom: 30px
  }

  .section-guide .row .col,.section-guide .row .col--text {
      width: 100%;
      float: none
  }

  .section-guide .page-nav li a strong,.section-guide .row .row__head h2 strong {
      display: none
  }
}

@media only screen and (max-width: 599px) {
  .section-guide .page-nav li {
      width:100%
  }
}

.apple-wallet-image,.giftcard-qr img {
  display: block;
  margin: 0 auto
}

@media print {
  @page {
      margin: .5cm
  }

  p {
      orphans: 3;
      widows: 3
  }

  .apple-wallet,.print-giftcard {
      display: none
  }
}

.product--single__thumbnail-image {
  border: 2px solid transparent
}

.active-thumbnail .product--single__thumbnail-image {
  border-color: #ffffff
}

[class^=template-] {
  padding-top: 59px
}

@media only screen and (max-width: 1024px) {
  [class^=template-] {
      padding-top:54px
  }
}

.template-index {
  padding-top: 0
}

.template-password main {
  padding: 50px 0
}

.template-password main .shell {
  max-width: 960px;
  padding: 0 10px;
  margin: 0 auto
}

.template-password .section__body {
  text-align: center
}

html.page-password {
  padding-bottom: 0!important
}

html.page-password .background-carousel {
  background: no-repeat 50% fixed;
  background-size: cover;
  -webkit-filter: brightness(85%);
  filter: brightness(85%);
  overflow: hidden;
  width: 100%;
  height: 100%
}

html.page-password .password-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100
}

html.page-password .password-title {
  padding-bottom: 30px;
  margin: auto
}

html.page-password .password-title svg {
  fill: #fff
}

@media screen and (min-width: 768px) {
  html.page-password .password-title {
      width:198px
  }
}

@media screen and (max-width: 768px) {
  html.page-password .password-title {
      width:115px;
      position: absolute;
      left: 50%;
      transform: translate(-50%,-85%)
  }
}

html.page-password .password-subtitle {
  font-size: 18px;
  padding-bottom: 10px;
  color: #fff
}

html.page-password .password-subtitle,html.page-password .password-title {
  text-transform: uppercase
}

html.page-password .password-links-list {
  list-style-type: none;
  line-height: 1.35;
  z-index: 1000
}

html.page-password .password-sns-link {
  padding-left: 5px;
  vertical-align: .25em;
  display: inline
}

html.page-password .password-links-list a {
  color: #fff;
  text-decoration: none
}

html.page-password .password-links-list a:hover {
  text-decoration: none
}

html.page-password .slick-slide {
  height: 100vh
}

html.page-password .slick-slide img {
  height: 100vh;
  width: 100vw;
  -o-object-fit: cover;
  object-fit: cover
}

html.page-password .centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  text-align: center
}

html.page-password .europe-link svg {
  width: 25px!important
}

html.page-password .japan-link {
  padding-right: 5px
}

html.page-password .japan-link svg {
  width: 22px!important
}

html.page-password .slick-slide,html.page-password .slick-slide img,html.page-password .slick-slider .slick-list,html.page-password .slick-track {
  transform: translateZ(0)
}

.page-password body,html {
  height: 100%;
  overflow-x: hidden
}

ul.menu>li:nth-child(5) ul.sub-menu>li:nth-child(5) a:before, ul.menu>li:nth-child(5) ul.sub-menu>li:nth-child(5) a:after {
  content: '|';
  display: inline-block;
}

ul.menu>li:nth-child(5) ul.sub-menu>li:nth-child(5) a:before {
  margin-right: 24px;
}

ul.menu>li:nth-child(5) ul.sub-menu>li:nth-child(5) a:after {
  margin-left: 24px;
}

@media screen and (max-width: 767px) {
  .header .header__inner--mobile .nav-wrapper .nav ul li:nth-child(9) ul.sub-menu>li:last-child {
      margin-top: 16px;
  }
}

.btn.disabled {
  color: #989898 !important;
  background-color: #e6e6e6 !important;
  border-color: #adadad !important;
  opacity: .7 !important;
  cursor: default !important;
}

.btn-limited:not(.hide) ~ .btn, .btn-sold-out:not(.hide) ~ .btn {
  display: none !important;
}

#BIS_trigger {
  display: block;
  min-height: 60px;
  padding: 19px 15px;
  font-size: 18px;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  border: none;
  width: 100%;
  border: 1px solid #989898;
  transition: .2s ease-in-out;
}

.section-guide ul {
  padding-left: 0 !important;
}

.section-guide ul li {
  list-style-type: none;
  padding-left: 1em;
  text-indent: -1em;
}

.section-guide a.btn-block {
  height: 50px;
  width: 280px;
  margin: 0 auto 15px;
  line-height: 2.5;
  display: block;
}

.section-guide dt {
  font-weight: bold;
}

/* account page style update */
.section-account table th {
  font-weight: normal !important;
}

.section-account table td a {
  font-size: 12px;
}

.table-addresses tr td:nth-child(3) {
  width: 20%;
}

@media only screen and (min-width: 768px) {
  .table-addresses tr td:last-child {
      width: 20%;
  }

  .table-addresses tr td:last-child .btn {
      width: 48%;
  }
}

/* .dl-common__parts .p-logo svg{
width:90px !important;
}
body .dl-header__subnav__link svg {
width: 22px !important;
height: 22px !important;
}
body .dl-header__subnav__link {
width: 40px !important;
}
body .dl-header__nav__li.is-large .dl-header__nav__child__ul {
width: calc(100% - 360px - 5vw) !important;
}
@media only screen and (min-width: 1200px){
body .dl-header__nav__li.is-large .dl-header__nav__child:after {
    width: calc(360px + 5vw + (100vw - 1080px)/2) !important;
}
}
body .dl-header__nav__li.is-large .dl-header__nav__child:after {
width: calc(360px + 10vw) !important;
} */
html {
  font-size: 62.5%;
}

/* .intro.intro-brand {
position: relative;
} */

.article__title.font-serif {
  font-family: serif;
  letter-spacing: 3.36px;
}

.section-blog:not(.section-news) {
    background-color: #ffffff;
}

.article-single .article__body {
    color: #555555;
}