@font-face {
  font-family: 'Geometria';
  src: local("Geometria MediumItalic"), local("Geometria-MediumItalic"), url(../fonts/Geometria-MediumItalic.woff) format("woff"), url(../fonts/Geometria-MediumItalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: 'Geometria';
  src: local("Geometria Italic"), local("Geometria-Italic"), url(../fonts/Geometria-Italic.woff) format("woff"), url(../fonts/Geometria-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: 'Geometria';
  src: local("Geometria Medium"), local("Geometria-Medium"), url(../fonts/Geometria-Medium.woff) format("woff"), url(../fonts/Geometria-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Geometria';
  src: local("Geometria BoldItalic"), local("Geometria-BoldItalic"), url(../fonts/Geometria-BoldItalic.woff) format("woff"), url(../fonts/Geometria-BoldItalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic; }

@font-face {
  font-family: 'Geometria';
  src: local("Geometria"), url(../fonts/Geometria.woff) format("woff"), url(../fonts/Geometria.ttf) format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Geometria';
  src: local("Geometria Bold"), local("Geometria-Bold"), url(../fonts/Geometria-Bold.woff) format("woff"), url(../fonts/Geometria-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Geometria';
  src: local("Geometria Light"), local("Geometria-Light"), url(../fonts/Geometria-Light.woff) format("woff"), url(../fonts/Geometria-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'rouble';
  src: url(../fonts/rouble-webfont.woff2) format("woff2"), url(../fonts/rouble-webfont.woff) format("woff"), url(../fonts/rouble-webfont.ttf) format("truetype");
  font-weight: 400;
  font-style: normal; }

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit; }

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

ul {
  margin: 0;
  padding: 0;
  list-style: none; }

a {
  text-decoration: none;
  color: #000; }
  a:hover {
    text-decoration: none; }

img {
  max-width: 100%;
  height: auto; }

p, h1, h2, h3, h4 {
  margin: 0; }

button, input[type="submit"] {
  font-family: 'Geometria', 'Arial', sans-serif;
  border: none;
  cursor: pointer; }

body {
  margin: 0;
  padding: 0;
  color: #000;
  font-family: 'Geometria', 'Arial', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 14px; }

body.overlay {
  position: relative; }
  body.overlay::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background-color: rgba(239, 239, 239, 0.8);
    z-index: 999; }

.rouble, .delivery-col span {
  font-family: 'rouble', sans-serif; }

h1,
.h1 {
  font-size: 44px;
  line-height: 54px;
  font-weight: 400; }
  @media (max-width: 1259px) {
    h1,
    .h1 {
      font-size: 33px;
      line-height: 42px; } }

h2,
.h2 {
  font-size: 25px;
  line-height: 31px;
  font-weight: 500; }
  @media (max-width: 1259px) {
    h2,
    .h2 {
      font-size: 22px; } }

h3,
.h3 {
  font-size: 20px;
  line-height: 31px;
  font-weight: 500; }

h4,
.h4 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500; }

h5,
.h5 {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase; }

.lead {
  font-size: 19px;
  line-height: 27px; }
  @media (max-width: 1259px) {
    .lead {
      font-size: 17px; } }

.caption {
  font-size: 10px;
  letter-spacing: 0.7px;
  line-height: 13px; }

.smth {
  font-size: 14px;
  line-height: 18px; }

.small-text, .header .info .text, .header .nav-link a, .header .user-nav .text {
  font-size: 12px;
  line-height: 15px; }

.gradient-text, .site-nav__link span, .product-label.new span, .notfound .h1 {
  color: #cd8450;
  background-image: -webkit-linear-gradient(45deg, #fde6c2 0%, #cd8450 100%);
  background-image: -o-linear-gradient(45deg, #fde6c2 0%, #cd8450 100%);
  background-image: linear-gradient(45deg, #fde6c2 0%, #cd8450 100%);
  background-clip: text;
  -webkit-background-clip: text; }

.slider-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 39px;
  height: 39px;
  border-radius: 50%;
  border: 2px solid #000000;
  background-color: #fff;
  cursor: pointer;
  outline: none; }
  .slider-button svg {
    margin: auto; }
  .slider-button.noborder {
    border: none; }
  @media (max-width: 767px) {
    .slider-button {
      width: 33px;
      height: 33px; } }

.swiper-button-disabled {
  opacity: .2; }

.slider-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .slider-pagination .swiper-pagination-bullet {
    display: block;
    width: 7px;
    height: 7px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 6px;
    border: 1px solid #4b4b4b;
    background-color: #ffffff;
    border-radius: 50%;
    cursor: pointer; }
  .slider-pagination .swiper-pagination-bullet-active {
    width: 13px;
    height: 13px;
    border: 1px solid #ffffff;
    background-color: #4b4b4b; }

.strip {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 1px;
  background-color: #e7e7e7; }

input:focus {
  -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.05); }

.input-wrap {
  width: 100%;
  height: 100%;
  border-radius: 17px; }
  .input-wrap.focused {
    position: relative;
    -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.05); }
    .input-wrap.focused::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border-radius: inherit;
      background: -webkit-linear-gradient(45deg, #fde6c2 0%, #cd8450 100%);
      background: -o-linear-gradient(45deg, #fde6c2 0%, #cd8450 100%);
      background: linear-gradient(45deg, #fde6c2 0%, #cd8450 100%);
      z-index: 1;
      margin: -0.8px; }
    .input-wrap.focused input {
      position: relative;
      border-color: transparent;
      z-index: 10; }
    .input-wrap.focused + .search-btn {
      z-index: 10; }
      .input-wrap.focused + .search-btn svg * {
        opacity: 1; }

.gradient-text, .site-nav__link span, .product-label.new span, .notfound .h1 {
  background-image: -webkit-linear-gradient(45deg, #fde6c2 0%, #cd8450 100%);
  background-image: -o-linear-gradient(45deg, #fde6c2 0%, #cd8450 100%);
  background-image: linear-gradient(45deg, #fde6c2 0%, #cd8450 100%);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent; }

.shaking {
  -webkit-animation: shake .3s;
          animation: shake .3s; }

@-webkit-keyframes shake {
  0% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px); }
  25% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px); }
  50% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px); }
  75% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes shake {
  0% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px); }
  25% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px); }
  50% {
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px); }
  75% {
    -webkit-transform: translateX(5px);
            transform: translateX(5px); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

.more-btn {
  display: block;
  width: 170px;
  height: 40px;
  margin: 0 auto;
  border-radius: 20px;
  border: 1px solid #282828;
  color: #282828;
  font-size: 13px;
  line-height: 40px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center; }

.page-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.page-pagination__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto; }
  .page-pagination__list li {
    width: 36px;
    height: 36px;
    margin-right: 8px;
    font-size: 16px;
    line-height: 34px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #282828; }
    .page-pagination__list li:last-child {
      margin-right: 0; }
    .page-pagination__list li.active {
      border: 2px solid #282828;
      font-weight: 500; }
    .page-pagination__list li a {
      display: block;
      width: 100%;
      height: 100%; }

.noscroll {
  overflow: hidden; }

.custom-btn {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  border-radius: 28px;
  border: 1px solid #000000 !important;
  background-color: #ffffff; }

.bg-gray {
  background-color: rgba(246, 246, 246, 0.35); }

html {
  height: 100%; }

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100%;
  min-width: 375px;
  overflow-x: hidden; }

.main {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto; }

.container {
  width: 1260px;
  margin: 0 auto;
  padding: 0 80px; }
  @media (max-width: 1259px) {
    .container {
      width: 768px;
      padding: 0 40px; } }
  @media (max-width: 767px) {
    .container {
      width: 375px;
      padding: 0 20px; } }

.main.overlay {
  position: relative; }
  .main.overlay::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.19);
    z-index: 100; }

.header {
  border-bottom: 1px solid #bebebe; }
  .header .logo {
    margin-right: 17px; }
  .header .search {
    margin-top: 15px; }
  .header .info {
    margin-top: 15px;
    margin-right: 30px; }
    .header .info .phone {
      margin-bottom: 9px;
      font-size: 24px;
      line-height: 30px; }
    .header .info .text {
      margin-bottom: 9px; }
  .header .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 125px;
    margin-top: 15px;
    margin-right: 44px; }
    .header .nav .nav-title, .header .nav .nav-link {
      margin-bottom: 8px; }
    .header .nav .nav-link {
      margin-right: 10px; }
  .header .nav-title span, .header .nav-link span {
    border-bottom: 1px solid rgba(116, 116, 116, 0.73); }
  .header .nav-title a {
    font-size: 16px;
    line-height: 20px; }
    .header .nav-title a svg {
      margin-right: 7px;
      vertical-align: middle; }
    .header .nav-title a span {
      vertical-align: middle; }
  .header .user-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    margin-top: 15px; }
    .header .user-nav .item {
      margin-right: 24px;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      text-align: center; }
      .header .user-nav .item:last-child {
        margin-right: 0; }
    .header .user-nav .text {
      margin-top: 15px; }
    .header .user-nav .icon {
      margin: 0 auto; }
    .header .user-nav .item-basket {
      position: relative; }
      .header .user-nav .item-basket .num {
        position: absolute;
        top: -12px;
        right: -6px;
        padding: 2px 5px;
        border-radius: 12px;
        border: 2px solid #ffffff;
        background-color: #000000;
        color: #ffffff;
        font-size: 12px;
        line-height: 15px;
        font-weight: 700; }

.header-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 14px; }

.search-form {
  position: relative;
  display: block;
  width: 260px;
  height: 33px;
  margin-right: 33px; }
  .search-form input {
    width: 100%;
    height: 100%;
    padding: 0px 18px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 17px;
    font-size: 14px; }
    .search-form input::-webkit-input-placeholder {
      opacity: 0.4;
      color: #000000;
      font-size: 11px;
      letter-spacing: 1.69px;
      text-transform: uppercase; }
    .search-form input:-ms-input-placeholder {
      opacity: 0.4;
      color: #000000;
      font-size: 11px;
      letter-spacing: 1.69px;
      text-transform: uppercase; }
    .search-form input::-ms-input-placeholder {
      opacity: 0.4;
      color: #000000;
      font-size: 11px;
      letter-spacing: 1.69px;
      text-transform: uppercase; }
    .search-form input::placeholder {
      opacity: 0.4;
      color: #000000;
      font-size: 11px;
      letter-spacing: 1.69px;
      text-transform: uppercase; }
    .search-form input:focus {
      outline: none; }

.search-btn {
  position: absolute;
  top: 50%;
  right: 12px;
  width: 15px;
  height: 15px;
  padding: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: transparent;
  border: none;
  cursor: pointer; }

.search-hint {
  margin-top: 8px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6); }
  .search-hint a {
    color: inherit;
    border-bottom: 1px dashed rgba(95, 86, 75, 0.7); }

.header-bottom {
  position: relative;
  padding-top: 16px; }

.site-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.site-nav__link span {
  margin-right: 6px; }

.site-nav__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 32px;
  padding-bottom: 14px; }
  .site-nav__item:hover .nav-dropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .site-nav__item:hover .site-nav__link {
    position: relative; }
    .site-nav__item:hover .site-nav__link::after {
      content: '';
      position: absolute;
      bottom: -2px;
      left: 0;
      height: 2px;
      width: 100%;
      background-image: -webkit-linear-gradient(45deg, #fde6c2 0%, #cd8450 100%);
      background-image: -o-linear-gradient(45deg, #fde6c2 0%, #cd8450 100%);
      background-image: linear-gradient(45deg, #fde6c2 0%, #cd8450 100%); }
  .site-nav__item:first-child {
    padding-left: 0; }
  .site-nav__item:last-child {
    padding-right: 0; }
    .site-nav__item:last-child::after {
      display: none; }
  .site-nav__item::after {
    content: '';
    display: block;
    position: relative;
    margin-left: 26px;
    width: 1px;
    height: 15px;
    background-color: rgba(0, 0, 0, 0.13); }
  .site-nav__item.sales {
    padding-left: 21px; }
    .site-nav__item.sales .site-nav__link {
      padding-left: 21px;
      background-image: url(../img/percent.png);
      background-repeat: no-repeat;
      background-position: 0 0; }

.site-nav__link {
  padding-bottom: 4px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 1.8px;
  text-transform: uppercase; }

.nav-dropdown {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100vw;
  left: calc(-1 * ((100vw - 1260px) / 2 + 80px));
  padding-top: 38px;
  padding-bottom: 49px;
  padding-left: calc((100vw - 1260px) / 2 + 80px);
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  background-color: #fff;
  border-top: 1px solid #bebebe;
  z-index: 1000; }
  .nav-dropdown li {
    max-width: 233px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-left: 78px;
    margin-bottom: 24px; }
  .nav-dropdown .h5 {
    margin-bottom: 12px; }
  .nav-dropdown .list a {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 22px; }
  .nav-dropdown .more {
    display: block;
    margin-top: 16px;
    color: #5f564b;
    font-size: 14px; }
    .nav-dropdown .more span {
      border-bottom: 1px solid #b9b9b9; }

.header-bottom {
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s; }

.header.fixed {
  position: fixed;
  top: 0;
  width: 100vw;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 21px rgba(0, 0, 0, 0.07);
          box-shadow: 0 2px 21px rgba(0, 0, 0, 0.07);
  z-index: 1000; }
  .header.fixed .header-top {
    display: none; }

@media (min-width: 1259px) {
  .header .menu-btn,
  .search-btn-mobile,
  .mobile-nav {
    display: none; } }

@media (max-width: 1259px) {
  .header .container {
    position: relative; }
  .header .search-btn-mobile {
    margin-right: 22px;
    cursor: pointer; }
  .header .menu-btn {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: relative;
    width: 22px;
    height: 18px;
    cursor: pointer; }
    .header .menu-btn span {
      display: block;
      position: absolute;
      left: 0;
      width: 100%;
      height: 2px;
      background-color: #000;
      -webkit-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s; }
      .header .menu-btn span:nth-child(1) {
        top: 0px; }
      .header .menu-btn span:nth-child(2) {
        top: 8px; }
      .header .menu-btn span:nth-child(3) {
        bottom: 0px; }
  .header .menu-btn.active span:nth-child(1) {
    width: 20px;
    top: 8px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg); }
  .header .menu-btn.active span:nth-child(2) {
    opacity: 0; }
  .header .menu-btn.active span:nth-child(3) {
    width: 20px;
    bottom: 8px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  .header .info,
  .header .nav {
    display: none; }
  .header .search {
    display: none; }
  .header .user-nav {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 0; }
    .header .user-nav .item:not(.item-basket) {
      display: none; }
  .header .logo {
    width: 63px; }
  .header .item-basket .text, .header .item-basket .num {
    display: none; }
  .header .item-basket svg {
    width: 20px; }
  .header.search .search {
    display: block;
    position: absolute;
    left: calc(-1 * (100vw - 768px) / 2);
    top: 52px;
    width: 100vw;
    margin-top: 0;
    padding-top: 16px;
    padding-bottom: 16px;
    z-index: 1000;
    background-color: #fff;
    border-top: 1px solid #edf1f1; }
    .header.search .search .search-hint {
      display: none; }
    .header.search .search .search-form {
      width: 688px;
      margin: 0 auto; }
  .header-top {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 5px;
    padding-bottom: 5px; }
  .header-bottom {
    display: none; }
  .intro-hit {
    display: none; }
  .header.opened .mobile-nav {
    left: 0; }
  .mobile-nav {
    position: fixed;
    top: 0;
    bottom: 0;
    left: -100%;
    min-height: 100vh;
    width: 315px;
    background-color: #fff;
    z-index: 1000;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    overflow: auto;
    overflow-x: hidden;
    -webkit-box-shadow: 6px 0 40px rgba(0, 0, 0, 0.07);
            box-shadow: 6px 0 40px rgba(0, 0, 0, 0.07); } }
  @media (max-width: 1259px) and (max-width: 375px) {
    .mobile-nav {
      left: -1000px; } }

@media (max-width: 1259px) {
  .mobile-nav__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-right: 14px;
    margin-bottom: 24px;
    border-bottom: 2px solid #edf1f1; }
  .mobile-nav__icon {
    padding-left: 15px;
    padding-right: 15px; }
    .mobile-nav__icon:first-child {
      position: relative; }
      .mobile-nav__icon:first-child::after {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        width: 1px;
        height: 15px;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        background-color: rgba(0, 0, 0, 0.13); }
  .mobile-nav__phone {
    margin-left: auto;
    font-size: 18px;
    font-weight: 500; }
  .mobile-nav__body {
    padding-bottom: 10px;
    border-bottom: 2px solid #000; }
  .mobile-nav__item {
    width: 265px;
    margin-left: 15px;
    padding-bottom: 16px;
    margin-bottom: 18px;
    border-bottom: 1px solid  #edf1f1; }
    .mobile-nav__item:last-child {
      margin-bottom: 0;
      border: none; }
    .mobile-nav__item.sales {
      padding-left: 21px;
      background-image: url(../img/percent.png);
      background-repeat: no-repeat;
      background-position: 0 0; }
  .mobile-nav__foot {
    padding-left: 15px;
    padding-top: 24px; }
  .nav-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px; }
    .nav-title svg {
      margin-right: 6px; }
    .nav-title span {
      padding-bottom: 4px; }
  .nav-link {
    display: inline-block;
    margin-right: 16px;
    margin-bottom: 20px; }
    .nav-link:last-child {
      margin-right: 0; }
  .mobile-nav__info {
    margin-bottom: 6px; } }

@media (max-width: 767px) {
  .header .logo {
    margin-right: 0; }
  .header.search .search {
    left: calc(-1 * (100vw - 375px) / 2); }
    .header.search .search .search-form {
      width: 335px; } }

.header-order {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 12px;
  padding-bottom: 12px; }

.header-order__logo {
  width: 150px;
  height: 96px; }

.header-order__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.header-order__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 34px; }
  .header-order__item:last-child {
    margin-right: 0; }
  .header-order__item.active .header-order__item-num {
    color: #000;
    border: none;
    background-image: -webkit-linear-gradient(45deg, #fde6c2 0%, #cd8450 100%);
    background-image: -o-linear-gradient(45deg, #fde6c2 0%, #cd8450 100%);
    background-image: linear-gradient(45deg, #fde6c2 0%, #cd8450 100%); }
  .header-order__item.active .header-order__item-title {
    color: #000; }
  .header-order__item.done .header-order__item-num {
    border-color: #e7e7e7;
    background-color: #e7e7e7; }
    .header-order__item.done .header-order__item-num span {
      display: none; }
    .header-order__item.done .header-order__item-num .icon {
      display: block; }
  .header-order__item.done .header-order__item-check {
    display: block; }

.header-order__item-num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 49px;
  height: 49px;
  margin-right: 12px;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0.64px;
  color: #adadad;
  border: 1px solid #adadad;
  border-radius: 50%; }
  .header-order__item-num span {
    margin: auto; }
  .header-order__item-num .icon {
    display: none;
    margin: auto; }

.header-order__item-title {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  color: #adadad; }

.header-order__phone {
  font-size: 24px;
  margin-bottom: 12px; }

.header-order__text {
  font-size: 12px;
  margin-bottom: 4px; }

@media (max-width: 1259px) {
  .header-order {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .header-order__logo {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 63px;
    height: 41px;
    margin-right: 74px; }
  .header-order__info {
    display: none; }
  .header-order__item {
    margin-right: 25px; }
  .header-order__item-num {
    width: 27px;
    height: 27px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.37px; }
  .header-order__item-title {
    font-size: 14px; }
  .header-order__item.done .header-order__item-num .icon {
    width: 14px;
    height: 11px; }
    .header-order__item.done .header-order__item-num .icon svg {
      width: 100%;
      height: 100%; } }

@media (max-width: 767px) {
  .header-order {
    position: relative;
    overflow: hidden; }
    .header-order::after {
      content: '';
      position: absolute;
      right: 0;
      top: 0;
      width: 40px;
      height: 100%;
      background-image: -webkit-gradient(linear, right top, left top, from(#ffffff), to(rgba(255, 255, 255, 0.24)));
      background-image: -webkit-linear-gradient(right, #ffffff 0%, rgba(255, 255, 255, 0.24) 100%);
      background-image: -o-linear-gradient(right, #ffffff 0%, rgba(255, 255, 255, 0.24) 100%);
      background-image: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0.24) 100%); }
  .header-order__list {
    padding-bottom: 30px;
    margin-bottom: -30px;
    overflow-x: auto; }
  .header-order__logo {
    margin-right: 16px; } }

.footer {
  padding-top: 62px;
  padding-bottom: 62px;
  background-color: #282828; }

.footer-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.footer-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }

.footer-nav__item {
  padding-left: 54px;
  padding-right: 49px;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }
  .footer-nav__item:first-child {
    padding-left: 0; }
  .footer-nav__item:last-child {
    padding-right: 0; }
  .footer-nav__item .title {
    display: block;
    margin-bottom: 14px;
    color: #fff;
    opacity: 0.7;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.7px;
    line-height: 20px; }
  .footer-nav__item .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 90px; }
  .footer-nav__item .list li {
    max-width: 150px;
    margin-right: 28px;
    word-break: break-all; }
    .footer-nav__item .list li:nth-child(2n) {
      margin-right: 0; }
  .footer-nav__item .list a {
    color: #fff;
    opacity: 0.7;
    font-size: 14px;
    line-height: 25px; }
    .footer-nav__item .list a:hover {
      opacity: 1; }

.footer-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 250px;
  margin-left: 54px; }
  .footer-info .text {
    text-align: right;
    opacity: 0.7;
    color: #ffffff;
    font-size: 12px; }
    .footer-info .text span {
      display: block;
      margin-top: 4px; }
  .footer-info a {
    color: #fff; }
  .footer-info .dev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 11px;
    color: #ffffff;
    font-size: 12px;
    line-height: 16px; }
    .footer-info .dev p {
      opacity: .6; }
    .footer-info .dev svg use {
      fill: #fff;
      opacity: .6; }
    .footer-info .dev a {
      margin-right: 11px; }
  .footer-info .socials {
    margin-top: 6px;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 12px; }
  .footer-info .socials-icon {
    padding-left: 16px;
    padding-right: 16px;
    border-right: 1px solid rgba(0, 0, 0, 0.12);
    opacity: 0.6; }
    .footer-info .socials-icon:last-child {
      border-right: none; }

@media (max-width: 1259px) {
  .footer-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .footer-nav__item:last-child {
    border: none; }
  .footer-info {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-left: 0;
    margin-top: 60px; }
    .footer-info .dev {
      width: 256px;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
    .footer-info .text {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-ordinal-group: 0;
          -ms-flex-order: -1;
              order: -1;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      text-align: left; }
      .footer-info .text span {
        -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1;
        margin-top: 0;
        margin-bottom: 4px; }
    .footer-info .socials {
      margin: 0; }
    .footer-info .socials-icon {
      padding-left: 12px;
      padding-right: 12px; }
      .footer-info .socials-icon:first-child {
        padding-left: 0; }
      .footer-info .socials-icon:last-child {
        padding-right: 0; } }

@media (max-width: 767px) {
  .footer-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .footer-nav__item {
    padding: 0;
    padding-bottom: 22px;
    margin-bottom: 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-right: 0; }
    .footer-nav__item:last-child {
      margin-bottom: 0;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
      .footer-nav__item:last-child .list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        height: auto; }
    .footer-nav__item:nth-child(2) .list li:first-child {
      -webkit-box-ordinal-group: 6;
          -ms-flex-order: 5;
              order: 5; }
    .footer-nav__item .list {
      height: 50px; }
      .footer-nav__item .list li:nth-child(2n) {
        margin-right: 28px; }
  .footer-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 40px; }
    .footer-info .socials {
      -webkit-box-ordinal-group: 0;
          -ms-flex-order: -1;
              order: -1;
      margin-bottom: 22px; }
    .footer-info .text {
      margin-bottom: 18px; } }

.footer-order {
  padding-top: 29px;
  padding-bottom: 29px;
  border-top: 1px solid #e7e7e7; }
  .footer-order .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

.footer-order__item {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.7); }
  .footer-order__item:first-child {
    padding-right: 6px;
    border-right: 1px solid rgba(0, 0, 0, 0.1); }
  .footer-order__item:last-child {
    padding-left: 6px; }

.breadcrumbs {
  margin-top: 12px;
  margin-bottom: 28px;
  color: #808d8e;
  font-size: 10px;
  letter-spacing: 0.73px;
  text-transform: uppercase; }
  .breadcrumbs a {
    display: inline-block;
    margin-right: 4px;
    color: inherit; }
    .breadcrumbs a::after {
      content: '/';
      margin-left: 4px; }
    .breadcrumbs a:last-child::after {
      display: none; }

.product {
  position: relative;
  width: 190px;
  padding: 0px 10px; }
  .product .pic {
    width: 100%;
    height: 170px;
    margin-bottom: 6px; }
  .product .title {
    max-height: 40px;
    overflow: hidden;
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 18px;
    text-align: center; }
  .product .text {
    color: rgba(0, 0, 0, 0.8);
    font-size: 15px;
    font-weight: 500; }
  .product .info-preview {
    text-align: center; }

.product-buy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 95px;
  margin-left: auto;
  padding-top: 4px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 4px;
  border: 1px solid #e7e7e7;
  border-radius: 13px;
  cursor: pointer; }
  .product-buy .price {
    padding-left: 7px;
    border-left: 1px solid #e7e7e7;
    font-size: 15px;
    line-height: 19px;
    font-weight: 700; }
    .product-buy .price .rouble, .product-buy .price .delivery-col span, .delivery-col .product-buy .price span {
      font-size: 14px;
      line-height: 14px;
      font-weight: 400; }
  .product-buy .icon {
    width: 12px;
    height: 14px;
    margin-right: 6px;
    background-image: url(../img/basket-small.svg);
    background-repeat: no-repeat; }
  .product-buy:hover {
    background-color: #000;
    border-color: #000;
    color: #fff; }
    .product-buy:hover .price {
      border-color: rgba(255, 255, 255, 0.25); }
    .product-buy:hover .icon {
      background-image: url(../img/basket-small-gradient.svg); }

.product.hover .info-hover {
  display: none; }

.product.hover .info .line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-bottom: 4px; }

.product.hover .info .units {
  margin-left: 2px;
  font-size: 10px;
  font-weight: 700; }

@media (min-width: 1259px) {
  .product.hover:hover {
    position: relative; }
    .product.hover:hover .info-hover {
      z-index: 10; }
    .product.hover:hover .pic, .product.hover:hover .title, .product.hover:hover .info, .product.hover:hover .price {
      position: relative;
      z-index: 20; }
    .product.hover:hover .product-label, .product.hover:hover .product-fav {
      z-index: 30; }
    .product.hover:hover .product-fav {
      display: block;
      cursor: pointer; }
    .product.hover:hover .info-preview {
      visibility: hidden; }
    .product.hover:hover .info-hover {
      position: absolute;
      top: -28px;
      left: -23px;
      display: block;
      width: 236px;
      min-height: 100%;
      padding-top: 268px;
      padding-bottom: 25px;
      background-color: #fff;
      -webkit-box-shadow: 0 13px 20px rgba(0, 0, 0, 0.08);
              box-shadow: 0 13px 20px rgba(0, 0, 0, 0.08); }
      .product.hover:hover .info-hover::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background-image: -webkit-linear-gradient(45deg, #fde6c2 0%, #cd8450 100%);
        background-image: -o-linear-gradient(45deg, #fde6c2 0%, #cd8450 100%);
        background-image: linear-gradient(45deg, #fde6c2 0%, #cd8450 100%); }
    .product.hover:hover .info {
      width: 100%;
      padding-left: 33px;
      padding-right: 33px;
      background-color: #fff; } }

.product.small {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 135px;
  padding: 0; }
  .product.small .pic {
    width: 100%;
    height: 135px;
    margin-bottom: 10px; }
  .product.small .title {
    display: none; }
  .product.small .title a {
    font-size: 12px;
    line-height: 12px;
    text-align: center; }
  .product.small .price {
    margin-bottom: 6px;
    text-align: center;
    font-size: 23px; }
  @media (min-width: 1259px) {
    .product.small:hover .title {
      display: block; }
    .product.small:hover .info-hover {
      width: 153px;
      padding-top: 180px;
      padding-bottom: 0;
      top: -8px;
      left: -8px; } }
  .product.small .product-fav {
    top: 0;
    right: 0; }

.product-fav {
  position: absolute;
  top: -5px;
  right: 10px;
  display: none; }
  .product-fav.active svg use {
    fill: #dd352e;
    fill-opacity: 1;
    stroke: #dd352e; }

.product-label {
  position: absolute;
  left: 0px;
  top: -17px;
  width: 42px;
  height: 42px; }
  .product-label.new {
    background-image: url(../img/label-black.svg);
    background-repeat: no-repeat;
    background-size: contain; }
    .product-label.new span {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%) rotate(-10deg);
          -ms-transform: translate(-50%, -50%) rotate(-10deg);
              transform: translate(-50%, -50%) rotate(-10deg);
      display: block;
      color: #ffffff;
      font-size: 12px;
      font-weight: 700;
      text-transform: uppercase; }
  .product-label.sale {
    background-image: url(../img/label-red.svg);
    background-repeat: no-repeat;
    background-size: contain;
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: -0.7px;
    text-align: center; }
    .product-label.sale span:nth-child(2) {
      font-size: 17px;
      font-weight: 500; }
    .product-label.sale .val {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%) rotate(-10deg);
          -ms-transform: translate(-50%, -50%) rotate(-10deg);
              transform: translate(-50%, -50%) rotate(-10deg); }

.product-fav.animate {
  -webkit-animation: heartbeat .3s;
          animation: heartbeat .3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

@-webkit-keyframes heartbeat {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes heartbeat {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@media (max-width: 1259px) {
  .product {
    width: 160px;
    padding: 0; }
  .product.small .info-hover, .product.small .title {
    display: block; } }

@media (max-width: 767px) {
  .product .title {
    margin-bottom: 10px; } }

.products-slider {
  margin-left: -36px;
  padding-left: 36px;
  margin-right: -35px;
  padding-bottom: 250px;
  margin-bottom: -250px;
  overflow-x: hidden; }
  .products-slider .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .products-slider .swiper-slide {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding-left: 18px;
    padding-right: 18px;
    border-right: 1px solid #adadad; }
    .products-slider .swiper-slide:first-child {
      padding-left: 0; }
  .products-slider.hovered {
    position: relative;
    z-index: 100; }

.products-slider .slider-pagination {
  display: none; }

@media (max-width: 1259px) {
  .products-slider {
    margin-left: -16px;
    padding-left: 16px;
    margin-right: -15px;
    overflow: initial; }
    .products-slider .swiper-slide {
      padding-left: 8px;
      padding-right: 8px; }
    .products-slider .slider-pagination {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-top: 20px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }

.product-detail-slider {
  position: relative;
  overflow: hidden; }
  .product-detail-slider .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .product-detail-slider .swiper-slide {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 30px; }

.product-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 539px;
  padding: 20px 33px 20px;
  border: 1px solid #e7e7e7; }
  .product-detail .product {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 18px;
    margin-bottom: 24px; }
  .product-detail .info {
    padding-left: 26px;
    border-left: 1px solid rgba(0, 0, 0, 0.06); }
  .product-detail .path {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    color: #808d8e;
    font-size: 10px;
    letter-spacing: 0.73px;
    text-transform: uppercase; }
    .product-detail .path span {
      margin-right: 6px; }
      .product-detail .path span:last-child::after {
        display: none; }
      .product-detail .path span::after {
        content: '';
        display: inline-block;
        width: 5px;
        height: 9px;
        margin-left: 6px;
        background-image: url(../img/arrow-right-nav.svg);
        background-repeat: no-repeat; }
  .product-detail .text {
    margin-top: 12px;
    font-size: 19px;
    line-height: 27px; }

@media (min-width: 1259px) {
  .product-detail-slider .slider-pagination {
    display: none; } }

@media (max-width: 1259px) {
  .product-detail-slider {
    position: relative;
    padding-bottom: 30px;
    overflow: initial; }
    .product-detail-slider .swiper-wrapper {
      padding-left: 20px; }
    .product-detail-slider .slider-pagination {
      position: absolute;
      bottom: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%); } }

@media (max-width: 767px) {
  .product-detail-slider {
    overflow: hidden; }
    .product-detail-slider .swiper-wrapper {
      padding-left: 0; }
    .product-detail-slider .swiper-slide {
      margin: 0;
      margin-bottom: auto; }
  .product-detail {
    width: 315px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 30px;
    padding-left: 0;
    padding-right: 0; }
    .product-detail .product {
      width: 170px;
      margin-left: auto;
      margin-right: auto; }
      .product-detail .product .pic {
        height: 170px; }
    .product-detail .info {
      padding: 18px 20px 14px 30px;
      border-left: none;
      border-top: 2px solid rgba(0, 0, 0, 0.06); }
      .product-detail .info .path {
        display: none; }
      .product-detail .info .text {
        margin-top: 0;
        font-size: 16px;
        line-height: 23px; } }

.last-seen {
  margin-top: 61px;
  padding-bottom: 85px; }
  .last-seen .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .last-seen .h2 {
    margin-right: 16px;
    color: rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
    font-weight: 400; }
  .last-seen .products-slider {
    padding-top: 39px; }

.subsription {
  padding-top: 14px;
  border-top: 1px solid #e8e8e8; }

.subsription-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 586px;
  margin: 0 auto; }
  .subsription-wrap .pic {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 228px; }

.subsription-form .h2 {
  margin-bottom: 16px;
  font-size: 26px;
  line-height: 28px;
  font-weight: 400; }

.subsription-form input {
  height: 40px;
  border-radius: 20px;
  border: none; }

.subsription-form .subsription-input {
  position: relative;
  width: 100%; }
  .subsription-form .subsription-input::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 18px;
    height: 1px;
    width: calc(100% - 18px * 2);
    background-image: -webkit-linear-gradient(45deg, #fde6c2 0%, #cd8450 52%, #fce4c0 100%);
    background-image: -o-linear-gradient(45deg, #fde6c2 0%, #cd8450 52%, #fce4c0 100%);
    background-image: linear-gradient(45deg, #fde6c2 0%, #cd8450 52%, #fce4c0 100%);
    z-index: 1; }

.subsription-form .subsription-text {
  width: 100%;
  padding-left: 18px;
  border: 1px solid #e1e1e1; }
  .subsription-form .subsription-text::-webkit-input-placeholder {
    opacity: 0.4;
    font-size: 13px;
    font-weight: 400;
    line-height: 28px; }
  .subsription-form .subsription-text:-ms-input-placeholder {
    opacity: 0.4;
    font-size: 13px;
    font-weight: 400;
    line-height: 28px; }
  .subsription-form .subsription-text::-ms-input-placeholder {
    opacity: 0.4;
    font-size: 13px;
    font-weight: 400;
    line-height: 28px; }
  .subsription-form .subsription-text::placeholder {
    opacity: 0.4;
    font-size: 13px;
    font-weight: 400;
    line-height: 28px; }
  .subsription-form .subsription-text:focus {
    outline: none; }

.subsription-form .subsription-submit {
  position: absolute;
  top: 0;
  right: 0;
  width: 161px;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #282828;
  z-index: 2; }

@media (max-width: 767px) {
  .subsription {
    padding-bottom: 25px; }
  .subsription-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 335px; }
    .subsription-wrap .pic {
      width: 127px;
      margin-bottom: auto; }
  .subsription-form .h2 {
    text-align: center; } }

.form-field {
  position: relative; }
  .form-field input, .form-field textarea {
    width: 100%;
    padding-left: 20px;
    padding-top: 16px;
    font-size: 14px;
    background-color: #edf1f1;
    border: none;
    outline: none; }
    .form-field input::-webkit-input-placeholder, .form-field textarea::-webkit-input-placeholder {
      visibility: hidden; }
    .form-field input:-ms-input-placeholder, .form-field textarea:-ms-input-placeholder {
      visibility: hidden; }
    .form-field input::-ms-input-placeholder, .form-field textarea::-ms-input-placeholder {
      visibility: hidden; }
    .form-field input::placeholder, .form-field textarea::placeholder {
      visibility: hidden; }
  .form-field input {
    height: 46px; }
  .form-field textarea {
    resize: none;
    min-height: 120px; }
  .form-field label {
    position: absolute;
    top: 8px;
    left: 20px;
    font-size: 16px;
    line-height: 27px;
    -webkit-transition: top .2s;
    -o-transition: top .2s;
    transition: top .2s; }
  .form-field input:focus {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .form-field input:focus ~ label,
  .form-field input.notempty ~ label,
  .form-field textarea:focus ~ label,
  .form-field textarea.notempty ~ label {
    top: 0;
    color: #808d8e;
    font-size: 10px;
    letter-spacing: 0.73px;
    text-transform: uppercase; }

.intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 15px; }

.intro-slider {
  position: relative;
  width: 819px;
  height: 430px;
  overflow: hidden; }
  .intro-slider .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%; }
    .intro-slider .swiper-wrapper .swiper-slide {
      position: relative;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      width: 100%;
      height: 100%; }
      .intro-slider .swiper-wrapper .swiper-slide .pic {
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        width: auto;
        z-index: -1; }
      .intro-slider .swiper-wrapper .swiper-slide .text {
        position: absolute;
        top: 52px;
        left: 77px;
        width: 412px;
        color: rgba(0, 0, 0, 0.56);
        font-size: 44px;
        line-height: 55px;
        text-transform: uppercase; }
  .intro-slider .slider-button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
  .intro-slider .intro-prev {
    left: 10px; }
  .intro-slider .intro-next {
    right: 10px; }
  .intro-slider .slider-pagination {
    position: absolute;
    bottom: 24px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); }

.intro-hit {
  position: relative;
  width: 258px;
  margin-top: 25px;
  margin-left: 28px;
  border: 1px solid #e7e7e7;
  background-color: #fff; }
  .intro-hit::after {
    content: '';
    position: absolute;
    top: 0px;
    left: -6px;
    width: 258px;
    height: 183px;
    -webkit-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
            transform: rotate(-3deg);
    background-image: -webkit-linear-gradient(45deg, #ffebd7 0%, #cd8450 100%);
    background-image: -o-linear-gradient(45deg, #ffebd7 0%, #cd8450 100%);
    background-image: linear-gradient(45deg, #ffebd7 0%, #cd8450 100%);
    z-index: -1; }
  .intro-hit .h1 {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .intro-hit .pic-main {
    margin-top: 20px;
    width: 100%;
    height: 248px; }
  .intro-hit .name {
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 18px;
    text-transform: uppercase;
    text-align: center; }
  .intro-hit .text {
    font-size: 13px;
    line-height: 18px;
    text-align: center; }
  .intro-hit .descr {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 10px; }
  .intro-hit .list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 4px; }
    .intro-hit .list::before {
      content: '';
      position: absolute;
      top: 0;
      left: 50%;
      height: 2px;
      width: 40px;
      background-color: #000;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%); }
    .intro-hit .list .pic {
      width: 40px;
      height: 40px;
      margin-right: 5px; }
      .intro-hit .list .pic:last-child {
        margin-right: 0; }

.intro-sales {
  margin-top: 38px;
  margin-bottom: 52px; }
  .intro-sales .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .intro-sales .head .h1 {
      margin-top: -7px; }
    .intro-sales .head .strip {
      margin-left: 16px;
      margin-right: 20px; }
  .intro-sales .intro-sales__link {
    font-size: 14px;
    line-height: 19px; }

.intro-popular {
  position: relative; }
  .intro-popular::before, .intro-popular::after {
    content: '';
    position: absolute;
    left: 50%;
    width: 1100px;
    height: 2px;
    background-color: #000;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: -1; }
  .intro-popular::before {
    top: 0; }
  .intro-popular::after {
    bottom: 0; }
  .intro-popular .container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 45px;
    padding-bottom: 45px; }
    .intro-popular .container::after {
      content: '';
      position: absolute;
      right: 80px;
      top: 45px;
      width: 40px;
      height: calc(100% - 45px * 2);
      background-image: -webkit-gradient(linear, left top, right top, from(rgba(253, 253, 253, 0)), to(#ffffff));
      background-image: -webkit-linear-gradient(left, rgba(253, 253, 253, 0) 0%, #ffffff 100%);
      background-image: -o-linear-gradient(left, rgba(253, 253, 253, 0) 0%, #ffffff 100%);
      background-image: linear-gradient(90deg, rgba(253, 253, 253, 0) 0%, #ffffff 100%); }
  .intro-popular .slider-button-wrap {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    top: -20px;
    right: 80px;
    padding-left: 20px; }
  .intro-popular .slider-button-prev {
    margin-right: 5px; }
  .intro-popular .descr {
    position: relative;
    width: 315px;
    margin-right: 32px; }
    .intro-popular .descr .h1 {
      margin-bottom: 8px; }
    .intro-popular .descr .text {
      color: rgba(0, 0, 0, 0.7);
      font-size: 14px;
      line-height: 22px; }
    .intro-popular .descr::before {
      content: '';
      position: absolute;
      top: 21px;
      left: -50px;
      width: 61px;
      height: 58px;
      background-image: url(../img/star.png);
      background-repeat: no-repeat;
      background-size: contain;
      z-index: -1; }
    .intro-popular .descr::after {
      content: '';
      position: absolute;
      top: 7px;
      left: -21px;
      width: 21px;
      height: 97px;
      background-color: #fff;
      border-left: 1px solid rgba(0, 0, 0, 0.06); }

.intro-sales .products-slider {
  padding-top: 55px; }

.intro-brands {
  margin-top: 70px; }
  .intro-brands .features {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .intro-brands .features .h1 {
      width: 550px;
      margin-right: 51px;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  .intro-brands .features-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .intro-brands .features-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 54px; }
    .intro-brands .features-item:nth-child(3), .intro-brands .features-item:nth-child(4) {
      margin-bottom: 0; }
    .intro-brands .features-item .icon {
      width: 70px; }
    .intro-brands .features-item .text {
      width: 174px;
      font-size: 18px;
      font-weight: 500;
      line-height: 20px; }
  .intro-brands .brand-list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 45px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .intro-brands .brand-list:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 1px;
      background-color: #fff; }
  .intro-brands .brand-item {
    padding-bottom: 8px;
    padding-left: 12px;
    border-right: 1px solid #edf1f1;
    border-bottom: 1px solid #edf1f1;
    background-color: #fff; }
    .intro-brands .brand-item:nth-child(1), .intro-brands .brand-item:nth-child(6) {
      padding-left: 0; }
      .intro-brands .brand-item:nth-child(1) .brand-item__wrap, .intro-brands .brand-item:nth-child(6) .brand-item__wrap {
        width: 206px; }
    .intro-brands .brand-item:nth-child(5n) {
      padding-left: 0;
      border-right: 0; }
      .intro-brands .brand-item:nth-child(5n) .brand-item__wrap {
        width: 206px; }
    .intro-brands .brand-item:hover {
      position: relative;
      z-index: 10; }
    .intro-brands .brand-item:hover > .brand-item__wrap {
      position: relative;
      background-color: #fff;
      -webkit-box-shadow: 0 13px 20px rgba(0, 0, 0, 0.08);
              box-shadow: 0 13px 20px rgba(0, 0, 0, 0.08); }
      .intro-brands .brand-item:hover > .brand-item__wrap::after {
        content: '';
        position: absolute;
        top: -3px;
        left: -3px;
        width: 100%;
        height: 100%;
        background-image: -webkit-linear-gradient(45deg, #fde6c2 0%, #cd8450 100%);
        background-image: -o-linear-gradient(45deg, #fde6c2 0%, #cd8450 100%);
        background-image: linear-gradient(45deg, #fde6c2 0%, #cd8450 100%);
        -webkit-transform: rotate(-2deg);
            -ms-transform: rotate(-2deg);
                transform: rotate(-2deg);
        z-index: -1; }
  .intro-brands .brand-item__wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 213px;
    height: 76px;
    background-color: #fff; }
    .intro-brands .brand-item__wrap::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: calc(100% - 2px);
      height: 100%;
      background-image: -webkit-linear-gradient(45deg, #fde6c2 0%, #cd8450 100%);
      background-image: -o-linear-gradient(45deg, #fde6c2 0%, #cd8450 100%);
      background-image: linear-gradient(45deg, #fde6c2 0%, #cd8450 100%);
      -webkit-transform: rotate(0);
          -ms-transform: rotate(0);
              transform: rotate(0);
      z-index: -1;
      -webkit-transition: all .2s ease;
      -o-transition: all .2s ease;
      transition: all .2s ease; }
    .intro-brands .brand-item__wrap img {
      margin: auto; }

@media (max-width: 1259px) {
  .intro-popular::before, .intro-popular::after {
    width: 688px; }
  .intro-popular .slider-button-wrap {
    display: none; }
  .intro-popular .container {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow: hidden; }
    .intro-popular .container::after {
      display: none; }
  .intro-popular .descr {
    width: 100%;
    padding-left: 20px;
    margin-right: 0;
    margin-bottom: 14px; }
    .intro-popular .descr::before {
      top: 0;
      left: -30px; }
    .intro-popular .descr::after {
      top: -10px;
      left: 0;
      height: 83px; }
    .intro-popular .descr .h1 {
      margin-bottom: 0; }
  .intro-sales .container {
    overflow: hidden; }
  .container-intro {
    padding-left: 0;
    padding-right: 0; }
  .intro-brands .features {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .intro-brands .features .h1 {
      width: 100%;
      margin-right: 0;
      margin-bottom: 40px; }
  .intro-brands .features-item {
    width: 136px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 24px !important;
    margin-right: 36px; }
    .intro-brands .features-item:nth-child(4n) {
      margin-right: 0; }
    .intro-brands .features-item .text {
      width: auto; }
  .intro-brands .brand-item {
    padding-bottom: 0;
    padding-left: 4px;
    padding-right: 4px; }
    .intro-brands .brand-item:nth-child(5n) {
      padding-left: 4px;
      padding-right: 4px;
      border-right: 1px solid #edf1f1; }
    .intro-brands .brand-item:nth-child(4n + 1) {
      padding-left: 0; }
    .intro-brands .brand-item:nth-child(6) {
      padding-left: 4px; }
    .intro-brands .brand-item:nth-child(4n) {
      border-right: none; }
  .intro-brands .brand-item__wrap {
    width: 160px !important;
    height: 59px; }
  .last-seen .container {
    overflow: hidden; } }

@media (max-width: 767px) {
  .intro {
    padding-top: 0; }
  .intro-slider {
    height: auto;
    width: 100%;
    padding-bottom: 22px; }
    .intro-slider .swiper-wrapper .swiper-slide {
      height: 196px; }
      .intro-slider .swiper-wrapper .swiper-slide .text {
        width: 128px;
        top: 30px;
        left: 52px;
        font-size: 18px;
        line-height: 26px; }
      .intro-slider .swiper-wrapper .swiper-slide .pic img {
        height: 100%; }
    .intro-slider .slider-pagination {
      bottom: 0; }
  .intro-sales .container {
    width: 335px;
    padding: 0;
    margin: 0 auto; }
  .intro-sales .intro-sales__link {
    display: none; }
  .intro-popular .container {
    padding-left: 30px;
    padding-right: 30px;
    overflow: initial; }
  .intro-popular::before, .intro-popular::after {
    width: 335px; }
  .intro-brands .features-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    margin-right: 0;
    margin-bottom: 32px !important; }
    .intro-brands .features-item .icon {
      width: 30px;
      height: 30px; }
      .intro-brands .features-item .icon svg {
        width: 100%;
        height: 100%; }
    .intro-brands .features-item .text {
      width: 280px; }
  .intro-brands .brand-list {
    margin-top: 28px; }
  .intro-brands .brand-item {
    padding: 0 !important; }
    .intro-brands .brand-item:nth-child(2n) {
      border-right: 0; }
  .last-seen {
    margin-top: 56px; }
    .last-seen .container {
      width: 335px;
      padding: 0;
      margin: 0 auto; }
    .last-seen .h2 {
      font-size: 20px; } }

.dark .header, .dark .main {
  color: rgba(255, 255, 255, 0.8);
  background-color: #1a1a1a; }
  .dark .header a, .dark .main a {
    color: inherit; }

.dark .header {
  border-bottom-color: rgba(255, 255, 255, 0.1); }
  .dark .header .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .dark .header .item-basket {
    display: none; }
  .dark .header .logo {
    margin-right: 0; }
  .dark .header .search {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-left: 32px;
    margin-right: 52px; }
  .dark .header .search-form {
    width: 100%; }
    .dark .header .search-form input {
      color: rgba(255, 255, 255, 0.6);
      border-color: rgba(255, 255, 255, 0.15);
      background-color: #1a1a1a; }
      .dark .header .search-form input::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.4); }
      .dark .header .search-form input:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.4); }
      .dark .header .search-form input::-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.4); }
      .dark .header .search-form input::placeholder {
        color: rgba(255, 255, 255, 0.4); }
    .dark .header .search-form .search-btn svg use {
      fill: rgba(255, 255, 255, 0.3); }
  .dark .header .info {
    margin-right: 0; }

@media (max-width: 1259px) {
  .dark .header .item-basket {
    display: block; }
    .dark .header .item-basket svg use {
      stroke: rgba(255, 255, 255, 0.5);
      fill: rgba(255, 255, 255, 0.5); }
  .dark .header .menu-btn span {
    background-color: rgba(255, 255, 255, 0.9); }
  .dark .mobile-nav {
    background-color: #1a1a1a; }
    .dark .mobile-nav .nav-title svg {
      fill: rgba(255, 255, 255, 0.5); }
  .dark .mobile-nav__icon svg path {
    stroke: rgba(255, 255, 255, 0.5); } }

.notfound {
  padding-top: 60px;
  padding-bottom: 120px;
  text-align: center; }
  .notfound .h1 {
    margin-bottom: 12px; }
  .notfound .text {
    width: 242px;
    margin: 0 auto 32px;
    color: #f2f2f2;
    font-size: 14px;
    line-height: 21px; }
    .notfound .text a {
      padding-bottom: 4px;
      color: inherit;
      border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

.cat-promo {
  width: 100%;
  height: 120px;
  margin-top: 14px;
  margin-bottom: 12px;
  background-image: url(../img/cat-promo.jpg);
  background-size: cover;
  background-position: center center; }

.catalog-root {
  padding-bottom: 74px; }
  .catalog-root .h1 {
    margin-bottom: 32px; }

.catalog-root__sect {
  margin-bottom: 40px;
  border-bottom: 1px solid #edf1f1; }
  .catalog-root__sect:last-child {
    margin-bottom: 0;
    border-bottom: none; }
  .catalog-root__sect .h2 {
    margin-bottom: 22px;
    text-transform: uppercase; }
  .catalog-root__sect.notactive .catalog-root__list {
    -webkit-transform: translate3d(0px, 0px, 0px) !important;
            transform: translate3d(0px, 0px, 0px) !important; }
  @media (min-width: 1259px) {
    .catalog-root__sect .slider-pagination {
      display: none; } }

.catalog-root__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.catalog-root__item {
  width: 183px;
  padding-left: 10px;
  padding-right: 10px;
  margin-right: 46px;
  margin-bottom: 28px; }
  @media (min-width: 1259px) {
    .catalog-root__item:nth-child(5n) {
      margin-right: 0; } }
  .catalog-root__item .pic {
    height: 160px;
    margin-bottom: 14px; }
  .catalog-root__item .title {
    font-size: 16px;
    line-height: 20px;
    text-align: center; }

@media (min-width: 1259px) {
  .catalog-root__item:hover {
    position: relative; }
    .catalog-root__item:hover::after {
      content: '';
      position: absolute;
      width: 100%;
      height: calc(100% + 30px);
      left: 0;
      top: -15px;
      background-color: #fff;
      -webkit-box-shadow: 0 13px 20px rgba(0, 0, 0, 0.08);
              box-shadow: 0 13px 20px rgba(0, 0, 0, 0.08);
      z-index: -1; } }

@media (max-width: 1259px) {
  .cat-promo {
    position: relative;
    overflow: hidden; }
    .cat-promo img {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      width: auto;
      max-width: initial; }
  .catalog-root__sect {
    overflow: hidden; }
    .catalog-root__sect .slider-pagination {
      display: none; }
    .catalog-root__sect.slider {
      position: relative;
      padding-bottom: 40px; }
      .catalog-root__sect.slider .slider-pagination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        bottom: 20px;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%); }
  .catalog-root__list {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
  .catalog-root__item {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 160px;
    margin-right: 15px; }
    .catalog-root__item:last-child {
      margin-right: 0; }
    .catalog-root__item .pic {
      height: 140px;
      margin-bottom: 12px; } }

.catalog-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 90px; }

.inner-sections {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.inner-sections__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 209px;
  padding: 8px;
  margin-right: 25px;
  margin-bottom: 12px;
  border: 1px solid #edf1f1; }
  .inner-sections__link:last-child {
    margin-right: 0; }
  .inner-sections__link .pic {
    width: 52px;
    height: 52px;
    margin-right: 8px; }
  .inner-sections__link .h3 {
    margin-bottom: 4px;
    font-weight: 400; }
  .inner-sections__link .price {
    font-size: 12px;
    line-height: 22px; }

.catalog {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 820px; }
  .catalog .h1 {
    margin-bottom: 12px; }

.catalog-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px; }
  .catalog-head .sort {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    line-height: 18px; }
    .catalog-head .sort span {
      margin-right: 18px;
      text-transform: uppercase; }
    .catalog-head .sort a {
      margin-right: 12px;
      padding-bottom: 4px;
      border-bottom: 1px solid transparent; }
      .catalog-head .sort a.active {
        font-weight: 500;
        border-color: #000; }
  .catalog-head .count {
    margin-left: auto;
    opacity: 0.83;
    letter-spacing: 1.02px;
    text-transform: uppercase; }

.catalog-list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 40px; }
  .catalog-list::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #fff; }
  .catalog-list::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: #fff; }

.catalog-item {
  min-width: calc((100% - 20px) / 4);
  max-width: calc((100% - 20px) / 4 + 10px);
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding-top: 26px;
  padding-bottom: 10px;
  border-right: 1px solid #edf1f1;
  border-bottom: 1px solid #edf1f1; }
  .catalog-item .product {
    margin: 0 auto; }

.catalog-item:nth-child(4n+1),
.catalog-item:nth-child(4n) {
  max-width: calc((100% - 20px) / 4); }

.suitable-products {
  position: relative;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 40px;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000; }
  .suitable-products::after {
    content: '';
    position: absolute;
    top: -43px;
    width: 100%;
    height: 2px;
    background-color: #fff; }
  .suitable-products .slider-button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background-color: transparent; }
  .suitable-products .slider-button-prev {
    left: -20px; }
  .suitable-products .slider-button-next {
    right: -20px; }

.suitable-products__wrap {
  padding-top: 33px;
  padding-bottom: 36px; }
  .suitable-products__wrap .slider-pagination {
    display: none; }

.suitable-products__slider {
  overflow-x: hidden;
  padding-bottom: 270px;
  margin-bottom: -270px; }
  .suitable-products__slider .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .suitable-products__slider .product {
    margin-right: 32px; }

.suitable-products__title {
  position: absolute;
  min-width: 490px;
  left: 50%;
  top: 0;
  margin-left: 14px;
  margin-right: 14px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 20px;
  letter-spacing: 0.78px;
  line-height: 28px;
  text-transform: uppercase;
  text-align: center;
  background-color: #fff; }

.more-btn.second-lvl {
  display: none; }

.catalog-page__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 6px; }
  .catalog-page__head .brand-logo {
    margin-left: auto; }

.catalog-page__lead {
  margin-bottom: 40px; }

.search-head {
  padding-bottom: 6px;
  margin-bottom: 34px;
  border-bottom: 1px solid #edf1f1; }
  .search-head .h1 {
    margin-bottom: 16px; }

@media (min-width: 1259px) {
  .catalog-head .sort-mobile, .catalog-head .filters-mobile {
    display: none; }
  .sidebar-filters__head {
    display: none; }
  .inner-sections-second {
    display: none; } }

@media (max-width: 1259px) {
  .suitable-products {
    width: 728px;
    margin-left: -20px; }
    .suitable-products .slider-button {
      display: none; }
  .suitable-products__wrap {
    position: relative; }
    .suitable-products__wrap::before, .suitable-products__wrap::after {
      content: '';
      position: absolute;
      top: 0px;
      width: 40px;
      height: 260px;
      z-index: 100; }
    .suitable-products__wrap::before {
      left: 0px;
      background-image: -webkit-gradient(linear, left top, right top, color-stop(35%, #fff), to(rgba(255, 255, 255, 0.24)));
      background-image: -webkit-linear-gradient(left, #fff 35%, rgba(255, 255, 255, 0.24) 100%);
      background-image: -o-linear-gradient(left, #fff 35%, rgba(255, 255, 255, 0.24) 100%);
      background-image: linear-gradient(-270deg, #fff 35%, rgba(255, 255, 255, 0.24) 100%); }
    .suitable-products__wrap::after {
      right: 0px;
      background-image: -webkit-gradient(linear, right top, left top, color-stop(35%, #fff), to(rgba(255, 255, 255, 0.24)));
      background-image: -webkit-linear-gradient(right, #fff 35%, rgba(255, 255, 255, 0.24) 100%);
      background-image: -o-linear-gradient(right, #fff 35%, rgba(255, 255, 255, 0.24) 100%);
      background-image: linear-gradient(270deg, #fff 35%, rgba(255, 255, 255, 0.24) 100%); }
    .suitable-products__wrap .slider-pagination {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-top: 24px;
      z-index: 200; }
  .page-pagination.second-lvl {
    display: none; }
  .more-btn.second-lvl {
    display: block; }
  .catalog {
    max-width: 100%; }
  .inner-sections {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow: auto; }
  .inner-sections-second .price {
    display: none; }
  .inner-sections__link {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    min-height: 50px;
    padding: 0;
    margin-right: 20px; }
    .inner-sections__link .price {
      display: none; }
    .inner-sections__link .pic {
      width: 45px;
      height: 45px; }
    .inner-sections__link .h3 {
      margin-bottom: 0;
      font-size: 16px; }
  .inner-sections__link {
    margin-bottom: 18px; }
  .catalog-head {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 22px;
    border-top: 1px solid #edf1f1; }
    .catalog-head .sort {
      display: none; }
    .catalog-head .sort-mobile, .catalog-head .filters-mobile {
      display: block; }
    .catalog-head .filters-mobile::after,
    .catalog-head .sort-mobile__head::after {
      content: '';
      width: 13px;
      height: 7px;
      margin-left: 8px;
      background-image: url(../img/arrow-down.svg); }
    .catalog-head .sort-mobile {
      position: relative;
      cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
      .catalog-head .sort-mobile svg {
        margin-right: 8px; }
      .catalog-head .sort-mobile .sort-mobile__list {
        display: none;
        position: absolute;
        top: 24px;
        left: 0;
        width: 175px;
        max-height: 300px;
        padding: 14px 14px 0;
        font-size: 14px;
        line-height: 18px;
        overflow: auto;
        background-color: #fff;
        -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.06);
                box-shadow: 0 4px 6px rgba(0, 0, 0, 0.06);
        border: 1px solid #edf1f1;
        z-index: 100; }
        .catalog-head .sort-mobile .sort-mobile__list li {
          margin-bottom: 14px; }
          .catalog-head .sort-mobile .sort-mobile__list li.active {
            -webkit-box-ordinal-group: 0;
                -ms-flex-order: -1;
                    order: -1;
            font-weight: 500; }
      .catalog-head .sort-mobile.opened .sort-mobile__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
    .catalog-head .sort-mobile__head {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .catalog-head .filters-mobile {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-right: 36px;
      cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
      .catalog-head .filters-mobile svg {
        margin-right: 8px; } }

@media (max-width: 767px) {
  .catalog-page__head .brand-logo {
    display: none; }
  .catalog {
    width: 100%; }
  .filters-mobile svg,
  .sort-mobile__head svg {
    display: none; }
  .filters-mobile {
    margin-right: auto; }
  .catalog-head .count {
    display: none; }
  .catalog-item:nth-child(2n) {
    padding-left: 4px; }
  .catalog-item:nth-child(2n + 1) {
    padding-right: 4px; }
  .suitable-products {
    width: 100%;
    margin-left: 0; }
  .suitable-products__title {
    min-width: 300px;
    margin-left: 0;
    margin-right: 0; }
  .suitable-products__wrap::before, .suitable-products__wrap::after {
    display: none; }
  .suitable-products__slider .product {
    margin-right: 40px; }
  .catalog-item {
    min-width: 50%;
    max-width: 50%; } }

.order-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 780px;
  min-height: 385px;
  padding-top: 80px;
  margin: 156px auto 142px;
  text-align: center;
  border: 1px solid #e7e7e7; }
  .order-status .h2 {
    margin-bottom: 14px;
    text-transform: uppercase; }
  .order-status .icon {
    margin-bottom: 20px; }

.order-status__form {
  position: relative;
  width: 505px;
  height: 40px;
  margin: 0 auto; }
  .order-status__form input {
    font-family: 'Geometria', 'Arial', sans-serif;
    height: 40px;
    font-size: 13px;
    line-height: 28px;
    border-radius: 20px;
    outline: none; }
  .order-status__form .order-status__input {
    width: 100%;
    border: 1px solid #e1e1e1;
    padding: 0 26px; }
    .order-status__form .order-status__input::-webkit-input-placeholder {
      color: rgba(0, 0, 0, 0.4); }
    .order-status__form .order-status__input:-ms-input-placeholder {
      color: rgba(0, 0, 0, 0.4); }
    .order-status__form .order-status__input::-ms-input-placeholder {
      color: rgba(0, 0, 0, 0.4); }
    .order-status__form .order-status__input::placeholder {
      color: rgba(0, 0, 0, 0.4); }
    .order-status__form .order-status__input:focus {
      outline: none; }
  .order-status__form .order-status__btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;
    font-weight: 500;
    border: 1px solid #000 !important;
    background-color: #fff;
    z-index: 20; }

.order-status-res {
  height: 0;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  border-radius: 20px;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s; }

.order-status-res.open {
  height: 32px;
  padding: 9px 16px;
  margin-bottom: 24px; }

.order-status-res.success {
  background-color: rgba(80, 145, 26, 0.16);
  color: #5b962d; }

.order-status-res.fail {
  background-color: rgba(221, 53, 46, 0.16);
  color: #dd352e; }

@media (max-width: 1259px) {
  .order-status {
    width: 100%; } }

@media (max-width: 767px) {
  .order-status {
    padding-top: 56px; }
  .order-status__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    height: auto;
    padding-left: 10px;
    padding-right: 10px; }
    .order-status__form .order-status__input {
      margin-bottom: 12px; }
    .order-status__form .order-status__btn {
      position: relative;
      width: 100%; } }

.reviews-page {
  padding-bottom: 90px; }
  .reviews-page .h1 {
    margin-bottom: 16px; }
  .reviews-page .descr {
    max-width: 817px;
    margin-bottom: 24px;
    line-height: 27px; }

.reviews-list {
  margin-bottom: 35px; }

.reviews-item {
  width: 348px;
  margin-bottom: 32px; }
  .reviews-item:nth-child(3n) {
    margin-right: 0; }
  .reviews-item .pic {
    width: 60px;
    height: 60px;
    margin-bottom: 15px;
    border-radius: 50%;
    overflow: hidden; }
  .reviews-item .name {
    margin-bottom: 8px;
    font-size: 22px;
    line-height: 28px; }
  .reviews-item .date {
    color: #808d8e;
    font-size: 10px;
    line-height: 13px;
    letter-spacing: 0.73px;
    text-transform: uppercase; }
  .reviews-item .text {
    font-size: 14px;
    line-height: 27px; }

.gutter-sizer {
  width: 28px; }

@media (max-width: 1259px) {
  .reviews-item {
    width: 335px; }
  .gutter-sizer {
    width: 18px; } }

@media (max-width: 767px) {
  .gutter-sizer {
    width: 0; } }

.sidebar-filters {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 254px;
  margin-right: 32px; }

.custom-checkbox {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 22px; }
  .custom-checkbox input {
    position: absolute;
    left: 0;
    opacity: 0;
    width: 20px;
    height: 20px;
    z-index: 10;
    cursor: pointer; }
  .custom-checkbox label {
    cursor: pointer; }
  .custom-checkbox span {
    position: relative;
    width: 16px;
    height: 16px;
    margin-right: 16px;
    border: 1px solid #000000;
    border-radius: 3px;
    cursor: pointer; }
  .custom-checkbox input:checked ~ span::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 8px;
    height: 5px;
    background-image: url(../img/checkbox.svg);
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }

.filters-fieldset {
  margin-bottom: 24px; }
  .filters-fieldset:last-child {
    margin-bottom: 0; }
  .filters-fieldset .custom-checkbox {
    margin-bottom: 8px; }

.filters-fieldset.opened .filters-fieldset__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.filters-fieldset.opened .range-filter {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }

.filters-fieldset.opened .filters-fieldset__title {
  margin-bottom: 12px; }
  .filters-fieldset.opened .filters-fieldset__title::after {
    opacity: 0.3; }

.filters-fieldset__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .filters-fieldset__title::after {
    content: '';
    width: 13px;
    height: 7px;
    background-image: url(../img/arrow-down.svg);
    background-repeat: no-repeat;
    background-size: contain; }

.filters-fieldset__list {
  display: none;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s; }

.range-filter {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.range-filter__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .range-filter__item span {
    margin-right: 16px;
    font-size: 16px;
    font-weight: 500; }
  .range-filter__item input {
    width: 80px;
    height: 30px;
    padding: 0 5px;
    font-size: 16px;
    border: 1px solid #e7e7e7;
    outline: none; }

.range {
  width: 200px;
  height: 3px;
  margin-top: 24px;
  margin-left: auto;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: rgba(0, 0, 0, 0.1); }
  .range .noUi-base {
    height: 3px; }
  .range .noUi-handle {
    width: 23px;
    height: 23px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    border: 1px solid #adadad;
    background-color: #ffffff;
    border-radius: 50%;
    -webkit-box-shadow: none;
            box-shadow: none;
    cursor: pointer;
    outline: none; }
    .range .noUi-handle::before, .range .noUi-handle::after {
      display: none; }
  .range .noUi-active {
    border-color: #262626; }
  .range .noUi-connect {
    background-image: -webkit-linear-gradient(45deg, #fde6c2 0%, #cd8450 100%);
    background-image: -o-linear-gradient(45deg, #fde6c2 0%, #cd8450 100%);
    background-image: linear-gradient(45deg, #fde6c2 0%, #cd8450 100%); }
  .range .noUi-handle-upper {
    right: -1px !important; }

.sidebar-filters__sect {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 40px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000; }

.filters-fieldset__list a {
  margin-bottom: 8px;
  padding-left: 15px;
  font-size: 14px;
  line-height: 22px; }

.filters-fieldset__list a.active {
  position: relative;
  font-weight: 500; }
  .filters-fieldset__list a.active::before {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    top: 50%;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #000;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }

.filters-fieldset__list.categories a {
  padding-left: 0; }
  .filters-fieldset__list.categories a::before {
    display: none; }

@media (max-width: 1259px) {
  .sidebar-filters {
    position: fixed;
    left: -1000px;
    top: 0;
    bottom: 0;
    min-height: 100%;
    margin-right: 0;
    z-index: 1000;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    overflow: auto;
    overflow-x: hidden;
    background-color: #fff;
    -webkit-box-shadow: 6px 0 40px rgba(0, 0, 0, 0.07);
            box-shadow: 6px 0 40px rgba(0, 0, 0, 0.07); }
  .sidebar-filters__sect {
    display: none; }
  .sidebar-filters.opened {
    left: 0; }
  .sidebar-filters {
    width: 415px; }
  .sidebar-filters__head {
    position: relative;
    margin-top: 36px;
    margin-bottom: 32px;
    padding-bottom: 12px;
    border-bottom: 1px solid #edf1f1; }
  .sidebar-filters__head,
  .filters-form {
    width: 335px;
    margin-left: auto;
    margin-right: auto; }
  .data-close-filters {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    cursor: pointer; }
    .data-close-filters svg {
      margin: auto; }
      .data-close-filters svg use {
        stroke: rgba(0, 0, 0, 0.3); }
  .range {
    width: 100%;
    margin-left: 0; } }

@media (max-width: 767px) {
  .sidebar-filters {
    width: 100%; } }

.delivery-page {
  padding-bottom: 105px; }

.delivery-options {
  max-width: 800px;
  margin-top: 12px;
  margin-bottom: 60px;
  font-size: 16px;
  line-height: 27px; }
  .delivery-options ul li {
    position: relative;
    padding-left: 24px;
    margin-bottom: 8px; }
    .delivery-options ul li::before {
      content: '';
      position: absolute;
      left: 0;
      top: 12px;
      width: 17px;
      height: 3px;
      border-radius: 2px;
      background-image: -webkit-linear-gradient(45deg, #fde6c2 0%, #cd8450 100%);
      background-image: -o-linear-gradient(45deg, #fde6c2 0%, #cd8450 100%);
      background-image: linear-gradient(45deg, #fde6c2 0%, #cd8450 100%); }
    .delivery-options ul li:last-child {
      margin-bottom: 0; }

.delivery-sect {
  margin-bottom: 100px; }
  .delivery-sect:last-child {
    margin-bottom: 0; }
  .delivery-sect .h2 {
    margin-bottom: 20px;
    text-transform: uppercase; }

.delivery-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #edf1f1; }
  .delivery-row:last-child {
    padding-bottom: 0;
    border-bottom: 0; }

.delivery-col {
  min-width: 237px;
  width: 100%;
  margin-right: 55px; }
  .delivery-col:first-child {
    width: 237px;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .delivery-col h3 {
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase; }
  .delivery-col h4 {
    margin-bottom: 8px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400; }
  .delivery-col p {
    font-size: 14px;
    line-height: 27px; }
  .delivery-col a {
    padding-bottom: 4px;
    border-bottom: 1px solid #000; }
  .delivery-col img {
    display: inline-block;
    margin-right: 16px;
    vertical-align: middle; }

@media (max-width: 1259px) {
  .delivery-sect {
    margin-bottom: 60px; }
  .delivery-row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-top: 15px; }
  .delivery-col {
    min-width: 210px;
    width: 210px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin-right: 28px; }
    .delivery-col:first-child {
      width: 100%;
      margin-bottom: 18px; }
    .delivery-col:nth-child(4n) {
      margin-right: 0; } }

@media (max-width: 767px) {
  .delivery-col {
    margin-bottom: 22px; }
    .delivery-col:last-child {
      margin-bottom: 0; }
  .delivery-page {
    padding-bottom: 90px; } }

.articles-page {
  padding-bottom: 90px; }

.aricles-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 18px;
  margin-bottom: 38px; }

.article {
  width: 348px;
  margin-right: 28px;
  margin-bottom: 28px; }
  .article .pic {
    height: 153px;
    overflow: hidden; }
    .article .pic img {
      max-width: initial; }
  .article .descr {
    padding: 12px;
    border: 1px solid #e7e7e7; }
  .article .date {
    margin-bottom: 8px;
    color: #808d8e;
    font-size: 10px;
    letter-spacing: 0.73px;
    text-transform: uppercase; }
  .article .title {
    margin-bottom: 6px;
    font-size: 22px;
    line-height: 28px; }
  .article .text {
    font-size: 14px;
    line-height: 18px; }

.article-wrap {
  width: 724px;
  margin-bottom: 70px; }
  .article-wrap .article-pic {
    height: 330px;
    margin-top: 18px;
    margin-bottom: 18px;
    overflow: hidden; }
  .article-wrap .article-date {
    margin-bottom: 15px;
    color: #808d8e;
    font-size: 10px;
    letter-spacing: 0.73px;
    text-transform: uppercase; }
  .article-wrap .article-text h3 {
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    text-transform: uppercase; }
  .article-wrap .article-text p {
    margin-bottom: 18px;
    font-size: 14px;
    line-height: 27px; }

.articles-slider__wrap {
  overflow: hidden; }

.articles-slider {
  position: relative; }
  .articles-slider .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 18px; }
  .articles-slider .h2 {
    margin-right: 8px;
    color: rgba(0, 0, 0, 0.5);
    text-transform: uppercase; }
  .articles-slider .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .articles-slider .article {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-bottom: 0; }
    .articles-slider .article:last-child {
      margin-right: 0; }
  .articles-slider .slider-button-wrap {
    display: none;
    position: absolute;
    top: -6px;
    right: 0;
    padding-left: 20px;
    background-color: #fff; }
  .articles-slider .slider-product-prev {
    margin-right: 5px; }
  .articles-slider .slider-pagination {
    display: none; }
  .articles-slider.active .slider-button-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .articles-slider.promo .slider-button-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.articles-slider.promo {
  position: relative; }
  .articles-slider.promo .products-slider {
    padding-top: 39px; }
  .articles-slider.promo .slider-button-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: -40px; }

@media (min-width: 1259px) {
  .aricles-list .article:nth-child(3n) {
    margin-right: 0; } }

@media (min-width: 767px) and (max-width: 1259px) {
  .aricles-list .article:nth-child(2n) {
    margin-right: 0; } }

@media (max-width: 1259px) {
  .article {
    width: 335px;
    margin-right: 18px; }
  .articles-slider .slider-pagination,
  .articles-slider.promo .slider-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 16px; }
  .articles-slider .slider-button-wrap,
  .articles-slider.promo .slider-button-wrap {
    display: none; } }

@media (max-width: 767px) {
  .article-wrap {
    width: 100%; }
    .article-wrap .article-pic {
      width: 100%;
      height: 153px; } }

.about-page {
  padding-bottom: 85px; }
  .about-page .h1 {
    margin-bottom: 8px; }
  .about-page .page-descr {
    width: 774px;
    font-size: 16px;
    line-height: 27px; }
  .about-page .features-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 52px;
    margin-bottom: 56px; }
  .about-page .features-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 246px; }
    .about-page .features-item .text {
      margin-left: 18px;
      font-size: 16px;
      line-height: 20px;
      font-weight: 500;
      text-transform: uppercase; }

.about-slider {
  position: relative;
  overflow: hidden;
  margin-bottom: 40px; }
  .about-slider .slider-pagination,
  .about-slider .slider-button {
    position: absolute;
    z-index: 30; }
  .about-slider .slider-button {
    width: 60px;
    height: 60px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background-color: transparent; }
  .about-slider .slider-button-next {
    right: 12px; }
  .about-slider .slider-button-prev {
    left: 12px; }
  .about-slider .slider-pagination {
    bottom: 12px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
  .about-slider .swiper-slide::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 572px;
    height: 100%;
    background-image: url(../img/about-mask.svg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 10; }
  .about-slider .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 400px; }
  .about-slider .swiper-slide {
    position: relative;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 100%;
    height: 100%; }
  .about-slider .pic {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .about-slider .pic img {
      height: 100%;
      max-width: initial; }
  .about-slider .h2 {
    position: absolute;
    top: 35px;
    right: 35px;
    width: 276px;
    text-align: right;
    color: #fff;
    text-transform: uppercase;
    z-index: 30; }

.about-descr {
  width: 770px; }
  .about-descr .h2 {
    margin-bottom: 12px;
    text-transform: uppercase; }
  .about-descr .lead {
    margin-bottom: 24px; }
  .about-descr .links a {
    position: relative;
    display: inline-block;
    margin-right: 24px;
    font-size: 14px;
    text-transform: uppercase;
    border-bottom: 1px solid transparent; }
    .about-descr .links a::after {
      content: '';
      position: absolute;
      bottom: -4px;
      left: 0;
      width: 0;
      height: 1px;
      background-color: rgba(0, 0, 0, 0.15);
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s; }
    .about-descr .links a:hover::after {
      width: 100%; }

@media (max-width: 1259px) {
  .about-page .features-list {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding-bottom: 10px;
    margin-top: 40px;
    margin-bottom: 30px;
    overflow-x: auto; }
  .about-slider {
    padding-bottom: 30px; }
    .about-slider .swiper-wrapper {
      height: 250px; }
    .about-slider .slider-pagination {
      bottom: 0; }
    .about-slider .slider-button {
      display: none; }
  .about-descr {
    width: 100%; } }

@media (max-width: 767px) {
  .about-page .page-descr {
    width: 100%; }
  .about-page .features-list {
    display: block;
    padding-bottom: 0;
    overflow-x: initial; }
  .about-page .features-item {
    width: 100%;
    margin-bottom: 32px; }
    .about-page .features-item .icon {
      width: 30px;
      height: 30px; }
      .about-page .features-item .icon svg {
        width: 100%;
        height: 100%; }
  .about-slider .swiper-wrapper {
    height: 120px; }
  .about-slider .swiper-slide::before {
    width: 100%; }
  .about-slider .h2 {
    top: 20px;
    right: 20px;
    width: 200px;
    font-size: 16px;
    line-height: 20px; }
  .about-descr .lead {
    margin-bottom: 34px; }
  .about-descr .links a {
    margin-bottom: 14px; }
    .about-descr .links a:last-child {
      margin-bottom: 0; } }

.fav-page {
  padding-bottom: 90px; }

.fav-list {
  margin-top: 24px; }

.fav-item.catalog-item {
  min-width: calc((100% - 36px) / 5);
  max-width: calc((100% - 36px) / 5 + 12px); }
  .fav-item.catalog-item .product-fav {
    display: block; }

@media (min-width: 1259px) {
  .fav-item.catalog-item:nth-child(5n+1),
  .catalog-item:nth-child(5n) {
    max-width: calc((100% - 36px) / 5); } }

@media (max-width: 1259px) {
  .fav-item.catalog-item {
    min-width: calc((100% - 20px) / 4);
    max-width: calc((100% - 20px) / 4 + 10px); }
  .fav-item.catalog-item:nth-child(4n+1),
  .catalog-item:nth-child(4n) {
    max-width: calc((100% - 20px) / 4); } }

@media (max-width: 767px) {
  .fav-list {
    margin-top: 16px; }
  .fav-item.catalog-item {
    min-width: 50%;
    max-width: 50%; } }

.brands-slider {
  margin-top: 28px;
  margin-bottom: 46px; }
  .brands-slider .title {
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase; }
  .brands-slider .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .brands-slider .swiper-slide {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 215px;
    height: 76px;
    border-right: 1px solid #edf1f1; }
    .brands-slider .swiper-slide a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      height: 100%; }
    .brands-slider .swiper-slide img {
      margin: auto; }

.brands-slider__wrap {
  position: relative;
  overflow: hidden; }
  .brands-slider__wrap::before, .brands-slider__wrap::after {
    content: '';
    position: absolute;
    top: 0;
    width: 94px;
    height: 100%;
    z-index: 100; }
  .brands-slider__wrap::before {
    left: 0;
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(253, 253, 253, 0)), to(#ffffff));
    background-image: -webkit-linear-gradient(right, rgba(253, 253, 253, 0) 0%, #ffffff 100%);
    background-image: -o-linear-gradient(right, rgba(253, 253, 253, 0) 0%, #ffffff 100%);
    background-image: linear-gradient(270deg, rgba(253, 253, 253, 0) 0%, #ffffff 100%); }
  .brands-slider__wrap::after {
    right: 0;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(253, 253, 253, 0)), to(#ffffff));
    background-image: -webkit-linear-gradient(left, rgba(253, 253, 253, 0) 0%, #ffffff 100%);
    background-image: -o-linear-gradient(left, rgba(253, 253, 253, 0) 0%, #ffffff 100%);
    background-image: linear-gradient(90deg, rgba(253, 253, 253, 0) 0%, #ffffff 100%); }

.brands-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 50px; }

.brands-head__list {
  overflow: hidden; }
  .brands-head__list .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

.brands-head__item {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 27px;
  margin-bottom: 8px;
  text-align: center;
  vertical-align: middle;
  font-size: 25px;
  line-height: 32px;
  font-weight: 500;
  letter-spacing: 1.1px;
  line-height: 32px;
  text-transform: uppercase; }
  .brands-head__item.empty {
    color: #e7e7e7; }
  .brands-head__item.active {
    position: relative;
    color: #1a1a1a;
    font-weight: 700;
    background-image: -webkit-linear-gradient(45deg, #fde6c2 0%, #cd8450 100%);
    background-image: -o-linear-gradient(45deg, #fde6c2 0%, #cd8450 100%);
    background-image: linear-gradient(45deg, #fde6c2 0%, #cd8450 100%); }

.brand-section {
  margin-bottom: 60px; }
  .brand-section .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 28px; }
  .brand-section .h1 {
    margin-right: 20px; }

.brand-section__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.brand-section__item {
  width: 348px;
  margin-right: 28px;
  margin-bottom: 28px; }
  .brand-section__item .pic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 214px;
    height: 76px; }
    .brand-section__item .pic a {
      margin: auto; }
  .brand-section__item .descr {
    font-size: 14px;
    line-height: 27px; }

.brand-section.hidden {
  display: none; }

@media (min-width: 1259px) {
  .brand-section__item:nth-child(3n) {
    margin-right: 0; } }

@media (max-width: 1259px) {
  .brands-slider .title {
    margin-top: 10px; }
  .brands-slider .swiper-slide {
    width: 170px;
    height: 59px; }
  .brands-slider__wrap::before {
    display: none; }
  .brands-head__list {
    position: relative;
    padding-right: 40px; }
    .brands-head__list::after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
      width: 40px;
      background-image: -webkit-gradient(linear, right top, left top, from(#ffffff), to(rgba(255, 255, 255, 0.24)));
      background-image: -webkit-linear-gradient(right, #ffffff 0%, rgba(255, 255, 255, 0.24) 100%);
      background-image: -o-linear-gradient(right, #ffffff 0%, rgba(255, 255, 255, 0.24) 100%);
      background-image: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0.24) 100%); }
    .brands-head__list .swiper-wrapper {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
  .brands-head__item {
    font-size: 22px; }
  .brand-section__item {
    width: 335px;
    margin-right: 18px; }
    .brand-section__item:nth-child(2n) {
      margin-right: 0; }
    .brand-section__item .pic {
      width: 165px;
      height: 59px; } }

@media (max-width: 767px) {
  .brands-head {
    margin-bottom: 40px; } }

.account-page {
  padding-bottom: 90px; }

.account-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .account-head .exit {
    margin-right: 20px;
    margin-left: auto; }
    .account-head .exit a {
      padding-bottom: 4px;
      font-size: 14px;
      line-height: 27px;
      border-bottom: 1px dashed rgba(95, 86, 75, 0.7); }
      .account-head .exit a:hover, .account-head .exit a:focus {
        opacity: .8; }
  .account-head .button a {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 28px;
    padding-right: 28px;
    border-radius: 28px;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    border: 1px solid #000000; }

.account-head__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.account-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 28px;
  margin-top: 16px; }

.account-info__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 18px; }
  .account-info__item .icon {
    margin-right: 11px; }

.account-form {
  display: none;
  margin-bottom: 24px; }

.account-form.open {
  display: block; }

.account-form__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 12px; }
  .account-form__wrap .form-field {
    margin-bottom: 12px; }

.account-form__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .account-form__button .custom-btn {
    padding-left: 55px;
    padding-right: 55px; }
  .account-form__button .cancel {
    padding: 0;
    margin-left: 16px;
    background-color: transparent; }
    .account-form__button .cancel span {
      padding-bottom: 4px;
      border-bottom: 1px dashed rgba(95, 86, 75, 0.7); }
    .account-form__button .cancel:hover, .account-form__button .cancel:focus {
      opacity: .8;
      outline: none; }

.account-form__block {
  width: 50%; }
  .account-form__block:first-child {
    padding-right: 60px;
    border-right: 1px solid #edf1f1; }
  .account-form__block:last-child {
    padding-left: 60px; }
  .account-form__block .h3 {
    margin-bottom: 24px; }

.account-orders .h2 {
  margin-bottom: 12px; }

.account-order {
  margin-bottom: 16px;
  border: 1px solid #e7e7e7; }

.account-order__head {
  cursor: pointer; }
  .account-order__head .account-order__row {
    border-bottom: none; }

.account-order__body,
.account-order__footer {
  display: none; }

.account-order.opened {
  border-color: #000; }
  .account-order.opened .account-order__head {
    border-bottom: 1px solid #000; }
  .account-order.opened .account-order__body,
  .account-order.opened .account-order__footer {
    display: block; }

.account-order__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  border-bottom: 1px solid #e1e1e1; }
  .account-order__row:last-child {
    border-bottom: none; }
  .account-order__row .head {
    width: 112px;
    margin-right: 29px; }
  .account-order__row .pic {
    width: 100px;
    height: 100px; }
  .account-order__row .value {
    margin-bottom: 8px;
    font-size: 22px;
    line-height: 27px; }
  .account-order__row .date {
    color: #828282;
    font-size: 13px;
    line-height: 16px; }
  .account-order__row .title {
    width: 498px;
    margin-right: 65px;
    font-size: 15px;
    line-height: 22px; }
  .account-order__row .price-final,
  .account-order__row .amount {
    width: 159px; }
  .account-order__row .price-final {
    font-size: 25px;
    line-height: 27px; }
  .account-order__row .amount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #484848;
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 20px; }
  .account-order__row .amount-item {
    margin-right: 4px;
    color: #484848; }
  .account-order__row .status {
    width: 164px;
    margin-left: auto; }
  .account-order__row .status-btn {
    display: block;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    background-color: #000;
    border-radius: 28px; }
  .account-order__row .status-item {
    width: 164px;
    min-height: 32px;
    border-radius: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 32px;
    font-weight: 500; }
  .account-order__row .body-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }

.account-order.canceled .status-item {
  color: #dd352e;
  background-color: rgba(221, 53, 46, 0.16); }

.account-order.processed .status-item {
  color: #50911a;
  background-color: rgba(80, 145, 26, 0.16); }

.account-order__body .name {
  display: block;
  margin-bottom: 6px; }

.account-order__body .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline; }

.account-order__body .weight {
  margin-right: 10px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500; }

.account-order__body .art {
  color: #5f564b;
  font-size: 10px;
  line-height: 13px;
  letter-spacing: 0.7px; }

.account-order__body .final {
  margin-left: auto;
  font-weight: 700;
  font-size: 15px;
  line-height: 19px; }

.account-order__footer {
  border-top: 1px solid #828282; }
  .account-order__footer .foot-title {
    font-size: 16px;
    line-height: 27px; }
  .account-order__footer .text {
    font-size: 14px;
    line-height: 27px; }
  .account-order__footer .bold {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px; }
  .account-order__footer .col:nth-child(1) {
    min-width: 142px;
    margin-right: 26px; }
  .account-order__footer .col:nth-child(2) {
    min-width: 125px; }
  .account-order__footer .col:nth-child(3) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 400px;
    margin-left: auto; }
  .account-order__footer .row-title {
    width: 282px;
    margin-right: 12px;
    text-align: right; }

@media (max-width: 1259px) {
  .account-orders .container {
    padding-left: 20px;
    padding-right: 20px; }
  .account-orders .h2 {
    margin-left: 20px; }
  .account-order__head .account-order__row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .account-order__row .head {
    width: 104px;
    margin-right: 20px; }
  .account-order__row .value {
    margin-bottom: 2px; }
  .account-order__row .pic {
    width: 80px;
    height: 80px; }
  .account-order__row .title {
    width: 376px;
    margin-right: 16px; }
  .account-order__row .value {
    font-size: 18px;
    line-height: 23px; }
  .account-order__row .price-final {
    width: 132px;
    font-size: 21px;
    line-height: 26px; }
  .account-order__row .body-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .account-order__body .name {
    margin-bottom: 0; }
  .account-order__body .info {
    margin-bottom: 6px; }
  .account-order__body .amount {
    width: 90px;
    font-size: 14px;
    letter-spacing: 0.44px; }
  .account-order__footer .col:nth-child(1) {
    min-width: 142px;
    width: 142px;
    margin-right: 20px; }
  .account-order__footer .col:nth-child(2) {
    min-width: 142px;
    width: 142px; }
  .account-order__footer .col:nth-child(3) {
    min-width: 0;
    width: auto; }
  .account-order__footer .row-title {
    width: auto; } }

@media (max-width: 767px) {
  .account-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 28px; }
    .account-head .h1 {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      margin-bottom: 12px; }
    .account-head .account-head__title {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3; }
    .account-head .account-info {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      display: block;
      margin-top: 0;
      margin-bottom: 18px; }
  .account-info__item {
    margin-bottom: 10px; }
  .account-form__wrap {
    display: block; }
  .account-form__block {
    width: 100%; }
    .account-form__block:first-child {
      padding-right: 0;
      border-right: none; }
    .account-form__block:last-child {
      padding-left: 0; }
  .account-orders .container {
    padding-left: 10px;
    padding-right: 10px; }
  .account-orders .h2 {
    margin-left: 10px; }
  .account-order__row .head {
    width: 315px;
    margin-right: 0;
    margin-bottom: 10px; }
  .account-order__row .title {
    width: 315px;
    margin-right: 0;
    margin-bottom: 12px; }
  .account-order__row .price-final {
    width: 134px;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center; }
  .account-order__body .account-order__row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .account-order__body .head {
    width: 80px; }
  .account-order__body .title {
    margin-bottom: 4px; }
  .account-order__body .name {
    margin-bottom: 6px; }
  .account-order__body .final {
    width: 100%;
    margin-left: 0; }
  .account-order__body .amount {
    margin-bottom: 6px; }
  .account-order__body .body-wrap {
    width: 225px;
    margin-left: auto; }
  .account-order__footer .account-order__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .account-order__footer .col {
    margin-bottom: 12px; }
  .account-order__footer .col:nth-child(3) {
    width: 100%; }
  .account-order__footer .foot-title {
    line-height: 20px; }
  .account-order__footer .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .account-order__footer .row-title:first-child {
    margin-bottom: 6px; }
  .account-order__footer .row:last-child {
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .account-order__footer .bold {
    margin-top: auto; } }

.auth-page {
  padding-bottom: 230px; }

.auth-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 64px; }

.auth-form {
  width: 536px;
  padding: 55px 66px 20px;
  border: 1px solid #e7e7e7; }
  .auth-form:first-child {
    margin-right: 28px; }
  .auth-form .h2 {
    margin-bottom: 22px;
    text-transform: uppercase; }
  .auth-form .form-field {
    margin-bottom: 12px; }

.auth-form__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 16px;
  margin-bottom: 24px; }
  .auth-form__footer .link {
    padding-bottom: 4px;
    margin-right: 18px;
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    border-bottom: 1px dashed rgba(95, 86, 75, 0.7); }
  .auth-form__footer .custom-btn {
    padding-left: 55px;
    padding-right: 55px; }

.auth-form__footer-second .custom-btn {
  padding-left: 42px;
  padding-right: 42px; }

.auth-form__socials .h3 {
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase; }

.auth-form__socials .socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .auth-form__socials .socials a {
    margin-right: 16px; }

.auth-form__agreement {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 10px; }
  .auth-form__agreement .custom-checkbox {
    margin-right: 8px;
    margin-top: 2px; }
    .auth-form__agreement .custom-checkbox span {
      margin-right: 0;
      background-color: #f8f8f8;
      border: 1px solid #adadad; }
    .auth-form__agreement .custom-checkbox input {
      width: 16px;
      height: 16px; }
  .auth-form__agreement .note {
    color: #808d8e;
    font-size: 10px;
    letter-spacing: 0.73px; }

.pass-page {
  padding-bottom: 280px; }
  .pass-page .head {
    width: 550px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 53px;
    margin-bottom: 24px;
    text-align: center; }
  .pass-page .text {
    font-size: 16px;
    line-height: 23px; }

.pass-form {
  width: 404px;
  margin: 0 auto; }
  .pass-form .form-field {
    margin-bottom: 24px; }
  .pass-form .custom-btn {
    display: block;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px; }

@media (max-width: 1259px) {
  .auth-page {
    padding-bottom: 127px; }
  .auth-form {
    width: 354px;
    padding: 50px 20px; }
    .auth-form:first-child {
      margin-right: 20px; }
  .auth-form__footer-second .custom-btn {
    width: 100%; }
  .pass-page {
    padding-bottom: 143px; }
    .pass-page .head {
      width: 404px; } }

@media (max-width: 767px) {
  .auth-page {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 90px; }
    .auth-page .breadcrumbs {
      margin-left: 10px; }
  .auth-wrap {
    display: block; }
  .auth-form:first-child {
    margin-bottom: 24px; }
  .pass-page {
    padding-bottom: 108px; }
    .pass-page .head {
      width: 100%; }
  .pass-form {
    width: 100%; } }

.dicsount-page {
  padding-bottom: 90px; }

.dicsount-page__head {
  width: 850px; }
  .dicsount-page__head .descr {
    font-size: 16px;
    line-height: 27px; }

.dicsount-page__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 32px; }

.dicsount-page__form {
  width: 484px;
  padding: 55px 40px;
  border: 1px solid #e7e7e7; }
  .dicsount-page__form .form-field {
    margin-bottom: 12px; }
  .dicsount-page__form .submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .dicsount-page__form .btn {
    margin-top: 12px;
    padding: 14px 40px;
    font-family: 'Geometria', 'Arial', sans-serif;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    border-radius: 28px;
    background-color: #000; }

.dicsount-page__info {
  margin-left: 50px;
  margin-top: -28px; }
  .dicsount-page__info .pic {
    width: 354px;
    height: 282px;
    margin-left: 60px;
    margin-bottom: 12px; }
  .dicsount-page__info .features {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline; }
  .dicsount-page__info .features__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 150px;
    margin-right: 28px;
    text-align: center; }
    .dicsount-page__info .features__item:last-child {
      margin-right: 0; }
    .dicsount-page__info .features__item .icon {
      margin-bottom: 15px; }
    .dicsount-page__info .features__item .text {
      font-size: 16px;
      line-height: 20px;
      font-weight: 500;
      text-transform: uppercase; }

@media (max-width: 1259px) {
  .dicsount-page__head {
    width: 100%; }
  .dicsount-page__body {
    position: relative;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .dicsount-page__form {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 444px;
    padding-top: 30px;
    padding-bottom: 30px; }
  .dicsount-page__info {
    width: 100%;
    margin-top: 45px;
    margin-left: 0; }
    .dicsount-page__info .pic {
      position: absolute;
      top: 80px;
      right: 0;
      width: 235px;
      height: 187px; }
    .dicsount-page__info .features {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; } }

@media (max-width: 767px) {
  .dicsount-page .container {
    padding-left: 10px;
    padding-right: 10px; }
  .dicsount-page .dicsount-page__head {
    width: 335px;
    margin-left: 10px; }
  .dicsount-page .dicsount-page__info {
    margin-left: 10px; }
  .dicsount-page__info {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin-top: 0;
    margin-bottom: 10px; }
    .dicsount-page__info .pic {
      position: relative;
      top: 0;
      width: 199px;
      height: 159px; }
    .dicsount-page__info .features {
      display: block; }
    .dicsount-page__info .features__item {
      width: 100%;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: 22px; }
      .dicsount-page__info .features__item .icon {
        width: 30px;
        height: 30px;
        margin-right: 12px;
        margin-bottom: 0; }
        .dicsount-page__info .features__item .icon svg {
          width: 100%;
          height: 100%; }
      .dicsount-page__info .features__item .text {
        text-transform: initial; }
  .dicsount-page__body {
    margin-top: 20px; }
  .dicsount-page__form {
    width: 100%; }
    .dicsount-page__form .btn {
      width: 100%; } }

.shops-page {
  padding-bottom: 90px; }
  .shops-page .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    margin-bottom: 28px; }
    .shops-page .head .socials {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .shops-page .head .socials a {
        padding-right: 14px;
        padding-left: 14px;
        border-right: 1px solid rgba(216, 216, 216, 0.16); }
        .shops-page .head .socials a:last-child {
          border-right: none; }
        .shops-page .head .socials a:first-child {
          padding-left: 0; }
  .shops-page .h1 {
    width: 348px; }

.shops-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 608px; }

.shops-sidebar {
  position: relative;
  height: 100%;
  margin-right: 28px;
  overflow-y: scroll; }
  .shops-sidebar::-webkit-scrollbar {
    width: 6px;
    background-color: #f8f8f8; }
  .shops-sidebar::-webkit-scrollbar-thumb {
    background-color: #e7e7e7;
    border-radius: 2px; }

.shops-sidebar__wrap {
  position: relative;
  height: 100%; }
  .shops-sidebar__wrap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 348px;
    height: 1px;
    background-color: #e7e7e7; }
  .shops-sidebar__wrap::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 348px;
    height: 16px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ffffff));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%); }
  @media (max-width: 1259px) {
    .shops-sidebar__wrap::before {
      display: none; } }

.shops-item {
  width: 348px;
  margin-right: 10px;
  padding: 16px 20px 24px;
  border: 1px solid #e7e7e7;
  border-top: none; }
  .shops-item:first-child {
    border-top: 1px solid #e7e7e7; }
  .shops-item .close {
    display: none; }
  .shops-item .shops-item__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .shops-item .shops-item__head .pic {
      width: 93px;
      height: 69px;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  .shops-item .info {
    margin-right: auto;
    margin-bottom: 8px; }
  .shops-item .address {
    margin-bottom: 6px;
    font-size: 17px;
    font-weight: 500;
    line-height: 23px; }
  .shops-item .info-item {
    position: relative;
    font-size: 14px;
    letter-spacing: 0.19px;
    line-height: 28px; }
    .shops-item .info-item::before {
      content: '';
      display: inline-block;
      width: 4px;
      height: 4px;
      margin-right: 10px;
      vertical-align: middle;
      border-radius: 50%;
      background-color: #000; }
  .shops-item .instock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 8px;
    line-height: 29px;
    font-size: 14px; }
    .shops-item .instock svg {
      margin-right: 8px; }
  .shops-item .personal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .shops-item .personal .pic {
      width: 35px;
      height: 35px;
      margin-right: 14px;
      border-radius: 50%;
      overflow: hidden; }
  .shops-item .personal-info {
    margin-bottom: 16px; }
    .shops-item .personal-info .status {
      color: #5f564b;
      font-size: 12px;
      letter-spacing: 0.87px; }
    .shops-item .personal-info .name {
      font-size: 14px;
      line-height: 22px; }

.shops-map {
  height: 100%;
  width: 724px;
  background-color: #fafafa; }

@media (max-width: 1259px) {
  .shops-wrap {
    position: relative;
    height: auto; }
  .shops-sidebar {
    position: static;
    overflow: initial; }
  .shops-sidebar__wrap {
    position: static;
    width: 0; }
  .shops-item {
    display: none;
    margin-right: 0;
    padding: 16px 20px 23px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: none !important;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.09);
            box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.09); }
  .shops-item.open {
    position: absolute;
    right: 40px;
    bottom: 23px;
    display: block;
    z-index: 1000; }
    .shops-item.open .close {
      position: absolute;
      top: -35px;
      right: 0;
      display: block;
      width: 25px;
      height: 25px;
      background-color: #fff;
      border-radius: 50%;
      cursor: pointer;
      background-image: url(../img/cross-black.svg);
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.09);
              box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.09); }
  .shops-map {
    height: 429px; } }

@media (max-width: 767px) {
  .shops-page .head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .shops-page .head .h1 {
      margin-bottom: 16px; }
  .shops-item.open {
    right: 0;
    bottom: 0;
    width: 335px;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: 1px solid #e7e7e7 !important; }
    .shops-item.open .personal-info {
      margin-bottom: 0; }
    .shops-item.open .personal {
      margin-bottom: 12px; }
      .shops-item.open .personal:last-child {
        margin-bottom: 0; } }

.amount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.amount-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 20px;
  height: 20px;
  padding: 0;
  background-color: transparent;
  outline-color: #fde6c2;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s; }
  .amount-btn svg {
    margin: auto; }
  .amount-btn:disabled {
    opacity: .2;
    cursor: initial; }

.amount-val {
  margin-left: 16px;
  margin-right: 16px; }
  .amount-val span {
    font-size: 14px;
    line-height: 15px;
    font-weight: 500; }
    .amount-val span:first-child {
      margin-right: 4px;
      font-size: 19px; }

.amount-btn.decrease span {
  width: 15px;
  height: 1px;
  background-color: #000; }

.amount-btn span {
  margin: auto; }

.amount-btn.increase {
  position: relative; }
  .amount-btn.increase span:nth-child(1) {
    width: 15px;
    height: 1px;
    background-color: #000; }
  .amount-btn.increase span:nth-child(2) {
    position: absolute;
    top: calc((100% - 15px) / 2);
    left: calc((100% - 1px) / 2);
    width: 1px;
    height: 15px;
    background-color: #000;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }

.basket-page {
  padding-bottom: 205px; }
  .basket-page .back {
    margin-top: 12px;
    margin-bottom: 40px;
    font-size: 14px;
    text-transform: uppercase; }

.basket-row {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 16px;
  padding-top: 16px;
  border-bottom: 1px solid #edf1f1; }
  .basket-row .product-label {
    top: 5px;
    left: 5px; }
  .basket-row:first-child {
    padding-top: 0; }
    .basket-row:first-child .product-label {
      top: -12px; }
  .basket-row .pic {
    width: 254px;
    height: 154px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 28px;
    border: 1px solid #edf1f1;
    overflow: hidden; }
    .basket-row .pic img {
      max-width: 155px; }
    .basket-row .pic a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      height: 100%; }
    .basket-row .pic img {
      margin: auto; }
  .basket-row .body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    .basket-row .body .info {
      width: 349px;
      margin-right: 28px; }
    .basket-row .body .title {
      margin-bottom: 12px;
      font-size: 16px;
      line-height: 27px; }
    .basket-row .body .info-line {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline; }
    .basket-row .body .weight {
      margin-right: 12px;
      font-size: 14px;
      font-weight: 500; }
    .basket-row .body .art {
      color: #5f564b;
      font-size: 10px;
      letter-spacing: 0.7px; }
    .basket-row .body .price {
      min-width: 53px;
      font-size: 15px;
      line-height: 19px;
      font-weight: 700; }
      .basket-row .body .price .new {
        color: #dd352e; }
      .basket-row .body .price .old {
        font-size: 10px;
        line-height: 13px;
        letter-spacing: 0.73px;
        text-decoration: line-through;
        font-weight: 400;
        text-align: center; }
    .basket-row .body .final {
      font-size: 24px;
      line-height: 24px;
      font-weight: 700; }
    .basket-row .body .del {
      width: 20px;
      height: 20px;
      cursor: pointer; }
      .basket-row .body .del button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 100%;
        padding: 0;
        background-color: transparent;
        outline-color: #fde6c2; }
      .basket-row .body .del svg {
        margin: auto; }

.basket-footer {
  padding-top: 24px;
  padding-right: 66px; }

.basket-footer__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 24px; }

.basket-promo {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 328px;
  height: 50px; }
  .basket-promo input[type="text"] {
    width: 100%;
    height: 50px;
    padding-left: 5px;
    border: 1px solid #e7e7e7;
    outline-color: #fde6c2; }
  .basket-promo .btn {
    position: absolute;
    right: 5px;
    top: 50%;
    width: 150px;
    height: 40px;
    padding: 0;
    color: #fff;
    font-family: 'Geometria', 'Arial', sans-serif;
    background-color: #000;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }

.basket-footer__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .basket-footer__btn button {
    width: 288px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-left: auto;
    color: #fff;
    font-family: 'Geometria', 'Arial', sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #000;
    border-radius: 28px; }

.basket-final {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .basket-final .left {
    margin-right: 15px; }
  .basket-final .title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700; }
  .basket-final .note {
    color: #808d8e;
    font-size: 10px;
    line-height: 1;
    letter-spacing: 0.73px; }
  .basket-final .sum {
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    letter-spacing: 0.73px; }

@media (max-width: 1259px) {
  .basket-page {
    padding-bottom: 112px; }
  .basket-row:first-child .del {
    top: 0; }
  .basket-row .body {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .basket-row .body .title {
      margin-bottom: 4px; }
    .basket-row .body .info {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      margin-bottom: 12px; }
    .basket-row .body .amount {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; }
    .basket-row .body .price {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline;
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3;
      margin-left: 24px; }
      .basket-row .body .price .new {
        margin-right: 8px; }
    .basket-row .body .final {
      -webkit-box-ordinal-group: 5;
          -ms-flex-order: 4;
              order: 4;
      width: 100%;
      margin-top: 6px; }
  .basket-row .del {
    position: absolute;
    top: 23px;
    right: 0; }
  .basket-footer {
    padding-right: 0; }
  .basket-footer__btn button {
    width: 100%; } }

@media (max-width: 767px) {
  .basket-page {
    padding-bottom: 105px; }
  .basket-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-bottom: none; }
    .basket-row .pic {
      width: 297px;
      height: 180px;
      margin-bottom: 10px; }
    .basket-row .body {
      width: 297px; }
      .basket-row .body .final {
        margin-top: 18px; }
  .basket-footer {
    padding-top: 52px;
    border-top: 1px solid #edf1f1; }
  .basket-footer__line {
    display: block;
    margin-bottom: 18px; }
  .basket-promo {
    margin-bottom: 24px; } }

.order-page {
  position: relative;
  padding-top: 32px;
  padding-bottom: 90px; }

.order-form {
  width: 658px; }

.order-block {
  padding: 55px 66px;
  margin-bottom: 24px;
  border: 1px solid #e7e7e7; }
  .order-block:last-child {
    margin-bottom: 0; }
  .order-block .h2 {
    margin-bottom: 22px;
    text-transform: uppercase; }
  .order-block .h3 {
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase; }
  .order-block .form-field {
    margin-bottom: 12px; }
    .order-block .form-field:last-child {
      margin-bottom: 0; }

.order-delivery .delivery-list {
  margin-bottom: 40px; }

.order-delivery .delivery-address {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 36px; }
  .order-delivery .delivery-address .form-field {
    width: 127px;
    margin-bottom: 6px; }
  .order-delivery .delivery-address .form-field.w2 {
    width: 260px; }
  .order-delivery .delivery-address .form-field.w4 {
    width: 100%; }

.order-delivery .delivery-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px; }
  .order-delivery .delivery-item .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 122px;
    height: 48px; }
    .order-delivery .delivery-item .icon img {
      margin: auto; }
  .order-delivery .delivery-item label {
    margin-left: 6px;
    font-size: 14px;
    line-height: 27px; }

.order-delivery .delivery-info {
  margin-bottom: 40px;
  font-size: 14px;
  line-height: 18px; }
  .order-delivery .delivery-info .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px; }
  .order-delivery .delivery-info .title {
    width: 115px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    font-weight: 500; }

.order-payment {
  margin-bottom: 32px; }

.order-checkbox__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 400px; }

.order-checkbox {
  position: relative;
  width: 188px;
  min-height: 111px;
  margin-right: 12px;
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 18px; }
  .order-checkbox label {
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px 12px;
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.75);
            box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.75); }
  .order-checkbox input {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden; }
  .order-checkbox .title {
    margin-bottom: 6px;
    font-weight: 500; }
  .order-checkbox input:checked ~ label {
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: none;
            box-shadow: none; }
    .order-checkbox input:checked ~ label::after {
      content: '';
      position: absolute;
      top: -1px;
      left: -1px;
      width: calc(100% + 2px);
      height: calc(100% + 2px);
      background: -webkit-linear-gradient(45deg, #fde6c2 0%, #cd8450 100%);
      background: -o-linear-gradient(45deg, #fde6c2 0%, #cd8450 100%);
      background: linear-gradient(45deg, #fde6c2 0%, #cd8450 100%);
      z-index: -1; }

.order-city {
  margin-bottom: 14px; }

.order-sidebar {
  width: 336px;
  position: absolute;
  top: 32px;
  right: 0; }
  .order-sidebar .title {
    font-size: 22px;
    line-height: 28px; }
  .order-sidebar .info {
    font-size: 14px;
    line-height: 27px; }

.order-sidebar__btn {
  display: none; }

.order-sidebar__list {
  margin-top: 18px; }

.order-sidebar__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #edf1f1; }
  .order-sidebar__item:last-child {
    border-bottom: none; }
  .order-sidebar__item .pic {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 80px;
    height: 85px;
    margin-right: 10px; }
  .order-sidebar__item .title {
    margin-bottom: 6px;
    font-size: 15px;
    line-height: 22px; }
  .order-sidebar__item .info-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .order-sidebar__item .info-amount {
    color: #484848;
    font-size: 14px;
    letter-spacing: 0.44px;
    line-height: 20px; }
  .order-sidebar__item .info-price {
    font-size: 15px;
    line-height: 19px;
    font-weight: 700; }

.order-footer {
  position: relative;
  padding-top: 26px; }
  .order-footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: -46px;
    width: 618px;
    height: 2px;
    border-radius: 2px;
    background-color: #adadad; }

.order-footer__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 8px; }
  .order-footer__line .text {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500; }
  .order-footer__line .strip {
    margin-left: 10px;
    margin-right: 10px;
    background-color: #edf1f1; }

.order-footer__line.final .text {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700; }

.order-footer__line.final .strip {
  background-color: #000; }

.order-footer__line.final .val {
  font-size: 32px;
  line-height: 40px;
  letter-spacing: 0.73px;
  font-weight: 700; }

.order-footer__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 18px; }
  .order-footer__btn button {
    width: 288px;
    padding-top: 18px;
    padding-bottom: 18px;
    font-family: 'Geometria', 'Arial', sasn-serif;
    font-size: 13px;
    line-height: 16px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background-color: #000;
    border-radius: 28px; }

@media (max-width: 1259px) {
  .order-sidebar__list {
    display: none; }
  .order-sidebar__list.open {
    display: block; }
  .order-sidebar {
    position: relative;
    top: 0;
    width: 100%;
    margin-bottom: 32px; }
  .order-sidebar__btn {
    display: block;
    position: absolute;
    right: 0;
    top: 6px;
    padding-right: 24px;
    font-size: 11px;
    line-height: 12px;
    color: #828282;
    cursor: pointer; }
    .order-sidebar__btn::after {
      content: '';
      position: absolute;
      right: 0;
      top: 50%;
      width: 13px;
      height: 7px;
      background-image: url(../img/arrow-down.svg);
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
  .order-sidebar__item:last-child {
    padding-bottom: 0;
    margin-bottom: 0; }
  .order-sidebar__item .body {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; } }

@media (max-width: 767px) {
  .order-page__wrap {
    padding-left: 10px;
    padding-right: 10px; }
  .order-form {
    width: 100%; }
  .order-block {
    padding: 30px 19px; }
  .order-checkbox__wrap {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .order-checkbox {
    width: 150px;
    margin-right: 0; }
  .order-delivery {
    margin-top: 36px; }
    .order-delivery .delivery-item {
      margin-bottom: 6px; }
    .order-delivery .delivery-address .form-field {
      width: 155px; }
    .order-delivery .delivery-address .form-field.w2 {
      width: 100%; }
  .order-footer {
    padding-bottom: 25px; }
    .order-footer::before {
      width: 335px;
      left: -10px; }
  .order-footer__btn {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .order-footer__btn button {
      width: 100%; } }

.success-page {
  position: relative;
  margin-top: 32px;
  padding-bottom: 90px; }
  .success-page .h2 {
    margin-bottom: 28px; }
  .success-page .text-block {
    margin-bottom: 28px;
    font-size: 14px;
    line-height: 22px; }
    .success-page .text-block a {
      border-bottom: 1px solid rgba(116, 116, 116, 0.73); }
  .success-page .h3 {
    margin-bottom: 8px; }
  .success-page .order-sidebar {
    padding-left: 26px;
    border-left: 1px solid #edf1f1; }

.succes-page__footer {
  padding-top: 26px;
  border-top: 1px solid #000; }

.success-page__wrap {
  width: 688px; }

@media (max-width: 1259px) {
  .success-page .order-sidebar {
    padding-left: 0;
    border-left: none; } }

@media (max-width: 767px) {
  .success-page__wrap {
    width: 100%; } }

.product-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 44px; }

.product-info__left {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 28px; }

.product-info__slider .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.product-info__slider .swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border: 1px solid #e7e7e7; }

.product-info__slider .swiper-slide-thumb-active {
  border-top-color: #000;
  border-top-width: 2px; }

@media (min-width: 1259px) {
  .product-info__slider .slider-pagination {
    display: none; } }

.product-info__slider-thumbs .swiper-wrapper {
  -webkit-transform: translate3d(0px, 0px, 0px) !important;
          transform: translate3d(0px, 0px, 0px) !important; }

.product-info__slider-pic {
  width: 442px;
  height: 442px;
  margin-bottom: 10px;
  overflow: hidden; }
  .product-info__slider-pic .swiper-wrapper {
    height: 100%; }
  .product-info__slider-pic .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%; }
    .product-info__slider-pic .swiper-slide img {
      margin: 0 auto; }

.product-info__slider-thumbs .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100px;
  height: 100px; }
  .product-info__slider-thumbs .swiper-slide:not(:last-child) {
    border-right: none; }
  .product-info__slider-thumbs .swiper-slide img {
    margin: 0 auto; }

.product-info__right {
  position: relative;
  width: 568px; }

.product-info__title {
  margin-bottom: 24px;
  font-size: 32px;
  line-height: 39px; }

.product-info__sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 28px; }

.product-info__instock {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding-right: 12px; }
  .product-info__instock::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 14px;
    background-color: #edf1f1;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
  .product-info__instock svg {
    margin-right: 8px; }
  .product-info__instock span {
    font-size: 14px;
    line-height: 29px;
    text-transform: uppercase; }
  .product-info__instock a {
    font-size: 14px;
    line-height: 22px;
    margin-left: 4px;
    border-bottom: 1px dashed rgba(95, 86, 75, 0.7); }

.product-info__fav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 12px;
  cursor: pointer; }
  .product-info__fav svg {
    margin-right: 8px; }
  .product-info__fav span {
    font-size: 14px;
    line-height: 22px; }

.product-info__fav.animate svg {
  -webkit-animation: heartbeat .3s;
          animation: heartbeat .3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.product-info__fav.active svg use {
  fill: #dd352e;
  fill-opacity: 1;
  stroke: #dd352e; }

.product-info__amount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 20px;
  border-bottom: 1px solid #edf1f1; }

.product-info__amount-item {
  width: 127px;
  margin-right: 19px;
  margin-bottom: 12px; }
  .product-info__amount-item .box {
    margin-bottom: 8px; }
    @media (min-width: 1259px) {
      .product-info__amount-item .box {
        border: 1px solid #e7e7e7; }
        .product-info__amount-item .box:hover {
          border-color: #adadad; } }
  .product-info__amount-item .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 7px;
    background-color: #fbfbfb; }
  .product-info__amount-item .spec {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    position: relative;
    font-size: 14px;
    font-weight: 500; }
    .product-info__amount-item .spec::after {
      content: '';
      position: absolute;
      right: 0;
      top: 50%;
      width: 1px;
      height: 14px;
      background-color: #edf1f1;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%); }
  .product-info__amount-item .price {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    font-size: 15px;
    font-weight: 500;
    text-align: right; }
    .product-info__amount-item .price .new {
      margin-top: -16px;
      color: #dd352e;
      background-color: #fbfbfb; }
    .product-info__amount-item .price .old {
      text-align: center;
      font-size: 10px;
      letter-spacing: 0.73px;
      text-decoration: line-through; }
  .product-info__amount-item .amount {
    padding: 10px 7px; }
  .product-info__amount-item .amount-val span {
    font-size: 10px; }
    .product-info__amount-item .amount-val span:first-child {
      font-size: 16px; }
  .product-info__amount-item .art {
    color: #5f564b;
    font-size: 10px;
    letter-spacing: 0.7px;
    text-align: center; }
  @media (min-width: 1259px) {
    .product-info__amount-item:nth-child(4n) {
      margin-right: 0; } }

.product-info__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 32px;
  margin-bottom: 32px; }

.product-info__btn {
  width: 254px;
  margin-bottom: auto;
  padding-top: 22px;
  padding-bottom: 22px;
  margin-right: 24px;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
  background-color: #000;
  border-radius: 28px;
  cursor: pointer; }

.product-info__sum .title {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 22px;
  font-weight: 700; }

.product-info__sum .price {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.94px; }

.product-info__sum .rouble, .product-info__sum .delivery-col span, .delivery-col .product-info__sum span {
  font-weight: 400; }

.product-info__sum .spec {
  font-size: 12px;
  line-height: 22px; }

.product-info__features {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.product-info__features-item {
  width: 195px;
  margin-right: 20px;
  margin-bottom: 12px; }
  .product-info__features-item:nth-child(3n) {
    margin-right: 0; }
  .product-info__features-item .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 500; }
    .product-info__features-item .title svg {
      margin-right: 12px; }
  .product-info__features-item .descr {
    color: #5f564b;
    font-size: 12px;
    line-height: 17px; }

.product-slider__content .suitable-products__slider {
  margin-left: -20px;
  padding-left: 20px; }

.product-slider__content .suitable-products__slider .product {
  margin-right: 22px; }

.product-slider__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px; }
  .product-slider__tabs .strip {
    margin-left: 8px; }

.product-slider__tab {
  margin-left: 19px;
  padding-bottom: 4px;
  opacity: 0.6;
  font-size: 20px;
  letter-spacing: 0.78px;
  line-height: 28px;
  text-transform: uppercase;
  cursor: pointer; }
  .product-slider__tab:first-child {
    margin-left: 0; }

.product-slider__tab.active {
  opacity: 1;
  border-bottom: 1px solid #000; }

.product-slider__content {
  display: none;
  -webkit-transition: opacity .2s;
  -o-transition: opacity .2s;
  transition: opacity .2s; }

.product-slider__content.open {
  display: block;
  opacity: 0; }

.product-slider__content.visible {
  opacity: 1; }

.product-slider__content {
  position: relative; }
  .product-slider__content .slider-pagination {
    display: none; }
  .product-slider__content .slider-button {
    position: absolute;
    top: calc(135px / 2 - 40px / 2);
    background-color: transparent; }
  .product-slider__content .slider-button-prev {
    left: -20px; }
  .product-slider__content .slider-button-next {
    right: -20px; }
  .product-slider__content .suitable-products__slider {
    padding-top: 10px; }

.product-about {
  position: relative;
  margin-top: 62px;
  margin-bottom: 26px; }
  .product-about .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 12px; }
  .product-about .strip {
    margin-top: 6px;
    margin-left: 12px; }

.product-about__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.product-about__descr {
  width: 632px;
  font-size: 16px;
  line-height: 27px; }

.product-about__info {
  min-width: 300px;
  max-width: 400px; }
  .product-about__info .line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline; }
  .product-about__info .text {
    font-size: 14px;
    line-height: 27px; }
  .product-about__info .dots {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin-left: 4px;
    margin-right: 4px;
    height: 1px;
    border-bottom: 1px dotted #000; }

.product-features {
  padding-top: 50px;
  padding-bottom: 55px; }

.product-features__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 55px; }
  .product-features__block:last-child {
    margin-bottom: 0; }
  .product-features__block .pic {
    width: 595px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .product-features__block .descr {
    width: 420px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
    .product-features__block .descr h3 {
      margin-bottom: 8px;
      font-size: 20px;
      font-weight: 500;
      letter-spacing: 0.78px;
      line-height: 28px;
      text-transform: uppercase; }
    .product-features__block .descr p {
      font-size: 14px;
      line-height: 27px; }
  .product-features__block:nth-child(2n) .pic {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .product-features__block:nth-child(2n) .descr {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }

.product-page__shops {
  margin-top: 74px;
  margin-bottom: 50px; }
  .product-page__shops .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 16px; }
    .product-page__shops .head .h1 {
      margin-top: -6px; }
    .product-page__shops .head .strip {
      margin-left: 12px;
      margin-right: 8px; }
  .product-page__shops .shops-wrap {
    height: 397px; }

.product-page__shops-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.product-page__shops-tab {
  padding-bottom: 4px;
  margin-right: 12px;
  opacity: 0.6;
  color: #000000;
  font-size: 14px;
  letter-spacing: 1.02px;
  line-height: 18px;
  text-transform: uppercase;
  border-bottom: 1px solid transparent;
  cursor: pointer; }
  .product-page__shops-tab:last-child {
    margin-right: 0; }
  .product-page__shops-tab.active {
    border-bottom-color: #000;
    opacity: 1; }

.product-page__shops-content {
  display: none;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s; }
  .product-page__shops-content.open {
    display: block;
    opacity: 0; }
  .product-page__shops-content.shops-wrap.open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .product-page__shops-content.visible {
    opacity: 1; }

.shops-list table {
  width: 100%; }
  .shops-list table tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 16px;
    padding-top: 8px;
    border-bottom: 1px solid #edf1f1; }
    .shops-list table tr:last-child {
      padding-bottom: 0;
      border-bottom: none; }
  .shops-list table th {
    color: #405153;
    font-size: 14px;
    line-height: 29px;
    font-weight: 400;
    text-align: left; }
    .shops-list table th:nth-child(1) {
      width: 319px; }
    .shops-list table th:nth-child(2) {
      width: 199px; }
    .shops-list table th:nth-child(3) {
      width: 192px; }
    .shops-list table th:nth-child(4) {
      width: 186px; }
  .shops-list table td {
    font-size: 16px;
    line-height: 22px; }
    .shops-list table td:nth-child(1) {
      width: 319px; }
    .shops-list table td:nth-child(2) {
      width: 199px; }
    .shops-list table td:nth-child(3) {
      width: 192px; }
    .shops-list table td:nth-child(4) {
      width: 186px;
      font-weight: 500; }
    .shops-list table td.red {
      color: #dd352e; }

.product-page__calc {
  margin-bottom: 90px; }
  .product-page__calc .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 26px; }
  .product-page__calc .strip {
    margin-left: 12px;
    margin-top: 8px; }
  .product-page__calc .calc-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .product-page__calc .calc-wrap .sign {
      width: 22px;
      margin-left: 28px;
      margin-right: 28px;
      -ms-flex-item-align: center;
          -ms-grid-row-align: center;
          align-self: center;
      font-size: 32px;
      letter-spacing: 1.24px; }
  .product-page__calc .calc-slider {
    max-width: 726px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    overflow: hidden; }
    .product-page__calc .calc-slider.active {
      position: relative; }
      .product-page__calc .calc-slider.active::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 40px;
        height: 100%;
        background-image: -webkit-gradient(linear, right top, left top, from(#ffffff), to(rgba(255, 255, 255, 0.24)));
        background-image: -webkit-linear-gradient(right, #ffffff 0%, rgba(255, 255, 255, 0.24) 100%);
        background-image: -o-linear-gradient(right, #ffffff 0%, rgba(255, 255, 255, 0.24) 100%);
        background-image: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0.24) 100%); }
    .product-page__calc .calc-slider .swiper-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .product-page__calc .calc-slider .swiper-slide {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
      .product-page__calc .calc-slider .swiper-slide:first-child .product {
        border: 1px solid #e7e7e7; }
    .product-page__calc .calc-slider .product {
      width: 190px;
      padding-top: 10px;
      padding-bottom: 14px; }
    .product-page__calc .calc-slider .info-full {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .product-page__calc .calc-button {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    width: 254px;
    text-align: center; }
    .product-page__calc .calc-button .new-price {
      margin-bottom: 6px;
      font-size: 24px;
      font-weight: 700;
      letter-spacing: 0.94px;
      line-height: 22px; }
    .product-page__calc .calc-button .old-price {
      margin-bottom: 16px;
      font-size: 14px;
      letter-spacing: 1.02px;
      text-decoration: line-through; }
    .product-page__calc .calc-button .button {
      width: 100%;
      padding-top: 20px;
      padding-bottom: 20px;
      color: #fff;
      font-size: 17px;
      font-weight: 500;
      line-height: 13px;
      text-transform: uppercase;
      text-align: center;
      border-radius: 28px;
      background-color: #000;
      cursor: pointer; }

@media (max-width: 1259px) {
  .product-info__left {
    margin-right: 20px; }
    .product-info__left .slider-pagination {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
  .product-info__slider-pic {
    width: 335px;
    height: 335px;
    margin-bottom: 20px; }
    .product-info__slider-pic .swiper-slide img {
      max-height: 100%; }
  .product-info__slider-thumbs {
    display: none; }
  .product-info__right {
    width: 335px; }
  .product-info__title {
    margin-bottom: 6px;
    font-size: 25px;
    line-height: 31px; }
  .product-info__sub {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .product-info__instock {
    padding-bottom: 0; }
    .product-info__instock::after {
      display: none; }
  .product-info__fav {
    padding-left: 0;
    margin-top: 6px; }
  .product-info__amount {
    display: block;
    border-bottom: none;
    padding-bottom: 0; }
  .product-info__amount-item {
    width: 100%;
    padding-bottom: 8px;
    border-bottom: 1px solid #e7e7e7; }
    .product-info__amount-item .box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 0; }
    .product-info__amount-item .head {
      padding: 0;
      background-color: #fff; }
    .product-info__amount-item .spec {
      margin-right: 50px; }
      .product-info__amount-item .spec::after {
        display: none; }
    .product-info__amount-item .amount {
      padding: 0;
      margin-left: auto; }
    .product-info__amount-item .price {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .product-info__amount-item .price .new {
        margin-top: 0;
        margin-right: 6px;
        background-color: transparent; }
    .product-info__amount-item .art {
      text-align: left; }
  .product-info__features {
    padding-top: 24px;
    margin-left: -355px;
    border-top: 1px solid #e7e7e7; }
  .product-info__btn {
    width: 210px; }
  .product-info__features {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .product-info__features-item {
    width: 215px;
    margin-right: 0; }
  .product-slider__content {
    position: relative; }
    .product-slider__content::before, .product-slider__content::after {
      content: '';
      position: absolute;
      top: 0;
      width: 40px;
      height: 261px;
      z-index: 100; }
    .product-slider__content::before {
      left: -40px;
      background-image: -webkit-gradient(linear, left top, right top, from(#ffffff), to(rgba(255, 255, 255, 0.24)));
      background-image: -webkit-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0.24) 100%);
      background-image: -o-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0.24) 100%);
      background-image: linear-gradient(-270deg, #ffffff 0%, rgba(255, 255, 255, 0.24) 100%); }
    .product-slider__content::after {
      right: -40px;
      background-image: -webkit-gradient(linear, right top, left top, from(#ffffff), to(rgba(255, 255, 255, 0.24)));
      background-image: -webkit-linear-gradient(right, #ffffff 0%, rgba(255, 255, 255, 0.24) 100%);
      background-image: -o-linear-gradient(right, #ffffff 0%, rgba(255, 255, 255, 0.24) 100%);
      background-image: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0.24) 100%); }
    .product-slider__content .slider-pagination {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-top: 20px; }
    .product-slider__content .slider-button {
      display: none; }
    .product-slider__content .suitable-products__slider {
      overflow: initial; }
  .prod-container {
    overflow: hidden; }
  .product-about__descr {
    width: 364px; }
  .product-features {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 26px; }
  .product-features__block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 315px;
    margin-right: auto; }
    .product-features__block:nth-child(2n) {
      margin-right: 0; }
    .product-features__block .pic, .product-features__block .descr {
      width: 100%;
      margin-bottom: 24px; }
  .shops-list table thead {
    display: none; }
  .shops-list table tr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .shops-list table td {
    width: 100% !important; }
  .product-page__calc .calc-wrap {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .product-page__calc .calc-slider {
    max-width: 688px;
    margin-bottom: 16px; }
    .product-page__calc .calc-slider .product {
      padding-left: 10px;
      padding-right: 10px; }
    .product-page__calc .calc-slider ~ .sign {
      margin-left: 0;
      margin-top: 12px;
      margin-bottom: 12px; }
  .product-page__calc .calc-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    .product-page__calc .calc-button .button {
      width: 190px;
      margin-left: 28px;
      font-size: 13px; }
    .product-page__calc .calc-button .old-price {
      margin-bottom: 0; } }

@media (max-width: 767px) {
  .product-info {
    display: block; }
  .product-info__left {
    margin-bottom: 24px; }
  .product-info__features {
    margin-left: 0; }
  .product-info__features-item {
    width: 100%;
    margin-bottom: 24px; }
    .product-info__features-item .title {
      margin-bottom: 10px; }
  .product-slider__tabs {
    overflow-x: auto; }
  .product-slider__tab {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    font-size: 18px; }
  .product-about {
    margin-top: 48px; }
  .product-about__wrap {
    display: block; }
  .product-about__descr,
  .product-about__info {
    width: 100%; }
  .product-about__descr {
    margin-bottom: 18px; }
  .product-features {
    padding-top: 24px;
    padding-bottom: 40px; }
  .product-features__block {
    margin-right: 0;
    margin-bottom: 50px; }
    .product-features__block:last-child {
      margin-bottom: 0; }
    .product-features__block .pic {
      -webkit-box-ordinal-group: 0 !important;
          -ms-flex-order: -1 !important;
              order: -1 !important; }
    .product-features__block .descr {
      margin-bottom: 0; }
  .product-page__shops {
    margin-top: 32px; }
    .product-page__shops .head {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
    .product-page__shops .h1 {
      width: 180px;
      margin-bottom: 12px; }
    .product-page__shops .shops-wrap {
      height: 429px; }
  .product-page__calc .head .strip {
    display: none; }
  .product-page__calc .calc-slider {
    max-width: 335px; }
  .product-page__calc .calc-slider ~ .sign {
    margin-right: 10px; }
  .product-page__calc .calc-button .button {
    margin-left: 10px;
    width: 180px; }
  .product-page__calc .calc-button .new-price {
    font-size: 22px; }
  .product-page__calc .calc-slider .product {
    width: 160px; }
  .product-page__calc .calc-wrap .sign {
    margin-left: 14px;
    margin-right: 14px; } }