/* Start:/local/templates/main/components/bitrix/catalog/projects/style.css?17942290717354*/
.catalog-wrap {
  width: 1800px;
  margin: 0 auto;
  padding-bottom: 60px; }
  @media screen and (max-width: 1839px) and (min-width: 1280px) {
    .catalog-wrap {
      width: 1240px; } }
  @media screen and (max-width: 1279px) and (min-width: 1023px) {
    .catalog-wrap {
      width: 904px; } }
  @media screen and (max-width: 1023px) and (min-width: 800px) {
    .catalog-wrap {
      width: 760px; } }
  @media screen and (max-width: 799px) {
    .catalog-wrap {
      width: 440px; } }
  @media screen and (max-width: 1279px) {
    .catalog-wrap {
      padding-bottom: 40px; } }

@media screen and (min-width: 1024px) {
  .filter-and-elements {
    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: 1279px) and (min-width: 1024px) {
  .filter-and-elements {
    margin-top: 10px; } }
.filter-and-elements .filter-wrap {
  min-width: 312px;
  max-width: 312px;
  margin-right: 60px; }
  @media screen and (max-width: 1839px) and (min-width: 1280px) {
    .filter-and-elements .filter-wrap {
      min-width: 295px;
      max-width: 295px;
      margin-right: 20px; } }
  @media screen and (max-width: 1279px) and (min-width: 1024px) {
    .filter-and-elements .filter-wrap {
      min-width: 288px;
      max-width: 288px;
      margin-right: 20px; } }
  @media screen and (max-width: 1023px) {
    .filter-and-elements .filter-wrap {
      min-width: 100%;
      max-width: 100%;
      margin-right: 0; } }
.filter-and-elements .elements-wrap {
  -webkit-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 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; }
  .filter-and-elements .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(10%);
    -ms-transform: translateY(10%);
    -webkit-transform: translateY(10%);
    -o-transform: translateY(10%);
    transform: translateY(10%);
    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(10%);
    -ms-transform: translateY(10%);
    -webkit-transform: translateY(10%);
    -o-transform: translateY(10%);
    transform: translateY(10%);
    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(10%);
    -ms-transform: translateY(10%);
    -webkit-transform: translateY(10%);
    -o-transform: translateY(10%);
    transform: translateY(10%);
    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(10%);
    -ms-transform: translateY(10%);
    -webkit-transform: translateY(10%);
    -o-transform: translateY(10%);
    transform: translateY(10%);
    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(10%);
    -ms-transform: translateY(10%);
    -webkit-transform: translateY(10%);
    -o-transform: translateY(10%);
    transform: translateY(10%);
    opacity: 0; } }
  .filter-and-elements .elements-wrap.fadeIn {
    -webkit-animation-name: animateContentBlockFadeIn;
    animation-name: animateContentBlockFadeIn; }
@-webkit-keyframes animateContentBlockFadeIn {
  0% {
    -moz-transform: translateY(10%);
    -ms-transform: translateY(10%);
    -webkit-transform: translateY(10%);
    -o-transform: translateY(10%);
    transform: translateY(10%);
    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(10%);
    -ms-transform: translateY(10%);
    -webkit-transform: translateY(10%);
    -o-transform: translateY(10%);
    transform: translateY(10%);
    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(10%);
    -ms-transform: translateY(10%);
    -webkit-transform: translateY(10%);
    -o-transform: translateY(10%);
    transform: translateY(10%);
    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(10%);
    -ms-transform: translateY(10%);
    -webkit-transform: translateY(10%);
    -o-transform: translateY(10%);
    transform: translateY(10%);
    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(10%);
    -ms-transform: translateY(10%);
    -webkit-transform: translateY(10%);
    -o-transform: translateY(10%);
    transform: translateY(10%);
    opacity: 0; }
  100% {
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1; } }

.smartfilter .bx_filter_parameters_box .bx_filter_block .bx_filter_parameters_box_container .bx_filter_param_label:not(.disabled):hover .checkbox{
  border-color: #5c6469;
}
/* End */


/* Start:/local/templates/main/components/bitrix/catalog/projects/bitrix/catalog.element/.default/style.css?179422907121454*/
/* SMARTFILTER */
/* SMARTFILTER */
/* PRODUCTS LIST */
/* PRODUCTS LIST */
.project-detail {
  width: 1800px;
  margin: 0 auto;
  margin-top: 70px;
  padding-bottom: 50px; }
  @media screen and (max-width: 1839px) and (min-width: 1280px) {
    .project-detail {
      width: 1240px; } }
  @media screen and (max-width: 1279px) and (min-width: 1023px) {
    .project-detail {
      width: 904px; } }
  @media screen and (max-width: 1023px) and (min-width: 800px) {
    .project-detail {
      width: 760px; } }
  @media screen and (max-width: 799px) {
    .project-detail {
      width: 440px; } }
  @media screen and (max-width: 1839px) and (min-width: 800px) {
    .project-detail {
      padding-bottom: 60px; } }
  @media screen and (max-width: 1023px) {
    .project-detail {
      margin-top: 0; } }
  .project-detail .text-and-images {
    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: 1023px) {
      .project-detail .text-and-images {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    .project-detail .text-and-images .image-wrap {
      -webkit-flex: 0 0 715px;
      -moz-flex: 0 0 715px;
      -ms-flex: 0 0 715px;
      flex: 0 0 715px;
      height: 477px;
      position: relative;
      overflow: hidden;
      background-size: cover !important;
      margin-right: 60px; }
      @media screen and (max-width: 1839px) and (min-width: 1280px) {
        .project-detail .text-and-images .image-wrap {
          -webkit-flex: 0 0 526px;
          -moz-flex: 0 0 526px;
          -ms-flex: 0 0 526px;
          flex: 0 0 526px;
          height: 352px;
          margin-right: 20px; } }
      @media screen and (max-width: 1279px) and (min-width: 1024px) {
        .project-detail .text-and-images .image-wrap {
          -webkit-flex: 0 0 422px;
          -moz-flex: 0 0 422px;
          -ms-flex: 0 0 422px;
          flex: 0 0 422px;
          height: 282px;
          margin-right: 20px; } }
      @media screen and (max-width: 1023px) {
        .project-detail .text-and-images .image-wrap {
          -webkit-box-ordinal-group: 2;
          -moz-box-ordinal-group: 2;
          -webkit-order: 1;
          -ms-flex-order: 1;
          order: 1;
          -webkit-flex: 0 0 100%;
          -moz-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
          flex: 0 0 100%; } }
      @media screen and (max-width: 1023px) and (min-width: 800px) {
        .project-detail .text-and-images .image-wrap {
          height: 540px;
          margin-top: 65px; } }
      @media screen and (max-width: 799px) {
        .project-detail .text-and-images .image-wrap {
          height: 312px;
          margin-top: 40px; } }
    .project-detail .text-and-images .bx_rt {
      -webkit-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      flex: 1; }
      @media screen and (max-width: 1023px) {
        .project-detail .text-and-images .bx_rt {
          -webkit-box-ordinal-group: 1;
          -moz-box-ordinal-group: 1;
          -webkit-order: 0;
          -ms-flex-order: 0;
          order: 0;
          -webkit-flex: 0 0 100%;
          -moz-flex: 0 0 100%;
          -ms-flex: 0 0 100%;
          flex: 0 0 100%; } }
      .project-detail .text-and-images .bx_rt h1 {
        text-transform: none !important; }
        @media screen and (min-width: 1024px) {
          .project-detail .text-and-images .bx_rt h1 {
            padding: 0 0 40px 0 !important; } }
        @media screen and (max-width: 799px) {
          .project-detail .text-and-images .bx_rt h1 {
            padding: 35px 0 30px 0 !important; } }
      .project-detail .text-and-images .bx_rt .properties .prop {
        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;
        margin-bottom: 5px; }
        .project-detail .text-and-images .bx_rt .properties .prop .name-prop {
          color: #1e2629;
          font-size: 16px;
          font-family: "Ubuntu Medium", Arial, Sans-Serif;
          text-transform: uppercase;
          word-spacing: 0.2em;
          text-transform: none;
          margin-right: 6px;
          line-height: 20px; }
        .project-detail .text-and-images .bx_rt .properties .prop .value {
          color: #1e2629;
          font-size: 16px;
          font-family: "Ubuntu Light", Arial, Sans-Serif;
          text-transform: uppercase;
          word-spacing: 0.2em;
          text-transform: none;
          line-height: 20px; }
      .project-detail .text-and-images .bx_rt .detail-text {
        margin-top: 35px;
        line-height: 20px;
        color: #1e2629;
        font-size: 16px;
        font-family: "Ubuntu Light", Arial, Sans-Serif;
        text-transform: uppercase;
        word-spacing: 0.2em;
        text-transform: none; }
        .project-detail .text-and-images .bx_rt .detail-text .text-title {
          color: #1e2629;
          font-size: 16px;
          font-family: "Ubuntu Medium", Arial, Sans-Serif;
          text-transform: uppercase;
          word-spacing: 0.2em;
          text-transform: none;
          padding-bottom: 3px; }
        .project-detail .text-and-images .bx_rt .detail-text a {
          color: #f5821f;
          font-size: 16px;
          font-family: "Ubuntu Light", Arial, Sans-Serif;
          text-transform: uppercase;
          word-spacing: 0.2em;
          text-transform: none; }
          .project-detail .text-and-images .bx_rt .detail-text a:hover:not(.noHover) {
            text-decoration: none; }
      .project-detail .text-and-images .bx_rt .products {
        margin-top: 10px; }
        .project-detail .text-and-images .bx_rt .products .text-title {
          color: #1e2629;
          font-size: 16px;
          font-family: "Ubuntu Medium", Arial, Sans-Serif;
          text-transform: uppercase;
          word-spacing: 0.2em;
          text-transform: none; }
        .project-detail .text-and-images .bx_rt .products .link {
          margin-top: 4px; }
          .project-detail .text-and-images .bx_rt .products .link a {
            display: inline-block;
            color: #f5821f;
            font-size: 16px;
            font-family: "Ubuntu Light", Arial, Sans-Serif;
            text-transform: uppercase;
            word-spacing: 0.2em;
            text-transform: none; }
            .project-detail .text-and-images .bx_rt .products .link a:hover:not(.noHover) {
              text-decoration: none; }
      .project-detail .text-and-images .bx_rt .social-links {
        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;
        margin-top: 25px; }
        @media screen and (max-width: 1279px) and (min-width: 1024px) {
          .project-detail .text-and-images .bx_rt .social-links {
            margin-top: 50px; } }
        @media screen and (max-width: 799px) {
          .project-detail .text-and-images .bx_rt .social-links {
            margin-top: 30px; } }
        .project-detail .text-and-images .bx_rt .social-links a {
          min-width: 30px;
          max-width: 30px;
          height: 30px;
          margin-right: 10px;
          cursor: pointer; }
        .project-detail .text-and-images .bx_rt .social-links .vk-share {
          background: url("/local/templates/main/components/bitrix/catalog/projects/bitrix/catalog.element/.default/../../../../../../../img/new-vk-icon.png") center no-repeat #4a76a8; }
        .project-detail .text-and-images .bx_rt .social-links .tweeter-share {
          background: url("/local/templates/main/components/bitrix/catalog/projects/bitrix/catalog.element/.default/../../../../../../../img/new-tweeter-icon.png") center no-repeat #27c2ef; }
        .project-detail .text-and-images .bx_rt .social-links .fb-share {
          background: url("/local/templates/main/components/bitrix/catalog/projects/bitrix/catalog.element/.default/../../../../../../../img/new-fb-icon.png") center no-repeat #3a6cb7; }
/*  .project-detail .buttons {
    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: 50px;
    width: 100%;
    margin-top: 45px;
    position: relative; }
    @media screen and (max-width: 1839px) and (min-width: 1280px) {
      .project-detail .buttons {
        margin-top: 115px; } }
    @media screen and (max-width: 1279px) and (min-width: 1024px) {
      .project-detail .buttons {
        margin-top: 70px; } }
    @media screen and (max-width: 1023px) and (min-width: 800px) {
      .project-detail .buttons {
        margin-top: 65px; } }
    @media screen and (max-width: 799px) {
      .project-detail .buttons {
        margin-top: 70px;
        height: 145px;
        align-items: flex-start; } }
    .project-detail .buttons a {
      text-decoration: none; }
    .project-detail .buttons .prev, .project-detail .buttons .next {
      min-height: 40px;
      position: relative;
      color: #1e2629;
      font-size: 14px;
      font-family: "Ubuntu", Arial, Sans-Serif;
      text-transform: uppercase;
      word-spacing: 0.2em;
      text-transform: none;
      -webkit-flex: 0 0 auto;
      -moz-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      -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;
      white-space: normal;
      max-width: 40%;
      line-height: 14px;
      height: 100%; }
      @media screen and (max-width: 1279px) and (min-width: 1024px) {
        .project-detail .buttons .prev, .project-detail .buttons .next {
          max-width: 38%; } }
      @media screen and (max-width: 1023px) and (min-width: 800px) {
        .project-detail .buttons .prev, .project-detail .buttons .next {
          max-width: 33%; } }
      @media screen and (max-width: 799px) {
        .project-detail .buttons .prev, .project-detail .buttons .next {
          max-width: 50%;
          max-height: 55px;
          overflow: hidden; } }
      .project-detail .buttons .prev:after, .project-detail .buttons .next:after {
        content: '';
        position: absolute;
        top: 50%;
        margin-top: -20px;
        background: url("/local/templates/main/components/bitrix/catalog/projects/bitrix/catalog.element/.default/img/pagen-arrow-left.svg") no-repeat center white;
        width: 40px;
        height: 40px;
        border: 1px solid #d8dfe2;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
    .project-detail .buttons .prev {
      padding: 0 20px 0 65px; }
      .project-detail .buttons .prev:after {
        left: 0; }
    .project-detail .buttons .next {
      padding: 0 65px 0 20px;
      text-align: right;
      margin: 0 0 0 auto; }
      .project-detail .buttons .next:after {
        right: 0;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$number);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg); }
    .project-detail .buttons .back-button {
      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;
      align-items: center;
      min-width: 160px;
      max-width: 160px;
      min-height: 50px;
      height: 50px;
      text-align: center;
      color: white;
      font-size: 16px;
      font-family: "Ubuntu", Arial, Sans-Serif;
      text-transform: uppercase;
      word-spacing: 0.2em;
      text-transform: uppercase;
      letter-spacing: .64px;
      transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      background: #5c6469;
      text-decoration: none;
      cursor: pointer;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      min-width: 250px;
      max-width: 250px;
      position: absolute;
      left: 50%;
      margin-left: -125px;
      top: 0;
      z-index: 1; }
      .project-detail .buttons .back-button:hover:not(.noHover) {
        background: #f5821f; }
      @media screen and (max-width: 799px) {
        .project-detail .buttons .back-button {
          top: auto;
          bottom: 0; } }*/

.project-share-btn{
  margin-top: 20px;
}

.project-detail .buttons {
    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: 50px;
    width: 100%;
    margin-top: 45px;
    position: relative; }
    @media screen and (max-width: 1839px) and (min-width: 1280px) {
      .project-detail .buttons {
        margin-top: 115px; } }
    @media screen and (max-width: 1279px) and (min-width: 1024px) {
      .project-detail .buttons {
        margin-top: 70px; } }
    @media screen and (max-width: 1023px) {
      .project-detail .buttons {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 65px;
        height: auto; } }
    @media screen and (max-width: 799px) {
      .project-detail .buttons {
        margin-top: 35px; } }
    .project-detail .buttons a {
      text-decoration: none; }
    .project-detail .buttons .prev, .project-detail .buttons .next {
      height: 50px;
      position: relative;
      color: #1e2629;
      font-size: 14px;
      font-family: "Ubuntu", Arial, Sans-Serif;
      text-transform: uppercase;
      word-spacing: 0.2em;
      text-transform: none;
      -webkit-flex: 0 0 auto;
      -moz-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      -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;
      white-space: normal;
      max-width: 40%;
      line-height: 16px; }
      @media screen and (max-width: 1839px) and (min-width: 1280px) {
        .project-detail .buttons .prev, .project-detail .buttons .next {
          max-width: 400px; } }
      @media screen and (max-width: 1279px) and (min-width: 1024px) {
        .project-detail .buttons .prev, .project-detail .buttons .next {
          max-width: 300px; } }
      @media screen and (max-width: 1023px) {
        .project-detail .buttons .prev, .project-detail .buttons .next {
          min-width: 100%;
          max-width: 100%;
          margin-top: 30px; } }
      .project-detail .buttons .prev:after, .project-detail .buttons .next:after {
        content: '';
        position: absolute;
        top: 50%;
        margin-top: -20px;
        background: url("/local/templates/main/components/bitrix/catalog/projects/bitrix/catalog.element/.default/img/pagen-arrow-left.svg") no-repeat center white;
        background-size: 35%;
        width: 40px;
        height: 40px;
        border: 1px solid #d8dfe2;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
    .project-detail .buttons .prev {
      padding-left: 70px; }
      @media screen and (max-width: 1023px) {
        .project-detail .buttons .prev {
          -webkit-box-ordinal-group: 2;
          -moz-box-ordinal-group: 2;
          -webkit-order: 1;
          -ms-flex-order: 1;
          order: 1;
          padding-left: 65px; } }
      @media screen and (max-width: 799px) {
        .project-detail .buttons .prev {
          margin-top: 40px; } }
      .project-detail .buttons .prev:after {
        left: 0; }
    .project-detail .buttons .next {
      padding-right: 70px;
      text-align: right;
      margin: 0 0 0 auto; }
      @media screen and (max-width: 1023px) {
        .project-detail .buttons .next {
          -webkit-box-ordinal-group: 3;
          -moz-box-ordinal-group: 3;
          -webkit-order: 2;
          -ms-flex-order: 2;
          order: 2;
          margin: 20px 0 0 0;
          text-align: left;
          padding-left: 65px;
          padding-right: 0; } }
      .project-detail .buttons .next:after {
        right: 0;
        -webkit-transform: rotate(180deg);
        /* Chrome y Safari */
        -moz-transform: rotate(180deg);
        /* Firefox */
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$number);
        /* Internet Explorer */
        -o-transform: rotate(180deg);
        /* Opera */
        -ms-transform: rotate(180deg); }
        @media screen and (max-width: 1023px) {
          .project-detail .buttons .next:after {
            right: auto;
            left: 0; } }
    .project-detail .buttons .back-button {
      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;
      align-items: center;
      min-width: 160px;
      max-width: 160px;
      min-height: 50px;
      height: 50px;
      text-align: center;
      color: white;
      font-size: 16px;
      font-family: "Ubuntu", Arial, Sans-Serif;
      text-transform: uppercase;
      word-spacing: 0.2em;
      text-transform: uppercase;
      letter-spacing: .64px;
      transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      /*background: #818689;*/
      background: #5c6469;
      text-decoration: none;
      cursor: pointer;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      min-width: 250px;
      max-width: 250px;
      position: absolute;
      left: 50%;
      margin-left: -125px;
      top: 0;
      z-index: 1; }
      .project-detail .buttons .back-button:hover:not(.noHover) {
        background: #f5821f; }
      @media screen and (max-width: 1023px) {
        .project-detail .buttons .back-button {
          -webkit-box-ordinal-group: 1;
          -moz-box-ordinal-group: 1;
          -webkit-order: 0;
          -ms-flex-order: 0;
          order: 0;
          min-width: 100%;
          max-width: 100%;
          margin-left: 0;
          position: relative;
          left: auto; } }

@media (max-width: 1023px){
  .project-detail .text-and-images .image-wrap{
    order: 0;
    margin-top: 0;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 1023px) {
  .project-detail{
    position: relative;
  }
  .project-detail .text-and-images .image-wrap.responsive{
    margin-top: 130px;
  }
  .project-detail .bx_rt h1{
    position: absolute;
    top: 0;
  }
}
/* End */
/* /local/templates/main/components/bitrix/catalog/projects/style.css?17942290717354 */
/* /local/templates/main/components/bitrix/catalog/projects/bitrix/catalog.element/.default/style.css?179422907121454 */