

/* Start:/local/templates/main/components/uni/catalog/main/style.css?177797206575962*/
.products-exist {
  color: #b2b2b2;
  font-size: 16px;
  font-family: "Gothampro", Arial, Sans-Serif;
  text-transform: uppercase;
  text-transform: none;
  margin-top: 40px; }

h1.section {
  width: 1440px;
  margin: 0 auto;
  margin: 0 auto !important; }
  @media screen and (max-width: 1520px) and (min-width: 1280px) {
    h1.section {
      width: 1216px; } }
  @media screen and (max-width: 1279px) and (min-width: 1024px) {
    h1.section {
      width: 960px; } }
  @media screen and (max-width: 1023px) and (min-width: 800px) {
    h1.section {
      width: 736px; } }
  @media screen and (max-width: 799px) and (min-width: 480px) {
    h1.section {
      width: 420px; } }
  @media screen and (max-width: 479px) {
    h1.section {
      width: 260px; } }

.catalog-wrap {
  padding-bottom: 70px; }
  .catalog-wrap.with-filter {
    width: 1440px;
    margin: 0 auto; }
    @media screen and (max-width: 1520px) and (min-width: 1280px) {
      .catalog-wrap.with-filter {
        width: 1216px; } }
    @media screen and (max-width: 1279px) and (min-width: 1024px) {
      .catalog-wrap.with-filter {
        width: 960px; } }
    @media screen and (max-width: 1023px) and (min-width: 800px) {
      .catalog-wrap.with-filter {
        width: 736px; } }
    @media screen and (max-width: 799px) and (min-width: 480px) {
      .catalog-wrap.with-filter {
        width: 420px; } }
    @media screen and (max-width: 479px) {
      .catalog-wrap.with-filter {
        width: 260px; } }
    @media screen and (min-width: 1024px) {
      .catalog-wrap.with-filter {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: flex-start; } }
  .catalog-wrap .iblock-description *:not(h1) {
    color: #7c7c7c;
    font-size: 20px;
    font-family: "Gothampro", Arial, Sans-Serif;
    text-transform: uppercase;
    text-transform: none;
    line-height: 26px;
    max-width: 860px; }
    @media screen and (max-width: 1279px) and (min-width: 1024px) {
      .catalog-wrap .iblock-description *:not(h1) {
        max-width: 660px; } }
    @media screen and (max-width: 799px) {
      .catalog-wrap .iblock-description *:not(h1) {
        font-size: 18px;
        line-height: 20px; } }
  .catalog-wrap > .left {
    width: 100%;
    margin-top: 15px; }
  .catalog-wrap > .right {
    margin-top: 15px;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease; }
    @media screen and (min-width: 1280px) {
      .catalog-wrap > .right {
        -webkit-flex: 0 0 1070px;
        -moz-flex: 0 0 1070px;
        -ms-flex: 0 0 1070px;
        flex: 0 0 1070px; } }
    @media screen and (max-width: 1520px) and (min-width: 1280px) {
      .catalog-wrap > .right {
        -webkit-flex: 0 0 904px;
        -moz-flex: 0 0 904px;
        -ms-flex: 0 0 904px;
        flex: 0 0 904px; } }
    @media screen and (max-width: 1279px) and (min-width: 1024px) {
      .catalog-wrap > .right {
        -webkit-flex: 0 0 630px;
        -moz-flex: 0 0 630px;
        -ms-flex: 0 0 630px;
        flex: 0 0 630px; } }
    .catalog-wrap > .right h1 {
      padding: 0 0 15px 0; }
    .catalog-wrap > .right .elements-wrap {
      -webkit-flex: 0 1 auto;
      -moz-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1;
      -webkit-animation-duration: 0.5s;
      animation-duration: 0.5s;
      width: 100%; }
      .catalog-wrap > .right .elements-wrap.fadeOut {
        -webkit-animation-name: animateContentBlockFadeOut;
        animation-name: animateContentBlockFadeOut; }
@-webkit-keyframes animateContentBlockFadeOut {
  0% {
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1; }
  100% {
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0; } }
@-moz-keyframes animateContentBlockFadeOut {
  0% {
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1; }
  100% {
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0; } }
@-ms-keyframes animateContentBlockFadeOut {
  0% {
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1; }
  100% {
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0; } }
@-o-keyframes animateContentBlockFadeOut {
  0% {
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1; }
  100% {
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0; } }
@keyframes animateContentBlockFadeOut {
  0% {
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1; }
  100% {
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0; } }
      .catalog-wrap > .right .elements-wrap.fadeIn {
        -webkit-animation-name: animateContentBlockFadeIn;
        animation-name: animateContentBlockFadeIn; }
@-webkit-keyframes animateContentBlockFadeIn {
  0% {
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0; }
  100% {
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1; } }
@-moz-keyframes animateContentBlockFadeIn {
  0% {
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0; }
  100% {
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1; } }
@-ms-keyframes animateContentBlockFadeIn {
  0% {
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0; }
  100% {
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1; } }
@-o-keyframes animateContentBlockFadeIn {
  0% {
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0; }
  100% {
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1; } }
@keyframes animateContentBlockFadeIn {
  0% {
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0; }
  100% {
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1; } }
      .catalog-wrap > .right .elements-wrap .sort-props {
        background: white;
        position: relative;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center; }
        @media screen and (max-width: 1023px) and (min-width: 800px) {
          .catalog-wrap > .right .elements-wrap .sort-props {
            margin-top: -48px; } }
        @media screen and (min-width: 1024px) {
          .catalog-wrap > .right .elements-wrap .sort-props .price-sort {
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: flex;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            -moz-flex-direction: row;
            flex-direction: row;
            -webkit-flex-wrap: nowrap;
            -moz-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            justify-content: flex-start;
            align-items: center;
            height: 20px; } }
        @media screen and (max-width: 1023px) and (min-width: 800px) {
          .catalog-wrap > .right .elements-wrap .sort-props .price-sort {
            min-width: 265px;
            max-width: 265px;
            margin-left: auto; } }
        @media screen and (max-width: 799px) and (min-width: 480px) {
          .catalog-wrap > .right .elements-wrap .sort-props .price-sort {
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: flex;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            -moz-flex-direction: row;
            flex-direction: row;
            -webkit-flex-wrap: nowrap;
            -moz-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            justify-content: flex-start;
            align-items: center;
            margin-top: 25px; } }
        @media screen and (max-width: 479px) {
          .catalog-wrap > .right .elements-wrap .sort-props .price-sort {
            margin-top: 25px; } }
        .catalog-wrap > .right .elements-wrap .sort-props .price-sort .title-name {
          color: #075550;
          font-size: 14px;
          font-family: "Gothampro Bold", Arial, Sans-Serif;
          text-transform: uppercase;
          text-transform: none;
          white-space: nowrap;
          padding-right: 10px; }
          @media screen and (max-width: 1023px) and (min-width: 800px) {
            .catalog-wrap > .right .elements-wrap .sort-props .price-sort .title-name {
              margin-bottom: 12px; } }
          @media screen and (max-width: 479px) {
            .catalog-wrap > .right .elements-wrap .sort-props .price-sort .title-name {
              margin-bottom: 12px; } }
        .catalog-wrap > .right .elements-wrap .sort-props .price-sort .sort-by {
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: flex;
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          -moz-flex-direction: row;
          flex-direction: row;
          -webkit-flex-wrap: nowrap;
          -moz-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
          justify-content: flex-start;
          align-items: center; }
          .catalog-wrap > .right .elements-wrap .sort-props .price-sort .sort-by .item {
            color: #7c7c7c;
            font-size: 14px;
            font-family: "Gothampro", Arial, Sans-Serif;
            text-transform: uppercase;
            text-transform: none;
            margin-left: 17px;
            cursor: pointer;
            position: relative;
            border-bottom: 1px dashed #7c7c7c; }
            .catalog-wrap > .right .elements-wrap .sort-props .price-sort .sort-by .item.active {
              color: #009277; }
              .catalog-wrap > .right .elements-wrap .sort-props .price-sort .sort-by .item.active span {
                border-bottom: 1px dashed #009277; }
            @media screen and (max-width: 1023px) and (min-width: 800px) {
              .catalog-wrap > .right .elements-wrap .sort-props .price-sort .sort-by .item:first-child {
                margin-left: 0; } }
            @media screen and (max-width: 479px) {
              .catalog-wrap > .right .elements-wrap .sort-props .price-sort .sort-by .item:first-child {
                margin-left: 0; } }
            .catalog-wrap > .right .elements-wrap .sort-props .price-sort .sort-by .item span {
              border-bottom: 1px dashed transparent; }
        .catalog-wrap > .right .elements-wrap .sort-props .section-templates {
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: flex;
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          -moz-flex-direction: row;
          flex-direction: row;
          -webkit-flex-wrap: nowrap;
          -moz-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
          justify-content: flex-end;
          align-items: center; }
          @media screen and (min-width: 1024px) {
            .catalog-wrap > .right .elements-wrap .sort-props .section-templates {
              margin-left: auto; } }
          @media screen and (max-width: 799px) {
            .catalog-wrap > .right .elements-wrap .sort-props .section-templates {
              display: none; } }
          .catalog-wrap > .right .elements-wrap .sort-props .section-templates div {
            min-width: 38px;
            max-width: 38px;
            height: 38px;
            cursor: pointer; }
            .catalog-wrap > .right .elements-wrap .sort-props .section-templates div:last-child {
              margin-left: 10px; }
            .catalog-wrap > .right .elements-wrap .sort-props .section-templates div[data-code=plate] {
              background: url("/local/templates/main/components/uni/catalog/main/img/plate.png") center no-repeat; }
              .catalog-wrap > .right .elements-wrap .sort-props .section-templates div[data-code=plate].active {
                background: url("/local/templates/main/components/uni/catalog/main/img/plate-active.png") center no-repeat; }
            .catalog-wrap > .right .elements-wrap .sort-props .section-templates div[data-code=table] {
              background: url("/local/templates/main/components/uni/catalog/main/img/table.png") center no-repeat; }
              .catalog-wrap > .right .elements-wrap .sort-props .section-templates div[data-code=table].active {
                background: url("/local/templates/main/components/uni/catalog/main/img/table-active.png") center no-repeat; }

.section-info {
  margin-top: -145px;
  padding: 145px 0 120px 0;
  background: #edf1f4;
  background: linear-gradient(0deg, #edf1f4 20%, white 100%); }
  @media screen and (max-width: 799px) {
    .section-info {
      padding-bottom: 80px; } }
  .section-info .section-info-inner {
    width: 1440px;
    margin: 0 auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative; }
    @media screen and (max-width: 1520px) and (min-width: 1280px) {
      .section-info .section-info-inner {
        width: 1216px; } }
    @media screen and (max-width: 1279px) and (min-width: 1024px) {
      .section-info .section-info-inner {
        width: 960px; } }
    @media screen and (max-width: 1023px) and (min-width: 800px) {
      .section-info .section-info-inner {
        width: 736px; } }
    @media screen and (max-width: 799px) and (min-width: 480px) {
      .section-info .section-info-inner {
        width: 420px; } }
    @media screen and (max-width: 479px) {
      .section-info .section-info-inner {
        width: 260px; } }
  .section-info .preview-text-and-button {
    max-width: 795px; }
    @media screen and (max-width: 1520px) and (min-width: 1280px) {
      .section-info .preview-text-and-button {
        max-width: 645px; } }
    @media screen and (max-width: 1279px) and (min-width: 1024px) {
      .section-info .preview-text-and-button {
        max-width: 460px; } }
    @media screen and (max-width: 1023px) {
      .section-info .preview-text-and-button {
        order: 1; } }
    @media screen and (max-width: 1023px) {
      .section-info .preview-text-and-button {
        margin-top: 20px; } }
    .section-info .preview-text-and-button .preview-text {
      color: #010101;
      font-size: 18px;
      font-family: "Gothampro Light", Arial, Sans-Serif;
      text-transform: uppercase;
      text-transform: none;
      line-height: 22px;
      max-width: 860px; }
      @media screen and (max-width: 799px) and (min-width: 480px) {
        .section-info .preview-text-and-button .preview-text {
          font-size: 16px;
          line-height: 22px; } }
      @media screen and (max-width: 479px) {
        .section-info .preview-text-and-button .preview-text {
          font-size: 15px;
          line-height: 18px; } }
      .section-info .preview-text-and-button .preview-text ul {
        padding: 0; }
        .section-info .preview-text-and-button .preview-text ul li {
          list-style: none !important;
          padding-left: 35px;
          position: relative; }
          .section-info .preview-text-and-button .preview-text ul li:before {
            content: "" !important;
            position: absolute;
            left: 0;
            top: 3px;
            background: url("/local/templates/main/components/uni/catalog/main/../../../../img/li-check-icon.svg") center no-repeat;
            width: 18px;
            height: 13px; }
      .section-info .preview-text-and-button .preview-text *:not(h1) {
        color: #010101;
        font-size: 18px;
        font-family: "Gothampro Light", Arial, Sans-Serif;
        text-transform: uppercase;
        text-transform: none;
        line-height: 22px;
        max-width: 860px; }
        @media screen and (max-width: 799px) and (min-width: 480px) {
          .section-info .preview-text-and-button .preview-text *:not(h1) {
            font-size: 16px;
            line-height: 22px; } }
        @media screen and (max-width: 479px) {
          .section-info .preview-text-and-button .preview-text *:not(h1) {
            font-size: 15px;
            line-height: 18px; } }
        .section-info .preview-text-and-button .preview-text *:not(h1) ul {
          padding: 0; }
          .section-info .preview-text-and-button .preview-text *:not(h1) ul li {
            list-style: none !important;
            padding-left: 35px;
            position: relative; }
            .section-info .preview-text-and-button .preview-text *:not(h1) ul li:before {
              content: "" !important;
              position: absolute;
              left: 0;
              top: 3px;
              background: url("/local/templates/main/components/uni/catalog/main/../../../../img/li-check-icon.svg") center no-repeat;
              width: 18px;
              height: 13px; }
      @media screen and (max-width: 1520px) and (min-width: 1024px) {
        .section-info .preview-text-and-button .preview-text {
          padding-bottom: 90px; } }
    .section-info .preview-text-and-button.without-img .button-question {
      position: relative; }
    .section-info .preview-text-and-button .button-question {
      position: relative;
      align-items: center;
      min-width: 160px;
      height: 60px;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: flex;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      -moz-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      padding: 0 40px 0 100px;
      color: white;
      font-size: 16px;
      font-family: "Gothampro", Arial, Sans-Serif;
      text-transform: uppercase;
      text-transform: uppercase;
      transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      background: #009277;
      text-decoration: none;
      cursor: pointer;
      overflow: hidden;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      border: 0;
      outline: none;
      max-width: 290px;
      margin: 45px 0 0 0; }
      @media screen and (min-width: 1024px) {
        .section-info .preview-text-and-button .button-question:hover:not(.noHover):before {
          width: 100%; }
        .section-info .preview-text-and-button .button-question:hover:not(.noHover):after {
          left: 50px; } }
      .section-info .preview-text-and-button .button-question:before, .section-info .preview-text-and-button .button-question:after {
        content: "";
        position: absolute;
        transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease; }
      .section-info .preview-text-and-button .button-question:before {
        width: 60px;
        height: 60px;
        top: 0;
        left: 0;
        z-index: 0;
        background: #075550; }
      .section-info .preview-text-and-button .button-question:after {
        z-index: 1;
        background: url("/local/templates/main/components/uni/catalog/main/../../../../img/form-button-arrow.svg") center no-repeat;
        width: 11px;
        height: 18px;
        left: 24px;
        top: 50%;
        margin-top: -9px; }
      .section-info .preview-text-and-button .button-question span {
        position: relative;
        z-index: 2; }
      @media screen and (min-width: 1024px) {
        .section-info .preview-text-and-button .button-question {
          position: absolute;
          bottom: 0; } }
      @media screen and (max-width: 799px) {
        .section-info .preview-text-and-button .button-question {
          margin: 40px auto 0; } }
      @media screen and (max-width: 479px) {
        .section-info .preview-text-and-button .button-question {
          padding: 0 25px 0 85px; } }
  .section-info .image-wrap {
    min-width: 579px;
    max-width: 579px;
    height: 411px;
    margin-left: auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start; }
    @media screen and (max-width: 1520px) and (min-width: 1280px) {
      .section-info .image-wrap {
        min-width: 530px;
        max-width: 530px; } }
    @media screen and (max-width: 1279px) and (min-width: 1024px) {
      .section-info .image-wrap {
        min-width: 464px;
        max-width: 464px; } }
    @media screen and (max-width: 1023px) {
      .section-info .image-wrap {
        min-width: 100%;
        max-width: 100%; } }
    @media screen and (max-width: 1023px) and (min-width: 800px) {
      .section-info .image-wrap {
        height: 460px; } }
    @media screen and (max-width: 799px) and (min-width: 480px) {
      .section-info .image-wrap {
        height: 293px; } }
    @media screen and (max-width: 479px) {
      .section-info .image-wrap {
        height: 182px; } }
    .section-info .image-wrap img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
      .section-info .image-wrap img.contain {
        object-fit: contain; }
        @media screen and (max-width: 1023px) and (min-width: 800px) {
          .section-info .image-wrap img.contain {
            max-width: 470px; } }
        @media screen and (max-width: 799px) and (min-width: 480px) {
          .section-info .image-wrap img.contain {
            max-width: 295px; } }

.text-after-subsections {
  color: #010101;
  font-size: 20px;
  font-family: "Gothampro", Arial, Sans-Serif;
  text-transform: uppercase;
  text-transform: none;
  line-height: 26px;
  padding-top: 50px;
  width: 1440px;
  margin: 0 auto; }
  @media screen and (max-width: 1520px) and (min-width: 1280px) {
    .text-after-subsections {
      width: 1216px; } }
  @media screen and (max-width: 1279px) and (min-width: 1024px) {
    .text-after-subsections {
      width: 960px; } }
  @media screen and (max-width: 1023px) and (min-width: 800px) {
    .text-after-subsections {
      width: 736px; } }
  @media screen and (max-width: 799px) and (min-width: 480px) {
    .text-after-subsections {
      width: 420px; } }
  @media screen and (max-width: 479px) {
    .text-after-subsections {
      width: 260px; } }
  @media screen and (max-width: 1023px) and (min-width: 800px) {
    .text-after-subsections {
      padding-top: 40px; } }
  @media screen and (max-width: 799px) and (min-width: 480px) {
    .text-after-subsections {
      padding-top: 20px;
      padding-bottom: 75px;
      font-size: 18px;
      line-height: 24px; } }
  @media screen and (max-width: 479px) {
    .text-after-subsections {
      padding-top: 10px;
      padding-bottom: 65px;
      font-size: 14px;
      line-height: 18px; } }

.pdf-file-wrap {
  padding: 100px 0 107px;
  background: url("/local/templates/main/components/uni/catalog/main/img/download-pdf-bg.png") left top no-repeat #fafdfd; }
  @media screen and (max-width: 1023px) and (min-width: 800px) {
    .pdf-file-wrap {
      padding: 80px 0 120px;
      background-position: left bottom; } }
  @media screen and (max-width: 799px) and (min-width: 480px) {
    .pdf-file-wrap {
      padding: 75px 0 70px;
      background-position: -100px bottom; } }
  @media screen and (max-width: 479px) {
    .pdf-file-wrap {
      padding: 50px 0 65px;
      background-position: -100px bottom; } }
  .pdf-file-wrap .pdf-file-inner {
    width: 1440px;
    margin: 0 auto; }
    @media screen and (max-width: 1520px) and (min-width: 1280px) {
      .pdf-file-wrap .pdf-file-inner {
        width: 1216px; } }
    @media screen and (max-width: 1279px) and (min-width: 1024px) {
      .pdf-file-wrap .pdf-file-inner {
        width: 960px; } }
    @media screen and (max-width: 1023px) and (min-width: 800px) {
      .pdf-file-wrap .pdf-file-inner {
        width: 736px; } }
    @media screen and (max-width: 799px) and (min-width: 480px) {
      .pdf-file-wrap .pdf-file-inner {
        width: 420px; } }
    @media screen and (max-width: 479px) {
      .pdf-file-wrap .pdf-file-inner {
        width: 260px; } }
    @media screen and (min-width: 1024px) {
      .pdf-file-wrap .pdf-file-inner {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center; } }
    .pdf-file-wrap .pdf-file-inner img {
      margin-left: -20px; }
      @media screen and (max-width: 1279px) and (min-width: 1024px) {
        .pdf-file-wrap .pdf-file-inner img {
          max-width: 491px; } }
      @media screen and (max-width: 1023px) {
        .pdf-file-wrap .pdf-file-inner img {
          width: 100%; } }
      @media screen and (max-width: 799px) {
        .pdf-file-wrap .pdf-file-inner img {
          margin-left: -10px; } }
      @media screen and (max-width: 479px) {
        .pdf-file-wrap .pdf-file-inner img {
          width: 278px; } }
  .pdf-file-wrap .pdf-info {
    margin-left: 130px;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1; }
    @media screen and (max-width: 1520px) and (min-width: 1280px) {
      .pdf-file-wrap .pdf-info {
        margin-left: 45px; } }
    @media screen and (max-width: 1279px) and (min-width: 1024px) {
      .pdf-file-wrap .pdf-info {
        margin-left: 20px; } }
    @media screen and (max-width: 1023px) {
      .pdf-file-wrap .pdf-info {
        margin-left: 0;
        margin-top: 40px; } }
    @media screen and (max-width: 799px) and (min-width: 480px) {
      .pdf-file-wrap .pdf-info {
        margin-top: 30px; } }
    @media screen and (max-width: 479px) {
      .pdf-file-wrap .pdf-info {
        margin-top: 20px; } }
    .pdf-file-wrap .pdf-info .pdf-title {
      color: #075550;
      font-size: 30px;
      font-family: "Gothampro", Arial, Sans-Serif;
      text-transform: uppercase;
      line-height: 42px; }
      @media screen and (max-width: 799px) {
        .pdf-file-wrap .pdf-info .pdf-title {
          font-size: 24px;
          line-height: 30px; } }
    .pdf-file-wrap .pdf-info .pdf-text {
      color: #010101;
      font-size: 20px;
      font-family: "Gothampro", Arial, Sans-Serif;
      text-transform: uppercase;
      text-transform: none;
      margin-top: 15px;
      line-height: 26px; }
      @media screen and (max-width: 479px) {
        .pdf-file-wrap .pdf-info .pdf-text {
          font-size: 16px;
          line-height: 24px; } }
    .pdf-file-wrap .pdf-info .download-pdf {
      margin-top: 70px;
      position: relative;
      align-items: center;
      min-width: 160px;
      height: 60px;
      line-height: 60px;
      padding: 0 40px 0 100px;
      color: white;
      font-size: 16px;
      font-family: "Gothampro", Arial, Sans-Serif;
      text-transform: uppercase;
      text-transform: uppercase;
      transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      background: #e7564e;
      text-decoration: none;
      cursor: pointer;
      overflow: hidden;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      display: table;
      border: 0;
      outline: none; }
      @media screen and (min-width: 1024px) {
        .pdf-file-wrap .pdf-info .download-pdf:hover:not(.noHover):before {
          width: 100%;
          border-right: 0;
          background: #db0f00; }
        .pdf-file-wrap .pdf-info .download-pdf:hover:not(.noHover):after {
          left: 50px; } }
      .pdf-file-wrap .pdf-info .download-pdf:before, .pdf-file-wrap .pdf-info .download-pdf:after {
        content: "";
        position: absolute;
        transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease; }
      .pdf-file-wrap .pdf-info .download-pdf:before {
        width: 60px;
        height: 60px;
        top: 0;
        left: 0;
        z-index: 0;
        background: #e7564e;
        border-right: 1px solid white; }
      .pdf-file-wrap .pdf-info .download-pdf:after {
        z-index: 1;
        background: url("/local/templates/main/components/uni/catalog/main/../../../../img/form-button-arrow.svg") center no-repeat;
        width: 11px;
        height: 18px;
        left: 24px;
        top: 50%;
        margin-top: -9px; }
      .pdf-file-wrap .pdf-info .download-pdf span {
        position: relative;
        z-index: 2; }
      @media screen and (max-width: 1520px) and (min-width: 1280px) {
        .pdf-file-wrap .pdf-info .download-pdf {
          margin-top: 50px; } }
      @media screen and (max-width: 1279px) and (min-width: 800px) {
        .pdf-file-wrap .pdf-info .download-pdf {
          margin-top: 30px; } }
      @media screen and (max-width: 799px) and (min-width: 480px) {
        .pdf-file-wrap .pdf-info .download-pdf {
          margin: 35px auto 0; } }
      @media screen and (max-width: 479px) {
        .pdf-file-wrap .pdf-info .download-pdf {
          margin: 20px auto 0;
          width: 100%;
          padding-left: 120px; } }

.text-and-video {
  width: 1440px;
  margin: 0 auto;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 0 120px; }
  @media screen and (max-width: 1520px) and (min-width: 1280px) {
    .text-and-video {
      width: 1216px; } }
  @media screen and (max-width: 1279px) and (min-width: 1024px) {
    .text-and-video {
      width: 960px; } }
  @media screen and (max-width: 1023px) and (min-width: 800px) {
    .text-and-video {
      width: 736px; } }
  @media screen and (max-width: 799px) and (min-width: 480px) {
    .text-and-video {
      width: 420px; } }
  @media screen and (max-width: 479px) {
    .text-and-video {
      width: 260px; } }
  @media screen and (max-width: 1279px) and (min-width: 800px) {
    .text-and-video {
      padding-bottom: 85px; } }
  @media screen and (max-width: 799px) and (min-width: 480px) {
    .text-and-video {
      padding-bottom: 70px; } }
  @media screen and (max-width: 479px) {
    .text-and-video {
      padding-bottom: 50px; } }
  .text-and-video .video-info {
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 42px; }
    @media screen and (max-width: 1023px) {
      .text-and-video .video-info {
        padding-right: 0; } }
    .text-and-video .video-info .projects-title {
      color: #075550;
      font-size: 30px;
      font-family: "Gothampro", Arial, Sans-Serif;
      text-transform: uppercase;
      line-height: 42px;
      padding: 0 0 12px; }
      @media screen and (max-width: 1023px) {
        .text-and-video .video-info .projects-title {
          padding-top: 0; } }
      @media screen and (max-width: 799px) {
        .text-and-video .video-info .projects-title {
          font-size: 24px;
          line-height: 32px; } }
    .text-and-video .video-info .text-1 {
      color: #7c7c7c;
      font-size: 20px;
      font-family: "Gothampro", Arial, Sans-Serif;
      text-transform: uppercase;
      text-transform: none;
      line-height: 26px; }
      @media screen and (max-width: 799px) and (min-width: 480px) {
        .text-and-video .video-info .text-1 {
          font-size: 18px;
          line-height: 22px; } }
      @media screen and (max-width: 479px) {
        .text-and-video .video-info .text-1 {
          font-size: 18px;
          line-height: 20px; } }
      .text-and-video .video-info .text-1 * {
        color: #7c7c7c;
        font-size: 20px;
        font-family: "Gothampro", Arial, Sans-Serif;
        text-transform: uppercase;
        text-transform: none;
        margin-top: 15px;
        line-height: 26px; }
        @media screen and (max-width: 799px) and (min-width: 480px) {
          .text-and-video .video-info .text-1 * {
            font-size: 18px;
            line-height: 22px; } }
        @media screen and (max-width: 479px) {
          .text-and-video .video-info .text-1 * {
            font-size: 18px;
            line-height: 20px; } }
    .text-and-video .video-info .text-2 {
      color: #010101;
      font-size: 18px;
      font-family: "Gothampro Light", Arial, Sans-Serif;
      text-transform: uppercase;
      text-transform: none;
      line-height: 22px;
      max-width: 860px;
      margin-top: 30px; }
      @media screen and (max-width: 799px) and (min-width: 480px) {
        .text-and-video .video-info .text-2 {
          font-size: 16px;
          line-height: 22px; } }
      @media screen and (max-width: 479px) {
        .text-and-video .video-info .text-2 {
          font-size: 15px;
          line-height: 18px; } }
      .text-and-video .video-info .text-2 ul {
        padding: 0; }
        .text-and-video .video-info .text-2 ul li {
          list-style: none !important;
          padding-left: 35px;
          position: relative; }
          .text-and-video .video-info .text-2 ul li:before {
            content: "" !important;
            position: absolute;
            left: 0;
            top: 3px;
            background: url("/local/templates/main/components/uni/catalog/main/../../../../img/li-check-icon.svg") center no-repeat;
            width: 18px;
            height: 13px; }
      @media screen and (max-width: 1279px) {
        .text-and-video .video-info .text-2 {
          display: none; } }
  .text-and-video .video {
    min-width: 615px;
    max-width: 615px;
    height: 307px;
    padding: 0 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    @media screen and (max-width: 1520px) and (min-width: 1280px) {
      .text-and-video .video {
        padding: 0;
        min-width: 545px;
        max-width: 545px; } }
    @media screen and (max-width: 1279px) {
      .text-and-video .video {
        min-width: 100%;
        max-width: 100%;
        padding: 0; } }
    @media screen and (max-width: 1279px) and (min-width: 1024px) {
      .text-and-video .video {
        height: 535px;
        margin-top: 32px; } }
    @media screen and (max-width: 1023px) and (min-width: 800px) {
      .text-and-video .video {
        height: 412px;
        margin-top: 32px; } }
    @media screen and (max-width: 799px) and (min-width: 480px) {
      .text-and-video .video {
        height: 235px;
        margin-top: 40px; } }
    @media screen and (max-width: 479px) {
      .text-and-video .video {
        height: 145px;
        margin-top: 35px; } }
  @media screen and (min-width: 1280px) {
    .text-and-video .text-after-video {
      display: none; } }
  @media screen and (max-width: 1279px) {
    .text-and-video .text-after-video {
      color: #010101;
      font-size: 18px;
      font-family: "Gothampro Light", Arial, Sans-Serif;
      text-transform: uppercase;
      text-transform: none;
      line-height: 22px;
      max-width: 860px;
      margin-top: 30px;
      max-width: none;
      width: 100%; } }
  @media screen and (max-width: 1279px) and (max-width: 799px) and (min-width: 480px) {
    .text-and-video .text-after-video {
      font-size: 16px;
      line-height: 22px; } }
  @media screen and (max-width: 1279px) and (max-width: 479px) {
    .text-and-video .text-after-video {
      font-size: 15px;
      line-height: 18px; } }
  @media screen and (max-width: 1279px) {
      .text-and-video .text-after-video ul {
        padding: 0; }
        .text-and-video .text-after-video ul li {
          list-style: none !important;
          padding-left: 35px;
          position: relative; }
          .text-and-video .text-after-video ul li:before {
            content: "" !important;
            position: absolute;
            left: 0;
            top: 3px;
            background: url("/local/templates/main/components/uni/catalog/main/../../../../img/li-check-icon.svg") center no-repeat;
            width: 18px;
            height: 13px; }
      .text-and-video .text-after-video ul {
        margin: 0;
        width: 100%; } }
    @media screen and (max-width: 1279px) and (max-width: 1279px) and (min-width: 800px) {
      .text-and-video .text-after-video ul {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start; }
        .text-and-video .text-after-video ul li {
          min-width: 45%;
          max-width: 45%; } }
    @media screen and (max-width: 1279px) and (max-width: 799px) and (min-width: 480px) {
      .text-and-video .text-after-video ul li {
        font-size: 18px !important; } }

  @media screen and (max-width: 1023px) and (min-width: 480px) {
    .text-and-video .text-after-video {
      margin-top: 50px; } }
  @media screen and (max-width: 479px) {
    .text-and-video .text-after-video {
      margin-top: 35px; }
      .text-and-video .text-after-video ul li {
        font-size: 16px !important;
        padding-left: 25px;
        margin-bottom: 17px !important; } }

@media screen and (min-width: 800px) {
  .variants {
    width: 1440px;
    margin: 0 auto; } }
  @media screen and (min-width: 800px) and (max-width: 1520px) and (min-width: 1280px) {
    .variants {
      width: 1216px; } }
  @media screen and (min-width: 800px) and (max-width: 1279px) and (min-width: 1024px) {
    .variants {
      width: 960px; } }
  @media screen and (min-width: 800px) and (max-width: 1023px) and (min-width: 800px) {
    .variants {
      width: 736px; } }
  @media screen and (min-width: 800px) and (max-width: 799px) and (min-width: 480px) {
    .variants {
      width: 420px; } }
  @media screen and (min-width: 800px) and (max-width: 479px) {
    .variants {
      width: 260px; } }

.variants:not(.less-pad) {
  padding: 0 0 120px; }
  @media screen and (max-width: 799px) and (min-width: 480px) {
    .variants:not(.less-pad) {
      padding-bottom: 100px; } }
  @media screen and (max-width: 479px) {
    .variants:not(.less-pad) {
      padding-bottom: 80px; } }
.variants .variants-text {
  color: #7c7c7c;
  font-size: 20px;
  font-family: "Gothampro", Arial, Sans-Serif;
  text-transform: uppercase;
  text-transform: none;
  line-height: 26px;
  max-width: 860px;
  max-width: none; }
  @media screen and (max-width: 799px) and (min-width: 480px) {
    .variants .variants-text {
      font-size: 18px;
      line-height: 22px; } }
  @media screen and (max-width: 479px) {
    .variants .variants-text {
      font-size: 16px;
      line-height: 20px; } }
  .variants .variants-text a {
    color: #009277; }
  @media screen and (max-width: 799px) {
    .variants .variants-text {
      width: 1440px;
      margin: 0 auto; } }
  @media screen and (max-width: 799px) and (max-width: 1520px) and (min-width: 1280px) {
    .variants .variants-text {
      width: 1216px; } }
  @media screen and (max-width: 799px) and (max-width: 1279px) and (min-width: 1024px) {
    .variants .variants-text {
      width: 960px; } }
  @media screen and (max-width: 799px) and (max-width: 1023px) and (min-width: 800px) {
    .variants .variants-text {
      width: 736px; } }
  @media screen and (max-width: 799px) and (max-width: 799px) and (min-width: 480px) {
    .variants .variants-text {
      width: 420px; } }
  @media screen and (max-width: 799px) and (max-width: 479px) {
    .variants .variants-text {
      width: 260px; } }

  @media screen and (max-width: 479px) {
    .variants .variants-text {
      font-size: 18px; } }
  .variants .variants-text *:not(h2) {
    color: #7c7c7c;
    font-size: 20px;
    font-family: "Gothampro", Arial, Sans-Serif;
    text-transform: uppercase;
    text-transform: none;
    line-height: 26px;
    max-width: 860px;
    max-width: none; }
    @media screen and (max-width: 799px) and (min-width: 480px) {
      .variants .variants-text *:not(h2) {
        font-size: 18px;
        line-height: 22px; } }
    @media screen and (max-width: 479px) {
      .variants .variants-text *:not(h2) {
        font-size: 16px;
        line-height: 20px; } }
    .variants .variants-text *:not(h2) a {
      color: #009277; }
    @media screen and (max-width: 479px) {
      .variants .variants-text *:not(h2) {
        font-size: 18px; } }
  @media screen and (max-width: 479px) {
    .variants .variants-text h2 {
      padding-top: 0; } }
@media screen and (max-width: 1023px) {
  .variants .table {
    overflow-x: auto;
    padding-bottom: 20px;
    scrollbar-color: #039898 #f8f9fa;
    scrollbar-width: thin;
    scrollbar-base-color: #039898;
    scrollbar-face-color: #039898;
    scrollbar-3dlight-color: #039898;
    scrollbar-highlight-color: #039898;
    scrollbar-track-color: #f8f9fa;
    scrollbar-arrow-color: #f8f9fa;
    scrollbar-shadow-color: #039898;
    scrollbar-dark-shadow-color: #039898; }
    .variants .table::-webkit-scrollbar {
      width: 20px;
      background-color: #f8f9fa; }
    .variants .table::-webkit-scrollbar-thumb {
      width: 20px;
      background-color: #039898; } }
@media screen and (max-width: 799px) {
  .variants .table {
    margin: 0 0 0 5px;
    width: 98%; } }
@media screen and (max-width: 479px) {
  .variants .table {
    padding-bottom: 10px; } }
.variants .thead {
  margin-top: 40px; }
.variants .tr {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start; }
  .variants .tr:nth-child(even) .td {
    background: #f8f9fa; }
.variants .th, .variants .td {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 80px;
  text-align: center;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1; }
  @media screen and (max-width: 1023px) and (min-width: 800px) {
    .variants .th, .variants .td {
      min-width: 74px;
      max-width: 74px; } }
  @media screen and (max-width: 799px) {
    .variants .th, .variants .td {
      height: 60px;
      min-width: 50px;
      max-width: 50px; } }
  .variants .th:first-child, .variants .td:first-child {
    padding: 0 18px;
    text-align: left;
    justify-content: flex-start;
    min-width: 330px;
    max-width: 330px; }
    @media screen and (max-width: 1520px) and (min-width: 800px) {
      .variants .th:first-child, .variants .td:first-child {
        min-width: 295px;
        max-width: 295px; } }
    @media screen and (max-width: 799px) and (min-width: 480px) {
      .variants .th:first-child, .variants .td:first-child {
        min-width: 250px;
        max-width: 250px;
        padding: 0 18px 0 30px; } }
    @media screen and (max-width: 479px) {
      .variants .th:first-child, .variants .td:first-child {
        min-width: 220px;
        max-width: 220px;
        padding: 0 5px 0 27px; } }
.variants .th {
  background: #039898;
  border-right: 1px solid white;
  color: white;
  font-size: 18px;
  font-family: "Gothampro Bold", Arial, Sans-Serif;
  text-transform: uppercase;
  text-transform: none; }
  @media screen and (max-width: 799px) and (min-width: 480px) {
    .variants .th {
      font-size: 16px;
      line-height: 16px; } }
  @media screen and (max-width: 479px) {
    .variants .th {
      font-size: 14px;
      line-height: 16px; } }
.variants .td {
  border-right: 1px solid #eceff2;
  color: #010101;
  font-size: 18px;
  font-family: "Gothampro", Arial, Sans-Serif;
  text-transform: uppercase;
  text-transform: none;
  line-height: 20px; }
  @media screen and (max-width: 799px) and (min-width: 480px) {
    .variants .td {
      font-size: 16px;
      line-height: 16px; } }
  @media screen and (max-width: 479px) {
    .variants .td {
      font-size: 14px;
      line-height: 16px; } }

.products-block.plate {
  width: 100%;
  padding-bottom: 50px; }
  .products-block.plate .list {
    padding-top: 30px;
    position: relative; }
    @media screen and (min-width: 1521px) {
      .products-block.plate .list {
        grid-template-columns: 333px 333px 333px;
        grid-gap: 32px 37px; } }
    @media screen and (max-width: 1520px) and (min-width: 1280px) {
      .products-block.plate .list {
        grid-template-columns: 280px 280px 280px;
        grid-gap: 32px 32px; } }
    @media screen and (max-width: 1279px) and (min-width: 1024px) {
      .products-block.plate .list {
        grid-template-columns: 298px 298px;
        grid-gap: 32px 34px; } }
    @media screen and (max-width: 1023px) and (min-width: 800px) {
      .products-block.plate .list {
        grid-template-columns: 352px 352px;
        grid-gap: 0 33px;
        padding-top: 35px; } }
    @media screen and (min-width: 800px) {
      .products-block.plate .list {
        display: grid; } }
    @media screen and (max-width: 799px) {
      .products-block.plate .list {
        padding-top: 25px; } }
    .products-block.plate .list .product {
      height: 545px;
      position: relative;
      padding: 18px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      border: 1px solid #d9e1e1; }
      @media screen and (max-width: 1023px) and (min-width: 800px) {
        .products-block.plate .list .product {
          margin-bottom: 32px; } }
      @media screen and (max-width: 799px) {
        .products-block.plate .list .product {
          width: 100%;
          margin-bottom: 30px; } }
      @media screen and (max-width: 799px) and (min-width: 480px) {
        .products-block.plate .list .product {
          padding: 25px 30px; } }
      @media screen and (max-width: 479px) {
        .products-block.plate .list .product {
          height: 423px; } }
      .products-block.plate .list .product:hover {
        border: 1px solid #b9d1d1; }
      .products-block.plate .list .product .topProps {
        height: 20px;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: flex-start; }
        @media screen and (max-width: 479px) {
          .products-block.plate .list .product .topProps {
            margin-top: -8px; } }
        .products-block.plate .list .product .topProps .top-prop {
          color: #039898;
          font-size: 12px;
          font-family: "Gothampro Bold", Arial, Sans-Serif;
          text-transform: uppercase;
          margin-right: 20px; }
          @media screen and (max-width: 479px) {
            .products-block.plate .list .product .topProps .top-prop {
              font-size: 10px; } }
          .products-block.plate .list .product .topProps .top-prop.GOV {
            color: #6478be; }
          .products-block.plate .list .product .topProps .top-prop.ACTION {
            color: #ff554e; }
      .products-block.plate .list .product .info-and-image {
        margin-top: 15px; }
        @media screen and (max-width: 799px) and (min-width: 480px) {
          .products-block.plate .list .product .info-and-image {
            margin-top: 10px; } }
        @media screen and (max-width: 479px) {
          .products-block.plate .list .product .info-and-image {
            margin-top: 0; } }
        .products-block.plate .list .product .info-and-image .image {
          width: 100%;
          height: 235px;
          margin-left: auto;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: flex;
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          -moz-flex-direction: row;
          flex-direction: row;
          -webkit-flex-wrap: nowrap;
          -moz-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
          justify-content: center;
          align-items: flex-start; }
          @media screen and (max-width: 479px) {
            .products-block.plate .list .product .info-and-image .image {
              height: 150px; } }
          .products-block.plate .list .product .info-and-image .image img {
            width: 100%;
            height: 100%;
            object-fit: contain; }
        .products-block.plate .list .product .info-and-image .info .name {
          color: #075550;
          font-size: 14px;
          font-family: "Gothampro Bold", Arial, Sans-Serif;
          text-transform: uppercase;
          line-height: 20px;
          text-decoration: none;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          text-overflow: ellipsis;
          height: 40px;
          overflow: hidden;
          display: box;
          display: -webkit-box;
          margin-top: 15px; }
          @media screen and (max-width: 1520px) {
            .products-block.plate .list .product .info-and-image .info .name {
              padding-right: 20px; } }
          @media screen and (max-width: 479px) {
            .products-block.plate .list .product .info-and-image .info .name {
              font-size: 12px; } }
      .products-block.plate .list .product .artnumber, .products-block.plate .list .product .manufacturer {
        color: #9aaba8;
        font-size: 14px;
        font-family: "Gothampro", Arial, Sans-Serif;
        text-transform: uppercase;
        text-transform: none;
        margin-top: 13px;
        padding-right: 10px; }
        @media screen and (max-width: 479px) {
          .products-block.plate .list .product .artnumber, .products-block.plate .list .product .manufacturer {
            font-size: 12px; } }
      .products-block.plate .list .product .manufacturer {
        height: 30px;
        line-height: 14px; }
        @media screen and (max-width: 479px) {
          .products-block.plate .list .product .manufacturer {
            margin-top: 8px; } }
        @media screen and (max-width: 479px) {
          .products-block.plate .list .product .manufacturer {
            margin-top: 3px; } }
      .products-block.plate .list .product .in-stock {
        color: #039898;
        font-size: 14px;
        font-family: "Gothampro Bold", Arial, Sans-Serif;
        text-transform: uppercase;
        text-transform: none; }
        @media screen and (max-width: 479px) {
          .products-block.plate .list .product .in-stock {
            font-size: 12px; } }
        .products-block.plate .list .product .in-stock.no-exist {
          color: #9e9e9e; }
      .products-block.plate .list .product .price-and-cart {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
        .products-block.plate .list .product .price-and-cart .prices {
          height: 55px;
          padding: 0 18px;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: flex;
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          -moz-flex-direction: row;
          flex-direction: row;
          -webkit-flex-wrap: nowrap;
          -moz-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
          justify-content: flex-start;
          align-items: center; }
          @media screen and (max-width: 799px) and (min-width: 480px) {
            .products-block.plate .list .product .price-and-cart .prices {
              padding: 0 30px; } }
        .products-block.plate .list .product .price-and-cart .price-wrap:not(.discount) {
          color: #075550;
          font-size: 24px;
          font-family: "Gothampro Bold", Arial, Sans-Serif;
          text-transform: uppercase; }
          @media screen and (max-width: 479px) {
            .products-block.plate .list .product .price-and-cart .price-wrap:not(.discount) {
              font-size: 20px; } }
          .products-block.plate .list .product .price-and-cart .price-wrap:not(.discount) .rub {
            font-weight: 600; }
        .products-block.plate .list .product .price-and-cart .price-wrap.with-disc {
          color: #e7564e;
          font-size: 24px;
          font-family: "Gothampro Bold", Arial, Sans-Serif;
          text-transform: uppercase; }
          @media screen and (max-width: 479px) {
            .products-block.plate .list .product .price-and-cart .price-wrap.with-disc {
              font-size: 20px; } }
        .products-block.plate .list .product .price-and-cart .price-wrap.discount {
          color: #9e9e9e;
          font-size: 16px;
          font-family: "Gothampro Medium", Arial, Sans-Serif;
          text-transform: uppercase;
          padding-left: 20px;
          padding-top: 3px; }
          .products-block.plate .list .product .price-and-cart .price-wrap.discount .rub {
            font-weight: 600; }
      .products-block.plate .list .product .add-to-cart {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: flex-start;
        height: 60px;
        width: 100%;
        cursor: pointer;
        background: #009277;
        transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease; }
        .products-block.plate .list .product .add-to-cart.in-stock-empty {
          background: #9e9e9e; }
          .products-block.plate .list .product .add-to-cart.in-stock-empty:hover {
            background: #b2b2b2; }
          .products-block.plate .list .product .add-to-cart.in-stock-empty .add-to-cart-icon {
            background: url("/local/templates/main/components/uni/catalog/main/../../../../img/message-icon.svg") center no-repeat;
            background-size: 22px 16px; }
        .products-block.plate .list .product .add-to-cart.inCart {
          background: #ff554e; }
          .products-block.plate .list .product .add-to-cart.inCart:hover {
            background: #db0f00; }
          .products-block.plate .list .product .add-to-cart.inCart .add-to-cart-icon {
            background: url("/local/templates/main/components/uni/catalog/main/../../../../img/cart-icon-white.svg") center no-repeat;
            background-size: 21px 21px; }
        .products-block.plate .list .product .add-to-cart:not(.in-stock-empty):not(.inCart):hover {
          background: #075550; }
        .products-block.plate .list .product .add-to-cart:not(.in-stock-empty):not(.inCart) .add-to-cart-icon {
          background: url("/local/templates/main/components/uni/catalog/main/../../../../img/cart-icon-white.svg") center no-repeat;
          background-size: 21px 21px; }
        .products-block.plate .list .product .add-to-cart .add-to-cart-icon {
          min-width: 60px;
          max-width: 60px;
          height: 100%;
          border-right: 1px solid white; }
        .products-block.plate .list .product .add-to-cart .cart-text {
          -webkit-flex: 1;
          -moz-flex: 1;
          -ms-flex: 1;
          flex: 1;
          margin-left: auto;
          height: 100%;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: flex;
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          -moz-flex-direction: row;
          flex-direction: row;
          -webkit-flex-wrap: nowrap;
          -moz-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
          justify-content: center;
          align-items: center;
          color: white;
          font-size: 16px;
          font-family: "Gothampro", Arial, Sans-Serif;
          text-transform: uppercase;
          text-align: left; }
          @media screen and (max-width: 1520px) and (min-width: 1024px) {
            .products-block.plate .list .product .add-to-cart .cart-text {
              padding: 0 58px; } }
          @media screen and (max-width: 479px) {
            .products-block.plate .list .product .add-to-cart .cart-text {
              font-size: 14px;
              padding: 0 50px; } }
  .products-block.plate .show-more {
    width: 215px;
    height: 60px;
    color: #009277;
    font-size: 16px;
    font-family: "Gothampro", Arial, Sans-Serif;
    text-transform: uppercase;
    text-transform: uppercase;
    transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    background: white;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    margin: 20px auto 0;
    position: relative;
    border: 1px solid #d9e1e1;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; }
    @media screen and (min-width: 1024px) {
      .products-block.plate .show-more {
        display: none; } }
  @media screen and (max-width: 1023px) {
    .products-block.plate .bx-pagination {
      display: none; } }

.products-block.table {
  width: 100%;
  padding-bottom: 50px; }
  .products-block.table .list {
    padding-top: 30px;
    position: relative; }
    .products-block.table .list .product {
      height: 190px;
      position: relative;
      padding: 20px;
      margin-bottom: 32px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      border: 1px solid #d9e1e1;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: flex;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      -moz-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: nowrap;
      -moz-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      justify-content: flex-start;
      align-items: flex-start; }
      .products-block.table .list .product:hover {
        border: 1px solid #b9d1d1; }
      .products-block.table .list .product .image {
        min-width: 200px;
        max-width: 200px;
        height: 100%;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: flex-start; }
        @media screen and (max-width: 1279px) and (min-width: 1024px) {
          .products-block.table .list .product .image {
            min-width: 150px;
            max-width: 150px; } }
        @media screen and (max-width: 1023px) and (min-width: 800px) {
          .products-block.table .list .product .image {
            min-width: 175px;
            max-width: 175px; } }
        .products-block.table .list .product .image img {
          width: 100%;
          height: 100%;
          object-fit: contain; }
      .products-block.table .list .product .info {
        margin-left: 20px; }
        @media screen and (max-width: 1279px) and (min-width: 800px) {
          .products-block.table .list .product .info {
            margin-left: 10px; } }
        .products-block.table .list .product .info .topProps {
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: flex;
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          -moz-flex-direction: row;
          flex-direction: row;
          -webkit-flex-wrap: nowrap;
          -moz-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
          justify-content: flex-start;
          align-items: flex-start; }
          .products-block.table .list .product .info .topProps .top-prop {
            color: #039898;
            font-size: 12px;
            font-family: "Gothampro Bold", Arial, Sans-Serif;
            text-transform: uppercase;
            margin-right: 20px; }
            @media screen and (max-width: 479px) {
              .products-block.table .list .product .info .topProps .top-prop {
                font-size: 10px; } }
            .products-block.table .list .product .info .topProps .top-prop.GOV {
              color: #6478be; }
            .products-block.table .list .product .info .topProps .top-prop.ACTION {
              color: #ff554e; }
        .products-block.table .list .product .info .name {
          color: #075550;
          font-size: 14px;
          font-family: "Gothampro Bold", Arial, Sans-Serif;
          text-transform: uppercase;
          line-height: 20px;
          text-decoration: none;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          text-overflow: ellipsis;
          max-height: 40px;
          overflow: hidden;
          display: box;
          display: -webkit-box;
          margin-top: 15px; }
          @media screen and (max-width: 1520px) {
            .products-block.table .list .product .info .name {
              padding-right: 20px; } }
          @media screen and (max-width: 479px) {
            .products-block.table .list .product .info .name {
              font-size: 12px; } }
      .products-block.table .list .product .artnumber, .products-block.table .list .product .manufacturer {
        color: #9aaba8;
        font-size: 14px;
        font-family: "Gothampro", Arial, Sans-Serif;
        text-transform: uppercase;
        text-transform: none;
        margin-top: 13px;
        padding-right: 10px; }
        @media screen and (max-width: 479px) {
          .products-block.table .list .product .artnumber, .products-block.table .list .product .manufacturer {
            font-size: 12px; } }
      @media screen and (max-width: 479px) {
        .products-block.table .list .product .manufacturer {
          margin-top: 8px; } }
      @media screen and (max-width: 479px) {
        .products-block.table .list .product .manufacturer {
          margin-top: 3px; } }
      .products-block.table .list .product .in-stock {
        color: #039898;
        font-size: 14px;
        font-family: "Gothampro Bold", Arial, Sans-Serif;
        text-transform: uppercase;
        text-transform: none;
        margin-top: 13px; }
        @media screen and (max-width: 479px) {
          .products-block.table .list .product .in-stock {
            font-size: 12px; } }
        .products-block.table .list .product .in-stock.no-exist {
          color: #9e9e9e; }
      .products-block.table .list .product .price-and-cart {
        height: 100%;
        margin-left: auto; }
        @media screen and (min-width: 1280px) {
          .products-block.table .list .product .price-and-cart {
            min-width: 333px;
            max-width: 333px; } }
        .products-block.table .list .product .price-and-cart .prices {
          height: 50px;
          margin-top: 20px;
          margin-left: auto; }
        .products-block.table .list .product .price-and-cart .price-wrap {
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: flex;
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          -moz-flex-direction: row;
          flex-direction: row;
          -webkit-flex-wrap: nowrap;
          -moz-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
          justify-content: flex-start;
          align-items: center; }
          .products-block.table .list .product .price-and-cart .price-wrap .price {
            margin-left: auto; }
          .products-block.table .list .product .price-and-cart .price-wrap:not(.discount) {
            color: #075550;
            font-size: 24px;
            font-family: "Gothampro Bold", Arial, Sans-Serif;
            text-transform: uppercase; }
            @media screen and (max-width: 479px) {
              .products-block.table .list .product .price-and-cart .price-wrap:not(.discount) {
                font-size: 20px; } }
            .products-block.table .list .product .price-and-cart .price-wrap:not(.discount) .rub {
              font-weight: 600;
              padding-left: 5px; }
          .products-block.table .list .product .price-and-cart .price-wrap.with-disc {
            color: #e7564e;
            font-size: 24px;
            font-family: "Gothampro Bold", Arial, Sans-Serif;
            text-transform: uppercase; }
            @media screen and (max-width: 479px) {
              .products-block.table .list .product .price-and-cart .price-wrap.with-disc {
                font-size: 20px; } }
          .products-block.table .list .product .price-and-cart .price-wrap.discount {
            color: #9e9e9e;
            font-size: 16px;
            font-family: "Gothampro Medium", Arial, Sans-Serif;
            text-transform: uppercase;
            padding-top: 3px; }
            .products-block.table .list .product .price-and-cart .price-wrap.discount .rub {
              font-weight: 600;
              padding-left: 5px; }
          .products-block.table .list .product .price-and-cart .price-wrap .discount-text {
            color: #7c7c7c;
            font-size: 13px;
            font-family: "Gothampro", Arial, Sans-Serif;
            text-transform: uppercase;
            text-transform: none; }
            @media screen and (max-width: 1279px) {
              .products-block.table .list .product .price-and-cart .price-wrap .discount-text {
                display: none; } }
        .products-block.table .list .product .price-and-cart .add-to-cart {
          margin-top: 18px;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: flex;
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          -moz-flex-direction: row;
          flex-direction: row;
          -webkit-flex-wrap: nowrap;
          -moz-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
          justify-content: flex-start;
          align-items: flex-start;
          height: 60px;
          width: 100%;
          cursor: pointer;
          background: #009277;
          transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -webkit-transition: all 0.3s ease; }
          @media screen and (max-width: 1279px) {
            .products-block.table .list .product .price-and-cart .add-to-cart {
              margin-left: auto;
              width: 60px; } }
          .products-block.table .list .product .price-and-cart .add-to-cart.in-stock-empty {
            background: #9e9e9e; }
            .products-block.table .list .product .price-and-cart .add-to-cart.in-stock-empty:hover {
              background: #b2b2b2; }
            .products-block.table .list .product .price-and-cart .add-to-cart.in-stock-empty .add-to-cart-icon {
              background: url("/local/templates/main/components/uni/catalog/main/../../../../img/message-icon.svg") center no-repeat;
              background-size: 22px 16px; }
          .products-block.table .list .product .price-and-cart .add-to-cart.inCart {
            background: #ff554e; }
            .products-block.table .list .product .price-and-cart .add-to-cart.inCart:hover {
              background: #db0f00; }
            .products-block.table .list .product .price-and-cart .add-to-cart.inCart .add-to-cart-icon {
              background: url("/local/templates/main/components/uni/catalog/main/../../../../img/cart-icon-white.svg") center no-repeat;
              background-size: 21px 21px; }
          .products-block.table .list .product .price-and-cart .add-to-cart:not(.in-stock-empty):not(.inCart):hover {
            background: #075550; }
          .products-block.table .list .product .price-and-cart .add-to-cart:not(.in-stock-empty):not(.inCart) .add-to-cart-icon {
            background: url("/local/templates/main/components/uni/catalog/main/../../../../img/cart-icon-white.svg") center no-repeat;
            background-size: 21px 21px; }
          .products-block.table .list .product .price-and-cart .add-to-cart .add-to-cart-icon {
            min-width: 60px;
            max-width: 60px;
            height: 100%;
            border-right: 1px solid white; }
          .products-block.table .list .product .price-and-cart .add-to-cart .cart-text {
            -webkit-flex: 1;
            -moz-flex: 1;
            -ms-flex: 1;
            flex: 1;
            margin-left: auto;
            height: 100%;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: flex;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            -moz-flex-direction: row;
            flex-direction: row;
            -webkit-flex-wrap: nowrap;
            -moz-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            justify-content: center;
            align-items: center;
            color: white;
            font-size: 16px;
            font-family: "Gothampro", Arial, Sans-Serif;
            text-transform: uppercase;
            text-align: left; }
            @media screen and (max-width: 1279px) {
              .products-block.table .list .product .price-and-cart .add-to-cart .cart-text {
                display: none; } }
  .products-block.table .show-more {
    width: 215px;
    height: 60px;
    color: #009277;
    font-size: 16px;
    font-family: "Gothampro", Arial, Sans-Serif;
    text-transform: uppercase;
    text-transform: uppercase;
    transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    background: white;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    margin: 20px auto 0;
    position: relative;
    border: 1px solid #d9e1e1;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; }
    @media screen and (min-width: 1024px) {
      .products-block.table .show-more {
        display: none; } }
  @media screen and (max-width: 1023px) {
    .products-block.table .bx-pagination {
      display: none; } }

/*# sourceMappingURL=style.css.map */

/* End */


/* Start:/local/templates/main/components/uni/catalog/main/bitrix/catalog.section.list/.default/style.css?177797207215457*/
.sections-wrap {
  position: relative;
  width: 1440px;
  margin: 0 auto;
  padding-bottom: 90px; }
  @media screen and (max-width: 1520px) and (min-width: 1280px) {
    .sections-wrap {
      width: 1216px; } }
  @media screen and (max-width: 1279px) and (min-width: 1024px) {
    .sections-wrap {
      width: 960px; } }
  @media screen and (max-width: 1023px) and (min-width: 800px) {
    .sections-wrap {
      width: 736px; } }
  @media screen and (max-width: 799px) and (min-width: 480px) {
    .sections-wrap {
      width: 420px; } }
  @media screen and (max-width: 479px) {
    .sections-wrap {
      width: 260px; } }
  .sections-wrap .iblock-description *:not(h1) {
    color: #7c7c7c;
    font-size: 20px;
    font-family: "Gothampro", Arial, Sans-Serif;
    text-transform: uppercase;
    text-transform: none;
    line-height: 26px;
    max-width: 860px; }
    @media screen and (max-width: 799px) and (min-width: 480px) {
      .sections-wrap .iblock-description *:not(h1) {
        font-size: 18px;
        line-height: 22px; } }
    @media screen and (max-width: 479px) {
      .sections-wrap .iblock-description *:not(h1) {
        font-size: 16px;
        line-height: 20px; } }
  .sections-wrap .sections {
    margin-top: 42px;
    overflow: hidden; }
    @media screen and (min-width: 1280px) {
      .sections-wrap .sections {
        height: 500px; } }
    @media screen and (max-width: 1279px) and (min-width: 1024px) {
      .sections-wrap .sections {
        height: 555px; } }
    @media screen and (min-width: 800px) {
      .sections-wrap .sections {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start; } }
    .sections-wrap .sections .section {
      min-width: 700px;
      max-width: 700px;
      height: 100%;
      position: relative;
      text-decoration: none; }
      @media screen and (min-width: 1280px) {
        .sections-wrap .sections .section {
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: flex;
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          -moz-flex-direction: row;
          flex-direction: row;
          -webkit-flex-wrap: nowrap;
          -moz-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
          justify-content: flex-start;
          align-items: flex-start; } }
      @media screen and (max-width: 1520px) and (min-width: 1280px) {
        .sections-wrap .sections .section {
          min-width: 592px;
          max-width: 592px; } }
      @media screen and (max-width: 1279px) and (min-width: 1024px) {
        .sections-wrap .sections .section {
          min-width: 465px;
          max-width: 465px; } }
      @media screen and (max-width: 1023px) and (min-width: 800px) {
        .sections-wrap .sections .section {
          min-width: 352px;
          max-width: 352px; } }
      @media screen and (max-width: 799px) {
        .sections-wrap .sections .section {
          min-width: 100%;
          max-width: 100%;
          display: block;
          margin-bottom: 32px; } }
      .sections-wrap .sections .section:before, .sections-wrap .sections .section:after {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 50%;
        z-index: 0;
        transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease; }
        @media screen and (max-width: 1279px) and (min-width: 1024px) {
          .sections-wrap .sections .section:before, .sections-wrap .sections .section:after {
            height: 180px; } }
      .sections-wrap .sections .section:before {
        top: 0;
        background: #d6dbdf; }
        @media screen and (max-width: 1023px) and (min-width: 480px) {
          .sections-wrap .sections .section:before {
            height: 182px; } }
        @media screen and (max-width: 479px) {
          .sections-wrap .sections .section:before {
            height: 150px; } }
      .sections-wrap .sections .section:after {
        bottom: 0;
        background: #ecf0f3; }
        @media screen and (max-width: 1279px) and (min-width: 1024px) {
          .sections-wrap .sections .section:after {
            bottom: auto;
            top: 180px; } }
        @media screen and (max-width: 1023px) and (min-width: 800px) {
          .sections-wrap .sections .section:after {
            top: 182px;
            height: 155px; } }
        @media screen and (max-width: 799px) and (min-width: 480px) {
          .sections-wrap .sections .section:after {
            top: 182px;
            height: 130px; } }
        @media screen and (max-width: 479px) {
          .sections-wrap .sections .section:after {
            top: 150px;
            height: 110px; } }
      .sections-wrap .sections .section .image {
        position: relative;
        height: 100%;
        z-index: 1;
        overflow: hidden;
        -webkit-flex: 1 1 auto;
        -moz-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center; }
        @media screen and (max-width: 1279px) and (min-width: 1024px) {
          .sections-wrap .sections .section .image {
            height: 320px; } }
        @media screen and (max-width: 1279px) {
          .sections-wrap .sections .section .image {
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            -moz-flex-direction: column;
            flex-direction: column; } }
        @media screen and (max-width: 1023px) and (min-width: 480px) {
          .sections-wrap .sections .section .image {
            height: 310px; } }
        @media screen and (max-width: 479px) {
          .sections-wrap .sections .section .image {
            height: 260px; } }
        @media screen and (min-width: 1521px) {
          .sections-wrap .sections .section .image img.key-0 {
            margin: 38px 0 0 40px; } }
        @media screen and (max-width: 1520px) and (min-width: 1024px) {
          .sections-wrap .sections .section .image img.key-0 {
            width: 327px;
            margin: 15px 0 0 40px; } }
        @media screen and (max-width: 1023px) and (min-width: 480px) {
          .sections-wrap .sections .section .image img.key-0 {
            width: 289px;
            margin: 15px 0 0 5px; } }
        @media screen and (max-width: 479px) {
          .sections-wrap .sections .section .image img.key-0 {
            width: 233px;
            margin: 15px 0 0 5px; } }
        @media screen and (min-width: 1521px) {
          .sections-wrap .sections .section .image img.key-1 {
            margin: 30px 0 0 3px; } }
        @media screen and (max-width: 1520px) and (min-width: 1280px) {
          .sections-wrap .sections .section .image img.key-1 {
            width: 418px;
            margin: 55px 0 0 3px; } }
        @media screen and (max-width: 1279px) and (min-width: 1024px) {
          .sections-wrap .sections .section .image img.key-1 {
            width: 469px;
            margin: 55px 0 0 3px; } }
        @media screen and (max-width: 1023px) and (min-width: 800px) {
          .sections-wrap .sections .section .image img.key-1 {
            width: 418px;
            margin: 70px 0 0 -30px; } }
        @media screen and (max-width: 799px) and (min-width: 480px) {
          .sections-wrap .sections .section .image img.key-1 {
            width: 418px;
            margin: 60px 0 0 0; } }
        @media screen and (max-width: 479px) {
          .sections-wrap .sections .section .image img.key-1 {
            width: 323px;
            margin: 35px 0 0 -32px; } }
        .sections-wrap .sections .section .image img {
          transition: all 0.6s ease;
          -o-transition: all 0.6s ease;
          -moz-transition: all 0.6s ease;
          -webkit-transition: all 0.6s ease; }
      .sections-wrap .sections .section .info {
        position: relative;
        height: 100%;
        z-index: 1;
        min-width: 333px;
        max-width: 333px; }
        @media screen and (max-width: 1520px) and (min-width: 1280px) {
          .sections-wrap .sections .section .info {
            min-width: 280px;
            max-width: 280px; } }
        @media screen and (max-width: 1279px) {
          .sections-wrap .sections .section .info {
            min-width: 100%;
            max-width: 100%; } }
        .sections-wrap .sections .section .info .name-wrap, .sections-wrap .sections .section .info .preview-text-wrap {
          height: 50%;
          padding: 0 50px;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: flex;
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          -moz-flex-direction: row;
          flex-direction: row;
          -webkit-flex-wrap: wrap;
          -moz-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          justify-content: flex-start;
          align-items: center; }
          @media screen and (max-width: 1520px) and (min-width: 1280px) {
            .sections-wrap .sections .section .info .name-wrap, .sections-wrap .sections .section .info .preview-text-wrap {
              padding: 0 30px; } }
          @media screen and (max-width: 1279px) and (min-width: 800px) {
            .sections-wrap .sections .section .info .name-wrap, .sections-wrap .sections .section .info .preview-text-wrap {
              height: auto;
              padding: 15px 60px 15px 20px; } }
          @media screen and (max-width: 799px) {
            .sections-wrap .sections .section .info .name-wrap, .sections-wrap .sections .section .info .preview-text-wrap {
              height: auto;
              padding: 15px 20px; } }
        .sections-wrap .sections .section .info .name-wrap {
          background: #009277; }
          @media screen and (max-width: 1279px) and (min-width: 1024px) {
            .sections-wrap .sections .section .info .name-wrap {
              height: 84px; } }
          @media screen and (max-width: 1023px) and (min-width: 800px) {
            .sections-wrap .sections .section .info .name-wrap {
              height: 110px; } }
          @media screen and (max-width: 799px) and (min-width: 480px) {
            .sections-wrap .sections .section .info .name-wrap {
              height: 80px; } }
          .sections-wrap .sections .section .info .name-wrap .name {
            color: white;
            font-size: 24px;
            font-family: "Gothampro", Arial, Sans-Serif;
            text-transform: uppercase;
            line-height: 36px;
            text-decoration: none; }
            @media screen and (max-width: 1279px) and (min-width: 480px) {
              .sections-wrap .sections .section .info .name-wrap .name {
                font-size: 20px;
                line-height: 27px; } }
            @media screen and (max-width: 479px) {
              .sections-wrap .sections .section .info .name-wrap .name {
                font-size: 18px;
                line-height: 24px; } }
        .sections-wrap .sections .section .info .preview-text-wrap {
          background: #075550; }
          @media screen and (max-width: 1279px) and (min-width: 1024px) {
            .sections-wrap .sections .section .info .preview-text-wrap {
              height: 153px; } }
          @media screen and (max-width: 1279px) {
            .sections-wrap .sections .section .info .preview-text-wrap {
              align-items: flex-start; } }
          @media screen and (max-width: 1023px) and (min-width: 800px) {
            .sections-wrap .sections .section .info .preview-text-wrap {
              height: 173px; } }
          @media screen and (max-width: 799px) and (min-width: 480px) {
            .sections-wrap .sections .section .info .preview-text-wrap {
              padding: 18px 20px; } }
          @media screen and (max-width: 799px) {
            .sections-wrap .sections .section .info .preview-text-wrap {
              height: auto; } }
          .sections-wrap .sections .section .info .preview-text-wrap .preview-text {
            color: white;
            font-size: 18px;
            font-family: "Gothampro Light", Arial, Sans-Serif;
            text-transform: uppercase;
            text-transform: none;
            line-height: 20px; }
            @media screen and (max-width: 479px) {
              .sections-wrap .sections .section .info .preview-text-wrap .preview-text {
                font-size: 16px;
                line-height: 18px; } }
            .sections-wrap .sections .section .info .preview-text-wrap .preview-text * {
              color: white;
              font-size: 18px;
              font-family: "Gothampro Light", Arial, Sans-Serif;
              text-transform: uppercase;
              text-transform: none;
              line-height: 20px;
              margin: 0; }
              @media screen and (max-width: 479px) {
                .sections-wrap .sections .section .info .preview-text-wrap .preview-text * {
                  font-size: 16px;
                  line-height: 18px; } }
            .sections-wrap .sections .section .info .preview-text-wrap .preview-text ul {
              margin-top: 25px;
              padding: 0 0 0 18px; }
              @media screen and (max-width: 1279px) {
                .sections-wrap .sections .section .info .preview-text-wrap .preview-text ul {
                  margin-top: 10px; } }
              .sections-wrap .sections .section .info .preview-text-wrap .preview-text ul li {
                margin: 4px 0;
                list-style: disc; }
                .sections-wrap .sections .section .info .preview-text-wrap .preview-text ul li:before {
                  display: none; }
      .sections-wrap .sections .section:nth-child(2) .image {
        order: 1; }
      .sections-wrap .sections .section:nth-child(2) .info {
        order: 0; }
        .sections-wrap .sections .section:nth-child(2) .info .name-wrap {
          background: #039898; }
      .sections-wrap .sections .section:hover:not(.noHover):before {
        height: 100%; }
      .sections-wrap .sections .section:hover:not(.noHover):after {
        height: 0; }
      .sections-wrap .sections .section:hover:not(.noHover) .image img {
        -moz-transform: scale(1.03, 1.03);
        -webkit-transform: scale(1.03, 1.03);
        -o-transform: scale(1.03, 1.03);
        -ms-transform: scale(1.03, 1.03);
        transform: scale(1.03, 1.03); }

/*# sourceMappingURL=style.css.map */

/* End */
/* /local/templates/main/components/uni/catalog/main/style.css?177797206575962 */
/* /local/templates/main/components/uni/catalog/main/bitrix/catalog.section.list/.default/style.css?177797207215457 */
