@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");
@font-face {
  font-family: FontAwesome;
  src: url(/fonts/FontAwesome.otf); }
@font-face {
  font-family: FontAwesomeRegular;
  src: url(/fonts/fa-regular-400.ttf); }
@font-face {
  font-family: FontAwesomeSolid;
  src: url(/fonts/fa-solid-900.ttf); }
@font-face {
  font-family: FontAwesomeBrands;
  src: url(/fonts/fa-brands-400.ttf); }
.mobile {
  display: none !important; }

h1, .h1 {
  width: 100%;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.3;
  margin: 30px 0; }

h2, .h2 {
  width: 100%;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
  margin: 20px 0; }

h3, .h3 {
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  margin: 10px 0; }

h4, .h4 {
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  margin: 5px 0; }

h5, .h5 {
  width: 100%;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.5;
  margin: 5px 0; }

h6, p.h6 {
  width: 100%;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  margin: 5px 0; }

header {
  color: #fff;
  background-color: #212121;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10; }
  header > .wrapper {
    height: 72px;
    align-items: center;
    flex-wrap: nowrap;
    font-size: 14px;
    transition: height 0.1s; }
    header > .wrapper .logo {
      flex: 0 0 160px;
      background: url("/images/icons/logo.svg") no-repeat left center;
      background-size: contain;
      height: 80%; }
    header > .wrapper .nav {
      display: flex;
      justify-content: space-between; }
      header > .wrapper .nav li {
        margin: auto 15px; }
      header > .wrapper .nav a {
        white-space: nowrap; }
        header > .wrapper .nav a:hover, header > .wrapper .nav a.pd {
          text-decoration: underline !important; }
        header > .wrapper .nav a:first-letter {
          text-transform: uppercase; }
    header > .wrapper .dropdown {
      display: flex;
      justify-content: space-between; }
      header > .wrapper .dropdown li {
        margin: auto 15px; }
        header > .wrapper .dropdown li > span::after, header > .wrapper .dropdown li > a::after {
          content: "";
          font-family: "FontAwesome", sans-serif;
          font-size: 20px;
          position: absolute;
          right: 0;
          top: 1px; }
        header > .wrapper .dropdown li > span.revert::after, header > .wrapper .dropdown li > a.revert::after {
          transform: rotate(180deg); }
      header > .wrapper .dropdown span, header > .wrapper .dropdown a {
        display: block;
        cursor: pointer;
        padding: 5px;
        white-space: nowrap; }
      header > .wrapper .dropdown div {
        display: none;
        position: absolute;
        top: 30px;
        left: 0;
        padding: 20px;
        background-color: #fff;
        box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
        border-radius: 6px;
        overflow: hidden;
        z-index: 10;
        color: #212121; }
        header > .wrapper .dropdown div span, header > .wrapper .dropdown div a {
          width: 100%;
          margin: 5px 0;
          transition: background-color 0.3s; }
          header > .wrapper .dropdown div span:hover, header > .wrapper .dropdown div a:hover {
            background-color: #F4F4F4; }
        header > .wrapper .dropdown div a:hover {
          text-decoration: underline; }
        header > .wrapper .dropdown div form {
          width: 100%; }
          header > .wrapper .dropdown div form label {
            width: 100%;
            margin: 10px 0;
            font-size: 12px;
            line-height: 2; }
            header > .wrapper .dropdown div form label[type="password"] {
              letter-spacing: 2px; }
          header > .wrapper .dropdown div form input {
            width: 100%;
            height: 40px; }
            header > .wrapper .dropdown div form input:not([type="submit"]) {
              padding: 0 10px;
              border: 1px solid #828282;
              border-radius: 6px;
              overflow: hidden;
              font-size: 15px; }
      header > .wrapper .dropdown li.cities > span {
        padding: 5px 20px 5px 25px; }
        header > .wrapper .dropdown li.cities > span::before {
          content: url("/images/icons/map.svg");
          position: absolute;
          left: 0;
          top: 8px; }
      header > .wrapper .dropdown li.phones > span, header > .wrapper .dropdown li.phones > a {
        padding: 5px 20px 5px 25px; }
        header > .wrapper .dropdown li.phones > span::before, header > .wrapper .dropdown li.phones > a::before {
          content: url("/images/icons/tel.svg");
          position: absolute;
          left: 0;
          top: 8px; }
      header > .wrapper .dropdown li.phones div {
        min-width: 220px; }
        header > .wrapper .dropdown li.phones div span, header > .wrapper .dropdown li.phones div a {
          padding-left: 35px; }
          header > .wrapper .dropdown li.phones div span::before, header > .wrapper .dropdown li.phones div a::before {
            position: absolute;
            left: 5px;
            top: 7px; }
        header > .wrapper .dropdown li.phones div .icoPhone::before {
          content: url("/images/icons/icoPhone.svg");
          top: 5px; }
        header > .wrapper .dropdown li.phones div .icoSkype::before {
          content: url("/images/icons/icoSkype.svg"); }
        header > .wrapper .dropdown li.phones div .icoTelegram::before {
          content: url("/images/icons/icoTelegram.svg"); }
        header > .wrapper .dropdown li.phones div .icoViber::before {
          content: url("/images/icons/icoViber.svg"); }
        header > .wrapper .dropdown li.phones div hr {
          width: 100%;
          height: 1px;
          background-color: #d3d3d3;
          top: 12px; }
        header > .wrapper .dropdown li.phones div p {
          width: fit-content;
          width: -moz-fit-content;
          padding: 0 15px;
          margin: auto;
          background-color: #fff;
          color: #212121; }
      header > .wrapper .dropdown li.login span, header > .wrapper .dropdown li.login > a {
        width: 20px;
        height: 20px;
        background: url("/images/icons/login.svg") no-repeat center center; }
        header > .wrapper .dropdown li.login span:after, header > .wrapper .dropdown li.login > a:after {
          display: none; }
        header > .wrapper .dropdown li.login span:hover, header > .wrapper .dropdown li.login > a:hover {
          background-size: 130%; }
      header > .wrapper .dropdown li.login > a {
        display: none; }
      header > .wrapper .dropdown li.login div {
        width: 220px;
        left: auto;
        right: -50px; }
      header > .wrapper .dropdown li.login .forgot {
        margin: 5px auto 0;
        padding: 0;
        color: #828282;
        background-color: transparent !important;
        width: max-content;
        width: -moz-max-content;
        font-size: 13px; }
      header > .wrapper .dropdown li.lang {
        margin-right: 0; }
        header > .wrapper .dropdown li.lang > span {
          padding: 5px 20px 5px 0; }
        header > .wrapper .dropdown li.lang div {
          left: auto;
          right: 0; }
  header .searchline {
    background-color: #FF7D26; }
    header .searchline .wrapper {
      height: 90px;
      align-items: center;
      flex-wrap: nowrap;
      transition: height 0.2s; }
      header .searchline .wrapper > a mark, header .searchline .wrapper > .button mark {
        display: block;
        position: absolute;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        line-height: 1.6;
        text-align: center;
        top: -12px;
        right: -6px;
        background-color: #C4550B;
        transition: all 0.1s; }
      header .searchline .wrapper > a:hover mark, header .searchline .wrapper > .button:hover mark {
        top: -9px; }
      header .searchline .wrapper .dropdown {
        flex: 0 0 24px;
        height: 24px;
        background: url("/images/icons/burger.svg") no-repeat center center;
        cursor: pointer; }
        header .searchline .wrapper .dropdown span {
          display: block;
          width: 140px;
          height: 40px;
          position: absolute;
          top: -8px;
          z-index: 1; }
        header .searchline .wrapper .dropdown .quickLinks {
          display: none;
          position: absolute;
          width: 250px;
          top: 36px;
          left: 0;
          padding: 20px 0 20px 20px;
          background-color: #fff;
          box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
          border-radius: 6px;
          overflow: hidden;
          overflow: visible;
          z-index: 10;
          color: #212121; }
          header .searchline .wrapper .dropdown .quickLinks > a {
            padding: 5px 30px 5px 5px;
            margin: 3px 0;
            width: 100%; }
            header .searchline .wrapper .dropdown .quickLinks > a::after {
              content: "";
              font-family: "FontAwesome", sans-serif;
              font-size: 20px;
              color: #FF7D26;
              position: absolute;
              right: 15px;
              top: 1px; }
            header .searchline .wrapper .dropdown .quickLinks > a.lCont::after {
              content: ""; }
            header .searchline .wrapper .dropdown .quickLinks > a:hover {
              text-decoration: underline; }
              header .searchline .wrapper .dropdown .quickLinks > a:hover + div {
                display: flex; }
          header .searchline .wrapper .dropdown .quickLinks div {
            display: none;
            justify-content: space-between;
            position: absolute;
            min-height: calc(100% + 50px);
            width: max-content;
            width: -moz-max-content;
            max-width: calc(100vw - 280px);
            top: -50px;
            left: 240px;
            padding: 20px;
            background-color: #fff;
            box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
            border-radius: 6px;
            overflow: hidden; }
            header .searchline .wrapper .dropdown .quickLinks div:hover {
              display: flex; }
            header .searchline .wrapper .dropdown .quickLinks div ul li.h4 {
              margin: 10px 0 0 0;
              color: #FF7D26; }
            header .searchline .wrapper .dropdown .quickLinks div ul a {
              font-size: 14px;
              line-height: 1.2;
              margin: 8px 0; }
              header .searchline .wrapper .dropdown .quickLinks div ul a:hover {
                text-decoration: underline; }
            header .searchline .wrapper .dropdown .quickLinks div ul:last-of-type {
              margin-right: 0; }
      header .searchline .wrapper > a:nth-of-type(1) {
        font-size: 24px;
        margin: 0 70px 0 20px; }
      header .searchline .wrapper form {
        flex: 0 1 100%; }
        header .searchline .wrapper form label {
          width: 100%;
          border-radius: 6px;
          overflow: hidden; }
          header .searchline .wrapper form label input {
            width: 100%;
            height: 40px;
            background-color: #C4550B;
            padding: 0 45px 0 15px; }
            header .searchline .wrapper form label input::placeholder {
              color: #fff;
              opacity: 0.7; }
        header .searchline .wrapper form > input {
          position: absolute;
          width: 40px;
          height: 100%;
          top: 0;
          right: 0;
          background: transparent url("/images/icons/search.svg") no-repeat center center; }
        header .searchline .wrapper form > div {
          display: none;
          width: calc(100% + 30px);
          position: absolute;
          flex-wrap: nowrap;
          justify-content: space-between;
          top: 44px;
          left: -15px;
          box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
          border-radius: 6px;
          overflow: hidden;
          background-color: #fff;
          color: #212121;
          z-index: 10; }
          header .searchline .wrapper form > div div {
            flex: 0 0 30%;
            padding: 0 20px 10px; }
            header .searchline .wrapper form > div div:last-of-type {
              flex: 0 0 40%; }
              header .searchline .wrapper form > div div:last-of-type a {
                display: flex;
                align-items: center;
                width: 100%;
                padding-left: 70px;
                height: auto;
                min-height: 60px;
                background-repeat: no-repeat;
                background-position: left center;
                background-size: 60px auto; }
              header .searchline .wrapper form > div div:last-of-type a.search-product {
                padding-left: 0;
                gap: 10px;
                background: none; }
                header .searchline .wrapper form > div div:last-of-type a.search-product .search-product__thumb {
                  flex: 0 0 60px;
                  width: 60px;
                  height: 60px;
                  display: flex;
                  align-items: center;
                  justify-content: center; }
                  header .searchline .wrapper form > div div:last-of-type a.search-product .search-product__thumb img {
                    display: block;
                    max-width: 100%;
                    max-height: 100%;
                    width: auto;
                    height: auto; }
                header .searchline .wrapper form > div div:last-of-type a.search-product .search-product__title {
                  display: block;
                  flex: 1 1 auto; }
          header .searchline .wrapper form > div h3, header .searchline .wrapper form > div .h3 {
            color: #FF7D26; }
          header .searchline .wrapper form > div a {
            padding: 5px 0;
            margin: 5px 0; }
            header .searchline .wrapper form > div a:hover {
              text-decoration: underline; }
      header .searchline .wrapper > .button {
        padding: 0 25px 0 50px !important;
        margin: 0 2% 0 15px;
        background: #212121 url("/images/icons/compar.svg") no-repeat 20px center;
        overflow: visible; }
        header .searchline .wrapper > .button > a {
          position: absolute;
          width: 100%;
          height: 100%;
          left: 0;
          top: 0; }
        header .searchline .wrapper > .button mark {
          right: -12px;
          background-color: #fff;
          color: #FF7D26; }
        header .searchline .wrapper > .button > div {
          display: none;
          position: absolute;
          top: 34px;
          right: -80px;
          border-top: 9px solid transparent;
          box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
          overflow: hidden;
          z-index: 10; }
          header .searchline .wrapper > .button > div div {
            width: 320px;
            padding: 10px 20px;
            background-color: #fff;
            color: #212121;
            border-radius: 6px;
            overflow: hidden; }
            header .searchline .wrapper > .button > div div a {
              display: flex;
              align-items: center;
              width: 100%;
              padding: 5px 0 5px 70px;
              margin: 5px 0;
              height: auto;
              min-height: 60px;
              background-repeat: no-repeat;
              background-position: left center;
              background-size: 60px auto;
              text-align: left; }
              header .searchline .wrapper > .button > div div a:hover {
                text-decoration: underline; }
            header .searchline .wrapper > .button > div div h3, header .searchline .wrapper > .button > div div .h3 {
              color: #FF7D26; }
            header .searchline .wrapper > .button > div div .button {
              margin: 10px auto; }
        header .searchline .wrapper > .button:hover > div, header .searchline .wrapper > .button > span:hover + div {
          display: block; }
      header .searchline .wrapper > a:nth-of-type(2) {
        flex: 0 0 45px;
        height: 45px;
        background: url("/images/icons/selected.svg") no-repeat center center; }
      header .searchline .wrapper > a:nth-of-type(3) {
        flex: 0 0 45px;
        height: 45px;
        margin-left: 15px;
        background: url("/images/icons/basket.svg") no-repeat center center; }
      header .searchline .wrapper .logo {
        order: -1;
        flex: 0 0 0;
        background: url("/images/icons/logo.svg") no-repeat left center;
        background-size: contain;
        height: 50px;
        transition: flex 0.2s; }

.home header .searchline .wrapper .dropdown span {
  display: none; }

footer {
  background-color: #212121;
  color: #fff;
  padding-top: 50px; }
  footer .wrapper {
    font-size: 14px; }
    footer .wrapper nav {
      flex: 0 0 60%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: flex-start; }
      footer .wrapper nav ul {
        flex: 1 0 38%;
        padding-right: 20px; }
        footer .wrapper nav ul li {
          margin: 10px 0; }
      footer .wrapper nav ul:first-of-type {
        flex: 0 1 24%;
        color: #bdbdbd; }
        footer .wrapper nav ul:first-of-type a:first-letter {
          text-transform: uppercase; }
        footer .wrapper nav ul:first-of-type a:hover, footer .wrapper nav ul:first-of-type a.pd {
          text-decoration: underline !important; }
      footer .wrapper nav ul:nth-of-type(2) li:nth-of-type(-n+2) {
        color: #bdbdbd; }
      footer .wrapper nav ul:nth-of-type(2) li:last-of-type {
        color: #FF7D26; }
        footer .wrapper nav ul:nth-of-type(2) li:last-of-type a:hover {
          text-decoration: underline; }
      footer .wrapper nav h3, footer .wrapper nav .h3 {
        color: #bdbdbd;
        margin-bottom: 20px; }
      footer .wrapper nav div {
        flex: 0 0 100%;
        align-self: flex-end;
        padding: 20px 0; }
    footer .wrapper .footerform {
      flex: 0 0 40%;
      max-width: 420px;
      display: flex;
      flex-direction: column; }
      footer .wrapper .footerform .logo {
        width: 180px;
        height: 60px;
        margin-top: 10px;
        margin-left: 10px;
        background: url("/images/icons/logo.svg") no-repeat left center;
        background-size: contain; }
      footer .wrapper .footerform ul {
        display: flex;
        width: calc(100% - 10px);
        margin: 25px 0 0 10px; }
        footer .wrapper .footerform ul li {
          margin-right: 20px; }
          footer .wrapper .footerform ul li a {
            width: 26px;
            height: 26px;
            background-size: contain;
            background-position: center center;
            background-repeat: no-repeat; }
        footer .wrapper .footerform ul li:first-of-type a {
          background-image: url("/images/icons/fYoutube.svg"); }
        footer .wrapper .footerform ul li:nth-of-type(2) a {
          background-image: url("/images/icons/fFacebook.svg"); }
        footer .wrapper .footerform ul li:nth-of-type(3) a {
          background-image: url("/images/icons/fInstagram.svg"); }
        footer .wrapper .footerform ul li:nth-of-type(4) a {
          background-image: url("/images/icons/fTelegram.svg"); }
        footer .wrapper .footerform ul li:last-of-type {
          flex: 0 0 140px;
          height: 100%;
          margin: 0 0 0 auto;
          background: url("/images/icons/visa.svg") no-repeat right center;
          background-size: contain; }
      footer .wrapper .footerform form {
        margin: auto 0 25px 10px;
        width: calc(100% - 10px); }
        footer .wrapper .footerform form label {
          width: 100%; }
          footer .wrapper .footerform form label input {
            width: 100%;
            height: 40px;
            padding: 0 140px 0 15px;
            margin-top: 15px;
            border-radius: 6px;
            overflow: hidden;
            background-color: #fff;
            color: #212121; }
        footer .wrapper .footerform form > input {
          position: absolute;
          bottom: 0;
          right: 0;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
    footer .wrapper .clear {
      height: 2px;
      background-color: #3b3b3b; }
    footer .wrapper > p {
      display: flex;
      justify-content: space-between;
      padding: 10px 0;
      font-size: 12px;
      font-weight: 700; }
      footer .wrapper > p a {
        display: inline-block; }
        footer .wrapper > p a:hover {
          text-decoration: underline;
          color: #fff; }
      footer .wrapper > p span:last-of-type a {
        color: #FF7D26; }

.popUp {
  width: 600px;
  left: calc(50% - 300px); }

main {
  min-height: calc(100vh - 540px);
  margin-top: 162px;
  background-color: #F4F4F4;
  padding-bottom: 40px; }
  main section {
    padding: 25px 0; }

.home .wrapper > h2, .home .wrapper > .h2 {
  text-align: center;
  margin-bottom: 40px; }
.home .hero .wrapper .quickLinks {
  flex: 0 0 22%;
  width: 22%;
  min-width: 220px;
  padding: 20px 0 20px 30px;
  background-color: #fff;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  overflow: hidden;
  overflow: visible;
  z-index: 2; }
  .home .hero .wrapper .quickLinks > a {
    padding: 5px 50px 5px 5px;
    margin: 3px 0;
    width: 100%; }
    .home .hero .wrapper .quickLinks > a::after {
      content: "";
      font-family: "FontAwesome", sans-serif;
      font-size: 20px;
      color: #FF7D26;
      position: absolute;
      right: 15px;
      top: 1px; }
    .home .hero .wrapper .quickLinks > a.lCont::after {
      content: ""; }
    .home .hero .wrapper .quickLinks > a:hover {
      text-decoration: underline; }
      .home .hero .wrapper .quickLinks > a:hover + div {
        display: flex; }
  .home .hero .wrapper .quickLinks div {
    display: none;
    justify-content: space-between;
    position: absolute;
    min-height: calc(100% + 30px);
    max-width: calc(100vw - 30vw);
    top: -15px;
    left: 99.9%;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    overflow: hidden; }
    .home .hero .wrapper .quickLinks div:hover {
      display: flex; }
    .home .hero .wrapper .quickLinks div ul {
      padding: 0 20px;
      margin-right: 2vw;
      max-width: 250px; }
      .home .hero .wrapper .quickLinks div ul li.h4 {
        color: #FF7D26; }
      .home .hero .wrapper .quickLinks div ul a {
        font-size: 14px;
        line-height: 1.2;
        margin: 8px 0;
        width: max-content;
        width: -moz-max-content;
        max-width: 100%; }
        .home .hero .wrapper .quickLinks div ul a:hover {
          text-decoration: underline; }
      .home .hero .wrapper .quickLinks div ul:last-of-type {
        margin-right: 0; }
.home .hero .wrapper > div {
  display: flex;
  flex-direction: column;
  flex: 0 0 calc(78% - 40px);
  width: calc(78% - 40px); }
  .home .hero .wrapper > div .slider {
    width: 100%;
    overflow: hidden;
    color: #fff; }
    .home .hero .wrapper > div .slider > a {
      position: absolute;
      width: 100px;
      top: calc(50% - 144px);
      z-index: 1;
      font: 36px/8 "FontAwesome", sans-serif;
      color: #FF7D26; }
    .home .hero .wrapper > div .slider #left {
      left: 10px; }
    .home .hero .wrapper > div .slider #right {
      right: 10px;
      text-align: right; }
    .home .hero .wrapper > div .slider .slideMarker {
      position: absolute;
      width: 100%;
      height: 30px;
      bottom: 0;
      text-align: center; }
      .home .hero .wrapper > div .slider .slideMarker li {
        display: inline-block;
        height: 8px;
        width: 8px;
        border-radius: 50%;
        margin: 5px;
        background-color: #C4550B; }
        .home .hero .wrapper > div .slider .slideMarker li.act {
          background-color: #F4F4F4; }
    .home .hero .wrapper > div .slider .slideWrap {
      display: flex;
      height: 100%; }
    .home .hero .wrapper > div .slider .slide {
      width: 0;
      overflow: hidden;
      transition: width 0.8s ease-in-out; }
      .home .hero .wrapper > div .slider .slide.act {
        width: 100%; }
      .home .hero .wrapper > div .slider .slide .forImg {
        height: 100%; }
      .home .hero .wrapper > div .slider .slide .content {
        position: absolute;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
        width: 240px;
        top: 0;
        left: 120px; }
        .home .hero .wrapper > div .slider .slide .content .button {
          width: 100%; }
        .home .hero .wrapper > div .slider .slide .content .slideHeader {
          margin: 0 0 20px;
          font-size: 30px;
          line-height: 1.1;
          font-weight: 800; }
  .home .hero .wrapper > div .carousel {
    flex: 1 0 auto;
    width: 100%; }
    .home .hero .wrapper > div .carousel > a {
      position: absolute;
      width: 30px;
      top: calc(50% - 18px);
      z-index: 1;
      font: 36px/1 "FontAwesome", sans-serif;
      color: #FF7D26; }
    .home .hero .wrapper > div .carousel .left {
      left: 10px; }
    .home .hero .wrapper > div .carousel .right {
      right: 10px;
      text-align: right; }
    .home .hero .wrapper > div .carousel > div {
      width: calc(100% - 80px);
      height: 100%;
      margin: 0 40px;
      overflow: hidden; }
    .home .hero .wrapper > div .carousel .carouselWrap {
      display: flex;
      height: 100%; }
      .home .hero .wrapper > div .carousel .carouselWrap a {
        flex: 0 0 31%;
        margin: 0 1.1666666667%;
        display: flex;
        justify-content: center;
        align-items: center;
        white-space: nowrap;
        font-size: 18px;
        font-weight: 700; }
      .home .hero .wrapper > div .carousel .carouselWrap img {
        width: 80px;
        padding-right: 20px; }

.grid .item {
  display: flex;
  flex-direction: column;
  padding: 20px;
  background-color: #fff;
  border-radius: 6px;
  overflow: hidden;
  overflow: visible; }
  .grid .item .forImg {
    width: 100%;
    padding-bottom: 80%;
    margin-bottom: 15px;
    background-size: contain; }
  .grid .item > p {
    margin: 0; }
  .grid .item .forInfo {
    margin-top: auto; }
    .grid .item .forInfo .price {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 180px; }
      .grid .item .forInfo .price span:first-of-type {
        text-decoration: line-through;
        color: #bdbdbd; }
      .grid .item .forInfo .price span:last-of-type {
        text-decoration: none;
        color: #212121;
        font-size: 18px;
        font-weight: 600; }
    .grid .item .forInfo .presence {
      font-size: 12px;
      color: #219653;
      padding-left: 20px; }
      .grid .item .forInfo .presence::before {
        content: url("/images/icons/check.svg");
        position: absolute;
        top: 2px;
        left: 0; }
      .grid .item .forInfo .presence.nPresense {
        color: #bdbdbd;
        padding-left: 0; }
        .grid .item .forInfo .presence.nPresense::before {
          content: ""; }
    .grid .item .forInfo .art {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%; }
      .grid .item .forInfo .art span:first-of-type {
        color: #3b3b3b;
        font-size: 12px; }
      .grid .item .forInfo .art span:last-of-type {
        display: block;
        width: 100px;
        flex: 0 0 100px;
        background-color: #bdbdbd; }
        .grid .item .forInfo .art span:last-of-type i {
          position: absolute;
          display: block;
          width: 100%;
          height: 100%;
          border: 2px solid #fff; }
        .grid .item .forInfo .art span:last-of-type.st1 {
          background: linear-gradient(90deg, #FF7D26 20%, #bdbdbd 20%); }
        .grid .item .forInfo .art span:last-of-type.st2 {
          background: linear-gradient(90deg, #FF7D26 40%, #bdbdbd 40%); }
        .grid .item .forInfo .art span:last-of-type.st3 {
          background: linear-gradient(90deg, #FF7D26 60%, #bdbdbd 60%); }
        .grid .item .forInfo .art span:last-of-type.st4 {
          background: linear-gradient(90deg, #FF7D26 80%, #bdbdbd 80%); }
        .grid .item .forInfo .art span:last-of-type.st5 {
          background-color: #FF7D26; }
    .grid .item .forInfo .buy {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .grid .item .forInfo .buy span {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex: 0 0 60px;
        width: 60px;
        margin-left: 10px; }
  .grid .item .scale {
    display: none;
    width: 100%;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
    padding: 20px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0; }
    .grid .item .scale .presence {
      display: none !important; }
    .grid .item .scale .itemHeader {
      border-top: 1px solid #bdbdbd;
      font-weight: 800;
      padding-top: 20px;
      margin-top: 30px; }
    .grid .item .scale li {
      list-style: inside disc;
      margin: 5px 0;
      font-size: 14px; }
  .grid .item:hover {
    z-index: 1; }
    .grid .item:hover .scale {
      display: block; }
.grid.fourItem .item {
  flex: 0 0 24%;
  width: 24%;
  margin: 0 0 1.4%; }
.grid.fourItem .seeMore {
  font-size: 14px;
  color: #FF7D26;
  margin: 30px auto 0; }
  .grid.fourItem .seeMore::after {
    content: "";
    font-family: "FontAwesome", sans-serif;
    font-size: 12px;
    position: absolute;
    right: -20px;
    top: 8px; }
  .grid.fourItem .seeMore::before {
    content: "";
    font-family: "FontAwesome", sans-serif;
    font-size: 12px;
    position: absolute;
    right: -20px;
    top: -2px; }
  .grid.fourItem .seeMore.seeLess::before, .grid.fourItem .seeMore.seeLess::after {
    transform: rotate(180deg); }
.grid.hiddenItem .item:nth-of-type(n+5) {
  display: none; }
.grid .textInfo {
  padding-top: 20px; }
  .grid .textInfo .button {
    margin-top: 40px; }
.grid.forCarousel .carousel_1, .grid.forCarousel .carousel_2, .grid.forCarousel .carousel_3 {
  width: 100%; }
  .grid.forCarousel .carousel_1 > a, .grid.forCarousel .carousel_2 > a, .grid.forCarousel .carousel_3 > a {
    position: absolute;
    width: 30px;
    top: calc(50% - 18px);
    z-index: 1;
    font: 36px/1 "FontAwesome", sans-serif;
    color: #FF7D26; }
    .grid.forCarousel .carousel_1 > a.left, .grid.forCarousel .carousel_2 > a.left, .grid.forCarousel .carousel_3 > a.left {
      left: -30px; }
    .grid.forCarousel .carousel_1 > a.right, .grid.forCarousel .carousel_2 > a.right, .grid.forCarousel .carousel_3 > a.right {
      right: -30px;
      text-align: right; }
  .grid.forCarousel .carousel_1 > div, .grid.forCarousel .carousel_2 > div, .grid.forCarousel .carousel_3 > div {
    width: 100%;
    overflow: hidden; }
    .grid.forCarousel .carousel_1 > div .carouselWrap, .grid.forCarousel .carousel_2 > div .carouselWrap, .grid.forCarousel .carousel_3 > div .carouselWrap {
      width: 100%;
      display: flex; }
      .grid.forCarousel .carousel_1 > div .carouselWrap .item, .grid.forCarousel .carousel_2 > div .carouselWrap .item, .grid.forCarousel .carousel_3 > div .carouselWrap .item {
        margin-right: 1.3333333333%; }

.twoColumn .wrapper .bp, .twoColumn .wrapper .image {
  flex: 0 0 48.5%;
  width: 48.5%; }
.twoColumn .wrapper .item {
  flex: 0 0 48.5%;
  width: 48.5%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  padding: 20px;
  margin-bottom: 3%;
  border-radius: 6px;
  overflow: hidden; }
  .twoColumn .wrapper .item .forImg {
    flex: 0 0 34%;
    width: 34%;
    padding-bottom: 34%; }
  .twoColumn .wrapper .item div:not(.forImg) {
    flex: 0 0 62%;
    display: flex;
    flex-direction: column;
    justify-content: space-around; }
    .twoColumn .wrapper .item div:not(.forImg) p {
      font-size: 13px; }
    .twoColumn .wrapper .item div:not(.forImg) a {
      color: #FF7D26;
      padding-right: 40px;
      font-size: 14px; }
      .twoColumn .wrapper .item div:not(.forImg) a::after {
        content: url("/images/icons/orangeArrow.svg");
        position: absolute;
        right: 10px;
        top: 3px;
        transition: right 0.3s; }
      .twoColumn .wrapper .item div:not(.forImg) a:hover::after {
        right: 0; }

.gridVideo .item {
  flex: 0 0 15%;
  width: 15%; }

.infoTable .wrapper table {
  flex: 0 0 100%;
  width: 100%;
  background-color: #fff; }
  .infoTable .wrapper table tr:not(:first-of-type) {
    border-bottom: 1px solid #F4F4F4; }
  .infoTable .wrapper table tr th {
    padding: 30px 20px 0;
    text-align: left;
    font-size: 14px;
    font-weight: 800; }
  .infoTable .wrapper table tr td {
    padding: 20px 20px 15px; }
    .infoTable .wrapper table tr td:last-of-type {
      width: 120px; }
    .infoTable .wrapper table tr td.answer {
      width: 0;
      padding: 0; }
      .infoTable .wrapper table tr td.answer::before {
        content: "";
        font-family: "FontAwesome", sans-serif;
        font-size: 20px;
        position: absolute;
        right: 20px;
        top: 18px; }
    .infoTable .wrapper table tr td.vis + .answer::before {
      transform: rotate(180deg); }
    .infoTable .wrapper table tr td p {
      display: none;
      font-size: 13px;
      max-width: 900px; }

.catalog .grid h1, .catalog .grid .h1, .catalog .grid h2, .catalog .grid .h2 {
  text-align: center; }
.catalog .grid .filter, .catalog .grid .leftAside {
  flex: 0 0 24%;
  max-width: 24%; }
  .catalog .grid .filter > h3, .catalog .grid .filter > .h3, .catalog .grid .leftAside > h3, .catalog .grid .leftAside > .h3 {
    margin: 0 0 10px;
    padding-left: 20px; }
    .catalog .grid .filter > h3::before, .catalog .grid .filter > .h3::before, .catalog .grid .leftAside > h3::before, .catalog .grid .leftAside > .h3::before {
      content: url("/images/icons/filter.svg");
      position: absolute;
      top: -3px;
      left: 0; }
  .catalog .grid .filter input[type='reset'], .catalog .grid .filter > a, .catalog .grid .leftAside input[type='reset'], .catalog .grid .leftAside > a {
    background-color: transparent;
    color: #FF7D26;
    margin: 10px 0;
    height: 23px; }
  .catalog .grid .filter div, .catalog .grid .leftAside div {
    background-color: #fff;
    border-radius: 6px;
    overflow: hidden;
    padding: 5px 20px;
    margin-bottom: 6%; }
    .catalog .grid .filter div:last-of-type, .catalog .grid .leftAside div:last-of-type {
      background-color: transparent;
      padding: 0;
      font-size: 13px; }
    .catalog .grid .filter div.forB, .catalog .grid .leftAside div.forB {
      padding: 0;
      background-color: transparent; }
      .catalog .grid .filter div.forB .button, .catalog .grid .leftAside div.forB .button {
        margin: 0; }
    .catalog .grid .filter div .button, .catalog .grid .leftAside div .button {
      width: 100%;
      padding: 0; }
      .catalog .grid .filter div .button img, .catalog .grid .leftAside div .button img {
        display: inline-block;
        top: 7px;
        padding-right: 5px;
        width: 30px; }
    .catalog .grid .filter div h3, .catalog .grid .filter div .h3, .catalog .grid .leftAside div h3, .catalog .grid .leftAside div .h3 {
      margin-bottom: 0; }
    .catalog .grid .filter div .adds, .catalog .grid .leftAside div .adds {
      margin-left: 10px;
      cursor: pointer; }
      .catalog .grid .filter div .adds + div, .catalog .grid .leftAside div .adds + div {
        display: none;
        margin-left: 10px;
        padding: 0; }
        .catalog .grid .filter div .adds + div a, .catalog .grid .leftAside div .adds + div a {
          display: block;
          color: #828282;
          background: url("/images/icons/blMap.svg") no-repeat left center;
          background-size: 12px;
          padding-left: 16px;
          font-size: 12px; }
          .catalog .grid .filter div .adds + div a:hover, .catalog .grid .leftAside div .adds + div a:hover {
            color: #828282; }
            .catalog .grid .filter div .adds + div a:hover span, .catalog .grid .leftAside div .adds + div a:hover span {
              color: #FF7D26; }
          .catalog .grid .filter div .adds + div a span, .catalog .grid .leftAside div .adds + div a span {
            display: inline;
            text-decoration: underline; }
        .catalog .grid .filter div .adds + div .forImg, .catalog .grid .leftAside div .adds + div .forImg {
          padding-bottom: 60%;
          margin: 0; }
    .catalog .grid .filter div > label, .catalog .grid .leftAside div > label {
      display: flex;
      margin: 15px 0;
      cursor: pointer;
      white-space: nowrap;
      align-items: center; }
    .catalog .grid .filter div input[type='checkbox'], .catalog .grid .leftAside div input[type='checkbox'] {
      width: 18px;
      height: 18px;
      margin-right: 10px;
      border: 2px solid #bdbdbd;
      background: url("/images/icons/checkWhite.svg") no-repeat center;
      background-size: 24px auto; }
      .catalog .grid .filter div input[type='checkbox']:checked, .catalog .grid .leftAside div input[type='checkbox']:checked {
        background-color: #FF7D26;
        border-color: #FF7D26; }
    .catalog .grid .filter div span:first-of-type, .catalog .grid .leftAside div span:first-of-type {
      display: inline-block;
      white-space: normal;
      word-break: break-word;
      max-width: calc(100% - 60px); }
    .catalog .grid .filter div span:last-of-type, .catalog .grid .filter div mark, .catalog .grid .leftAside div span:last-of-type, .catalog .grid .leftAside div mark {
      display: inline-block;
      margin: 0 0 0 auto;
      width: 30px;
      text-align: right;
      color: #828282; }
  .catalog .grid .filter .priceRange, .catalog .grid .leftAside .priceRange {
    padding-bottom: 8px; }
    .catalog .grid .filter .priceRange #amount, .catalog .grid .leftAside .priceRange #amount {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin: 15px 0 25px; }
      .catalog .grid .filter .priceRange #amount i, .catalog .grid .leftAside .priceRange #amount i {
        display: inline-block;
        width: 50%;
        padding: 6px 0;
        margin: 0 5%;
        border: 1px solid #828282;
        border-radius: 6px;
        overflow: hidden;
        text-align: center; }
    .catalog .grid .filter .priceRange #slider-range, .catalog .grid .leftAside .priceRange #slider-range {
      height: 6px;
      background-color: #828282;
      overflow: visible; }
      .catalog .grid .filter .priceRange #slider-range .ui-slider-range, .catalog .grid .leftAside .priceRange #slider-range .ui-slider-range {
        position: absolute;
        height: 100%;
        background-color: #FF7D26;
        margin: 0; }
      .catalog .grid .filter .priceRange #slider-range .ui-state-default, .catalog .grid .leftAside .priceRange #slider-range .ui-state-default {
        display: inline-block;
        width: 18px;
        height: 18px;
        top: -6px;
        border-radius: 50%;
        background-color: #FF7D26;
        margin: 0 0 0 -12px; }
.catalog .grid .threeItem, .catalog .grid .listItem {
  flex: 0 0 74%;
  width: 74%;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start; }
  .catalog .grid .threeItem > p, .catalog .grid .listItem > p {
    display: flex;
    align-items: flex-end;
    margin-top: 20px; }
    .catalog .grid .threeItem > p label, .catalog .grid .listItem > p label {
      display: inline;
      margin-right: 50px; }
      .catalog .grid .threeItem > p label::after, .catalog .grid .listItem > p label::after {
        content: "";
        font-family: "FontAwesome", sans-serif;
        font-size: 18px;
        line-height: 0;
        position: absolute;
        right: 0;
        top: 13px; }
      .catalog .grid .threeItem > p label select, .catalog .grid .listItem > p label select {
        background-color: transparent;
        padding-right: 15px;
        cursor: pointer; }
    .catalog .grid .threeItem > p > a, .catalog .grid .listItem > p > a {
      margin-right: 50px;
      white-space: nowrap; }
      .catalog .grid .threeItem > p > a img, .catalog .grid .listItem > p > a img {
        display: inline-block;
        top: 4px;
        height: 20px;
        width: auto;
        padding-right: 8px; }
    .catalog .grid .threeItem > p span, .catalog .grid .listItem > p span {
      width: 70px;
      display: none;
      cursor: pointer;
      margin-left: auto; }
  .catalog .grid .threeItem .item, .catalog .grid .listItem .item {
    margin-bottom: 2%; }
    .catalog .grid .threeItem .item:hover, .catalog .grid .listItem .item:hover {
      box-shadow: 0 0 16px rgba(0, 0, 0, 0.3); }
  .catalog .grid .threeItem .tags, .catalog .grid .listItem .tags {
    flex: 0 0 100%;
    width: 100%;
    display: flex;
    flex-wrap: wrap; }
    .catalog .grid .threeItem .tags .button, .catalog .grid .listItem .tags .button {
      margin: 0 15px 15px 0;
      color: #212121;
      background-color: #FFE4D1; }
      .catalog .grid .threeItem .tags .button:hover, .catalog .grid .listItem .tags .button:hover {
        color: #fff;
        background-color: #FF7D26; }
.catalog .grid .threeItem > p span:first-of-type {
  display: block;
  cursor: pointer; }
.catalog .grid .threeItem .item {
  flex: 0 0 32%;
  width: 32%; }
  .catalog .grid .threeItem .item:not(:nth-of-type(3n)) {
    margin-right: 2%; }
.catalog .grid .listItem > p span:last-of-type {
  display: block; }
.catalog .grid .listItem .item {
  flex: 0 0 100%;
  width: 100%;
  flex-direction: row; }
  .catalog .grid .listItem .item > p {
    padding: 0 20px; }
  .catalog .grid .listItem .item .forImg, .catalog .grid .listItem .item .forInfo {
    flex: 0 0 200px;
    width: 200px;
    height: 200px;
    padding: 0;
    margin: auto 0; }
.catalog .twoColumn .wrapper {
  align-items: center;
  background-color: #fff;
  background-clip: content-box; }
.catalog .twoColumn .forImg {
  flex: 0 0 46%;
  width: 46%;
  padding-bottom: 24%; }
.catalog .twoColumn .forInfo {
  flex: 0 0 54%;
  width: 54%;
  padding: 25px; }
  .catalog .twoColumn .forInfo .button {
    margin-top: 25px; }

.cabinet.pers .grid .leftAside > h3, .cabinet.pers .grid .leftAside > .h3, .contact.pers .grid .leftAside > h3, .contact.pers .grid .leftAside > .h3 {
  margin: 45px 0; }
.cabinet .grid .leftAside > h3, .cabinet .grid .leftAside > .h3, .contact .grid .leftAside > h3, .contact .grid .leftAside > .h3 {
  margin: 80px 0 66px;
  padding-left: 30px; }
  .cabinet .grid .leftAside > h3::before, .cabinet .grid .leftAside > .h3::before, .contact .grid .leftAside > h3::before, .contact .grid .leftAside > .h3::before {
    content: url("/images/icons/login.svg");
    filter: invert(1);
    top: 3px; }
  .cabinet .grid .leftAside > h3 a, .cabinet .grid .leftAside > .h3 a, .contact .grid .leftAside > h3 a, .contact .grid .leftAside > .h3 a {
    font-size: 14px;
    color: #828282; }
.cabinet .grid .leftAside div:not(:last-of-type) a, .contact .grid .leftAside div:not(:last-of-type) a {
  margin: 12px 0; }
  .cabinet .grid .leftAside div:not(:last-of-type) a img, .cabinet .grid .leftAside div:not(:last-of-type) a embed, .contact .grid .leftAside div:not(:last-of-type) a img, .contact .grid .leftAside div:not(:last-of-type) a embed {
    display: inline-block;
    width: 34px;
    padding-right: 10px;
    top: 6px; }
  .cabinet .grid .leftAside div:not(:last-of-type) a:hover, .cabinet .grid .leftAside div:not(:last-of-type) a.pd, .contact .grid .leftAside div:not(:last-of-type) a:hover, .contact .grid .leftAside div:not(:last-of-type) a.pd {
    color: #C4550B; }
.cabinet .grid .leftAside .CBForm, .contact .grid .leftAside .CBForm {
  background-color: #FF7D26;
  color: #fff;
  padding: 5px 20px 20px;
  margin-bottom: 6%; }
  .cabinet .grid .leftAside .CBForm > .button, .contact .grid .leftAside .CBForm > .button {
    width: 100%;
    margin-top: 20px; }
  .cabinet .grid .leftAside .CBForm label, .contact .grid .leftAside .CBForm label {
    display: block;
    font-size: 14px;
    width: 100%;
    margin-top: 20px; }
    .cabinet .grid .leftAside .CBForm label input, .cabinet .grid .leftAside .CBForm label textarea, .contact .grid .leftAside .CBForm label input, .contact .grid .leftAside .CBForm label textarea {
      margin-top: 5px;
      width: 100%;
      height: 40px;
      border-radius: 6px;
      overflow: hidden;
      color: #3b3b3b;
      background-color: #fff;
      padding: 10px; }
      .cabinet .grid .leftAside .CBForm label input:focus, .cabinet .grid .leftAside .CBForm label textarea:focus, .contact .grid .leftAside .CBForm label input:focus, .contact .grid .leftAside .CBForm label textarea:focus {
        background-color: #F4F4F4; }
    .cabinet .grid .leftAside .CBForm label textarea, .contact .grid .leftAside .CBForm label textarea {
      resize: none;
      height: 120px; }
.cabinet .grid .tables > p a, .cabinet .grid .orders > p a, .contact .grid .tables > p a, .contact .grid .orders > p a {
  border-bottom: 2px solid transparent; }
  .cabinet .grid .tables > p a.act, .cabinet .grid .tables > p a:hover, .cabinet .grid .orders > p a.act, .cabinet .grid .orders > p a:hover, .contact .grid .tables > p a.act, .contact .grid .tables > p a:hover, .contact .grid .orders > p a.act, .contact .grid .orders > p a:hover {
    border-color: #FF7D26; }
.cabinet .grid .tables > div, .contact .grid .tables > div {
  flex: 0 0 100%;
  width: 100%;
  display: flex; }
.cabinet .grid .orders .components, .contact .grid .orders .components {
  background-color: #fff;
  padding: 10px 30px;
  flex: 0 0 100%;
  width: 100%;
  border-radius: 6px;
  overflow: hidden;
  margin-top: 15px; }
  .cabinet .grid .orders .components p:first-of-type, .contact .grid .orders .components p:first-of-type {
    font-size: 11px;
    color: #828282; }
  .cabinet .grid .orders .components div, .contact .grid .orders .components div {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
    border-bottom: 2px solid #d3d3d3; }
    .cabinet .grid .orders .components div img, .contact .grid .orders .components div img {
      flex: 0 0 60px;
      width: 60px; }
  .cabinet .grid .orders .components p:last-of-type, .contact .grid .orders .components p:last-of-type {
    display: flex;
    align-items: center; }
    .cabinet .grid .orders .components p:last-of-type a, .contact .grid .orders .components p:last-of-type a {
      padding: 0 8px;
      margin: 0 6px; }
    .cabinet .grid .orders .components p:last-of-type a:first-of-type, .contact .grid .orders .components p:last-of-type a:first-of-type {
      font-size: 16px;
      font-weight: 700;
      border-right: 1px solid #bdbdbd;
      padding: 0 20px 0 0;
      margin: 0 6px 0 0; }
      .cabinet .grid .orders .components p:last-of-type a:first-of-type img, .contact .grid .orders .components p:last-of-type a:first-of-type img {
        top: 6px;
        width: 24px;
        display: inline-block; }
.cabinet .grid .orders .order, .contact .grid .orders .order {
  width: 100%;
  background-color: #fff;
  border-radius: 6px;
  overflow: hidden;
  padding: 20px;
  margin-top: 15px; }
  .cabinet .grid .orders .order .visPart + div, .contact .grid .orders .order .visPart + div {
    height: 0;
    overflow: hidden; }
  .cabinet .grid .orders .order .visPart.nv .hid, .cabinet .grid .orders .order .visPart.nv > img, .contact .grid .orders .order .visPart.nv .hid, .contact .grid .orders .order .visPart.nv > img {
    display: none; }
  .cabinet .grid .orders .order .visPart.nv + div, .contact .grid .orders .order .visPart.nv + div {
    height: auto; }
  .cabinet .grid .orders .order > div:first-of-type, .contact .grid .orders .order > div:first-of-type {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px; }
    .cabinet .grid .orders .order > div:first-of-type h5, .cabinet .grid .orders .order > div:first-of-type .h5, .contact .grid .orders .order > div:first-of-type h5, .contact .grid .orders .order > div:first-of-type .h5 {
      font-weight: 500; }
      .cabinet .grid .orders .order > div:first-of-type h5 span, .cabinet .grid .orders .order > div:first-of-type .h5 span, .contact .grid .orders .order > div:first-of-type h5 span, .contact .grid .orders .order > div:first-of-type .h5 span {
        font-size: 11px;
        color: #828282; }
        .cabinet .grid .orders .order > div:first-of-type h5 span a, .cabinet .grid .orders .order > div:first-of-type .h5 span a, .contact .grid .orders .order > div:first-of-type h5 span a, .contact .grid .orders .order > div:first-of-type .h5 span a {
          display: inline;
          color: #FF7D26; }
      .cabinet .grid .orders .order > div:first-of-type h5:last-of-type, .cabinet .grid .orders .order > div:first-of-type .h5:last-of-type, .contact .grid .orders .order > div:first-of-type h5:last-of-type, .contact .grid .orders .order > div:first-of-type .h5:last-of-type {
        margin-right: 15%; }
    .cabinet .grid .orders .order > div:first-of-type > img, .contact .grid .orders .order > div:first-of-type > img {
      width: 60px;
      margin-right: 30px; }
    .cabinet .grid .orders .order > div:first-of-type > span, .contact .grid .orders .order > div:first-of-type > span {
      display: block;
      flex: 0 0 20px;
      width: 20px;
      background: url("/images/icons/drop.svg") no-repeat center center;
      background-size: 20px 20px; }
  .cabinet .grid .orders .order > div:last-of-type, .contact .grid .orders .order > div:last-of-type {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end; }
    .cabinet .grid .orders .order > div:last-of-type div.orderHistory, .contact .grid .orders .order > div:last-of-type div.orderHistory {
      flex: 0 0 220px;
      padding-right: 20px;
      margin: 0 auto 20px 0; }
      .cabinet .grid .orders .order > div:last-of-type div.orderHistory .orange, .contact .grid .orders .order > div:last-of-type div.orderHistory .orange {
        color: #FF7D26;
        margin: 20px 0; }
      .cabinet .grid .orders .order > div:last-of-type div.orderHistory .descr, .contact .grid .orders .order > div:last-of-type div.orderHistory .descr {
        font-size: 12px;
        line-height: 2; }
        .cabinet .grid .orders .order > div:last-of-type div.orderHistory .descr span, .contact .grid .orders .order > div:last-of-type div.orderHistory .descr span {
          display: block; }
    .cabinet .grid .orders .order > div:last-of-type table, .contact .grid .orders .order > div:last-of-type table {
      flex: 0 0 calc(100% - 220px); }
      .cabinet .grid .orders .order > div:last-of-type table th, .contact .grid .orders .order > div:last-of-type table th {
        padding: 5px 10px;
        font-size: 11px;
        color: #828282;
        white-space: nowrap; }
      .cabinet .grid .orders .order > div:last-of-type table tr:not(:first-of-type), .contact .grid .orders .order > div:last-of-type table tr:not(:first-of-type) {
        border-top: 1px solid #F4F4F4; }
      .cabinet .grid .orders .order > div:last-of-type table.ord td, .contact .grid .orders .order > div:last-of-type table.ord td {
        padding: 10px;
        text-align: center;
        min-height: 70px; }
        .cabinet .grid .orders .order > div:last-of-type table.ord td img, .contact .grid .orders .order > div:last-of-type table.ord td img {
          height: 60px;
          width: auto !important; }
        .cabinet .grid .orders .order > div:last-of-type table.ord td:not(:nth-of-type(2)), .contact .grid .orders .order > div:last-of-type table.ord td:not(:nth-of-type(2)) {
          white-space: nowrap; }
        .cabinet .grid .orders .order > div:last-of-type table.ord td:first-of-type, .contact .grid .orders .order > div:last-of-type table.ord td:first-of-type {
          width: 60px;
          text-align: left; }
        .cabinet .grid .orders .order > div:last-of-type table.ord td:nth-of-type(2), .contact .grid .orders .order > div:last-of-type table.ord td:nth-of-type(2) {
          text-align: left;
          color: #FF7D26; }
        .cabinet .grid .orders .order > div:last-of-type table.ord td:last-of-type, .contact .grid .orders .order > div:last-of-type table.ord td:last-of-type {
          padding-right: 40px; }
    .cabinet .grid .orders .order > div:last-of-type form, .contact .grid .orders .order > div:last-of-type form {
      display: flex;
      justify-content: flex-end;
      margin: 35px 35px 15px; }
      .cabinet .grid .orders .order > div:last-of-type form .button, .contact .grid .orders .order > div:last-of-type form .button {
        margin-left: 15px; }
  .cabinet .grid .orders .order.config .visPart, .contact .grid .orders .order.config .visPart {
    margin-bottom: 0;
    align-items: center; }
    .cabinet .grid .orders .order.config .visPart.nv, .contact .grid .orders .order.config .visPart.nv {
      padding-bottom: 20px; }
    .cabinet .grid .orders .order.config .visPart > .button, .contact .grid .orders .order.config .visPart > .button {
      flex: 0 0 120px;
      margin-right: 40px; }
    .cabinet .grid .orders .order.config .visPart > span:last-of-type, .contact .grid .orders .order.config .visPart > span:last-of-type {
      height: 20px; }
  .cabinet .grid .orders .order.config .assembling table th, .contact .grid .orders .order.config .assembling table th {
    padding: 20px; }
  .cabinet .grid .orders .order.config .assembling table tr.emp td:nth-of-type(3), .contact .grid .orders .order.config .assembling table tr.emp td:nth-of-type(3) {
    color: #3b3b3b !important;
    font-size: 12px;
    font-weight: 700; }
  .cabinet .grid .orders .order.config .assembling table tr.emp td.oper span, .contact .grid .orders .order.config .assembling table tr.emp td.oper span {
    justify-content: flex-end;
    display: flex; }
  .cabinet .grid .orders .order.config .assembling table tr.emp td.oper .addComp, .contact .grid .orders .order.config .assembling table tr.emp td.oper .addComp {
    display: block; }
  .cabinet .grid .orders .order.config .assembling table tr.emp td.oper .removeComp, .cabinet .grid .orders .order.config .assembling table tr.emp td.oper .changeComp, .contact .grid .orders .order.config .assembling table tr.emp td.oper .removeComp, .contact .grid .orders .order.config .assembling table tr.emp td.oper .changeComp {
    display: none; }
  .cabinet .grid .orders .order.config > div:last-of-type .orderHistory a.orange:hover, .contact .grid .orders .order.config > div:last-of-type .orderHistory a.orange:hover {
    text-decoration: underline; }
  .cabinet .grid .orders .order.config > div:last-of-type .orderHistory ul.descr, .contact .grid .orders .order.config > div:last-of-type .orderHistory ul.descr {
    color: #828282;
    line-height: 1.6;
    font-size: 11px; }
    .cabinet .grid .orders .order.config > div:last-of-type .orderHistory ul.descr li:not(:last-of-type), .contact .grid .orders .order.config > div:last-of-type .orderHistory ul.descr li:not(:last-of-type) {
      list-style: inside disc; }
    .cabinet .grid .orders .order.config > div:last-of-type .orderHistory ul.descr a, .contact .grid .orders .order.config > div:last-of-type .orderHistory ul.descr a {
      color: #FF7D26;
      margin: 5px 0; }
      .cabinet .grid .orders .order.config > div:last-of-type .orderHistory ul.descr a:hover, .contact .grid .orders .order.config > div:last-of-type .orderHistory ul.descr a:hover {
        text-decoration: underline; }
  .cabinet .grid .orders .order.config > div:last-of-type table .hiddenTable, .contact .grid .orders .order.config > div:last-of-type table .hiddenTable {
    display: none; }
    .cabinet .grid .orders .order.config > div:last-of-type table .hiddenTable table, .contact .grid .orders .order.config > div:last-of-type table .hiddenTable table {
      margin: 0 20px 0 30px;
      border: 2px solid #F4F4F4; }
  .cabinet .grid .orders .order.config > div:last-of-type table tr:hover td:last-of-type span, .contact .grid .orders .order.config > div:last-of-type table tr:hover td:last-of-type span {
    display: flex; }
  .cabinet .grid .orders .order.config > div:last-of-type table th, .contact .grid .orders .order.config > div:last-of-type table th {
    text-align: left;
    font-size: 14px; }
  .cabinet .grid .orders .order.config > div:last-of-type table td, .contact .grid .orders .order.config > div:last-of-type table td {
    height: 80px;
    padding-top: 10px !important;
    padding-bottom: 10px !important; }
  .cabinet .grid .orders .order.config > div:last-of-type table td:first-of-type, .contact .grid .orders .order.config > div:last-of-type table td:first-of-type {
    width: 15px;
    max-width: 15px; }
  .cabinet .grid .orders .order.config > div:last-of-type table td:nth-of-type(2), .contact .grid .orders .order.config > div:last-of-type table td:nth-of-type(2) {
    width: 80px;
    max-width: 80px;
    padding: 0 10px; }
  .cabinet .grid .orders .order.config > div:last-of-type table td:nth-of-type(3), .contact .grid .orders .order.config > div:last-of-type table td:nth-of-type(3) {
    padding: 0 10px; }
    .cabinet .grid .orders .order.config > div:last-of-type table td:nth-of-type(3):hover, .contact .grid .orders .order.config > div:last-of-type table td:nth-of-type(3):hover {
      color: #FF7D26; }
  .cabinet .grid .orders .order.config > div:last-of-type table td:nth-of-type(4), .contact .grid .orders .order.config > div:last-of-type table td:nth-of-type(4) {
    width: 90px;
    max-width: 90px; }
    .cabinet .grid .orders .order.config > div:last-of-type table td:nth-of-type(4) label, .contact .grid .orders .order.config > div:last-of-type table td:nth-of-type(4) label {
      display: flex;
      justify-content: center;
      align-items: center; }
      .cabinet .grid .orders .order.config > div:last-of-type table td:nth-of-type(4) label span, .contact .grid .orders .order.config > div:last-of-type table td:nth-of-type(4) label span {
        width: 30px;
        text-align: center;
        font-size: 18px;
        color: #d3d3d3; }
        .cabinet .grid .orders .order.config > div:last-of-type table td:nth-of-type(4) label span:hover, .contact .grid .orders .order.config > div:last-of-type table td:nth-of-type(4) label span:hover {
          color: #FF7D26;
          cursor: pointer; }
      .cabinet .grid .orders .order.config > div:last-of-type table td:nth-of-type(4) label input, .contact .grid .orders .order.config > div:last-of-type table td:nth-of-type(4) label input {
        width: 28px;
        height: 28px;
        background-color: #F4F4F4;
        text-align: center;
        border-radius: 6px;
        overflow: hidden; }
  .cabinet .grid .orders .order.config > div:last-of-type table td:nth-of-type(5), .contact .grid .orders .order.config > div:last-of-type table td:nth-of-type(5) {
    white-space: nowrap;
    padding: 0 20px; }
  .cabinet .grid .orders .order.config > div:last-of-type table td.oper, .contact .grid .orders .order.config > div:last-of-type table td.oper {
    min-width: 70px; }
    .cabinet .grid .orders .order.config > div:last-of-type table td.oper span, .contact .grid .orders .order.config > div:last-of-type table td.oper span {
      display: none;
      justify-content: space-between;
      position: absolute;
      right: 0;
      width: 60px;
      margin-top: -10px; }
      .cabinet .grid .orders .order.config > div:last-of-type table td.oper span a, .contact .grid .orders .order.config > div:last-of-type table td.oper span a {
        width: 20px;
        height: 20px;
        background-size: 20px auto;
        background-repeat: no-repeat;
        background-position: center center; }
        .cabinet .grid .orders .order.config > div:last-of-type table td.oper span a.removeComp, .contact .grid .orders .order.config > div:last-of-type table td.oper span a.removeComp {
          background-image: url("/images/icons/refresh.svg"); }
        .cabinet .grid .orders .order.config > div:last-of-type table td.oper span a.changeComp, .contact .grid .orders .order.config > div:last-of-type table td.oper span a.changeComp {
          background-image: url("/images/icons/trash.svg"); }
        .cabinet .grid .orders .order.config > div:last-of-type table td.oper span a.addComp, .contact .grid .orders .order.config > div:last-of-type table td.oper span a.addComp {
          background-image: url("/images/icons/plus.svg");
          display: none; }
    .cabinet .grid .orders .order.config > div:last-of-type table td.oper .select, .contact .grid .orders .order.config > div:last-of-type table td.oper .select {
      width: 26px;
      height: 26px;
      background-image: url("/images/icons/plus.svg");
      background-size: contain;
      background-repeat: no-repeat;
      margin: 0 10px 0 auto; }
  .cabinet .grid .orders .order.config > div:last-of-type table td.dr, .contact .grid .orders .order.config > div:last-of-type table td.dr {
    background: url("/images/icons/chevronDown.svg") no-repeat right center;
    min-width: 70px; }
.cabinet .grid .orders .editPers, .contact .grid .orders .editPers {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background-color: #fff;
  border-radius: 6px;
  overflow: hidden;
  padding: 15px 20px 20px 60px;
  margin: 15px 0 5px; }
  .cabinet .grid .orders .editPers h4 img, .cabinet .grid .orders .editPers .h4 img, .contact .grid .orders .editPers h4 img, .contact .grid .orders .editPers .h4 img {
    position: absolute;
    width: 20px;
    left: -40px;
    top: 0; }
  .cabinet .grid .orders .editPers label, .contact .grid .orders .editPers label {
    flex: 0 0 30%;
    margin: 20px 3% 20px 0;
    font-size: 11px;
    color: #828282; }
    .cabinet .grid .orders .editPers label.checkbox, .contact .grid .orders .editPers label.checkbox {
      display: flex;
      font-size: 15px;
      color: #3b3b3b; }
    .cabinet .grid .orders .editPers label input:not(input[type='checkbox']), .cabinet .grid .orders .editPers label select, .contact .grid .orders .editPers label input:not(input[type='checkbox']), .contact .grid .orders .editPers label select {
      background-color: #F4F4F4;
      width: 100%;
      height: 40px;
      font-size: 15px;
      color: #212121;
      padding: 0 15px;
      transition: all 0.2s; }
      .cabinet .grid .orders .editPers label input:not(input[type='checkbox'])[disabled="disabled"], .cabinet .grid .orders .editPers label select[disabled="disabled"], .contact .grid .orders .editPers label input:not(input[type='checkbox'])[disabled="disabled"], .contact .grid .orders .editPers label select[disabled="disabled"] {
        background-color: #fff;
        padding: 0; }
    .cabinet .grid .orders .editPers label input[type='checkbox'], .contact .grid .orders .editPers label input[type='checkbox'] {
      flex: 0 0 18px;
      width: 18px;
      height: 18px;
      top: 3px;
      margin-right: 10px;
      border: 2px solid #212121; }
      .cabinet .grid .orders .editPers label input[type='checkbox']:checked, .contact .grid .orders .editPers label input[type='checkbox']:checked {
        background: #212121 url("/images/icons/checkWhite.svg") no-repeat center center;
        background-size: 150% auto; }
      .cabinet .grid .orders .editPers label input[type='checkbox'][disabled="disabled"], .contact .grid .orders .editPers label input[type='checkbox'][disabled="disabled"] {
        background-color: #828282;
        border-color: #828282;
        cursor: default; }
  .cabinet .grid .orders .editPers.addr label, .contact .grid .orders .editPers.addr label {
    flex: 0 0 100%;
    margin: 0 0 5px 0; }
    .cabinet .grid .orders .editPers.addr label input, .contact .grid .orders .editPers.addr label input {
      width: calc(100% - 100px); }
    .cabinet .grid .orders .editPers.addr label span, .contact .grid .orders .editPers.addr label span {
      position: absolute;
      right: 10px;
      bottom: -3px;
      width: 60px;
      text-align: right; }
  .cabinet .grid .orders .editPers.addr span, .contact .grid .orders .editPers.addr span {
    display: none;
    padding: 5px 0;
    margin: 10px 0;
    font-size: 11px;
    color: #FF7D26; }
    .cabinet .grid .orders .editPers.addr span:hover, .contact .grid .orders .editPers.addr span:hover {
      text-decoration: underline;
      transform: scale(1.05); }
  .cabinet .grid .orders .editPers.addr .account-address-list, .contact .grid .orders .editPers.addr .account-address-list {
    width: 100%; }
  .cabinet .grid .orders .editPers.addr .address-row, .contact .grid .orders .editPers.addr .address-row {
    display: block;
    padding-right: 120px;
    min-height: 28px;
    margin: 0 0 5px 0; }
  .cabinet .grid .orders .editPers.addr .address-row .address-display, .contact .grid .orders .editPers.addr .address-row .address-display {
    font-size: 15px;
    color: #212121;
    line-height: 1.5; }
  .cabinet .grid .orders .editPers.addr .address-row .address-delete, .contact .grid .orders .editPers.addr .address-row .address-delete {
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    background: transparent;
    color: #FF7D26;
    font-size: 11px;
    cursor: pointer;
    padding: 0; }
  .cabinet .grid .orders .editPers.addr .addAddr, .contact .grid .orders .editPers.addr .addAddr {
    display: inline-block;
    border: 0;
    background: transparent;
    color: #FF7D26;
    font-size: 11px;
    cursor: pointer;
    padding: 5px 0;
    margin: 10px 0 0; }
  .cabinet .grid .orders .editPers .edit, .contact .grid .orders .editPers .edit {
    position: absolute;
    width: 120px;
    top: 10px;
    right: 10px;
    font-size: 11px;
    color: #FF7D26;
    text-align: right;
    padding: 10px; }
    .cabinet .grid .orders .editPers .edit:hover, .contact .grid .orders .editPers .edit:hover {
      text-decoration: underline;
      transform: scale(1.05); }
.cabinet .grid .orders .bind, .contact .grid .orders .bind {
  flex: 0 0 100%;
  padding: 20px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .cabinet .grid .orders .bind > p, .contact .grid .orders .bind > p {
    flex: 0 0 100%; }
  .cabinet .grid .orders .bind div:first-of-type, .contact .grid .orders .bind div:first-of-type {
    flex: 0 0 48%;
    max-width: 420px; }
    .cabinet .grid .orders .bind div:first-of-type p, .contact .grid .orders .bind div:first-of-type p {
      display: flex;
      width: 100%;
      flex-wrap: nowrap;
      margin: 20px 0;
      align-items: center; }
      .cabinet .grid .orders .bind div:first-of-type p img, .contact .grid .orders .bind div:first-of-type p img {
        width: 26px;
        margin: 0 20px 0 0; }
      .cabinet .grid .orders .bind div:first-of-type p a, .contact .grid .orders .bind div:first-of-type p a {
        margin: 0 0 0 auto;
        text-decoration: none;
        color: #FF7D26; }
        .cabinet .grid .orders .bind div:first-of-type p a:hover, .contact .grid .orders .bind div:first-of-type p a:hover {
          text-decoration: underline;
          color: #C4550B; }
  .cabinet .grid .orders .bind div:last-of-type, .contact .grid .orders .bind div:last-of-type {
    flex: 0 0 48%;
    max-width: 420px; }
    .cabinet .grid .orders .bind div:last-of-type p, .contact .grid .orders .bind div:last-of-type p {
      display: flex;
      width: 100%;
      flex-wrap: nowrap;
      margin: 20px 0;
      align-items: center;
      justify-content: flex-end;
      color: #FF7D26; }
      .cabinet .grid .orders .bind div:last-of-type p a, .contact .grid .orders .bind div:last-of-type p a {
        text-decoration: none; }
        .cabinet .grid .orders .bind div:last-of-type p a:hover, .contact .grid .orders .bind div:last-of-type p a:hover {
          text-decoration: underline;
          color: #C4550B; }
        .cabinet .grid .orders .bind div:last-of-type p a.exit, .contact .grid .orders .bind div:last-of-type p a.exit {
          background: url("/images/icons/exit.svg") no-repeat left center;
          background-size: 20px auto;
          padding-left: 30px; }
.cabinet .grid.ordering .wrapper .leftAside, .contact .grid.ordering .wrapper .leftAside {
  align-self: flex-start;
  position: sticky;
  top: var(--checkout-summary-top, 110px);
  z-index: 3; }
.cabinet .grid.ordering .wrapper .leftAside > h3, .cabinet .grid.ordering .wrapper .leftAside > .h3, .contact .grid.ordering .wrapper .leftAside > h3, .contact .grid.ordering .wrapper .leftAside > .h3 {
  margin: 40px 0 35px; }
.cabinet .grid.ordering .wrapper .leftAside .promo, .contact .grid.ordering .wrapper .leftAside .promo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff url("/images/icons/promo.svg") no-repeat 20px center;
  background-size: 24px 24px;
  padding-left: 50px; }
  .cabinet .grid.ordering .wrapper .leftAside .promo a, .contact .grid.ordering .wrapper .leftAside .promo a {
    font-size: 11px;
    color: #FF7D26;
    text-decoration: underline; }
.cabinet .grid.ordering .wrapper .leftAside div table, .contact .grid.ordering .wrapper .leftAside div table {
  width: 100%;
  font-size: 14px;
  margin: 10px 0 15px; }
  .cabinet .grid.ordering .wrapper .leftAside div table tr:last-of-type, .contact .grid.ordering .wrapper .leftAside div table tr:last-of-type {
    border-top: 1px solid #F4F4F4;
    border-bottom: 1px solid #F4F4F4; }
  .cabinet .grid.ordering .wrapper .leftAside div table td, .contact .grid.ordering .wrapper .leftAside div table td {
    padding: 10px 0; }
  .cabinet .grid.ordering .wrapper .leftAside div table td:first-of-type, .contact .grid.ordering .wrapper .leftAside div table td:first-of-type {
    color: #828282; }
  .cabinet .grid.ordering .wrapper .leftAside div table td:last-of-type, .contact .grid.ordering .wrapper .leftAside div table td:last-of-type {
    text-align: right; }
  .cabinet .grid.ordering .wrapper .leftAside div table .sum, .contact .grid.ordering .wrapper .leftAside div table .sum {
    font-size: 18px;
    font-weight: 600; }
.cabinet .grid.ordering .wrapper .leftAside div .button, .contact .grid.ordering .wrapper .leftAside div .button {
  width: 100%; }
.cabinet .grid.ordering .wrapper .leftAside div p, .contact .grid.ordering .wrapper .leftAside div p {
  margin-top: 15px;
  font-size: 13px; }
.cabinet .grid.ordering .wrapper .leftAside .checkout-summary .checkout-summary__button, .contact .grid.ordering .wrapper .leftAside .checkout-summary .checkout-summary__button {
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 48px;
  line-height: 1.2;
  font-size: 16px;
  font-weight: 700; }
  .cabinet .grid.ordering .wrapper .leftAside .checkout-summary .checkout-summary__note, .contact .grid.ordering .wrapper .leftAside .checkout-summary .checkout-summary__note {
    margin-top: 14px;
    font-size: 13px;
    line-height: 1.5;
    color: #828282; }
.cabinet .grid.ordering .wrapper .threeItem > div, .contact .grid.ordering .wrapper .threeItem > div {
  flex: 0 0 100%;
  width: 100%;
  padding: 20px 30px 0 60px;
  margin: 0;
  background-color: #fff;
  height: 70px;
  overflow: hidden; }
  .cabinet .grid.ordering .wrapper .threeItem > div:last-of-type, .contact .grid.ordering .wrapper .threeItem > div:last-of-type {
    padding-bottom: 20px; }
    .cabinet .grid.ordering .wrapper .threeItem > div:last-of-type mark + hr, .contact .grid.ordering .wrapper .threeItem > div:last-of-type mark + hr {
      height: calc(100% - 110px); }
  .cabinet .grid.ordering .wrapper .threeItem > div mark, .contact .grid.ordering .wrapper .threeItem > div mark {
    position: absolute;
    top: 30px;
    left: 20px;
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    color: #fff;
    background-color: #bdbdbd;
    text-align: center; }
    .cabinet .grid.ordering .wrapper .threeItem > div mark + hr, .contact .grid.ordering .wrapper .threeItem > div mark + hr {
      position: absolute;
      top: 80px;
      left: 32px;
      width: 1px;
      height: 100%;
      background-color: #bdbdbd; }
  .cabinet .grid.ordering .wrapper .threeItem > div.end, .contact .grid.ordering .wrapper .threeItem > div.end {
    height: auto; }
    .cabinet .grid.ordering .wrapper .threeItem > div.end mark, .cabinet .grid.ordering .wrapper .threeItem > div.end mark + hr, .contact .grid.ordering .wrapper .threeItem > div.end mark, .contact .grid.ordering .wrapper .threeItem > div.end mark + hr {
      background-color: #C4550B; }
  .cabinet .grid.ordering .wrapper .threeItem > div form .button, .contact .grid.ordering .wrapper .threeItem > div form .button {
    margin: 20px 0 10px auto; }
  .cabinet .grid.ordering .wrapper .threeItem > div form .hdBlock, .contact .grid.ordering .wrapper .threeItem > div form .hdBlock {
    display: none;
    line-height: 2;
    font-size: 14px;
    margin-left: 30px; }
    .cabinet .grid.ordering .wrapper .threeItem > div form .hdBlock label, .contact .grid.ordering .wrapper .threeItem > div form .hdBlock label {
      margin: 5px 0 0 0; }
    .cabinet .grid.ordering .wrapper .threeItem > div form .hdBlock input, .cabinet .grid.ordering .wrapper .threeItem > div form .hdBlock select, .contact .grid.ordering .wrapper .threeItem > div form .hdBlock input, .contact .grid.ordering .wrapper .threeItem > div form .hdBlock select {
      display: block;
      width: 450px;
      border: 1px solid #828282;
      border-radius: 6px;
      overflow: hidden;
      padding: 5px 10px; }
    .cabinet .grid.ordering .wrapper .threeItem > div form .hdBlock select, .contact .grid.ordering .wrapper .threeItem > div form .hdBlock select {
      cursor: pointer; }
      .cabinet .grid.ordering .wrapper .threeItem > div form .hdBlock select:focus, .contact .grid.ordering .wrapper .threeItem > div form .hdBlock select:focus {
        border-color: #FF7D26; }
    .cabinet .grid.ordering .wrapper .threeItem > div form .hdBlock input:focus, .contact .grid.ordering .wrapper .threeItem > div form .hdBlock input:focus {
      border-color: #FF7D26;
      color: #FF7D26; }
.cabinet .grid.ordering .wrapper .threeItem .order table, .contact .grid.ordering .wrapper .threeItem .order table {
  flex: 0 0 100%;
  width: 100%; }
  .cabinet .grid.ordering .wrapper .threeItem .order table td:last-of-type, .contact .grid.ordering .wrapper .threeItem .order table td:last-of-type {
    padding-right: 0;
    text-align: right; }
.cabinet .grid.ordering .wrapper .threeItem .orderForm form, .contact .grid.ordering .wrapper .threeItem .orderForm form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .cabinet .grid.ordering .wrapper .threeItem .orderForm form label, .contact .grid.ordering .wrapper .threeItem .orderForm form label {
    color: #828282;
    flex: 0 0 49%;
    margin: 10px 0; }
    .cabinet .grid.ordering .wrapper .threeItem .orderForm form label.checkout-comment-field, .contact .grid.ordering .wrapper .threeItem .orderForm form label.checkout-comment-field {
      flex: 0 0 100%; }
    .cabinet .grid.ordering .wrapper .threeItem .orderForm form label input, .contact .grid.ordering .wrapper .threeItem .orderForm form label input {
      width: 100%;
      border: 1px solid #828282;
      border-radius: 6px;
      overflow: hidden;
      padding: 10px;
      margin-top: 4px; }
    .cabinet .grid.ordering .wrapper .threeItem .orderForm form label textarea, .contact .grid.ordering .wrapper .threeItem .orderForm form label textarea {
      width: 100%;
      border: 1px solid #828282;
      border-radius: 6px;
      overflow: hidden;
      padding: 10px;
      margin-top: 4px;
      min-height: 110px;
      resize: vertical; }
    .cabinet .grid.ordering .wrapper .threeItem .orderForm form label select, .contact .grid.ordering .wrapper .threeItem .orderForm form label select {
      width: 100%;
      border: 1px solid #828282;
      border-radius: 6px;
      overflow: hidden;
      padding: 10px;
      margin-top: 4px;
      cursor: pointer; }
      .cabinet .grid.ordering .wrapper .threeItem .orderForm form label input:focus, .contact .grid.ordering .wrapper .threeItem .orderForm form label input:focus {
        border-color: #FF7D26;
        color: #FF7D26; }
      .cabinet .grid.ordering .wrapper .threeItem .orderForm form label textarea:focus, .contact .grid.ordering .wrapper .threeItem .orderForm form label textarea:focus {
        border-color: #FF7D26;
        color: #FF7D26; }
      .cabinet .grid.ordering .wrapper .threeItem .orderForm form label select:focus, .contact .grid.ordering .wrapper .threeItem .orderForm form label select:focus {
        border-color: #FF7D26;
        color: #FF7D26; }
.cabinet .grid.ordering .wrapper .threeItem .saved-delivery-addresses, .contact .grid.ordering .wrapper .threeItem .saved-delivery-addresses {
  margin: 10px 0 24px;
  padding: 18px 20px;
  border: 1px solid #F4F4F4;
  border-radius: 12px;
  background: #fafafa; }
  .cabinet .grid.ordering .wrapper .threeItem .saved-delivery-addresses h5, .contact .grid.ordering .wrapper .threeItem .saved-delivery-addresses h5 {
    margin: 0 0 6px;
    font-size: 16px;
    font-weight: 600; }
  .cabinet .grid.ordering .wrapper .threeItem .saved-delivery-addresses p, .contact .grid.ordering .wrapper .threeItem .saved-delivery-addresses p {
    margin: 0 0 14px;
    color: #828282;
    font-size: 13px; }
  .cabinet .grid.ordering .wrapper .threeItem .saved-delivery-addresses .saved-delivery-addresses__list, .contact .grid.ordering .wrapper .threeItem .saved-delivery-addresses .saved-delivery-addresses__list {
    display: grid;
    gap: 12px; }
  .cabinet .grid.ordering .wrapper .threeItem .saved-delivery-addresses .saved-delivery-card, .contact .grid.ordering .wrapper .threeItem .saved-delivery-addresses .saved-delivery-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
    padding: 14px 16px;
    border: 1px solid #dcdcdc;
    border-radius: 10px;
    background: #fff;
    text-align: left;
    transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease; }
    .cabinet .grid.ordering .wrapper .threeItem .saved-delivery-addresses .saved-delivery-card:hover, .contact .grid.ordering .wrapper .threeItem .saved-delivery-addresses .saved-delivery-card:hover {
      border-color: #FF7D26; }
    .cabinet .grid.ordering .wrapper .threeItem .saved-delivery-addresses .saved-delivery-card.active, .contact .grid.ordering .wrapper .threeItem .saved-delivery-addresses .saved-delivery-card.active {
      border-color: #FF7D26;
      background: #fff7f1;
      box-shadow: 0 0 0 2px rgba(255, 125, 38, 0.12); }
  .cabinet .grid.ordering .wrapper .threeItem .saved-delivery-addresses .saved-delivery-card__badge, .contact .grid.ordering .wrapper .threeItem .saved-delivery-addresses .saved-delivery-card__badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    background: #F4F4F4;
    font-size: 11px;
    font-weight: 600;
    color: #3b3b3b; }
  .cabinet .grid.ordering .wrapper .threeItem .saved-delivery-addresses .saved-delivery-card__text, .contact .grid.ordering .wrapper .threeItem .saved-delivery-addresses .saved-delivery-card__text {
    font-size: 14px;
    line-height: 1.45;
    color: #212121; }
.cabinet .grid.ordering .wrapper .threeItem .radioForm label, .contact .grid.ordering .wrapper .threeItem .radioForm label {
  margin: 20px; }
  .cabinet .grid.ordering .wrapper .threeItem .radioForm label input[type="radio"], .contact .grid.ordering .wrapper .threeItem .radioForm label input[type="radio"] {
    width: 16px;
    height: 16px;
    top: 2px;
    margin-right: 12px;
    border-radius: 50%;
    border: 3px solid #828282;
    display: inline-block; }
    .cabinet .grid.ordering .wrapper .threeItem .radioForm label input[type="radio"]:checked, .contact .grid.ordering .wrapper .threeItem .radioForm label input[type="radio"]:checked {
      border: 8px double #FF7D26; }
      .cabinet .grid.ordering .wrapper .threeItem .radioForm label input[type="radio"]:checked + .hdBlock, .contact .grid.ordering .wrapper .threeItem .radioForm label input[type="radio"]:checked + .hdBlock {
        display: block; }
  .cabinet .grid.ordering .wrapper .threeItem .radioForm label a, .contact .grid.ordering .wrapper .threeItem .radioForm label a {
    display: inline;
    color: #FF7D26;
    font-size: 11px;
    text-decoration: underline;
    margin-left: 10px; }
.cabinet .item > input[type="checkbox"], .contact .item > input[type="checkbox"] {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 15px;
  right: 15px;
  border: 2px solid #212121;
  z-index: 1; }
  .cabinet .item > input[type="checkbox"]:checked, .contact .item > input[type="checkbox"]:checked {
    background: #212121 url("/images/icons/checkWhite.svg") no-repeat center center;
    background-size: 150% auto; }
.cabinet .listItem .item > input[type="checkbox"], .contact .listItem .item > input[type="checkbox"] {
  left: 15px; }
.cabinet .map, .contact .map {
  flex: 0 0 74%;
  width: 74%; }
  .cabinet .map iframe, .contact .map iframe {
    width: 100%;
    height: 500px;
    max-height: 70vh;
    border-radius: 6px;
    overflow: hidden; }
.cabinet .personas, .contact .personas {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 40px; }
  .cabinet .personas h2, .cabinet .personas .h2, .contact .personas h2, .contact .personas .h2 {
    text-align: left; }
  .cabinet .personas > div, .contact .personas > div {
    flex: 0 0 23%;
    width: 23%;
    text-align: center; }
    .cabinet .personas > div .forImg, .contact .personas > div .forImg {
      padding-bottom: 130%;
      margin-bottom: 15px; }
    .cabinet .personas > div .social, .contact .personas > div .social {
      display: flex;
      justify-content: center;
      margin: 10px 0; }
      .cabinet .personas > div .social a, .contact .personas > div .social a {
        margin: 0 6px; }
.cabinet .personasList h2, .cabinet .personasList .h2, .contact .personasList h2, .contact .personasList .h2 {
  text-align: left; }
.cabinet .personasList > div, .contact .personasList > div {
  padding: 10px 0 !important; }
  .cabinet .personasList > div .forImg, .contact .personasList > div .forImg {
    width: 210px;
    height: 240px;
    padding: 0;
    margin: 0 30px 10px 0;
    float: left; }
  .cabinet .personasList > div .social, .contact .personasList > div .social {
    display: flex;
    margin: 10px 0; }
    .cabinet .personasList > div .social a, .contact .personasList > div .social a {
      margin: 0 6px; }
.cabinet .about, .contact .about {
  flex: 0 0 74%;
  width: 74%; }
  .cabinet .about div, .contact .about div {
    background-color: #fff;
    border-radius: 6px;
    overflow: hidden;
    padding: 20px 40px; }
.cabinet .sitemap, .cabinet .comment, .contact .sitemap, .contact .comment {
  flex: 0 0 74%;
  width: 74%; }
  .cabinet .sitemap div, .cabinet .comment div, .contact .sitemap div, .contact .comment div {
    background-color: #fff;
    border-radius: 6px;
    overflow: hidden;
    padding: 20px 40px; }
    .cabinet .sitemap div li, .cabinet .comment div li, .contact .sitemap div li, .contact .comment div li {
      margin: 5px 0;
      width: max-content;
      max-width: 100%;
      list-style: outside disc; }
      .cabinet .sitemap div li ul, .cabinet .comment div li ul, .contact .sitemap div li ul, .contact .comment div li ul {
        margin: 0 0 0 20px; }
      .cabinet .sitemap div li a, .cabinet .comment div li a, .contact .sitemap div li a, .contact .comment div li a {
        text-decoration: none; }
        .cabinet .sitemap div li a:hover, .cabinet .comment div li a:hover, .contact .sitemap div li a:hover, .contact .comment div li a:hover {
          color: #3b3b3b;
          font-weight: 700; }
      .cabinet .sitemap div li:hover, .cabinet .comment div li:hover, .contact .sitemap div li:hover, .contact .comment div li:hover {
        list-style: outside disclosure-closed; }
    .cabinet .sitemap div table, .cabinet .comment div table, .contact .sitemap div table, .contact .comment div table {
      width: 100%; }
      .cabinet .sitemap div table tr:not(:last-of-type), .cabinet .comment div table tr:not(:last-of-type), .contact .sitemap div table tr:not(:last-of-type), .contact .comment div table tr:not(:last-of-type) {
        border-bottom: 1px solid #bdbdbd; }
      .cabinet .sitemap div table td, .cabinet .comment div table td, .contact .sitemap div table td, .contact .comment div table td {
        padding: 10px 0; }
        .cabinet .sitemap div table td:first-of-type, .cabinet .comment div table td:first-of-type, .contact .sitemap div table td:first-of-type, .contact .comment div table td:first-of-type {
          width: 80px; }
        .cabinet .sitemap div table td:nth-of-type(2), .cabinet .comment div table td:nth-of-type(2), .contact .sitemap div table td:nth-of-type(2), .contact .comment div table td:nth-of-type(2) {
          padding: 10px 20px; }
          .cabinet .sitemap div table td:nth-of-type(2) a:hover, .cabinet .comment div table td:nth-of-type(2) a:hover, .contact .sitemap div table td:nth-of-type(2) a:hover, .contact .comment div table td:nth-of-type(2) a:hover {
            color: #FF7D26; }
        .cabinet .sitemap div table td:last-of-type, .cabinet .comment div table td:last-of-type, .contact .sitemap div table td:last-of-type, .contact .comment div table td:last-of-type {
          width: 150px; }
.cabinet .correspondence > div, .contact .correspondence > div {
  width: 100%;
  margin-top: 15px;
  padding: 0 10px;
  border: 2px solid #fff;
  border-radius: 6px;
  overflow: hidden; }
  .cabinet .correspondence > div .topic, .contact .correspondence > div .topic {
    text-align: left;
    background-color: #FFE4D1;
    border-radius: 6px;
    overflow: hidden;
    padding: 5px;
    margin: 10px 0;
    cursor: pointer; }
    .cabinet .correspondence > div .topic .marker, .contact .correspondence > div .topic .marker {
      top: -5px;
      margin-left: 5px; }
    .cabinet .correspondence > div .topic::after, .contact .correspondence > div .topic::after {
      position: absolute;
      content: "";
      right: 10px;
      top: 14px;
      font: 14px "FontAwesomeSolid", sans-serif; }
    .cabinet .correspondence > div .topic.tDown + table, .contact .correspondence > div .topic.tDown + table {
      display: block; }
    .cabinet .correspondence > div .topic.tDown::after, .contact .correspondence > div .topic.tDown::after {
      content: ""; }
  .cabinet .correspondence > div table, .contact .correspondence > div table {
    display: none; }
    .cabinet .correspondence > div table td, .contact .correspondence > div table td {
      padding: 10px 20px; }
    .cabinet .correspondence > div table .chLeft, .contact .correspondence > div table .chLeft {
      padding-right: 10%;
      background-color: #FFE4D1; }
    .cabinet .correspondence > div table .chRight, .contact .correspondence > div table .chRight {
      padding-left: 10%;
      text-align: right;
      background-color: #F4F4F4; }
    .cabinet .correspondence > div table textarea, .contact .correspondence > div table textarea {
      width: 100%;
      height: 120px;
      padding: 10px;
      resize: none;
      background-color: #fff; }
    .cabinet .correspondence > div table .button, .contact .correspondence > div table .button {
      margin: 10px 0 10px auto; }
  .cabinet .correspondence > div .pubDate, .contact .correspondence > div .pubDate {
    font-size: 12px;
    color: #828282;
    padding: 0 20px; }

.contact .leftAside {
  margin-top: 123px; }
  .contact .leftAside .adds + div {
    background-color: #F4F4F4; }
    .contact .leftAside .adds + div .forImg {
      background-color: #F4F4F4; }

.comparision section > h1 {
  text-align: center; }
.comparision .compCar .topLine {
  display: flex;
  flex: 0 0 100%;
  justify-content: space-between;
  max-width: 100%; }
  .comparision .compCar .topLine p {
    display: block;
    width: max-content;
    width: -moz-max-content; }
    .comparision .compCar .topLine p a {
      display: inline-block;
      text-decoration: none !important;
      padding: 4px 0; }
  .comparision .compCar .topLine p:first-of-type {
    max-width: calc(100% - 200px); }
    .comparision .compCar .topLine p:first-of-type a {
      margin: 0 40px 5px 0;
      border-bottom: 2px solid transparent; }
      .comparision .compCar .topLine p:first-of-type a:hover, .comparision .compCar .topLine p:first-of-type a.act {
        border-color: #FF7D26; }
  .comparision .compCar .topLine p:last-of-type a {
    color: #FF7D26; }
.comparision .compCar .left, .comparision .compCar .right {
  position: absolute;
  width: 30px;
  top: calc(50% - 36px);
  z-index: 1;
  font: 36px/2 "FontAwesome", sans-serif;
  color: #FF7D26;
  text-decoration: none !important; }
.comparision .compCar .left {
  left: -5px;
  display: none; }
.comparision .compCar .right {
  right: -5px;
  text-align: right; }
.comparision .compCar table {
  display: block;
  max-width: 100%;
  width: 100%; }
  .comparision .compCar table tbody {
    display: block;
    max-width: 100%; }
.comparision .compCar tr {
  overflow: hidden;
  display: flex; }
  .comparision .compCar tr:first-of-type {
    position: sticky;
    top: var(--compare-sticky-top, 140px);
    z-index: 2; }
    .comparision .compCar tr:first-of-type th {
      align-items: flex-start; }
  .comparision .compCar tr td, .comparision .compCar tr th {
    background-color: #fff;
    flex: 0 0 16%;
    width: 16%;
    min-height: 65px;
    margin-right: 0.8%;
    padding: 10px; }
    .comparision .compCar tr td a:not(.button), .comparision .compCar tr th a:not(.button) {
      display: inline;
      color: #828282;
      text-decoration: underline; }
    .comparision .compCar tr td .button, .comparision .compCar tr th .button {
      margin: 15px auto 20px;
      padding: 0 16px; }
    .comparision .compCar tr td img, .comparision .compCar tr th img {
      margin-top: 30px; }
    .comparision .compCar tr td .del, .comparision .compCar tr th .del {
      background: url("/images/icons/close.svg") no-repeat bottom left;
      background-size: 45%;
      position: absolute;
      top: 0;
      right: 0;
      width: 30px;
      height: 30px; }
  .comparision .compCar tr th {
    position: absolute;
    height: 100%;
    z-index: 1;
    justify-content: flex-start;
    text-align: left;
    font-weight: 700; }
    .comparision .compCar tr th label {
      display: flex;
      margin: 15px 0;
      cursor: pointer;
      font-size: 14px; }
    .comparision .compCar tr th input[type='radio'] {
      flex: 0 0 18px;
      width: 18px;
      height: 18px;
      top: 2px;
      margin-right: 15px;
      border: 2px solid #bdbdbd;
      background: url("/images/icons/checkWhite.svg") no-repeat center;
      background-size: 24px auto; }
      .comparision .compCar tr th input[type='radio']:checked {
        background-color: #FF7D26;
        border-color: #FF7D26; }
  .comparision .compCar tr:nth-of-type(2n+5) td, .comparision .compCar tr:nth-of-type(2n+5) th {
    background-color: #FFE4D1; }
  .comparision .compCar tr:nth-of-type(n+4) {
    text-align: center;
    line-height: 1.1; }
  .comparision .compCar tr:first-of-type td, .comparision .compCar tr:first-of-type th {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px; }
  .comparision .compCar tr:last-of-type td, .comparision .compCar tr:last-of-type th {
    display: block !important;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    height: 20px !important;
    min-height: 20px; }
  .comparision .compCar tr:nth-of-type(3) td {
    display: flex;
    justify-content: space-between;
    min-height: auto !important; }
    .comparision .compCar tr:nth-of-type(3) td span:first-of-type {
      text-decoration: line-through;
      color: #bdbdbd;
      font-size: 14px;
      line-height: 2; }
    .comparision .compCar tr:nth-of-type(3) td span:last-of-type {
      text-decoration: none;
      font-size: 18px;
      font-weight: 700; }
  .comparision .compCar tr:nth-of-type(4) td {
    text-align: left;
    font-size: 12px;
    color: #828282;
    font-weight: 700; }
  .comparision .compCar tr.comp:not(.vis) * {
    display: none; }
.comparision .compCar > .clean {
  margin: 50px auto 0;
  border: 1px solid #212121; }

.product .productImage .wrapper .prodSl {
  flex: 0 0 39%; }
  .product .productImage .wrapper .prodSl .target {
    padding-bottom: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: #fff;
    border-radius: 6px;
    overflow: hidden; }
    .product .productImage .wrapper .prodSl .target.zoom {
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      padding: 0;
      background-color: #fff;
      background-size: contain;
      z-index: 100; }
      .product .productImage .wrapper .prodSl .target.zoom .center {
        cursor: zoom-out; }
  .product .productImage .wrapper .prodSl .preview div {
    display: flex;
    overflow: hidden;
    padding: 2% 0 0; }
  .product .productImage .wrapper .prodSl .preview div span {
      display: block;
      flex: 0 0 23.5%;
      padding-bottom: 23.5%;
      margin-right: 2%;
      border-radius: 6px;
      overflow: hidden;
      cursor: pointer; }
    .product .productImage .wrapper .prodSl .preview div span.js-native-image {
      position: relative;
      height: auto;
      background-image: none !important; }
      .product .productImage .wrapper .prodSl .preview div span.js-native-image img {
        display: block;
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: contain; }
  .product .productImage .wrapper .prodSl span.fa:not(.center) {
    position: absolute;
    top: calc(50% - 34px);
    display: block;
    width: 40px;
    color: #FF7D26;
    font-size: 34px;
    text-align: center;
    line-height: 2;
    cursor: pointer;
    z-index: 1; }
    .product .productImage .wrapper .prodSl span.fa:not(.center).left {
      left: 0; }
    .product .productImage .wrapper .prodSl span.fa:not(.center).right {
      right: 0; }
  .product .productImage .wrapper .prodSl .center {
    display: block;
    position: absolute;
    height: calc(100% - 80px);
    width: calc(100% - 80px);
    left: 40px;
    top: 40px;
    cursor: zoom-in; }
.product .productImage .wrapper .prodDescr {
  flex: 0 1 60%;
  padding: 20px 30px;
  background-color: #fff;
  color: #828282;
  border-radius: 6px;
  overflow: hidden; }
  .product .productImage .wrapper .prodDescr > * {
    max-width: 640px; }
  .product .productImage .wrapper .prodDescr .art {
    display: flex;
    justify-content: space-between; }
    .product .productImage .wrapper .prodDescr .art span {
      font-size: 12px;
      font-weight: 700; }
    .product .productImage .wrapper .prodDescr .art a {
      font-size: 11px;
      color: #212121; }
      .product .productImage .wrapper .prodDescr .art a img {
        display: inline-block;
        width: 15px;
        top: 4px;
        margin-right: 5px; }
  .product .productImage .wrapper .prodDescr h1, .product .productImage .wrapper .prodDescr .h1, .product .productImage .wrapper .prodDescr h2, .product .productImage .wrapper .prodDescr .h2 {
    color: #212121; }
  .product .productImage .wrapper .prodDescr .stars {
    display: block;
    width: 100px;
    flex: 0 0 100px;
    left: -6px;
    background-color: #bdbdbd; }
    .product .productImage .wrapper .prodDescr .stars i {
      position: absolute;
      display: block;
      width: 100%;
      height: 100%;
      border: 2px solid #fff; }
  .product .productImage .wrapper .prodDescr .presence {
    font-size: 12px;
    color: #219653;
    padding-left: 20px; }
    .product .productImage .wrapper .prodDescr .presence::before {
      content: url("/images/icons/check.svg");
      position: absolute;
      top: 2px;
      left: 0; }
    .product .productImage .wrapper .prodDescr .presence.nPresense {
      color: #bdbdbd;
      padding-left: 0; }
      .product .productImage .wrapper .prodDescr .presence.nPresense::before {
        content: ""; }
  .product .productImage .wrapper .prodDescr .bp {
    font-size: 12px; }
  .product .productImage .wrapper .prodDescr .price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 220px;
    margin: 25px 0 30px; }
    .product .productImage .wrapper .prodDescr .price span:first-of-type {
      text-decoration: line-through;
      font-size: 18px;
      color: #bdbdbd; }
    .product .productImage .wrapper .prodDescr .price span:last-of-type {
      text-decoration: none;
      color: #212121;
      font-size: 24px;
      font-weight: 600; }
  .product .productImage .wrapper .prodDescr > div {
    display: flex;
    justify-content: space-between; }
    .product .productImage .wrapper .prodDescr > div > * {
      flex: 0 0 33%;
      width: 33%; }
    .product .productImage .wrapper .prodDescr > div li:first-of-type {
      font-size: 14px;
      font-weight: 800;
      color: #212121; }
    .product .productImage .wrapper .prodDescr > div li:not(:first-of-type) {
      font-size: 12px; }
    .product .productImage .wrapper .prodDescr > div ul li:not(:first-of-type) {
      margin-left: 16px;
      list-style: outside disc; }
  .product .productImage .wrapper .prodDescr > .button {
    margin: 30px 0 20px;
    width: 330px; }
  .product .productImage .wrapper .prodDescr .buy {
    display: flex;
    justify-content: flex-start; }
    .product .productImage .wrapper .prodDescr .buy a {
      margin-right: 15px;
      flex: 0 0 max-content;
      width: max-content;
      width: -moz-max-content; }
			.product .productImage .wrapper .prodDescr .buy a:not(.button) {
				color: #212121;
				font-size: 14px; }
				.product .productImage .wrapper .prodDescr .buy a:not(.button).fav.act, .product .productImage .wrapper .prodDescr .buy a:not(.button)[data-wish-active="1"] {
					color: #FF7D26; }
				.product .productImage .wrapper .prodDescr .buy a:not(.button) img {
					display: inline-block;
					width: 22px;
        margin-right: 10px;
        top: 6px; }
.product .productCard {
  margin: 60px 0 40px;
  background-color: #fff; }
  .product .productCard .wrapper {
    justify-content: center; }
    .product .productCard .wrapper .descrLinks {
      display: flex;
      flex: 0 0 100%;
      max-width: 1200px;
      justify-content: space-between; }
      .product .productCard .wrapper .descrLinks a {
        padding-bottom: 6px;
        border-bottom: 3px solid transparent; }
        .product .productCard .wrapper .descrLinks a:hover, .product .productCard .wrapper .descrLinks a.act {
          color: #FF7D26;
          border-color: #FF7D26;
          text-decoration: none; }
    .product .productCard .wrapper .descrLinks + hr {
      width: 100%;
      height: 1px;
      background-color: #d3d3d3;
      top: -10px; }
    .product .productCard .wrapper > div {
      padding: 60px 0 20px;
      display: none;
      flex: 0 0 100%;
      max-width: 1200px; }
      .product .productCard .wrapper > div h2, .product .productCard .wrapper > div .h2 {
        text-align: left;
        text-transform: uppercase;
        margin: 0 auto 30px;
        max-width: 1200px; }
      .product .productCard .wrapper > div:nth-of-type(1) {
        display: block; }
      .product .productCard .wrapper > div.descr .author {
        display: flex;
        justify-content: flex-start;
        align-items: center; }
        .product .productCard .wrapper > div.descr .author > span {
          display: block;
          margin-right: 20px;
          width: fit-content;
          width: -moz-fit-content; }
        .product .productCard .wrapper > div.descr .author .stars {
          width: 100px;
          flex: 0 0 100px;
          left: -6px;
          background-color: #bdbdbd; }
          .product .productCard .wrapper > div.descr .author .stars i {
            position: absolute;
            display: block;
            width: 100%;
            height: 100%;
            border: 2px solid #fff; }
        .product .productCard .wrapper > div.descr .author > span:last-of-type {
          font-size: 12px;
          color: lightgrey; }
      .product .productCard .wrapper > div.descr .answer {
        color: #FF7D26; }
      .product .productCard .wrapper > div.descr > div {
        padding-left: 60px; }
        .product .productCard .wrapper > div.descr > div .smaller {
          font-size: 12px;
          color: #828282;
          left: -20px; }
      .product .productCard .wrapper > div.char table {
        width: 100%; }
        .product .productCard .wrapper > div.char table tr:nth-of-type(even) td {
          background-color: #FFE4D1; }
        .product .productCard .wrapper > div.char table td {
          padding: 10px 20px; }
          .product .productCard .wrapper > div.char table td:first-of-type {
            font-weight: 600; }
      .product .productCard .wrapper > div.vid .video .lite-youtube {
        max-width: 100% !important; }
.product .grid h1, .product .grid .h1, .product .grid h2, .product .grid .h2 {
  text-align: center; }
.product .productImage .wrapper .prodDescr .productConfig {
  margin: 14px 0 8px;
  padding: 0;
  background-color: transparent;
  display: block;
  width: 100%;
  flex: none;
  border-radius: 6px;
  overflow: visible; }
  .product .productImage .wrapper .prodDescr .productConfig > * {
    width: 100%;
    flex: none; }
  .product .productImage .wrapper .prodDescr .productConfig__section {
    margin-top: 0;
    width: 100%; }
  .product .productImage .wrapper .prodDescr .productConfig__group {
    display: grid;
    grid-template-columns: 170px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #E0E0E0; }
  .product .productImage .wrapper .prodDescr .productConfig__group:first-child {
    padding-top: 0; }
  .product .productImage .wrapper .prodDescr .productConfig__group:last-child {
    border-bottom: 0;
    padding-bottom: 0; }
  .product .productImage .wrapper .prodDescr .productConfig__groupTitle {
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    color: #212121;
    line-height: 1.35; }
  .product .productImage .wrapper .prodDescr .productConfig__promoBadge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 4px 12px;
    margin: 8px 0 10px;
    border-radius: 999px;
    background: rgba(255, 127, 36, 0.12);
    color: #FF7D26;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .02em; }
  .product .productImage .wrapper .prodDescr .productConfig__buyDisabled {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    opacity: .65; }
  .product .productImage .wrapper .prodDescr .productConfig__buyNotice {
    max-width: 330px;
    margin: -6px 0 20px;
    font-size: 12px;
    line-height: 1.5;
    color: #828282; }
  .product .productImage .wrapper .prodDescr .productConfig__selectWrap {
    position: relative;
    width: 100%;
    min-width: 0; }
  .product .productImage .wrapper .prodDescr .productConfig__select {
    display: block;
    width: 100%;
    min-width: 0;
    height: 46px;
    padding: 11px 42px 11px 14px;
    border: 1px solid #E0E0E0;
    background: #fff url("/images/icons/arrowDown.svg") no-repeat right 14px center;
    background-size: 14px;
    color: #212121;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.35;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    border-radius: 6px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    transition: border-color .2s, box-shadow .2s; }
  .product .productImage .wrapper .prodDescr .productConfig__select:disabled {
    background-color: #F2F2F2;
    color: #828282;
    cursor: default; }
  .product .productImage .wrapper .prodDescr .productConfig__select:focus {
    outline: none;
    border-color: #FF7D26;
    box-shadow: 0 0 0 1px rgba(255, 127, 36, 0.15); }

.news .wrapper > h1, .news .wrapper > h2, .news .wrapper > .h1, .news .wrapper > .h2 {
  text-align: center; }
.news .basket .table {
  background-color: #fff;
  flex: 0 0 100%;
  width: 100%;
  padding: 40px;

  table {
    width: 100%;
  }
}
  .news .basket .table tbody {
    display: table;
    width: 100%; }
    .news .basket .table tbody th {
      height: 30px;
      font-size: 11px;
      font-weight: 500;
      color: #828282; }
    .news .basket .table tbody td {
      width: 150px;
      text-align: center; }
    .news .basket .table tbody td:first-of-type {
      width: 120px; }
    .news .basket .table tbody td:nth-of-type(2) {
      width: auto;
      text-align: left;
      padding-left: 20px;







    }
    .news .basket .table tbody td:nth-of-type(4) label {
      display: flex;
      justify-content: center;
      align-items: center; }
      .news .basket .table tbody td:nth-of-type(4) label span {
        width: 30px;
        text-align: center;
        font-size: 18px;
        color: #d3d3d3; }
        .news .basket .table tbody td:nth-of-type(4) label span:hover {
          color: #FF7D26;
          cursor: pointer; }
      .news .basket .table tbody td:nth-of-type(4) label input {
        width: 32px;
        height: 32px;
        border: 1px solid #3b3b3b;
        text-align: center; }
    .news .basket .table tbody td:last-of-type {
      width: 16px; }
      .news .basket .table tbody td:last-of-type img {
        opacity: 0; }
    .news .basket .table tbody tr:not(:first-of-type) {
      border-bottom: 1px solid #F4F4F4; }
    .news .basket .table tbody tr:hover td:nth-of-type(2) {
      color: #FF7D26; }
    .news .basket .table tbody tr:hover td:last-of-type img {
      opacity: 1; }
  .news .basket .table div {
    display: flex;
    width: 100%;
    padding-top: 30px;
    justify-content: flex-end;
    align-items: center; }
    .news .basket .table div .button {
      margin: 0 50px 0 40px; }
.news .newsBlock .wrapper .item {
  flex: 0 0 24%;
  width: 24%;
  background-color: #fff; }
  .news .newsBlock .wrapper .item .forImg {
    padding-bottom: 70%; }
  .news .newsBlock .wrapper .item div:not(.forImg) {
    padding: 0 30px; }
    .news .newsBlock .wrapper .item div:not(.forImg) a {
      color: #FF7D26;
      padding-right: 40px;
      font-size: 14px;
      margin: 30px 0; }
      .news .newsBlock .wrapper .item div:not(.forImg) a::after {
        content: url("/images/icons/orangeArrow.svg");
        position: absolute;
        right: 10px;
        top: 3px;
        transition: right 0.3s; }
      .news .newsBlock .wrapper .item div:not(.forImg) a:hover::after {
        right: 0; }
.news .p404 .wrapper img {
  flex: 0 0 400px;
  width: 400px;
  left: calc(50% - 400px); }
.news .p404 .wrapper div {
  position: absolute;
  width: 550px;
  left: calc(50% - 150px); }
  .news .p404 .wrapper div .bigHeader {
    font-size: 240px;
    font-weight: 800;
    line-height: 0.7; }
  .news .p404 .wrapper div .h3header {
    font-size: 26px;
    font-weight: 800;
    padding-left: 180px;
    padding-top: 34px; }
  .news .p404 .wrapper div .text404 {
    padding-left: 180px; }
  .news .p404 .wrapper div .button {
    margin: 20px 0 0 180px; }

.empty p {
  font-size: 48px;
  text-align: center;
  color: #FF7D26;
  padding: 20vh 0;
  margin: auto;
  max-width: 760px; }

.cart__modal {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.73);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  display: none;
  /*display: flex;*/
  align-items: center;
  justify-content: center;


  .cart__modal-container {
    padding: 48px;
    position: relative;
    /*width: 480px;*/
    min-width: 480px;
    background-color: #ffffff;

    .cart__modal-title {
      color: #FF7D26;
      font-size: 18px;
      font-weight: 600;
    }

    button {
      background-image: url('../images/icons/closeicon.svg');
      position: absolute;
      right: 21px;
      top: 20px;
      width: 14px;
      height: 14px;
    }

    .cart__modal-list {
      p {
        margin-top: 15px;
      }

      ul {
        li {
           display: flex;
           gap: 15px;
           border-bottom: 1px solid #D3D3D3;
           justify-content: space-between;
           padding: 12px 0;
           flex-direction: row;





        div:last-child {
          text-align: right;
        }

          a {
            color: #FF7D26;
            cursor: pointer;
            font-weight: 500;

            :hover {
              text-decoration: underline;
            }
          }
          p {
            font-weight: 800;
            position: relative;
          }
          p:nth-child(2) {
            color: #828282;
            font-weight: 500;
            font-size: 14px;
          }
          .cart__modal-available {
            color: #219653;
            white-space: nowrap;
          }
          .cart__modal-loc {
            max-width: 300px;
          span {
            background-image: url('../images/icons/clockIcon.svg');
            background-repeat: no-repeat;
            height: 15px;
            width: 15px;
            display: inline-block;
            transform: translate(3px ,3px);
          }
          }

        }
        li:last-child {
          border-bottom: none;
        }
      }
    }
  }



}

.counter {
  display: flex;
  justify-content: center;
  margin: 30px auto;
  color: #828282 !important; }
  .counter span {
    display: flex;
    overflow: hidden;
    max-width: 200px; }
    .counter span a:hover, .counter span a.act {
      background-color: #FF7D26;
      color: #fff; }
  .counter a {
    flex: 0 0 30px;
    height: 30px;
    min-width: 30px;
    border-radius: 6px;
    overflow: hidden;
    line-height: 1.9;
    text-align: center;
    margin: 0 5px;
    text-decoration: none !important; }
  .counter > a {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5; }
    .counter > a:hover {
      color: #FF7D26; }

@media only all and (max-width: 1480px) {
  .grid.forCarousel .wrapper > div > a.left {
    left: -15px; }
  .grid.forCarousel .wrapper > div > a.right {
    right: -15px; }

  .comparision .compCar .left {
    left: 5px; }
  .comparision .compCar .right {
    right: 5px; } }
@media only all and (max-width: 1200px) {
  header .wrapper .nav li, header .wrapper .dropdown li {
    margin-right: 0; }
  header .searchline .wrapper form > div {
    width: calc(100vw - 50px);
    left: -202px; }

  .home .hero .quickLinks > a {
    padding: 2px 30px 2px 0;
    margin: 0; }

  .comparision .compCar tr:nth-of-type(3) span:first-of-type {
    display: none; } }
@media only all and (max-width: 1080px) {
  header .wrapper .logo {
    flex: 0 0 60px;
    background: url("/images/icons/logoSmall.svg") no-repeat left center;
    background-size: 100% auto; }
  header .wrapper .dropdown li > span, header .wrapper .dropdown li .a {
    padding-right: 15px !important; }
  header .searchline .wrapper .dropdown .quickLinks div {
    padding: 10px; }

  .home .hero .wrapper .quickLinks {
    padding-left: 20px; }
    .home .hero .wrapper .quickLinks div {
      padding: 10px; }
      .home .hero .wrapper .quickLinks div ul {
        padding: 0 10px;
        margin-right: 0; }
  .home .hero .wrapper .carousel .carouselWrap .carouselItem {
    font-size: 16px; }
    .home .hero .wrapper .carousel .carouselWrap .carouselItem img {
      width: 40px;
      padding-right: 10px; }

  .product .productImage .wrapper .prodDescr .buy a:not(.button) {
    font-size: 0; }
    .product .productImage .wrapper .prodDescr .buy a:not(.button) img {
      margin-right: 0; }

  .catalog .grid .threeItem > p > a, .catalog .grid .listItem > p > a {
    margin-right: 20px;
    font-size: 0; }
    .catalog .grid .threeItem > p > a img, .catalog .grid .listItem > p > a img {
      padding-right: 0;
      top: -4px; }

  .cabinet .grid .orders .order > div:last-of-type table {
    flex: 0 0 100%; } }
@media only all and (max-width: 960px) {
  header .wrapper .dropdown li > span, header .wrapper .dropdown li .a {
    padding-left: 0 !important; }
    header .wrapper .dropdown li > span:before, header .wrapper .dropdown li .a:before {
      display: none; } }

.modal-active {
  display: flex;
}

.cart__item {
  position: relative;
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  color: #219653;
  padding-left: 15px;
  cursor: pointer;
}

.cart-presence {
  color: #219653;
  padding-left: 15px;

:hover {
  text-decoration: underline;
}
}

.сart-presence::before {
  content: '';
  background-image: url('../assets/images/tick.svg');
  background-repeat: no-repeat;
  height: 9px;
  width: 12px;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(0%, 56%);
  cursor: pointer;
}

.cart-npresence {
  color: #000000 ;
  padding-left: 0;
  position: relative;
  font-size: 12px;
  line-height: 20px;
  font-weight: 700;
  cursor: default;
}

.cart-npresence:before {
  content: none;
}

.cart__place {
  color: #FF7D26;
  cursor: pointer;
  position: relative;
  font-size: 12px;
  margin-left: 20px;
}

.cart__place:before {
  content: '';
  background-image: url(../images/icons/eye_icon.svg);
  background-repeat: no-repeat;
  left: 0;
  top: 0;
  position: absolute;
  height: 15px;
  width: 15px;
  background-size: contain;
  transform: translate(-16px, 1.5px);
}

/* Cart stores modal: keep inside viewport and scroll long lists */
.cart__modal {
  overflow-y: auto;
  padding: 40px 20px;
}

.cart__modal .cart__modal-container {
  width: min(860px, calc(100vw - 40px));
  min-width: 0;
  max-height: calc(100vh - 120px);
  overflow: hidden;
}

.cart__modal .cart__modal-list {
  max-height: calc(100vh - 280px);
  overflow-y: auto;
  padding-right: 6px;
}
/*# sourceMappingURL=min900.css.map */
.product .productCard .wrapper > div.bp ul,
.product .productCard .wrapper > div.bp ol {
  padding-left: 20px;
}

.product .productCard .wrapper > div.bp li,
.product .productCard .wrapper > div.bp ul li,
.product .productCard .wrapper > div.bp ol li {
  display: list-item;
  width: auto;
  justify-content: normal;
  gap: 0;
  border-bottom: 0;
  padding: 0;
  margin: 0 0 6px;
  flex-direction: initial;
}