@charset "UTF-8";
:root {
  --tu-fs: 14px;
  --tu-fw: 350;
  --tu-ls: 0.025rem;
  --tu-border-size: 1px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  :root {
    --tu-fs: 12px;
    --tu-fw: 350;
    --tu-ls: 0.0125rem;
    --tu-border-size: 0.5px;
  }
}
* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  scrollbar-width: thin;
  scrollbar-color: var(--color-hover-secondary) var(--color-invert-btn);
}

*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

*::-webkit-scrollbar-track {
  background: var(--color-invert-btn);
  border-radius: 20px;
}

*::-webkit-scrollbar-thumb {
  background-color: var(--color-hover-secondary);
  border-radius: 20px;
  border: 1px solid var(--color-invert-btn);
}

html, body {
  display: flex;
  overflow: auto;
}

body {
  font-family: "Roboto", serif;
  font-size: var(--tu-fs);
  font-weight: var(--tu-fw);
  letter-spacing: var(--tu-ls);
  line-height: 125%;
  min-height: 100vh;
  width: 100vw;
}

a {
  color: #000000!important;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-decoration: none;
}
a.catalog-link:hover, a.catalog-link:active, a.catalog-link.acitve {
  color: #c80815;
  -webkit-box-shadow: 0 calc(var(--tu-border-size) * 2) 0 0 #c80815;
          box-shadow: 0 calc(var(--tu-border-size) * 2) 0 0 #c80815;
}

h1, .h1 {
  font-size: clamp(var(--tu-fs) * 5, 10vw, 1000%);
  color: #000000!important;
}

h2, .h2 {
  font-size: clamp(var(--tu-fs) * 4, 10vw, 600%);
  color: #000000!important;
}

h3, .h3 {
  font-size: clamp(var(--tu-fs) * 3, 10vw, 400%);
  color: #000000!important;
}

h4, .h4 {
  font-size: clamp(var(--tu-fs) * 2, 10vw, 200%);
  color: #000000!important;
}

h5, .h5 {
  font-size: clamp(var(--tu-fs) * 1.5, 10vw, 150%);
  color: #000000!important;
}

h6, .h6 {
  font-size: 100%;
  color: #000000!important;
}

.mxw-1600 {
  max-width: 1600px;
  width: 100%;
}

.mnh-100 {
  min-height: 100vh;
}

.themm-ui {
  font-size: var(--tu-fs);
  font-weight: var(--tu-fw);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.themm-ui.tu-logo {
  position: relative;
  display: inline-block;
  height: calc(var(--tu-fs) * 3);
}
.themm-ui.tu-logo img {
  display: block;
  height: calc(var(--tu-fs) * 3);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.themm-ui.tu-logo:hover, .themm-ui.tu-logo:active, .themm-ui.tu-logo.active {
  color: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  text-decoration: none !important;
}
.themm-ui.tu-logo.tu-logo-btn img:last-child {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.themm-ui.tu-logo.tu-logo-btn:hover img:last-child, .themm-ui.tu-logo.tu-logo-btn:active img:last-child, .themm-ui.tu-logo.tu-logo-btn.active img:last-child {
  opacity: 1;
}
.themm-ui.tu-link:hover, .themm-ui.tu-link:active, .themm-ui.tu-link.active {
  color: #000000;
  -webkit-box-shadow: 0 calc(var(--tu-border-size) * 2) 0 0 #000000;
          box-shadow: 0 calc(var(--tu-border-size) * 2) 0 0 #000000;
}
.themm-ui.tu-link[disabled] {
  display: none;
}
.themm-ui.tu-btn, .themm-ui.tu-input {
  border: var(--tu-border-size) solid #000000;
  border-radius: 0;
  background: #ffffff;
  color: #000000;
  padding: 0 0.75rem;
  min-width: 36px;
  min-height: 36px;
}
.themm-ui.tu-btn:hover, .themm-ui.tu-btn:active, .themm-ui.tu-btn.active, .themm-ui.tu-btn:focus, .themm-ui.tu-input:hover, .themm-ui.tu-input:active, .themm-ui.tu-input.active, .themm-ui.tu-input:focus {
  -webkit-box-shadow: 0 0 0 calc(var(--tu-border-size) * 2) #000000;
          box-shadow: 0 0 0 calc(var(--tu-border-size) * 2) #000000;
}
.themm-ui.tu-radio[type="radio"],
.themm-ui.tu-checkbox[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: var(--tu-border-size) solid #aaaaaa;
    box-shadow: none;
    width: 10px!important;
    height: 10px!important;
    margin-right: 6px;
}
.themm-ui.tu-radio[type="radio"]:checked,
.themm-ui.tu-checkbox[type="checkbox"]:checked {
    background: #000000;
    border: var(--tu-border-size) solid #ffffff;
    box-shadow: 0 0 0 var(--tu-border-size) #000000, inset 0 0 0 1px #ffffff;
}
.checkbox label {
    position: relative;
}
.checkbox label input[type="radio"],
.checkbox label input[type="checkbox"] {
    display: block;
    position: absolute;
    top: 0;left:0;
    height: 1;width: 1;
    opacity: 0;
}
.checkbox label:before {
    display: inline-block;
    content: ' ';
    font-size: 1;
    border: var(--tu-border-size) solid #aaaaaa;
    box-shadow: none;
    width: 8px!important;
    height: 8px!important;
    margin-right: 6px;
}
.checkbox label:has(input:checked):before {
    background: #000000;
    border: var(--tu-border-size) solid #ffffff;
    box-shadow: 0 0 0 var(--tu-border-size) #000000, inset 0 0 0 1px #ffffff;
}
.themm-ui.tu-btn.tu-btn-size__disable, .themm-ui.tu-input.tu-btn-size__disable {
  -webkit-box-shadow: 0 0 0 calc(var(--tu-border-size) * 2) rgba(0, 0, 0, 0);
          box-shadow: 0 0 0 calc(var(--tu-border-size) * 2) rgba(0, 0, 0, 0);
  border: var(--tu-border-size) solid rgba(0, 0, 0, 0);
  cursor: pointer;
}
.themm-ui.tu-btn[disabled], .themm-ui.tu-input[disabled] {
  display: none;
  color: #aaaaaa;
  background: #fafafa;
  border: var(--tu-border-size) solid #aaaaaa;
}
.themm-ui.tu-btn[disabled]:hover, .themm-ui.tu-btn[disabled]:active, .themm-ui.tu-btn[disabled].active, .themm-ui.tu-input[disabled]:hover, .themm-ui.tu-input[disabled]:active, .themm-ui.tu-input[disabled].active {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.themm-ui.tu-input {
  border: 0;
  border-bottom: var(--tu-border-size) solid;
  outline: none;
}
.themm-ui.tu-input:hover, .themm-ui.tu-input:active, .themm-ui.tu-input.active, .themm-ui.tu-input:focus {
  -webkit-box-shadow: 0 calc(var(--tu-border-size) * 2) 0 0 #000000;
          box-shadow: 0 calc(var(--tu-border-size) * 2) 0 0 #000000;
}
.themm-ui.tu-input[disabled] {
  display: none;
}
.themm-ui.tu-btn.tu-btn-color {
  padding: 8px !important;
  line-height: 1;
  font-size: 0;
}
.themm-ui.tu-btn.tu-btn-color span {
  display: block;
  margin: 0;
  padding: 0;
  width: 19px !important;
  height: 19px !important;
  line-height: 19px !important;
  font-size: 0;
}
.themm-ui.tu-breadcrumb {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.themm-ui.tu-breadcrumb .tu-breadcrumb {
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.themm-ui.tu-breadcrumb .tu-breadcrumb:after {
    display: inline-block;
    content: ' ';
    font-size: 1;
    border: var(--tu-border-size) solid #000000;
    background: #000000;
    box-shadow: none;
    width: 4px!important;
    height: 4px!important;
    margin-left: 8px;
    margin-right: 8px;
}
.themm-ui.tu-breadcrumb .tu-breadcrumb:last-child:after {
  display: none;
}
a[href="#plus"],
a[href="#minus"] {
    margin-top: 7px;
}
.sq1:before {
    display: inline-block;
    content: ' ';
    font-size: 1;
    border: var(--tu-border-size) solid #000000;
    box-shadow: none;
    width: 4px!important;
    height: 4px!important;
}
.sq2:before {
    display: inline-block;
    content: ' ';
    font-size: 1;
    border: var(--tu-border-size) solid #000000;
    background: #000000;
    box-shadow: none;
    width: 4px!important;
    height: 4px!important;
}


blockquote {
  position: relative;
  padding: 1rem 0 0 0;
  padding-left: 36px;
}
blockquote:before {
  position: absolute;
  left: 0;
  width: 24px;
  height: 24px;
  content: '"';
  font-size: 78px;
  line-height: 24px;
  z-index: 1;
}
blockquote * {
  z-index: 2;
}

main {
  position: relative;
  z-index: 2;
}

header {
  background: rgba(255, 255, 255, 0);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 9999;
}
header.bg__scroll {
  background: #ffffff;
}
header .tu-logo-btn {
  z-index: 2;
}
header nav {
  display: none;
  top: 8px;
  padding-top: calc(var(--tu-fs) * 4);
  width: 360px;
  height: 360px;
  background: #c80815;
  -webkit-box-shadow: 0 0 0 12px #c80815;
          box-shadow: 0 0 0 12px #c80815;
  z-index: 1;
}
header nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
header nav ul li {
  padding: 0.15rem 0;
}
header nav ul li a {
  color: #ffffff!important;
}
header nav ul li a:hover, header nav ul li a:active, header nav ul li a.acitve {
  -webkit-box-shadow: 0 calc(var(--tu-border-size) * 2) 0 0 #ffffff;
          box-shadow: 0 calc(var(--tu-border-size) * 2) 0 0 #ffffff;
}

footer {
  position: relative;
  z-index: 1;
}

.main-content {
  z-index: 1;
}
main.first-box {
    box-sizing:border-box;
    padding-top: 0px;
}

.home__videobg {
  position: fixed;
  top: 0;
  left: 0;
  overflow: none;
  width: 100%;
  height: 100vh;
  z-index: -1;
}
.home__videobg .item {
  background: #fff;
  height: 100vh;
  width: 100vw;
}
.home__videobg .item:first-child {
  background: none;
}
.videobg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
}

.slider-nav .item {
  background: #c80815;
}
.slider-nav .item.slick-active.slick-center img {
  opacity: 0;
}
.slider-nav .item img {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.slider-nav .item img:hover {
  opacity: 0.5;
}

.accord-info .accord-info__item-title {
  position: relative;
  cursor: pointer;
}
.accord-info .accord-info__item-title:after {
  display: block;
  position: absolute;
  right: 0;
  top: calc(50% - var(--tu-fs));
  width: calc(var(--tu-fs) * 2);
  height: calc(var(--tu-fs) * 2);
  line-height: calc(var(--tu-fs) * 2);
  vertical-align: middle;
  text-align: center;
  content: "▫";
}
.accord-info .accord-info__item-title.active:after {
  content: "▪";
}
.accord-info .accord-info__item-description {
  display: none;
}
.accord-info .accord-info__item-description.active {
  display: block;
}

.goods-item__prev {
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.goods-item__prev img {
  z-index: 1;
}
.goods-item__prev span {
  position: absolute;
  top: 0;
  left: 0;
  background: #c80815;
  width: 100%;
  height: 100%;
  color: #ffffff;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 2;
}
.goods-item__prev:hover span, .goods-item__prev:active span {
  opacity: 1;
}

.border-box {
  -webkit-box-shadow: 1px 0 0 0 #000000, -1px 0 0 0 #000000;
          box-shadow: 1px 0 0 0 #000000, -1px 0 0 0 #000000;
}

@media screen and (max-width: 1024px) {
  main.first-box {
    padding-top: 90px;
  }
}
@media screen and (max-width: 800px) {
  main.first-box {
    padding-top: 70px;
  }
}
@media screen and (max-width: 768px){
    .msMCartCustom {position: absolute;width:17px;height:20px;margin-top: 5px;font-size:10px;text-align: center;}
    .home__videobg .item {
      background: none;
    }
    .home__slider {
    }
    .home__videobg.testbg .item {
      background: rgba(255,255,255,0.5);
    }
    .videobg {
      height: 120vh;
    }
}