/*** Colors ***/
/******************************************************************/
@media (max-width: 1441px) {
  /* line 7, media.scss */
  h2,
  .h2 {
    font-size: 32px;
    line-height: 38px; }

  /* line 13, media.scss */
  h4,
  .h4 {
    font-size: 25px;
    line-height: 25px; }

  /* line 21, media.scss */
  .modal .date {
    font-size: 14px; }

  /* line 28, media.scss */
  .compare-table-wrapper .tabs-head {
    margin-left: -32px; }
    /* line 31, media.scss */
    .compare-table-wrapper .tabs-head--item {
      margin-left: 32px;
      font-size: 14px;
      line-height: 20px; }
  /* line 38, media.scss */
  .compare-table-wrapper .compare-row {
    grid-auto-columns: minmax(200px, 200px);
    gap: 24px; }
    /* line 42, media.scss */
    .compare-table-wrapper .compare-row .product--item {
      margin: 0 -24px;
      padding: 0 24px; }
      /* line 46, media.scss */
      .compare-table-wrapper .compare-row .product--item .icons-list {
        right: 41px; }

  /* line 55, media.scss */
  .block-404 .code-number {
    font-size: 128px;
    line-height: 128px; }
  /* line 60, media.scss */
  .block-404 p {
    font-size: 14px;
    line-height: 20px; }

  /* line 66, media.scss */
  .catalog-list--item {
    min-height: 166px; } }
@media (max-width: 1281px) {
  /* line 73, media.scss */
  h2,
  .h2 {
    font-size: 26px;
    line-height: 32px; }

  /* line 79, media.scss */
  h3,
  .h3 {
    font-size: 26px;
    line-height: 32px; }

  /* line 85, media.scss */
  .container-block {
    padding: 0 33px; }

  /* line 91, media.scss */
  .banner .image {
    height: 350px;
    margin: 0; }
  /* line 96, media.scss */
  .banner .title {
    font-size: 34px;
    line-height: 42px; }
  /* line 101, media.scss */
  .banner .info {
    padding-bottom: 48px; }

  /* line 108, media.scss */
  .compare-table-wrapper .table-compare {
    margin-right: -33px; }
  /* line 112, media.scss */
  .compare-table-wrapper .param-title,
  .compare-table-wrapper .param-value {
    font-size: 14px;
    line-height: 20px; }

  /* line 119, media.scss */
  .pagination-swiper-wrap {
    bottom: 24px; } }
/******************************************************************/
@media (max-width: 1025px) {
  /* line 128, media.scss */
  .swiper-button-prev {
    left: -20px; }

  /* line 132, media.scss */
  .swiper-button-next {
    right: -20px; }

  /* line 136, media.scss */
  .banner .image img {
    max-width: 100%; }

  /* line 142, media.scss */
  .info-block .info {
    max-width: 100%;
    padding: 60px 40px; }

  /* line 148, media.scss */
  .tagline-block {
    margin: 52px 0;
    padding: 60px 25px; }

  /* line 155, media.scss */
  .info-block-slider.swiper-initialized {
    margin-left: -25px;
    margin-right: -25px;
    padding-left: 25px;
    padding-right: 25px; }
  /* line 162, media.scss */
  .info-block-slider .image {
    flex: 2; }
  /* line 166, media.scss */
  .info-block-slider .info {
    padding-left: 20px; }

  /* line 171, media.scss */
  .video-block {
    height: 585px;
    margin: 52px 0 0; }

  /* line 177, media.scss */
  .lookbook-list-wrap {
    margin: 0 -25px;
    padding: 0 25px; }

  /* line 184, media.scss */
  .subscribe-block .form-subscribe {
    margin-top: 40px; }
  /* line 188, media.scss */
  .subscribe-block .image {
    max-width: 500px; }
  /* line 192, media.scss */
  .subscribe-block .form-action {
    padding-left: 40px; }

  /*** About page ***/
  /* line 200, media.scss */
  .about-page {
    padding: 0 10px; }
    /* line 203, media.scss */
    .about-page .about-banner {
      margin: 0 -10px; }
    /* line 207, media.scss */
    .about-page .about-block {
      display: block;
      margin-top: 25px; }
      /* line 211, media.scss */
      .about-page .about-block .image {
        max-width: 100%; }
        /* line 214, media.scss */
        .about-page .about-block .image .desktop {
          display: none; }
        /* line 218, media.scss */
        .about-page .about-block .image .mobile {
          display: block; }
      /* line 223, media.scss */
      .about-page .about-block .text {
        max-width: 100%;
        padding: 40px 0 0; }
        /* line 227, media.scss */
        .about-page .about-block .text p {
          max-width: 100%; }
        /* line 231, media.scss */
        .about-page .about-block .text h3,
        .about-page .about-block .text .h3,
        .about-page .about-block .text .h4,
        .about-page .about-block .text h4,
        .about-page .about-block .text h5,
        .about-page .about-block .text .h5 {
          margin-top: 45px;
          font-size: 32px;
          line-height: 45px;
          text-align: center; }
    /* line 245, media.scss */
    .about-page .video-list-block {
      margin: 60px -10px 0;
      padding: 35px 0 45px; }
      /* line 249, media.scss */
      .about-page .video-list-block .description {
        margin-top: 30px; }
      /* line 253, media.scss */
      .about-page .video-list-block .video-block {
        max-width: 348px;
        height: 197px;
        margin-top: 36px; }
      /* line 259, media.scss */
      .about-page .video-list-block .tabs-head {
        margin-top: 40px; }
    /* line 264, media.scss */
    .about-page .gallery-about-wrap {
      margin: 300px -25px 190px 0; }
    /* line 268, media.scss */
    .about-page .gallery-about {
      margin: 0 -10px; }
    /* line 272, media.scss */
    .about-page .subscribe-block {
      margin-left: -10px;
      margin-right: -10px; }

  /* line 278, media.scss */
  .about-description {
    font-size: 15px;
    line-height: 18px; }

  /*** End About page ***/
  /* line 286, media.scss */
  .our-team-block-wrap {
    margin-top: 70px; }
    /* line 289, media.scss */
    .our-team-block-wrap .our-team-list {
      margin-top: 40px; }
    /* line 293, media.scss */
    .our-team-block-wrap h2 {
      font-size: 43px; }

  /* line 300, media.scss */
  .our-team-list .swiper-wrapper {
    flex-wrap: nowrap;
    margin: 0 -13px 0 0; }
  /* line 305, media.scss */
  .our-team-list--item {
    max-width: none;
    min-width: 290px;
    margin: 0; }
  /* line 311, media.scss */
  .our-team-list .image {
    height: 342px; } }
/******************************************************************/
@media (max-width: 991px) {
  /* line 321, media.scss */
  .wrapper {
    padding-top: 106px; }

  /* line 327, media.scss */
  .completed-projects-list--item {
    display: block;
    margin-top: 64px;
    padding: 0 8.33333333%; }
    /* line 332, media.scss */
    .completed-projects-list--item:nth-child(even) {
      padding: 0 8.33333333%; }
      /* line 335, media.scss */
      .completed-projects-list--item:nth-child(even) .info {
        margin: 0 auto 0 0;
        padding: 0; }
  /* line 342, media.scss */
  .completed-projects-list .info {
    margin-left: auto;
    padding: 0; }
  /* line 347, media.scss */
  .completed-projects-list .title {
    margin-bottom: 25px;
    font-size: 22px;
    line-height: 26px; }
  /* line 353, media.scss */
  .completed-projects-list .description {
    font-size: 12px;
    line-height: 16px; }

  /* line 359, media.scss */
  .advantages-list {
    margin: -17px 0 0 -17px; }
    /* line 362, media.scss */
    .advantages-list--item {
      flex: 100%;
      max-width: calc(50% - 17px);
      margin: 17px 0 0 17px; } }
@media (max-width: 961px) {
  /* line 372, media.scss */
  h2,
  .h2 {
    font-size: 20px;
    line-height: 26px; }

  /* line 378, media.scss */
  h3,
  .h3 {
    font-size: 20px;
    line-height: 26px; }

  /* line 384, media.scss */
  .container-block {
    padding: 0 24px; }

  /* line 388, media.scss */
  .modal-wrap.extra-big-size .modal .wrap {
    padding: 40px; }

  /* line 394, media.scss */
  .modal .wrap {
    padding: 64px 24px 24px; }
  /* line 398, media.scss */
  .modal .qrcode-modal .title {
    font-size: 34px;
    font-weight: 500;
    line-height: 42px; }

  /* line 407, media.scss */
  .compare-table-wrapper .table-compare {
    margin-right: -24px; }
  /* line 411, media.scss */
  .compare-table-wrapper .compare-row {
    grid-auto-columns: minmax(155px, 155px);
    gap: 16px; }
    /* line 415, media.scss */
    .compare-table-wrapper .compare-row .product--item {
      margin: 0 -16px;
      padding: 0 16px; }
      /* line 419, media.scss */
      .compare-table-wrapper .compare-row .product--item .icons-list {
        right: 33px; }

  /* line 426, media.scss */
  .catalog-list--item {
    min-height: 139px; } }
/******************************************************************/
@media (max-width: 768px) {
  /* line 437, media.scss */
  .modal .qrcode img {
    max-width: 100%;
    max-height: 456px; }

  /* line 443, media.scss */
  .breadcrumb-item {
    font-size: 12px;
    line-height: 18px; }
    /* line 447, media.scss */
    .breadcrumb-item:before {
      margin: 14px 8px; }

  /* line 452, media.scss */
  .banner {
    align-items: flex-start; }
    /* line 455, media.scss */
    .banner .image {
      height: auto; }
      /* line 458, media.scss */
      .banner .image img {
        display: block;
        max-height: 300px;
        margin: 0 auto; }
    /* line 465, media.scss */
    .banner .info {
      padding: 48px 0 22px; }
    /* line 469, media.scss */
    .banner .title {
      font-size: 30px;
      line-height: 36px; }
    /* line 474, media.scss */
    .banner .description {
      margin-top: 10px;
      font-size: 14px;
      line-height: 20px; }
    /* line 480, media.scss */
    .banner .link {
      margin-top: 12px;
      font-size: 14px;
      line-height: 18px; }

  /* line 487, media.scss */
  .pagination-list {
    margin: -10px 0 0 -10px; }
    /* line 490, media.scss */
    .pagination-list--item {
      width: 50px;
      height: 50px;
      margin: 10px 0 0 10px; }

  /* line 497, media.scss */
  .collections-slider-wrap {
    padding: 45px 0; }
    /* line 500, media.scss */
    .collections-slider-wrap .collections-slider--title {
      font-size: 13px;
      line-height: 23px;
      letter-spacing: 1px; }
    /* line 506, media.scss */
    .collections-slider-wrap .collections-slider {
      margin: 38px 0 0; }
    /* line 510, media.scss */
    .collections-slider-wrap .wrap {
      padding-bottom: 67px; }
    /* line 514, media.scss */
    .collections-slider-wrap .image {
      height: 163px; }
    /* line 518, media.scss */
    .collections-slider-wrap .title {
      margin-top: 20px;
      font-size: 25px; }
    /* line 523, media.scss */
    .collections-slider-wrap a {
      margin-top: 20px;
      font-family: "Roboto", sans-serif;
      font-size: 13px; }
    /* line 529, media.scss */
    .collections-slider-wrap .swiper-button-prev,
    .collections-slider-wrap .swiper-button-next {
      display: none; }

  /* line 535, media.scss */
  .subscribe-block {
    background: #002a3a;
    color: #fff;
    text-align: center; }
    /* line 540, media.scss */
    .subscribe-block .sup-title,
    .subscribe-block .title {
      color: #fff; }
    /* line 545, media.scss */
    .subscribe-block .sup-title {
      font-size: 16px;
      line-height: 26px; }
    /* line 550, media.scss */
    .subscribe-block .title {
      font-size: 45px;
      line-height: 55px; }
    /* line 555, media.scss */
    .subscribe-block .form-subscribe {
      display: block; }
    /* line 559, media.scss */
    .subscribe-block .image {
      margin: 0 auto; }
    /* line 563, media.scss */
    .subscribe-block .form-action {
      padding: 30px 0 0; }
    /* line 567, media.scss */
    .subscribe-block .email {
      margin-left: auto;
      margin-right: auto;
      color: #fff;
      border-color: #fff; }
      /* line 573, media.scss */
      .subscribe-block .email::placeholder {
        color: #fff; }
      /* line 577, media.scss */
      .subscribe-block .email:-webkit-autofill, .subscribe-block .email:-webkit-autofill:hover, .subscribe-block .email:-webkit-autofill:focus, .subscribe-block .email:-webkit-autofill:active {
        -webkit-box-shadow: 0 0 0 40px #002a3a inset !important; }
      /* line 584, media.scss */
      .subscribe-block .email:-webkit-autofill {
        -webkit-text-fill-color: #fff !important; }
    /* line 589, media.scss */
    .subscribe-block button {
      margin-left: auto;
      margin-right: auto;
      background: #fff;
      color: #002a3a;
      border-color: #fff; }
      /* line 596, media.scss */
      .subscribe-block button:hover {
        background: #002a3a;
        color: #fff;
        border-color: #002a3a; }

  /* line 606, media.scss */
  .about-page .gallery-about-wrap {
    display: flex;
    margin: 50px -20px 0 0; }
  /* line 611, media.scss */
  .about-page .gallery-about {
    min-height: 0;
    padding: 0 10px; }
    /* line 615, media.scss */
    .about-page .gallery-about .wrap {
      flex-wrap: nowrap;
      justify-content: flex-start;
      margin: 0;
      padding: 40px 0; }
    /* line 622, media.scss */
    .about-page .gallery-about--item {
      height: 250px;
      margin: 0;
      object-fit: cover; }
      /* line 627, media.scss */
      .about-page .gallery-about--item:first-child, .about-page .gallery-about--item:nth-child(4n), .about-page .gallery-about--item:nth-child(5n) {
        margin: 0; }
  /* line 635, media.scss */
  .about-page .subscribe-block {
    margin-top: 0; }

  /* line 642, media.scss */
  .shops-map-wrap .tabs-body--item {
    display: none; }
    /* line 645, media.scss */
    .shops-map-wrap .tabs-body--item.active {
      display: block; }

  /* line 651, media.scss */
  .shops-map {
    height: auto; }

  /* line 655, media.scss */
  .map-search {
    position: relative;
    top: 0;
    left: 0;
    max-width: calc(100% - 40px);
    transform: translateY(0);
    margin: 15px 0 0 20px;
    padding: 20px 30px; }
    /* line 664, media.scss */
    .map-search .tabs-head {
      display: flex;
      justify-content: space-around;
      margin: 15px -30px 0;
      padding: 8px;
      background: #002a3a;
      color: #fff; }
      /* line 672, media.scss */
      .map-search .tabs-head--item {
        font-family: "Roboto", sans-serif;
        border-bottom: 1px solid transparent; }
        /* line 676, media.scss */
        .map-search .tabs-head--item.active {
          font-family: "Roboto", sans-serif;
          border-color: #fff; }
    /* line 683, media.scss */
    .map-search .sub-title {
      margin-top: 5px; }
    /* line 687, media.scss */
    .map-search .input {
      padding-top: 25px; }
    /* line 691, media.scss */
    .map-search .info-text {
      margin-top: 10px; }

  /* line 696, media.scss */
  .map-frame {
    display: none;
    position: relative;
    height: 460px;
    margin-top: -80px; }

  /* line 703, media.scss */
  .catalog-list--item {
    min-height: 133px; } }
/******************************************************************/
@media (max-width: 601px) {
  /* line 712, media.scss */
  .container-block {
    padding: 0 20px; }

  /* line 718, media.scss */
  .modal-wrap.small-size .modal .wrap, .modal-wrap.big-size .modal .wrap {
    padding: 64px 33px 56px; }
  /* line 723, media.scss */
  .modal-wrap.medium-size .modal .wrap {
    padding: 64px 20px 70px; }
  /* line 727, media.scss */
  .modal-wrap.extra-big-size .modal .wrap {
    max-width: 456px;
    padding: 64px 20px 70px; }

  /* line 735, media.scss */
  .modal .close {
    top: 20px;
    right: 20px; }
  /* line 740, media.scss */
  .modal .qrcode-modal .title {
    font-size: 30px;
    line-height: 36px; }

  /* line 748, media.scss */
  .completed-projects-list--item {
    display: block;
    padding: 0; }
    /* line 752, media.scss */
    .completed-projects-list--item:nth-child(even) {
      padding: 0; }
  /* line 757, media.scss */
  .completed-projects-list .info {
    margin-left: auto;
    padding: 0; }
  /* line 762, media.scss */
  .completed-projects-list .title {
    font-size: 18px;
    line-height: 21px; }
  /* line 767, media.scss */
  .completed-projects-list .images img {
    margin-top: 12px; } }
/******************************************************************/
@media (max-width: 576px) {
  /* line 777, media.scss */
  .container-block {
    padding: 0 18px; }

  /* line 785, media.scss */
  .modal-wrap.gallery .modal .close {
    top: 20px;
    right: 20px; }
  /* line 790, media.scss */
  .modal-wrap.gallery .modal .wrap {
    padding: 0; }

  /* line 798, media.scss */
  .main-slider .pagination-swiper-wrap {
    bottom: 10px; }

  /* line 805, media.scss */
  .banner .image {
    padding-bottom: 0; }
    /* line 808, media.scss */
    .banner .image img {
      max-height: 200px; }
  /* line 813, media.scss */
  .banner .info {
    padding-bottom: 30px; }

  /* line 818, media.scss */
  .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 7px; }

  /* line 828, media.scss */
  .popular-brands-list-slider .swiper-slide {
    width: 101px; }

  /* line 835, media.scss */
  .compare-table-wrapper .table-compare {
    margin-right: -18px; }

  /* line 840, media.scss */
  .block-404 {
    max-width: 269px;
    margin: 0 auto; }

  /* line 845, media.scss */
  .advantages-list {
    margin: -24px 0 0 -17px; }
    /* line 848, media.scss */
    .advantages-list--item {
      max-width: calc(100% - 17px);
      margin: 24px 0 0 17px; }
    /* line 853, media.scss */
    .advantages-list .image {
      width: 24px;
      height: 24px; } }
@media (max-width: 375px) {
  /* line 862, media.scss */
  h1,
  .h1 {
    font-size: 25px;
    line-height: 35px; }

  /* line 868, media.scss */
  h2,
  .h2 {
    font-size: 20px;
    line-height: 30px; }

  /* line 874, media.scss */
  h3,
  .h3 {
    font-size: 18px;
    line-height: 28px; }

  /* line 882, media.scss */
  .subscribe-block .title {
    font-size: 35px;
    line-height: 45px; }

  /* line 890, media.scss */
  .modal .qrcode-modal .title {
    font-size: 24px;
    line-height: 30px; }
  /* line 895, media.scss */
  .modal .g-recaptcha {
    transform: scale(0.8) translateX(-30px); }

  /* line 900, media.scss */
  .catalog-list--item {
    min-height: 120px; } }