html {
  position: relative;
  min-height: 100%;
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
}
body {
  font-family: 'Roboto';
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: 160%;
  color: #000000;
  background: #FFFFFF;
  min-height: 100%;
  /*margin-bottom: 1040px;*/
  overflow-x: hidden;
  box-sizing: border-box;
}
@media screen and (min-width: 640px) {
  body {
    font-size: 15px;
  }
}
@media screen and (min-width: 1080px) {
  body {
    font-size: 16px;
    /*margin-bottom: 290px;*/
  }
}
body:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: -100%;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: 450;
}
html.cart-share-show body {
  overflow: hidden;
}
@media screen and (min-width: 1080px) {
  html.cart-share-show body {
    overflow: visible;
  }
}
html.cart-share-show body:before {
  top: 0;
  opacity: 1;
  transition: opacity 600ms ease;
}
html.overlay-open body {
  overflow: hidden;
}
html.overlay-open body:before {
  top: 0;
  opacity: 1;
}
html.mobile-nav-open body {
  overflow: hidden;
}
#m {
  position: relative;
  max-width: 1600px;
  margin: 0 auto;
  margin-bottom: 15px;
  padding: 15px;
}
@media screen and (min-width: 480px) {
  #m {
    padding: 30px;
  }
}
@media screen and (min-width: 1080px) {
  #m {
    padding: 30px 50px 80px 50px;
  }
}
#m:after {
  content: '';
  display: table;
  clear: both;
}
a {
  display: inline-block;
  color: inherit;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
  border-bottom: 1px solid #000000;
  outline: none;
}
b,
strong {
  font-weight: 700;
}
i,
em {
  font-style: italic;
}
u {
  text-decoration: underline;
}
img,
video,
iframe {
  display: block;
  width: 100%;
  max-width: 100%;
  border: none;
}
img {
  pointer-events: none;
}
.slick-slide img {
  pointer-events: all;
}
video {
  display: inline-block;
}
figure {
  border: none;
}
ul,
ol {
  padding: 0 0 0 20px;
}
hr {
  height: 1px;
  background: #000000;
  border: 0;
  margin: 0;
}
sub,
sup {
  position: relative;
  font-size: 0.6em;
}
sub {
  top: 0.6em;
}
sup {
  top: -0.6em;
}
.lds-ripple {
  display: inline-block;
  position: fixed;
  top: calc(50% - 80px);
  left: calc(50% - 80px);
  width: 160px;
  height: 160px;
  background-image: url('images/loadbrown.svg');
  background-size: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  z-index: 9050;
}
