/* Breakpoints */
.calculator-modal {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background: #7ed321;
  overflow: visible;
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
  -webkit-transition: -webkit-transform 1s ease;
  transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease; }
  .calculator-modal .calculator-container {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    width: 100%;
    height: 100%;
    padding: 40px;
    box-sizing: border-box;
    overflow: auto; }
  .calculator-modal .main-title {
    margin-bottom: 35px;
    left: 40px;
    font-family: GloberRegular;
    font-size: 36px;
    line-height: 40px;
    color: #fff; }
  .calculator-modal .closer {
    position: absolute;
    top: 38px;
    right: 40px;
    width: 40px;
    height: 40px;
    padding: 0;
    background: none;
    border: none;
    outline: none;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
    -webkit-transform: translate3d(80px, 0, 0);
            transform: translate3d(80px, 0, 0);
    -webkit-transition: opacity 0.5s ease, -webkit-transform 1s ease;
    transition: opacity 0.5s ease, -webkit-transform 1s ease;
    transition: transform 1s ease, opacity 0.5s ease;
    transition: transform 1s ease, opacity 0.5s ease, -webkit-transform 1s ease; }
    .calculator-modal .closer span {
      position: absolute;
      display: inline-block;
      top: 50%;
      left: 50%;
      height: 2px;
      width: 40px;
      background-color: #fff;
      -webkit-transition: background 0.7s ease, -webkit-transform 0.7s ease;
      transition: background 0.7s ease, -webkit-transform 0.7s ease;
      transition: transform 0.7s ease, background 0.7s ease;
      transition: transform 0.7s ease, background 0.7s ease, -webkit-transform 0.7s ease; }
      .calculator-modal .closer span:first-child {
        -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
                transform: translate3d(-50%, -50%, 0) rotate(45deg); }
      .calculator-modal .closer span:last-child {
        -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
                transform: translate3d(-50%, -50%, 0) rotate(-45deg); }
  .calculator-modal .close {
    position: relative;
    width: 16px;
    height: 16px;
    margin: 0 0 auto auto;
    cursor: pointer;
    z-index: 5; }
    .calculator-modal .close:hover span:first-child {
      background-color: black;
      -webkit-transform: translate3d(-50%, -50%, 0) rotate(-50deg);
              transform: translate3d(-50%, -50%, 0) rotate(-50deg); }
    .calculator-modal .close:hover span:last-child {
      background-color: black;
      -webkit-transform: translate3d(-50%, -50%, 0) rotate(50deg);
              transform: translate3d(-50%, -50%, 0) rotate(50deg); }
    .calculator-modal .close span {
      position: absolute;
      top: 50%;
      left: 50%;
      height: 1px;
      width: 14px;
      background-color: #979797;
      -webkit-transition: background 0.7s ease, -webkit-transform 0.7s ease;
      transition: background 0.7s ease, -webkit-transform 0.7s ease;
      transition: transform 0.7s ease, background 0.7s ease;
      transition: transform 0.7s ease, background 0.7s ease, -webkit-transform 0.7s ease; }
      .calculator-modal .close span:first-child {
        -webkit-transform: translate3d(-50%, -50%, 0) rotate(50deg);
                transform: translate3d(-50%, -50%, 0) rotate(50deg); }
      .calculator-modal .close span:last-child {
        -webkit-transform: translate3d(-50%, -50%, 0) rotate(-50deg);
                transform: translate3d(-50%, -50%, 0) rotate(-50deg); }
  .calculator-modal .row {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    margin-top: 20px; }
    .calculator-modal .row:nth-child(n+2) {
      margin-top: 0; }
    .calculator-modal .row.enter {
      width: 100%;
      margin-top: 10px;
      padding: 2px;
      box-sizing: border-box; }
      .calculator-modal .row.enter .input-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        -webkit-flex-shrink: 1;
            -ms-flex-negative: 1;
                flex-shrink: 1;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        width: 100%;
        padding: 5px 10px;
        outline: 2px solid #9b9b9b;
        box-sizing: border-box;
        -webkit-transition: background 0.5s ease, outline 0.5s ease;
        transition: background 0.5s ease, outline 0.5s ease; }
        .calculator-modal .row.enter .input-wrapper .units {
          display: inline-block;
          height: 44px;
          -webkit-flex-shrink: 1;
              -ms-flex-negative: 1;
                  flex-shrink: 1;
          font-family: GloberRegular;
          font-size: 36px;
          line-height: 54px;
          color: rgba(255, 255, 255, 0.5);
          -webkit-transition: color 0.5s ease;
          transition: color 0.5s ease; }
        .calculator-modal .row.enter .input-wrapper input {
          -webkit-box-flex: 1;
          -webkit-flex-grow: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1;
          -webkit-flex-shrink: 1;
              -ms-flex-negative: 1;
                  flex-shrink: 1;
          width: calc(100% - 25px);
          margin-top: 8px;
          padding: 0;
          font-family: GloberRegular;
          font-size: 36px;
          color: #fff;
          background: none;
          border: none;
          outline: none;
          text-align: center;
          -webkit-transition: color 0.5s ease;
          transition: color 0.5s ease; }
          .calculator-modal .row.enter .input-wrapper input::-webkit-input-placeholder {
            color: rgba(255, 255, 255, 0.5); }
          .calculator-modal .row.enter .input-wrapper input::-moz-placeholder {
            color: rgba(255, 255, 255, 0.5); }
          .calculator-modal .row.enter .input-wrapper input:-ms-input-placeholder {
            color: rgba(255, 255, 255, 0.5); }
          .calculator-modal .row.enter .input-wrapper input::placeholder {
            color: rgba(255, 255, 255, 0.5); }
          .calculator-modal .row.enter .input-wrapper input:focus {
            outline: none; }
        .calculator-modal .row.enter .input-wrapper.error {
          background: #f41e38;
          outline: 2px solid rgba(255, 255, 255, 0); }
    .calculator-modal .row .phrase {
      margin-top: 5px;
      font-family: GloberBook;
      font-size: 12px;
      line-height: 22px;
      color: rgba(0, 0, 0, 0.6);
      text-transform: uppercase; }
  .calculator-modal .price,
  .calculator-modal .fund,
  .calculator-modal .rate,
  .calculator-modal .term {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
    .calculator-modal .price .title,
    .calculator-modal .fund .title,
    .calculator-modal .rate .title,
    .calculator-modal .term .title {
      font-family: GloberBook;
      font-size: 20px;
      line-height: 20px;
      color: #000; }
  .calculator-modal .price .row:first-child {
    margin-top: 0; }
  .calculator-modal .fund .input-wrapper:nth-child(2) {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 30%;
    margin-left: 2px; }
  .calculator-modal .rate {
    width: 70%; }
    .calculator-modal .rate .close {
      margin-right: 20px; }
  .calculator-modal .term {
    width: 30%; }
    .calculator-modal .term .row.enter {
      padding-left: 0; }
      .calculator-modal .term .row.enter .input-wrapper input {
        width: calc(100% - 75px); }
      .calculator-modal .term .row.enter .input-wrapper .units {
        font-size: 20px;
        line-height: 48px; }
  .calculator-modal .row-specific {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    margin-bottom: 40px; }
  .calculator-modal .result,
  .calculator-modal .error-phrase {
    display: inline-block;
    margin: 40px 0;
    font-family: GloberBook;
    font-size: 36px;
    line-height: 40px;
    color: #000;
    text-align: center; }
    .calculator-modal .result .nominal-price,
    .calculator-modal .result .payment,
    .calculator-modal .error-phrase .nominal-price,
    .calculator-modal .error-phrase .payment {
      color: #fff; }
  @media (max-width: 1100px) {
    .calculator-modal {
      width: 100%;
      overflow: auto; }
      .calculator-modal .calculator-container {
        height: auto;
        min-height: 100%; }
      .calculator-modal .closer {
        right: 40px;
        z-index: 2; }
        .calculator-modal .closer span {
          background-color: #fff; }
      .calculator-modal .main-title {
        max-width: calc(100% - 40px); } }
  @media (max-width: 780px) {
    .calculator-modal .calculator-container {
      padding: 20px; }
    .calculator-modal .closer {
      top: 20px;
      right: 20px; } }
  @media (max-width: 570px) {
    .calculator-modal .main-title {
      margin-top: 10px; }
    .calculator-modal .main-title,
    .calculator-modal .result,
    .calculator-modal .error-phrase {
      font-size: 24px;
      line-height: 26px; }
    .calculator-modal .calculator-container {
      padding: 10px; }
    .calculator-modal .closer {
      top: 10px;
      right: 10px; }
    .calculator-modal .row .phrase {
      font-size: 10px; }
    .calculator-modal .row.enter .input-wrapper input {
      margin-top: 8px;
      font-size: 24px;
      color: #fff; }
    .calculator-modal .row.enter .input-wrapper .units {
      height: 32px;
      font-size: 24px;
      line-height: 39px; }
    .calculator-modal .price .title, .calculator-modal .fund .title, .calculator-modal .rate .title, .calculator-modal .term .title {
      font-size: 16px; }
    .calculator-modal .rate,
    .calculator-modal .term {
      width: 50%; }
    .calculator-modal .term .row.enter .input-wrapper .units {
      line-height: 36px; }
    .calculator-modal .fund .input-wrapper:nth-child(2) {
      width: 40%; }
    .calculator-modal .row-specific {
      margin-bottom: 20px; }
    .calculator-modal .result {
      margin: 0;
      font-size: 22px;
      line-height: 24px; } }
  @media (max-width: 356px) {
    .calculator-modal .term .title {
      height: 40px; } }
/* Breakpoints */
.modal-closer {
  position: absolute;
  top: 44px;
  left: 40px;
  width: 35px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  z-index: 3; }
  .modal-closer, .modal-closer:focus {
    outline: none; }
  .modal-closer.white span {
    background-color: #fff; }
  .modal-closer.black span {
    background-color: #000; }
  .modal-closer span:first-child {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  .modal-closer span:last-child {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  .modal-closer span {
    position: absolute;
    display: block;
    top: 9px;
    left: 0;
    width: 35px;
    height: 8px;
    border-radius: 2px;
    background-color: #fff; }
  @media (max-width: 780px) {
    .modal-closer {
      top: 24px;
      left: 20px; } }
  @media (max-width: 570px) {
    .modal-closer {
      top: 14px;
      left: 10px; } }
/* Breakpoints */
.footer-details {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  left: 40px;
  bottom: 40px;
  font-family: GloberLight;
  font-size: 16px;
  line-height: 20px; }
  .footer-details a {
    text-decoration: none; }
    .footer-details a, .footer-details a:visited, .footer-details a:focus {
      color: inherit; }
    .footer-details a:hover {
      font-weight: 900; }
  @media (max-width: 780px) {
    .footer-details {
      left: 20px;
      bottom: 20px; } }
  @media (max-width: 570px) {
    .footer-details {
      display: none;
      left: 10px;
      bottom: 10px; } }
/* Breakpoints */
.footer-year {
  position: absolute;
  left: 50%;
  bottom: 40px;
  font-family: GloberLight;
  font-size: 16px;
  line-height: 20px;
  color: inherit;
  opacity: 0.4;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }
  @media (max-width: 780px) {
    .footer-year {
      bottom: 20px; } }
  @media (max-width: 570px) {
    .footer-year {
      display: none;
      left: 50%;
      bottom: 10px; } }
/* Breakpoints */
.footer-nineone {
  position: absolute;
  right: 40px;
  bottom: 40px;
  font-family: GloberLight;
  color: rgba(0, 0, 0, 0.4);
  text-align: right;
  opacity: 1; }
  .footer-nineone span {
    opacity: 0;
    -webkit-transition: opacity .6s ease-out;
    transition: opacity .6s ease-out; }
  .footer-nineone .nineone {
    opacity: 0.35;
    text-decoration: none;
    -webkit-transition: opacity .6s ease-out;
    transition: opacity .6s ease-out; }
    .footer-nineone .nineone, .footer-nineone .nineone:visited, .footer-nineone .nineone:focus {
      color: inherit; }
  .footer-nineone:hover span {
    opacity: 1; }
  .footer-nineone:hover .nineone {
    opacity: 1; }
  @media (max-width: 780px) {
    .footer-nineone {
      right: 20px;
      bottom: 20px; } }
  @media (max-width: 570px) {
    .footer-nineone {
      display: none;
      right: 10px;
      bottom: 10px; } }
/* Breakpoints */
.slider-modal {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  min-height: 100%;
  background-color: #fff;
  opacity: 0;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease; }
  .slider-modal.white {
    color: #fff; }
    .slider-modal.white .desc .line {
      background-color: #fff; }
    .slider-modal.white .footer-details,
    .slider-modal.white .footer-year,
    .slider-modal.white .footer-nineone {
      color: #fff; }
  .slider-modal, .slider-modal.black {
    color: #000; }
    .slider-modal .desc .line, .slider-modal.black .desc .line {
      background-color: #000; }
  .slider-modal .image-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 1; }
    .slider-modal .image-wrapper .image {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: transparent center center no-repeat;
      background-size: cover;
      -webkit-transition: opacity 1s ease;
      transition: opacity 1s ease; }
      .slider-modal .image-wrapper .image.transition-enter {
        opacity: 0; }
        .slider-modal .image-wrapper .image.transition-enter.transition-enter-active {
          opacity: 1; }
      .slider-modal .image-wrapper .image.transition-leave {
        opacity: 1; }
        .slider-modal .image-wrapper .image.transition-leave.transition-leave-active {
          opacity: 0; }
  .slider-modal .image {
    position: absolute;
    width: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
    background: transparent center center no-repeat;
    background-size: cover;
    opacity: 1;
    z-index: 1;
    -webkit-transition: opacity 1.5s ease;
    transition: opacity 1.5s ease; }
    .slider-modal .image.hide {
      opacity: 0;
      z-index: 0; }
  .slider-modal .skin {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.3;
    z-index: 2; }
  .slider-modal .desc {
    position: absolute;
    bottom: 230px;
    left: 40px;
    max-width: calc(100% - 40px * 2);
    z-index: 2; }
    .slider-modal .desc .line {
      position: relative;
      display: block;
      width: 35px;
      height: 8px;
      margin-bottom: 20px;
      border-radius: 2px; }
    .slider-modal .desc .text {
      position: relative;
      font-family: GloberBook;
      font-size: 30px;
      line-height: 36px;
      color: inherit;
      -webkit-transition: opacity 1s ease;
      transition: opacity 1s ease; }
  .slider-modal .footer-details,
  .slider-modal .footer-year,
  .slider-modal .footer-nineone {
    z-index: 2; }
  @media (max-width: 780px) {
    .slider-modal .desc {
      left: 40px; }
      .slider-modal .desc .text {
        font-size: 20px;
        line-height: 24px; } }
  @media (max-width: 570px) {
    .slider-modal .desc {
      left: 20px;
      bottom: 20px;
      width: calc(100% - 40px); }
      .slider-modal .desc .text {
        font-size: 16px;
        line-height: 18px; } }
/* Breakpoints */
.social-buttons,
.footer-social-buttons {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  margin: 0;
  padding: 0;
  list-style: none; }
  .social-buttons .item,
  .footer-social-buttons .item {
    position: relative;
    margin: 0 5px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #7ed321;
    box-shadow: 0 0 15px transparent;
    -webkit-transition: box-shadow 1s ease;
    transition: box-shadow 1s ease; }
    .social-buttons .item:hover,
    .footer-social-buttons .item:hover {
      box-shadow: 0 0 15px #7ed321; }
      .social-buttons .item:hover .widget,
      .footer-social-buttons .item:hover .widget {
        max-height: 9999999px;
        opacity: 1; }
    .social-buttons .item.vk .icon,
    .footer-social-buttons .item.vk .icon {
      padding: 8px; }
    .social-buttons .item.telegram .icon,
    .footer-social-buttons .item.telegram .icon {
      padding: 8px; }
    .social-buttons .item.max .icon,
    .footer-social-buttons .item.max .icon {
      padding: 8px; }
    .social-buttons .item .icon,
    .footer-social-buttons .item .icon {
      position: absolute;
      width: 100%;
      height: 100%;
      box-sizing: border-box; }
    .social-buttons .item .widget,
    .footer-social-buttons .item .widget {
      position: absolute;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      left: 50%;
      bottom: calc(100% + 10px);
      max-height: 0px;
      height: auto;
      opacity: 0;
      overflow: hidden;
      -webkit-transform: translate3d(-50%, 0, 0);
              transform: translate3d(-50%, 0, 0);
      -webkit-transition: opacity 0.5s ease, max-height 0.5s ease;
      transition: opacity 0.5s ease, max-height 0.5s ease; }
      .social-buttons .item .widget > *,
      .footer-social-buttons .item .widget > * {
        position: relative; }
      .social-buttons .item .widget .instagram-widget,
      .footer-social-buttons .item .widget .instagram-widget {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column nowrap;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
        padding: 10px 5px;
        border: 1px solid rgba(0, 0, 0, 0.0975);
        background-color: #fff; }
        .social-buttons .item .widget .instagram-widget .head,
        .footer-social-buttons .item .widget .instagram-widget .head {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-flow: row nowrap;
              -ms-flex-flow: row nowrap;
                  flex-flow: row nowrap;
          margin-bottom: 10px; }
          .social-buttons .item .widget .instagram-widget .head .icon,
          .footer-social-buttons .item .widget .instagram-widget .head .icon {
            position: relative;
            width: 40px;
            height: 40px;
            margin-right: 20px;
            padding: 0;
            margin-left: 5px;
            fill: #003569; }
          .social-buttons .item .widget .instagram-widget .head .line,
          .footer-social-buttons .item .widget .instagram-widget .head .line {
            width: 1px;
            height: 40px;
            background-color: #003569; }
          .social-buttons .item .widget .instagram-widget .head .inst_link,
          .footer-social-buttons .item .widget .instagram-widget .head .inst_link {
            margin-left: 20px;
            font-family: Circe;
            font-size: 2rem;
            line-height: 1.2;
            color: #003569; }
            .social-buttons .item .widget .instagram-widget .head .inst_link:focus, .social-buttons .item .widget .instagram-widget .head .inst_link:visited,
            .footer-social-buttons .item .widget .instagram-widget .head .inst_link:focus,
            .footer-social-buttons .item .widget .instagram-widget .head .inst_link:visited {
              color: #003569; }
        .social-buttons .item .widget .instagram-widget .instagram-images,
        .footer-social-buttons .item .widget .instagram-widget .instagram-images {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-flow: row nowrap;
              -ms-flex-flow: row nowrap;
                  flex-flow: row nowrap;
          padding-top: 10px;
          border-top: 1px solid rgba(0, 0, 0, 0.0975); }
          .social-buttons .item .widget .instagram-widget .instagram-images .image-wrapper,
          .footer-social-buttons .item .widget .instagram-widget .instagram-images .image-wrapper {
            display: -webkit-inline-box;
            display: -webkit-inline-flex;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-flex-shrink: 0;
                -ms-flex-negative: 0;
                    flex-shrink: 0;
            -webkit-box-flex: 0;
            -webkit-flex-grow: 0;
                -ms-flex-positive: 0;
                    flex-grow: 0;
            width: 100px;
            height: 100px;
            margin: 0 5px; }
            .social-buttons .item .widget .instagram-widget .instagram-images .image-wrapper img,
            .footer-social-buttons .item .widget .instagram-widget .instagram-images .image-wrapper img {
              position: relative;
              width: 100%;
              height: 100%;
              -o-object-fit: cover;
                 object-fit: cover;
              font-family: 'object-fit: cover;'; }
    .social-buttons .item .link,
    .footer-social-buttons .item .link {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0; }
  @media (max-width: 570px) {
    .social-buttons .item .widget,
    .footer-social-buttons .item .widget {
      display: none; } }

.social-buttons {
  left: 50%;
  bottom: 0;
  -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0); }
  @media (max-width: 570px) {
    .social-buttons {
      position: relative;
      left: 0;
      margin-top: 20px;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0); } }

.footer-social-buttons {
  left: 50%;
  bottom: 0;
  -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0); }
  @media (max-width: 570px) {
    .footer-social-buttons {
      left: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0); } }
/* Breakpoints */
.news-modal {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%; }
  .news-modal .animation-wrapper {
    position: relative;
    left: 50%;
    width: 50%;
    height: 100%;
    padding-bottom: 80px;
    background-color: #fff;
    box-sizing: border-box;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    -webkit-transition: -webkit-transform 1s ease;
    transition: -webkit-transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease, -webkit-transform 1s ease; }
  .news-modal .container {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 115px 40px 0 40px;
    box-sizing: border-box;
    overflow: auto; }
    .news-modal .container > *:last-child {
      padding-bottom: 40px; }
    .news-modal .container .slider {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-flex-basis: 100%;
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%;
      width: 100%;
      overflow: hidden; }
      .news-modal .container .slider .image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        opacity: 0;
        z-index: 0;
        -webkit-transition: opacity 1s ease;
        transition: opacity 1s ease; }
        .news-modal .container .slider .image.selected {
          position: relative;
          opacity: 1;
          z-index: 1; }
      .news-modal .container .slider .arrow {
        position: absolute;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column nowrap;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        top: 0;
        width: 60px;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.2);
        z-index: 2;
        cursor: pointer; }
        .news-modal .container .slider .arrow.left {
          left: 0; }
        .news-modal .container .slider .arrow.right {
          right: 0; }
          .news-modal .container .slider .arrow.right svg {
            -webkit-transform: rotate(0.5turn);
                    transform: rotate(0.5turn); }
        .news-modal .container .slider .arrow svg {
          width: 30px;
          height: 70px; }
          .news-modal .container .slider .arrow svg polygon {
            fill: #fff; }
    .news-modal .container .month,
    .news-modal .container .title,
    .news-modal .container .text {
      display: inline-block;
      -webkit-flex-basis: 100%;
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%;
      width: 100%;
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0;
      margin-top: 10px; }
    .news-modal .container .month {
      font-family: GloberLight;
      font-size: 12px;
      line-height: 1.5;
      opacity: 0.4; }
    .news-modal .container .title {
      font-family: GloberRegular;
      font-size: 36px;
      line-height: 40px;
      color: #353535; }
    .news-modal .container .text {
      font-family: GloberRegular;
      font-size: 18px;
      line-height: 1.2;
      color: #353535; }
  .news-modal .closer {
    position: absolute;
    top: 38px;
    right: calc(100% + 40px);
    width: 40px;
    height: 40px;
    padding: 0;
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
    z-index: 2;
    -webkit-transform: translate3d(200%, 0, 0);
            transform: translate3d(200%, 0, 0);
    -webkit-transition: -webkit-transform 1s ease;
    transition: -webkit-transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease, -webkit-transform 1s ease; }
    .news-modal .closer span {
      position: absolute;
      display: inline-block;
      top: 50%;
      left: 50%;
      height: 2px;
      width: 40px;
      background-color: #fff;
      -webkit-transition: background 0.7s ease, -webkit-transform 0.7s ease;
      transition: background 0.7s ease, -webkit-transform 0.7s ease;
      transition: transform 0.7s ease, background 0.7s ease;
      transition: transform 0.7s ease, background 0.7s ease, -webkit-transform 0.7s ease; }
    .news-modal .closer span:first-child {
      -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
              transform: translate3d(-50%, -50%, 0) rotate(45deg); }
    .news-modal .closer span:last-child {
      -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
              transform: translate3d(-50%, -50%, 0) rotate(-45deg); }
  .news-modal .skin {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: #000;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease; }
  .news-modal .document {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    width: 100%;
    min-height: 60px;
    height: 1px;
    margin-top: 40px;
    color: #000;
    border: 1px dotted #000;
    box-sizing: border-box; }
    .news-modal .document + .document {
      margin-top: 20px; }
    .news-modal .document .icon {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0;
      width: 35px;
      height: 35px;
      margin-left: 20px; }
      .news-modal .document .icon polygon {
        fill: #000; }
    .news-modal .document .name {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      margin: 8px 10px 0 10px;
      font-family: GloberRegular;
      font-size: 18px;
      line-height: 26px; }
    .news-modal .document .button {
      margin: 8px 20px 0 auto;
      font-family: GloberRegular;
      font-size: 18px;
      line-height: 26px;
      color: inherit;
      text-decoration: none;
      opacity: 0.2;
      cursor: pointer;
      -webkit-transition: opacity 0.5s ease;
      transition: opacity 0.5s ease; }
      .news-modal .document .button, .news-modal .document .button:visited, .news-modal .document .button:focus {
        color: inherit; }
      .news-modal .document .button:hover {
        opacity: 1; }
  .news-modal .overlay {
    position: absolute;
    bottom: 80px;
    width: 100%;
    height: 40px;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 20%, rgba(255, 255, 255, 0.75) 50%, white 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 20%, rgba(255, 255, 255, 0.75) 50%, white 100%);
    z-index: 1; }
  .news-modal .social-buttons {
    left: 40px;
    bottom: 40px;
    z-index: 2;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  @media (max-width: 780px) {
    .news-modal .animation-wrapper {
      left: 0;
      width: 100%;
      padding-bottom: 60px; }
    .news-modal .container {
      padding: 73px 20px 0 20px; }
      .news-modal .container > *:last-child {
        padding-bottom: 20px; }
      .news-modal .container .slider {
        margin-top: 60px; }
    .news-modal .closer {
      top: 73px;
      right: 16px; }
      .news-modal .closer span {
        background-color: #000; }
    .news-modal .overlay {
      bottom: 60px; }
    .news-modal .social-buttons {
      left: 20px;
      bottom: 20px; }
      .news-modal .social-buttons .item:first-child {
        margin-left: 0; }
    .news-modal .footer-nineone {
      right: 20px;
      bottom: 20px; } }
  @media (max-width: 570px) {
    .news-modal .animatin-wrapper {
      padding-bottom: 50px; }
    .news-modal .container {
      padding: 50px 10px 0 10px; }
      .news-modal .container > *:last-child {
        padding-bottom: 10px; }
      .news-modal .container .slider {
        margin-top: 50px; }
        .news-modal .container .slider .arrow {
          width: 40px; }
          .news-modal .container .slider .arrow svg {
            width: 15px;
            height: 35px; }
    .news-modal .closer {
      top: 50px;
      right: 6px; }
      .news-modal .closer span {
        background-color: #000; }
    .news-modal .overlay {
      bottom: 50px; }
    .news-modal .social-buttons {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      left: 50%;
      bottom: 10px;
      -webkit-transform: translate3d(-50%, 0, 0);
              transform: translate3d(-50%, 0, 0); }
      .news-modal .social-buttons .item:first-child {
        margin-left: 0; }
    .news-modal .footer-nineone {
      display: none; } }
/* Breakpoints */
.image-modal {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  padding: 115px 0 40px 0;
  background-color: #000;
  opacity: 0;
  box-sizing: border-box;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease; }
  .image-modal .pic-slider {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100%; }
  .image-modal .pic {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 2;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
    transition: opacity 1s ease, -webkit-transform 1s ease;
    transition: opacity 1s ease, transform 1s ease;
    transition: opacity 1s ease, transform 1s ease, -webkit-transform 1s ease; }
    .image-modal .pic + .pic {
      position: absolute;
      z-index: 1; }
    .image-modal .pic.transition-enter {
      opacity: 0;
      -webkit-transform: scale(1.5);
              transform: scale(1.5); }
    .image-modal .pic.transition-leave {
      opacity: 1;
      -webkit-transform: scale(1);
              transform: scale(1); }
      .image-modal .pic.transition-leave.transition-leave-active {
        opacity: 0;
        -webkit-transform: scale(0.5);
                transform: scale(0.5); }
    .image-modal .pic.loading {
      opacity: 0;
      -webkit-transform: scale(1.5);
              transform: scale(1.5); }
    .image-modal .pic .image {
      position: relative;
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
         object-fit: contain;
      font-family: 'object-fit: contain;'; }
  .image-modal .arrow-left,
  .image-modal .arrow-right {
    position: absolute;
    top: 0;
    width: 60px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    overflow: hidden;
    z-index: 2;
    cursor: pointer; }
    .image-modal .arrow-left svg,
    .image-modal .arrow-right svg {
      position: relative;
      top: 50%;
      left: 50%;
      width: 30px;
      height: 70px;
      margin-top: -35px;
      margin-left: -15px; }
      .image-modal .arrow-left svg polygon,
      .image-modal .arrow-right svg polygon {
        opacity: 1;
        fill: #fff; }
  .image-modal .arrow-left {
    left: 0; }
  .image-modal .arrow-right {
    right: 0;
    -webkit-transform: rotate(0.5turn);
            transform: rotate(0.5turn); }
  .image-modal .footer-details,
  .image-modal .footer-year,
  .image-modal .footer-nineone {
    color: #fff;
    z-index: 2; }
  @media (max-width: 780px) {
    .image-modal {
      padding: 73px 0 20px 0; } }
  @media (max-width: 570px) {
    .image-modal {
      padding: 50px 0 10px 0; } }
/* Breakpoints */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-height: 0;
  height: 100%;
  z-index: 998;
  overflow: hidden;
  -webkit-transition: max-height 1s ease;
  transition: max-height 1s ease; }
  .modal.show {
    max-height: 999999px; }
    .modal.show .news-modal .skin {
      opacity: 0.8; }
    .modal.show .news-modal .closer {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0); }
    .modal.show .news-modal .animation-wrapper {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0); }
    .modal.show .slider-modal {
      opacity: 1; }
    .modal.show .calculator-modal {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0); }
      .modal.show .calculator-modal .closer {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0); }
    .modal.show .image-modal {
      opacity: 1; }
  .modal .modal-container {
    position: relative;
    width: 100%;
    height: 100%; }
/* Breakpoints */
.header {
  position: fixed;
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  z-index: 999; }
  @media (min-width: 780px) {
    .header.big .logo {
      -webkit-transform: scale(1.21) translate3d(21px, 0, 0);
              transform: scale(1.21) translate3d(21px, 0, 0); }
      .header.big .logo.hidden-top {
        -webkit-transform: scale(1.21) translate3d(21px, -115px, 0);
                transform: scale(1.21) translate3d(21px, -115px, 0); }
    .header.big .phone {
      -webkit-transform: scale(1.21) translate3d(-25px, 0, 0);
              transform: scale(1.21) translate3d(-25px, 0, 0); }
      .header.big .phone.hidden-top {
        -webkit-transform: scale(1.21) translate3d(-25px, -115px, 0);
                transform: scale(1.21) translate3d(-25px, -115px, 0); }
    .header.big .favorites-link {
      -webkit-transform: scale(1.21) translate3d(-11px, 0, 0);
              transform: scale(1.21) translate3d(-11px, 0, 0); }
      .header.big .favorites-link.hidden-top {
        -webkit-transform: scale(1.21) translate3d(-11px, -115px, 0);
                transform: scale(1.21) translate3d(-11px, -115px, 0); }
    .header.big .burger {
      -webkit-transform: scale(1.21) translate3d(-4px, 0, 0);
              transform: scale(1.21) translate3d(-4px, 0, 0); }
      .header.big .burger.hidden-top {
        -webkit-transform: scale(1.21) translate3d(-4px, -115px, 0);
                transform: scale(1.21) translate3d(-4px, -115px, 0); } }
  @media (min-width: 570px) and (max-width: 780px) {
    .header.big .logo {
      -webkit-transform: scale(1.21) translate3d(10px, 0, 0);
              transform: scale(1.21) translate3d(10px, 0, 0); }
      .header.big .logo.hidden-top {
        -webkit-transform: scale(1.21) translate3d(10px, -115px, 0);
                transform: scale(1.21) translate3d(10px, -115px, 0); }
    .header.big .phone {
      -webkit-transform: scale(1.21) translate3d(-13px, 0, 0);
              transform: scale(1.21) translate3d(-13px, 0, 0); }
      .header.big .phone.hidden-top {
        -webkit-transform: scale(1.21) translate3d(-13px, -115px, 0);
                transform: scale(1.21) translate3d(-13px, -115px, 0); }
    .header.big .favorites-link {
      -webkit-transform: scale(1.21) translate3d(-11px, 0, 0);
              transform: scale(1.21) translate3d(-11px, 0, 0); }
      .header.big .favorites-link.hidden-top {
        -webkit-transform: scale(1.21) translate3d(-11px, -115px, 0);
                transform: scale(1.21) translate3d(-11px, -115px, 0); }
    .header.big .burger {
      -webkit-transform: scale(1.21) translate3d(-4px, 0, 0);
              transform: scale(1.21) translate3d(-4px, 0, 0); }
      .header.big .burger.hidden-top {
        -webkit-transform: scale(1.21) translate3d(-4px, -115px, 0);
                transform: scale(1.21) translate3d(-4px, -115px, 0); } }
  .header .head-band {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 115px;
    background: #fff;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease; }
    .header .head-band.hidden-top {
      -webkit-transform: translate3d(0, -101%, 0);
              transform: translate3d(0, -101%, 0); }
  .header .logo,
  .header .phone,
  .header .favorites-link,
  .header .burger {
    position: absolute;
    top: 40px;
    -webkit-transition: opacity 0.3s ease, color 0.5s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.3s ease, color 0.5s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.3s ease, transform 0.5s ease, color 0.5s ease;
    transition: opacity 0.3s ease, transform 0.5s ease, color 0.5s ease, -webkit-transform 0.5s ease; }
    .header .logo.hidden-top,
    .header .phone.hidden-top,
    .header .favorites-link.hidden-top,
    .header .burger.hidden-top {
      -webkit-transform: scale(1) translate3d(0, -100px, 0);
              transform: scale(1) translate3d(0, -100px, 0); }
  .header .logo {
    left: 40px;
    margin-top: 0;
    font-family: CHCLight;
    font-size: 2.25em;
    line-height: 0.778;
    text-transform: lowercase;
    text-decoration: none; }
    .header .logo, .header .logo.black {
      color: #000; }
    .header .logo.white {
      color: #fff; }
    .header .logo span {
      font-family: CHC;
      margin-left: 0.05em; }
  .header .phone {
    right: 182px;
    margin-top: 2px;
    font-family: GloberBold;
    font-size: 1.875em;
    line-height: 1.333em;
    text-decoration: none; }
    .header .phone, .header .phone.black {
      color: #000; }
    .header .phone.white {
      color: #fff; }
    .header .phone.to-right {
      -webkit-transform: translate3d(-50vw, 0, 0) translate3d(142px, 0, 0);
              transform: translate3d(-50vw, 0, 0) translate3d(142px, 0, 0); }
      .header .phone.to-right.hidden-top {
        -webkit-transform: translate3d(-50vw, 0, 0) translate3d(142px, -100px, 0);
                transform: translate3d(-50vw, 0, 0) translate3d(142px, -100px, 0); }
    .header .phone.to-left {
      -webkit-transform: translate3d(-40vw, 0, 0) translate3d(72px, 0, 0);
              transform: translate3d(-40vw, 0, 0) translate3d(72px, 0, 0); }
      .header .phone.to-left.hidden-top {
        -webkit-transform: translate3d(-40vw, 0, 0) translate3d(72px, -100px, 0);
                transform: translate3d(-40vw, 0, 0) translate3d(72px, -100px, 0); }
    .header .phone sup {
      position: absolute;
      left: -40px;
      top: 12px;
      height: 12px;
      font-size: 0.467em;
      line-height: 1; }
  .header .favorites-link {
    position: absolute;
    right: 112px;
    width: 30px;
    height: 32px;
    outline: none;
    text-decoration: none;
    overflow: visible; }
    .header .favorites-link, .header .favorites-link:visited, .header .favorites-link:focus {
      color: #fff; }
    .header .favorites-link.empty .favorites-icon {
      fill: #d2eeaa; }
    .header .favorites-link.empty .number {
      opacity: 0; }
    .header .favorites-link .favorites-icon {
      width: 100%;
      height: 100%;
      fill: #7ed321;
      -webkit-transition: fill 0.5s ease;
      transition: fill 0.5s ease; }
    .header .favorites-link .number {
      position: absolute;
      top: 40%;
      right: -5px;
      min-width: 16px;
      height: 16px;
      padding: 2px;
      font-family: GloberHeavy;
      font-size: 12px;
      line-height: 16px;
      text-align: center;
      border-radius: 8px;
      background-color: #FC233E;
      box-sizing: border-box;
      -webkit-transition: opacity 0.5s ease;
      transition: opacity 0.5s ease; }
  .header .burger {
    position: absolute;
    top: 40px;
    right: 40px;
    width: 32px;
    height: 26px;
    margin-top: 4px;
    cursor: pointer; }
    .header .burger span, .header .burger.black span {
      background-color: #000; }
    .header .burger.white span {
      background-color: #fff; }
    .header .burger.closer span:nth-child(1) {
      -webkit-transform: translate3d(0, 0px, 0) rotate(135deg);
              transform: translate3d(0, 0px, 0) rotate(135deg); }
    .header .burger.closer span:nth-child(2) {
      -webkit-transform: translate3d(0, 0px, 0) rotate(45deg);
              transform: translate3d(0, 0px, 0) rotate(45deg); }
    .header .burger.closer span:nth-child(3) {
      -webkit-transform: translate3d(0, 0px, 0) rotate(45deg);
              transform: translate3d(0, 0px, 0) rotate(45deg); }
    .header .burger span {
      position: absolute;
      display: block;
      width: 100%;
      height: 4px;
      top: 50%;
      left: 50%;
      margin: -2px 0 0 -16px;
      background-color: #fff;
      -webkit-transition: background 0.5s ease, -webkit-transform 0.5s ease;
      transition: background 0.5s ease, -webkit-transform 0.5s ease;
      transition: background 0.5s ease, transform 0.5s ease;
      transition: background 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease; }
      .header .burger span:nth-child(1) {
        -webkit-transform: translate3d(0, -9px, 0);
                transform: translate3d(0, -9px, 0); }
      .header .burger span:nth-child(2) {
        -webkit-transform: translate3d(0, 0px, 0);
                transform: translate3d(0, 0px, 0); }
      .header .burger span:nth-child(3) {
        -webkit-transform: translate3d(0, 9px, 0);
                transform: translate3d(0, 9px, 0); }
  @media (max-width: 1100px) {
    .header .phone.to-right {
      -webkit-transform: translate3d(-50vw, 0, 0) translate3d(245px, 0, 0);
              transform: translate3d(-50vw, 0, 0) translate3d(245px, 0, 0); }
      .header .phone.to-right.hidden-top {
        -webkit-transform: translate3d(-50vw, 0, 0) translate3d(245px, -100px, 0);
                transform: translate3d(-50vw, 0, 0) translate3d(245px, -100px, 0); } }
  @media (max-width: 780px) {
    .header .logo,
    .header .phone,
    .header .favorites-link,
    .header .burger {
      top: 20px; }
    .header .logo {
      top: 22px;
      left: 20px;
      font-size: 1.5em;
      line-height: 1; }
    .header .phone {
      top: 27px;
      right: 122px;
      font-size: 1.25em;
      line-height: 1; }
      .header .phone sup {
        left: -24px;
        top: 4px;
        height: 6px; }
    .header .burger {
      top: 20px;
      right: 20px;
      height: 24px; }
      .header .burger:nth-child(1) {
        -webkit-transform: translate3d(0, -8px, 0);
                transform: translate3d(0, -8px, 0); }
      .header .burger:nth-child(2) {
        -webkit-transform: translate3d(0, 0px, 0);
                transform: translate3d(0, 0px, 0); }
      .header .burger:nth-child(3) {
        -webkit-transform: translate3d(0, 8px, 0);
                transform: translate3d(0, 8px, 0); }
    .header .favorites-link {
      right: 72px; } }
  @media (max-width: 570px) {
    .header .logo,
    .header .phone,
    .header .favorites-link,
    .header .burger {
      top: 10px; }
    .header .logo {
      top: 12px;
      left: 10px; }
    .header .phone {
      top: 16px;
      right: 92px; }
    .header .burger {
      top: 10px;
      right: 10px; }
    .header .favorites-link {
      top: 10px;
      right: 52px; } }
  @media (max-width: 340px) {
    .header .phone {
      right: 52px; }
    .header .favorites-link {
      display: none; } }
/* Breakpoints */
.menu {
  position: fixed;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  top: 115px;
  right: 0;
  width: 360px;
  max-height: 0;
  height: 350px;
  margin: 0;
  padding-right: 40px;
  z-index: 1000;
  overflow: hidden;
  -webkit-transition: max-height 1.5s;
  transition: max-height 1.5s; }
  .menu.show {
    max-height: 999999px; }
    .menu.show .menu-row {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0); }
  .menu .menu-row {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-transform: translate3d(200%, 0, 0);
            transform: translate3d(200%, 0, 0);
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease; }
    .menu .menu-row:nth-child(1) {
      -webkit-transition-delay: 0.1s;
              transition-delay: 0.1s; }
    .menu .menu-row:nth-child(2) {
      -webkit-transition-delay: 0.2s;
              transition-delay: 0.2s; }
    .menu .menu-row:nth-child(3) {
      -webkit-transition-delay: 0.3s;
              transition-delay: 0.3s; }
    .menu .menu-row:nth-child(4) {
      -webkit-transition-delay: 0.4s;
              transition-delay: 0.4s; }
    .menu .menu-row:nth-child(5) {
      -webkit-transition-delay: 0.5s;
              transition-delay: 0.5s; }
    .menu .menu-row:nth-child(6) {
      -webkit-transition-delay: 0.6s;
              transition-delay: 0.6s; }
    .menu .menu-row:nth-child(7) {
      -webkit-transition-delay: 0.7s;
              transition-delay: 0.7s; }
    .menu .menu-row:nth-child(8) {
      -webkit-transition-delay: 0.8s;
              transition-delay: 0.8s; }
    .menu .menu-row:nth-child(9) {
      -webkit-transition-delay: 0.9s;
              transition-delay: 0.9s; }
    .menu .menu-row.closer-row {
      display: none;
      min-height: 52px; }
    .menu .menu-row .menu-cell {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-justify-content: space-around;
          -ms-flex-pack: distribute;
              justify-content: space-around;
      cursor: pointer;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      padding: 5px 0 0 20px;
      margin: 4px 0 0 0;
      font-family: GloberBook;
      font-weight: bold;
      font-size: 20px;
      line-height: 20px;
      color: #fff;
      text-decoration: none;
      background-color: rgba(0, 0, 0, 0.4);
      border: 3px solid;
      border-color: rgba(126, 211, 33, 0);
      overflow: hidden;
      -webkit-transition: border-color .2s ease;
      transition: border-color .2s ease; }
      .menu .menu-row .menu-cell:hover, .menu .menu-row .menu-cell.hovered {
        border-color: #7ed321; }
      .menu .menu-row .menu-cell.closer-cell {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 0;
        background-color: #000; }
    .menu .menu-row .menu-icon {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-flow: column nowrap;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 27px;
      margin: 4px 0 0 4px;
      padding: 0 20px;
      background-color: rgba(0, 0, 0, 0.4);
      border: 3px solid;
      border-color: rgba(126, 211, 33, 0);
      overflow: hidden;
      -webkit-transition: border-color .2s ease;
      transition: border-color .2s ease; }
      .menu .menu-row .menu-icon:hover {
        border-color: #7ed321; }
        .menu .menu-row .menu-icon:hover .image.white {
          opacity: 0; }
        .menu .menu-row .menu-icon:hover .image.green {
          opacity: 1; }
      .menu .menu-row .menu-icon .image {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -10.5px 0 0 -13.5px;
        width: 27px;
        height: 21px;
        -webkit-transition: opacity 0.5s ease;
        transition: opacity 0.5s ease; }
        .menu .menu-row .menu-icon .image.white {
          opacity: 1; }
        .menu .menu-row .menu-icon .image.green {
          opacity: 0; }
  .menu .burger {
    position: relative;
    display: none;
    width: 32px;
    height: 32px;
    z-index: 444;
    cursor: pointer; }
    .menu .burger span {
      position: absolute;
      display: block;
      top: 50%;
      left: 0;
      width: 100%;
      height: 6px;
      background-color: white; }
      .menu .burger span:first-child {
        -webkit-transform: translate3d(0, -50%, 0) rotate(-45deg);
                transform: translate3d(0, -50%, 0) rotate(-45deg); }
      .menu .burger span:last-child {
        -webkit-transform: translate3d(0, -50%, 0) rotate(45deg);
                transform: translate3d(0, -50%, 0) rotate(45deg); }
  @media (max-width: 780px) {
    .menu {
      top: 0;
      right: 0;
      width: 100%;
      height: 100%;
      padding-right: 0px;
      background-color: #5d5d5d; }
      .menu .menu-row.closer-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
      .menu .burger {
        display: block; } }
/* Breakpoints */
.left-side-choose {
  position: fixed;
  left: 40px;
  top: 50vh;
  z-index: 2; }
  .left-side-choose .first-item .link {
    text-decoration: underline;
    -webkit-transition: color 1s ease;
    transition: color 1s ease; }
    .left-side-choose .first-item .link, .left-side-choose .first-item .link:visited, .left-side-choose .first-item .link:focus {
      color: #fff; }
    .left-side-choose .first-item .link:hover, .left-side-choose .first-item .link:hover:visited, .left-side-choose .first-item .link:hover:focus {
      color: #7ed321; }
  .left-side-choose .text {
    font-family: GloberBook;
    font-size: 30px;
    line-height: 36px;
    color: #fff; }
    .left-side-choose .text .line {
      left: 0; }
    .left-side-choose .text .choose {
      -webkit-transition: color 1s ease;
      transition: color 1s ease; }
      .left-side-choose .text .choose.hover {
        color: #7ed321; }
      .left-side-choose .text .choose[data-tower="B"]:after {
        content: ' ';
        white-space: pre; }
  @media (max-width: 780px) {
    .left-side-choose {
      display: none; } }
/* Breakpoints */
.right-side-choose {
  position: fixed;
  right: 40px;
  top: 50vh;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0); }
  .right-side-choose .scheme {
    position: relative;
    width: 249px;
    height: 393px; }
    .right-side-choose .scheme .tower {
      fill: transparent;
      cursor: default; }
      .right-side-choose .scheme .tower polygon, .right-side-choose .scheme .tower rect {
        stroke: #fff;
        -webkit-transition: stroke 0.5s ease;
        transition: stroke 0.5s ease; }
      .right-side-choose .scheme .tower text {
        fill: #fff;
        -webkit-transition: fill 0.5s ease;
        transition: fill 0.5s ease; }
      .right-side-choose .scheme .tower.hover polygon, .right-side-choose .scheme .tower.hover rect, .right-side-choose .scheme .tower:hover polygon, .right-side-choose .scheme .tower:hover rect {
        stroke: #7ED321; }
      .right-side-choose .scheme .tower.hover text, .right-side-choose .scheme .tower:hover text {
        fill: #7ED321; }
    .right-side-choose .scheme .parking {
      stroke: #fff;
      fill: transparent; }
  .right-side-choose .text {
    text-align: right; }
    .right-side-choose .text .line {
      right: 0; }
  .right-side-choose .close-image {
    position: absolute;
    display: none;
    top: 40px;
    right: 40px;
    width: 32px;
    height: 32px;
    padding: 0;
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
    z-index: 2; }
    .right-side-choose .close-image span:first-child {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
    .right-side-choose .close-image span:last-child {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }
    .right-side-choose .close-image span {
      position: absolute;
      display: block;
      top: 12px;
      left: -1px;
      width: 34px;
      height: 8px;
      background-color: #000; }
  @media (max-width: 1200px) {
    .right-side-choose .scheme {
      width: 166px;
      height: 262px; } }
  @media (max-width: 780px) {
    .right-side-choose {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-flow: column nowrap;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%;
      background: #fff;
      overflow: auto;
      -webkit-transform: translate3d(100%, 0, 0);
              transform: translate3d(100%, 0, 0);
      -webkit-transition: -webkit-transform 1s ease;
      transition: -webkit-transform 1s ease;
      transition: transform 1s ease;
      transition: transform 1s ease, -webkit-transform 1s ease; }
      .right-side-choose.show {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0); }
      .right-side-choose .scheme {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        width: 100%;
        height: 100%;
        padding: 113px 20px 20px 20px;
        box-sizing: border-box; }
        .right-side-choose .scheme svg {
          width: 100%;
          height: 100%; }
        .right-side-choose .scheme .fill-gray {
          fill: rgba(0, 0, 0, 0.2) !important; }
        .right-side-choose .scheme .fill-black {
          fill: black !important; }
        .right-side-choose .scheme .stroke-gray {
          stroke: rgba(0, 0, 0, 0.2) !important; }
        .right-side-choose .scheme .stroke-black {
          stroke: black !important; }
        .right-side-choose .scheme .tower rect, .right-side-choose .scheme .tower polygon {
          stroke: black; }
        .right-side-choose .scheme .tower text {
          fill: black; }
        .right-side-choose .scheme .parking {
          stroke: rgba(0, 0, 0, 0.2); }
      .right-side-choose .close-image {
        display: block;
        top: 73px;
        right: 20px; } }
  @media (max-width: 570px) {
    .right-side-choose .scheme {
      padding: 90px 20px 10px 20px; }
    .right-side-choose .close-image {
      top: 50px;
      right: 10px; } }
/* Breakpoints */
.table-selector-controls {
  position: fixed;
  display: none;
  bottom: 0;
  right: 0;
  height: 80px;
  width: 100%;
  background: #7ed321;
  z-index: 442; }
  @media (max-width: 780px) {
    .table-selector-controls {
      display: block; } }
  .table-selector-controls.filters-selected .filters-button {
    opacity: 0;
    z-index: 0; }
  .table-selector-controls.filters-selected .erase-button, .table-selector-controls.filters-selected .ok-button {
    opacity: 1;
    z-index: 2; }
  .table-selector-controls .filters-button {
    opacity: 1;
    z-index: 2;
    cursor: pointer;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease; }
  .table-selector-controls .erase-button,
  .table-selector-controls .ok-button {
    opacity: 0;
    z-index: 0;
    cursor: pointer;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease; }
  .table-selector-controls .filters-button {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    box-sizing: border-box;
    z-index: 2; }
    .table-selector-controls .filters-button span {
      position: absolute;
      top: 29px;
      left: 20px;
      font-family: GloberRegular;
      font-size: 24px;
      line-height: 29px;
      color: #000; }
    .table-selector-controls .filters-button svg {
      position: absolute;
      top: 20px;
      right: 20px;
      width: 40px;
      height: 40px; }
  .table-selector-controls .erase-button,
  .table-selector-controls .ok-button {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    width: 50%;
    opacity: 0;
    z-index: 0; }
    .table-selector-controls .erase-button span,
    .table-selector-controls .ok-button span {
      display: inline-block;
      margin-top: 5px;
      font-family: GloberRegular;
      font-size: 24px;
      line-height: 29px;
      text-align: center;
      color: #000; }
  .table-selector-controls .erase-button {
    top: 0;
    left: 0; }
  .table-selector-controls .ok-button {
    top: 0;
    right: 0; }
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

/* Document
   ========================================================================== */

html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

a:active,
a:hover {
  outline-width: 0;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}
/* Breakpoints */
::-webkit-scrollbar {
  width: 0px;
  height: 0px; }

::-webkit-scrollbar-track {
  border-radius: 2px;
  background-color: rgba(126, 211, 33, 0.2); }

::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #7ed321; }

::-webkit-media-controls-panel {
  display: none !important;
  -webkit-appearance: none; }

/* Old shadow dom for play button */
::\--webkit-media-controls-play-button {
  display: none !important;
  -webkit-appearance: none; }

/* New shadow dom for play button */
/* This one works */
::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none; }

::-webkit-media-controls-overlay-play-button {
  display: none; }

input[type='number'] {
  -moz-appearance: textfield; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none; }

html {
  width: 100%;
  height: 100%; }

body {
  width: 100%;
  height: 100%;
  font-size: 16px;
  overflow: auto; }
  body.no-overflow {
    overflow: hidden; }
  body::-webkit-scrollbar {
    width: 4px;
    height: 4px; }

#root,
#layout,
.transition-wrapper {
  width: 100%; }

.transition-wrapper {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }

.wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  z-index: 1;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease; }
  .wrapper + .wrapper {
    position: absolute;
    z-index: 2; }
  .wrapper.transition-enter {
    opacity: 0; }
    .wrapper.transition-enter.transition-enter-active {
      opacity: 1; }
  .wrapper.transition-leave {
    opacity: 1; }
    .wrapper.transition-leave.transition-leave-active {
      opacity: 0; }

input[type="number"] {
  line-height: normal; }

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0; }
.letters {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease; }
  .letters.hide {
    opacity: 0; }
  .letters .b, .letters .a, .letters .u, .letters .h, .letters .s {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    top: 0;
    left: 0;
    width: 200px;
    height: auto;
    color: rgba(0, 0, 0, 0.04); }

@-webkit-keyframes letterAnimation-1 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  9.85% {
    -webkit-transform: translate3d(-200px, -50px, 0);
            transform: translate3d(-200px, -50px, 0); }
  14.63% {
    -webkit-transform: translate3d(-100px, -150px, 0);
            transform: translate3d(-100px, -150px, 0); }
  31.87% {
    -webkit-transform: translate3d(100px, 150px, 0);
            transform: translate3d(100px, 150px, 0); }
  37.23% {
    -webkit-transform: translate3d(200px, 100px, 0);
            transform: translate3d(200px, 100px, 0); }
  50.12% {
    -webkit-transform: translate3d(100px, -150px, 0);
            transform: translate3d(100px, -150px, 0); }
  67.36% {
    -webkit-transform: translate3d(-200px, 50px, 0);
            transform: translate3d(-200px, 50px, 0); }
  72.72% {
    -webkit-transform: translate3d(-150px, 150px, 0);
            transform: translate3d(-150px, 150px, 0); }
  90.13% {
    -webkit-transform: translate3d(200px, 50px, 0);
            transform: translate3d(200px, 50px, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes letterAnimation-1 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  9.85% {
    -webkit-transform: translate3d(-200px, -50px, 0);
            transform: translate3d(-200px, -50px, 0); }
  14.63% {
    -webkit-transform: translate3d(-100px, -150px, 0);
            transform: translate3d(-100px, -150px, 0); }
  31.87% {
    -webkit-transform: translate3d(100px, 150px, 0);
            transform: translate3d(100px, 150px, 0); }
  37.23% {
    -webkit-transform: translate3d(200px, 100px, 0);
            transform: translate3d(200px, 100px, 0); }
  50.12% {
    -webkit-transform: translate3d(100px, -150px, 0);
            transform: translate3d(100px, -150px, 0); }
  67.36% {
    -webkit-transform: translate3d(-200px, 50px, 0);
            transform: translate3d(-200px, 50px, 0); }
  72.72% {
    -webkit-transform: translate3d(-150px, 150px, 0);
            transform: translate3d(-150px, 150px, 0); }
  90.13% {
    -webkit-transform: translate3d(200px, 50px, 0);
            transform: translate3d(200px, 50px, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@-webkit-keyframes letterAnimation-2 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  8.33% {
    -webkit-transform: translate3d(200px, -100px, 0);
            transform: translate3d(200px, -100px, 0); }
  12.5% {
    -webkit-transform: translate3d(100px, -150px, 0);
            transform: translate3d(100px, -150px, 0); }
  25% {
    -webkit-transform: translate3d(-200px, 0, 0);
            transform: translate3d(-200px, 0, 0); }
  37.5% {
    -webkit-transform: translate3d(100px, 150px, 0);
            transform: translate3d(100px, 150px, 0); }
  41.67% {
    -webkit-transform: translate3d(200px, 100px, 0);
            transform: translate3d(200px, 100px, 0); }
  58.32% {
    -webkit-transform: translate3d(-200px, -100px, 0);
            transform: translate3d(-200px, -100px, 0); }
  62.5% {
    -webkit-transform: translate3d(-100px, -150px, 0);
            transform: translate3d(-100px, -150px, 0); }
  75% {
    -webkit-transform: translate3d(200px, 0, 0);
            transform: translate3d(200px, 0, 0); }
  87.5% {
    -webkit-transform: translate3d(-100px, 150px, 0);
            transform: translate3d(-100px, 150px, 0); }
  91.67% {
    -webkit-transform: translate3d(-200px, 100px, 0);
            transform: translate3d(-200px, 100px, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes letterAnimation-2 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  8.33% {
    -webkit-transform: translate3d(200px, -100px, 0);
            transform: translate3d(200px, -100px, 0); }
  12.5% {
    -webkit-transform: translate3d(100px, -150px, 0);
            transform: translate3d(100px, -150px, 0); }
  25% {
    -webkit-transform: translate3d(-200px, 0, 0);
            transform: translate3d(-200px, 0, 0); }
  37.5% {
    -webkit-transform: translate3d(100px, 150px, 0);
            transform: translate3d(100px, 150px, 0); }
  41.67% {
    -webkit-transform: translate3d(200px, 100px, 0);
            transform: translate3d(200px, 100px, 0); }
  58.32% {
    -webkit-transform: translate3d(-200px, -100px, 0);
            transform: translate3d(-200px, -100px, 0); }
  62.5% {
    -webkit-transform: translate3d(-100px, -150px, 0);
            transform: translate3d(-100px, -150px, 0); }
  75% {
    -webkit-transform: translate3d(200px, 0, 0);
            transform: translate3d(200px, 0, 0); }
  87.5% {
    -webkit-transform: translate3d(-100px, 150px, 0);
            transform: translate3d(-100px, 150px, 0); }
  91.67% {
    -webkit-transform: translate3d(-200px, 100px, 0);
            transform: translate3d(-200px, 100px, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@-webkit-keyframes letterAnimation-3 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  10.45% {
    -webkit-transform: translate3d(200px, 100px, 0);
            transform: translate3d(200px, 100px, 0); }
  22.37% {
    -webkit-transform: translate3d(-50px, 150px, 0);
            transform: translate3d(-50px, 150px, 0); }
  30.81% {
    -webkit-transform: translate3d(-200px, 50px, 0);
            transform: translate3d(-200px, 50px, 0); }
  51.71% {
    -webkit-transform: translate3d(200px, -150px, 0);
            transform: translate3d(200px, -150px, 0); }
  66.48% {
    -webkit-transform: translate3d(100px, 150px, 0);
            transform: translate3d(100px, 150px, 0); }
  82.16% {
    -webkit-transform: translate3d(-50px, -150px, 0);
            transform: translate3d(-50px, -150px, 0); }
  89.55% {
    -webkit-transform: translate3d(-200px, -100px, 0);
            transform: translate3d(-200px, -100px, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes letterAnimation-3 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  10.45% {
    -webkit-transform: translate3d(200px, 100px, 0);
            transform: translate3d(200px, 100px, 0); }
  22.37% {
    -webkit-transform: translate3d(-50px, 150px, 0);
            transform: translate3d(-50px, 150px, 0); }
  30.81% {
    -webkit-transform: translate3d(-200px, 50px, 0);
            transform: translate3d(-200px, 50px, 0); }
  51.71% {
    -webkit-transform: translate3d(200px, -150px, 0);
            transform: translate3d(200px, -150px, 0); }
  66.48% {
    -webkit-transform: translate3d(100px, 150px, 0);
            transform: translate3d(100px, 150px, 0); }
  82.16% {
    -webkit-transform: translate3d(-50px, -150px, 0);
            transform: translate3d(-50px, -150px, 0); }
  89.55% {
    -webkit-transform: translate3d(-200px, -100px, 0);
            transform: translate3d(-200px, -100px, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@-webkit-keyframes letterAnimation-4 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  8.33% {
    -webkit-transform: translate3d(-200px, 100px, 0);
            transform: translate3d(-200px, 100px, 0); }
  12.5% {
    -webkit-transform: translate3d(-100px, 150px, 0);
            transform: translate3d(-100px, 150px, 0); }
  25% {
    -webkit-transform: translate3d(200px, 0, 0);
            transform: translate3d(200px, 0, 0); }
  37.5% {
    -webkit-transform: translate3d(-100px, -150px, 0);
            transform: translate3d(-100px, -150px, 0); }
  41.67% {
    -webkit-transform: translate3d(-200px, -100px, 0);
            transform: translate3d(-200px, -100px, 0); }
  58.32% {
    -webkit-transform: translate3d(200px, 100px, 0);
            transform: translate3d(200px, 100px, 0); }
  62.5% {
    -webkit-transform: translate3d(100px, 150px, 0);
            transform: translate3d(100px, 150px, 0); }
  75% {
    -webkit-transform: translate3d(-200px, 0, 0);
            transform: translate3d(-200px, 0, 0); }
  87.5% {
    -webkit-transform: translate3d(100px, -150px, 0);
            transform: translate3d(100px, -150px, 0); }
  91.67% {
    -webkit-transform: translate3d(200px, -100px, 0);
            transform: translate3d(200px, -100px, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes letterAnimation-4 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  8.33% {
    -webkit-transform: translate3d(-200px, 100px, 0);
            transform: translate3d(-200px, 100px, 0); }
  12.5% {
    -webkit-transform: translate3d(-100px, 150px, 0);
            transform: translate3d(-100px, 150px, 0); }
  25% {
    -webkit-transform: translate3d(200px, 0, 0);
            transform: translate3d(200px, 0, 0); }
  37.5% {
    -webkit-transform: translate3d(-100px, -150px, 0);
            transform: translate3d(-100px, -150px, 0); }
  41.67% {
    -webkit-transform: translate3d(-200px, -100px, 0);
            transform: translate3d(-200px, -100px, 0); }
  58.32% {
    -webkit-transform: translate3d(200px, 100px, 0);
            transform: translate3d(200px, 100px, 0); }
  62.5% {
    -webkit-transform: translate3d(100px, 150px, 0);
            transform: translate3d(100px, 150px, 0); }
  75% {
    -webkit-transform: translate3d(-200px, 0, 0);
            transform: translate3d(-200px, 0, 0); }
  87.5% {
    -webkit-transform: translate3d(100px, -150px, 0);
            transform: translate3d(100px, -150px, 0); }
  91.67% {
    -webkit-transform: translate3d(200px, -100px, 0);
            transform: translate3d(200px, -100px, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }
/* Breakpoints */
.footer {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100vh;
  min-height: 400px;
  padding: 40px;
  box-sizing: border-box;
  z-index: 10; }
  .footer a {
    text-decoration: none; }
  .footer .dynamic-text {
    width: 80%;
    margin: auto;
    font-family: GloberLight;
    font-size: 36px;
    line-height: 40px;
    color: #000;
    text-align: center; }
    .footer .dynamic-text a::before, .footer .dynamic-text a::after {
      content: ' ';
      white-spacing: pre; }
    .footer .dynamic-text .self {
      position: relative;
      font-family: GloberLight;
      color: #7ed321;
      border-bottom: 1px solid transparent;
      -webkit-transition: border 0.5s ease;
      transition: border 0.5s ease; }
      .footer .dynamic-text .self:hover {
        border-bottom: 1px solid #7ed321; }
      .footer .dynamic-text .self sup {
        position: absolute;
        right: 0;
        bottom: 0;
        font-family: GloberLight;
        font-size: 20px;
        line-height: 20px;
        -webkit-transform: translate3d(50%, -30px, 0);
                transform: translate3d(50%, -30px, 0); }
    .footer .dynamic-text .connect {
      color: #7ed321;
      border-bottom: 1px solid;
      border-color: transparent;
      -webkit-transition: border-color 0.5s ease;
      transition: border-color 0.5s ease; }
      .footer .dynamic-text .connect:hover {
        border-color: #7ed321; }
  .footer .row {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%; }
    .footer .row .logo-another {
      min-width: 109px;
      width: 50%;
      min-height: 26px;
      margin-bottom: 100px;
      background: transparent top left no-repeat;
      background-size: 109px 26px;
      background-image: url(/webpack/production/static/images/logo-footer.fc55e9335ffe9102ea5946284335e950.png); }
    .footer .row .year {
      width: 50%;
      margin-bottom: 100px;
      font-family: GloberLight;
      font-size: 16px;
      line-height: 22px;
      color: #000;
      text-align: right; }
    .footer .row .details-left {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-flow: column nowrap;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap;
      font-family: GloberLight;
      font-size: 16px;
      line-height: 20px; }
      .footer .row .details-left a, .footer .row .details-left a:visited, .footer .row .details-left a:focus {
        color: #000; }
      .footer .row .details-left a:hover {
        font-weight: 900; }
    .footer .row .footer-social {
      -webkit-align-self: center;
          -ms-flex-item-align: center;
              align-self: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-flow: column nowrap;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      position: absolute;
      left: 40%;
      bottom: 0; }
      .footer .row .footer-social .social-buttons {
        position: relative !important;
        left: unset !important;
        top: unset !important;
        bottom: unset !important;
        -webkit-transform: none !important;
                transform: none !important; }
      .footer .row .footer-social .terms {
        font-size: 10px;
        opacity: 0.5;
        font-family: GloberLight;
        line-height: 10px;
        display: block;
        margin-top: 8px; }
        .footer .row .footer-social .terms, .footer .row .footer-social .terms:visited, .footer .row .footer-social .terms:focus {
          color: #000; }
    .footer .row .details-right {
      width: 300px;
      font-family: GloberLight;
      font-size: 16px;
      line-height: 20px;
      color: rgba(0, 0, 0, 0.4);
      text-align: right; }
      .footer .row .details-right span {
        opacity: 0;
        -webkit-transition: opacity 0.6s ease-out;
        transition: opacity 0.6s ease-out; }
      .footer .row .details-right .nineone {
        opacity: 0.35;
        color: black;
        -webkit-transition: opacity 0.6s ease-out;
        transition: opacity 0.6s ease-out; }
      .footer .row .details-right:hover span {
        opacity: 1; }
      .footer .row .details-right:hover .nineone {
        opacity: 1; }
  @media (max-width: 780px) {
    .footer {
      padding: 20px; }
      .footer .dynamic-text {
        font-size: 20px;
        line-height: 24px; }
        .footer .dynamic-text .self sup {
          font-size: 12px;
          -webkit-transform: translate3d(50%, -12px, 0);
                  transform: translate3d(50%, -12px, 0); } }
  @media (max-width: 570px) {
    .footer .row {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .footer .row .logo-another,
      .footer .row .year {
        margin-bottom: 40px; }
      .footer .row .details-left,
      .footer .row .links,
      .footer .row .details-right {
        width: 100%;
        text-align: center; }
      .footer .row .footer-social {
        position: relative;
        left: 0 !important; }
      .footer .row .details-right {
        margin-top: 20px; }
    .footer .links-center a {
      text-align: center; } }

.ie .footer .dynamic-text {
  margin: 0 0 100px 0; }
/* Breakpoints */
@-webkit-keyframes jumpping {
  0% {
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0); }
  40% {
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0); }
  100% {
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0); } }
@keyframes jumpping {
  0% {
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0); }
  40% {
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0); }
  100% {
    -webkit-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0); } }

.main-video {
  position: relative;
  width: 100%;
  height: 100vh;
  background-color: transparent;
  z-index: 22; }
  .main-video .title {
    position: absolute;
    bottom: 50%;
    left: 200px;
    max-width: 100%;
    -webkit-transform: translate3d(0, 50%, 0);
            transform: translate3d(0, 50%, 0); }
    .main-video .title .line {
      position: relative;
      display: block;
      width: 35px;
      height: 8px;
      margin-bottom: 20px;
      border-radius: 2px;
      background-color: #fff; }
    .main-video .title .text {
      position: relative;
      font-family: GloberBook;
      font-size: 36px;
      line-height: 43px;
      color: #fff; }
  .main-video .mini-title {
    position: absolute;
    bottom: 40px;
    left: 40px;
    font-family: GloberBook;
    font-size: 20px;
    line-height: 24px;
    margin: 0;
    font-weight: normal;
    color: #fff;
    -webkit-transform: translateZ(0);
            transform: translateZ(0); }
  .main-video .video-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; }
  .main-video .video {
    position: relative;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    font-family: 'object-fit: cover;'; }
  .main-video .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background: transparent center center no-repeat;
    background-size: cover;
    background-image: url(/webpack/production/static/images/video-preview.49f6a83177f0f7cb05c62ead29eec459.jpg);
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease; }
    .main-video .img.hide {
      opacity: 0; }
  .main-video .arrow-to-bottom {
    position: absolute;
    bottom: 15px;
    left: 50%;
    width: 47px;
    max-height: 999999;
    height: 68px;
    background: transparent center center no-repeat;
    background-size: cover;
    background-image: url(/webpack/production/static/images/arrow-bottom.10aa55e8317bc69fcd8e124246ee0fe1.png);
    opacity: 1;
    z-index: 111;
    cursor: pointer;
    -webkit-animation: jumpping 3s infinite;
            animation: jumpping 3s infinite;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
    -webkit-transition: max-height 1s ease, opacity 1s ease;
    transition: max-height 1s ease, opacity 1s ease; }
    .main-video .arrow-to-bottom.hide {
      max-height: 0;
      opacity: 0; }
  .main-video .video-controls {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 5px 10px;
    list-style: none;
    box-sizing: border-box;
    z-index: 2; }
    .main-video .video-controls .button {
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0;
      width: 40px;
      height: 40px;
      margin-right: 10px;
      border-radius: 50%;
      background-color: #7ed321;
      opacity: 0.8; }
      .main-video .video-controls .button .playpause {
        position: relative;
        width: 100%;
        height: 100%;
        padding: 0;
        background: none;
        border: none;
        outline: none; }
        .main-video .video-controls .button .playpause.playing .play {
          display: none; }
        .main-video .video-controls .button .playpause.playing .pause {
          display: block; }
        .main-video .video-controls .button .playpause svg {
          width: 100%;
          height: 100%;
          left: calc(50% + 2px); }
          .main-video .video-controls .button .playpause svg polygon {
            opacity: 1;
            fill: #fff; }
        .main-video .video-controls .button .playpause .pause {
          position: absolute;
          display: none;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
          .main-video .video-controls .button .playpause .pause div {
            position: absolute;
            width: 10%;
            height: 60%;
            top: 20%;
            background-color: #fff;
            border-radius: 1px; }
            .main-video .video-controls .button .playpause .pause div:first-child {
              left: 30%; }
            .main-video .video-controls .button .playpause .pause div:last-child {
              left: 60%; }
    .main-video .video-controls .progress {
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0;
      width: calc(100% - 50px);
      height: 8px;
      margin-right: 10px;
      border-radius: 4px;
      opacity: 0.8;
      overflow: hidden; }
      .main-video .video-controls .progress .progress-track {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        background-color: #fff; }
        .main-video .video-controls .progress .progress-track::-webkit-progress-bar {
          background-color: transparent; }
        .main-video .video-controls .progress .progress-track::-webkit-progress-value {
          background-color: #7ed321;
          -webkit-transition: width 0.5s linear;
          transition: width 0.5s linear; }
  @media (max-width: 780px) {
    .main-video {
      height: 50vw; }
      .main-video .video {
        width: 100%; }
      .main-video .title {
        bottom: -40px;
        left: 40px;
        width: calc(100% - 40px * 2);
        -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
        visibility: hidden; }
        .main-video .title .line {
          background-color: #000; }
        .main-video .title .text {
          font-family: GloberRegular;
          font-size: 20px;
          line-height: 24px;
          color: #000; }
      .main-video .mini-title {
        bottom: 20px;
        left: 20px;
        font-size: 14px;
        line-height: 18px; }
      .main-video .arrow-to-bottom {
        width: 23px;
        height: 34px; } }
  @media (max-width: 570px) {
    .main-video .title {
      bottom: -20px;
      left: 10px;
      width: calc(100% - 40px / 2); }
    .main-video .mini-title {
      bottom: 10px;
      left: 10px;
      max-width: calc(50% - 40px);
      font-size: 10px;
      line-height: 12px; } }
/* Breakpoints */
.wrapper.home {
  width: 100%; }
  .wrapper.home .block-desc {
    position: relative;
    width: 50vw;
    min-height: 30vw;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
    transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
    transition: opacity 1.5s ease, transform 1.5s ease;
    transition: opacity 1.5s ease, transform 1.5s ease, -webkit-transform 1.5s ease; }
    .wrapper.home .block-desc.animate {
      opacity: 0;
      -webkit-transform: translate3d(0, 200px, 0);
              transform: translate3d(0, 200px, 0); }
    .wrapper.home .block-desc[data-id="0"] {
      margin: 110px auto 0 100px; }
      .wrapper.home .block-desc[data-id="0"] .desc {
        margin-top: calc(30vw + 40px);
        left: 60%;
        max-width: 40vw; }
    .wrapper.home .block-desc[data-id="1"] {
      margin: 80px 40px 0 auto; }
      .wrapper.home .block-desc[data-id="1"] .desc {
        margin-top: 80px;
        left: 0;
        -webkit-transform: translate3d(-400px, 0, 0);
                transform: translate3d(-400px, 0, 0);
        width: 400px; }
    .wrapper.home .block-desc[data-id="2"] {
      margin: 180px auto 0 120px; }
      .wrapper.home .block-desc[data-id="2"] .desc {
        margin-top: -110px;
        left: 30%; }
    .wrapper.home .block-desc .image-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 30vw;
      overflow: hidden; }
      .wrapper.home .block-desc .image-wrapper .image {
        position: relative;
        width: 100%;
        height: 100%;
        cursor: pointer;
        -o-object-fit: cover;
           object-fit: cover;
        font-family: 'object-fit: cover;';
        cursor: pointer;
        -webkit-transform: scale(1);
                transform: scale(1);
        -webkit-transition: -webkit-transform 0.6s ease;
        transition: -webkit-transform 0.6s ease;
        transition: transform 0.6s ease;
        transition: transform 0.6s ease, -webkit-transform 0.6s ease; }
    .wrapper.home .block-desc:hover .image {
      -webkit-transform: scale(1.05);
              transform: scale(1.05); }
    .wrapper.home .block-desc .desc {
      position: relative;
      max-width: 100%; }
      .wrapper.home .block-desc .desc .line {
        position: relative;
        display: block;
        width: 35px;
        height: 8px;
        margin-bottom: 20px;
        border-radius: 2px;
        background-color: #000; }
      .wrapper.home .block-desc .desc .text {
        position: relative;
        font-family: GloberRegular;
        font-size: 36px;
        line-height: 43px;
        color: #000; }
      .wrapper.home .block-desc .desc .text_link {
        text-decoration: none; }
    @media (max-width: 1000px) {
      .wrapper.home .block-desc[data-id] .desc {
        margin-top: calc(30vw + 40px); }
      .wrapper.home .block-desc[data-id="0"] {
        margin: 180px auto 0 auto; }
        .wrapper.home .block-desc[data-id="0"] .desc {
          right: 0;
          left: 0;
          max-width: 100%;
          -webkit-transform: translate3d(0, 0, 0);
                  transform: translate3d(0, 0, 0); }
      .wrapper.home .block-desc[data-id="1"] {
        margin: 40px auto 0 auto; }
        .wrapper.home .block-desc[data-id="1"] .desc {
          left: 0;
          -webkit-transform: translate3d(0, 0, 0);
                  transform: translate3d(0, 0, 0); }
      .wrapper.home .block-desc[data-id="2"] {
        margin: 40px auto 150px auto; }
        .wrapper.home .block-desc[data-id="2"] .desc {
          left: 50%;
          -webkit-transform: translate3d(-50%, 0, 0);
                  transform: translate3d(-50%, 0, 0); }
      .wrapper.home .block-desc .desc .text {
        font-size: 20px;
        line-height: 24px; } }
    @media (max-width: 780px) {
      .wrapper.home .block-desc {
        width: calc(100% - 40px);
        min-height: calc((100vw - 40px) / 2); }
        .wrapper.home .block-desc .image-wrapper {
          height: calc((100vw - 40px) / 2); }
        .wrapper.home .block-desc[data-id] .desc {
          margin-top: calc(100vw * 0.5 + 40px / 2);
          right: 0;
          left: 0;
          width: 100%;
          -webkit-transform: translate3d(0, 0, 0);
                  transform: translate3d(0, 0, 0); }
        .wrapper.home .block-desc[data-id="0"] {
          margin-top: 72px; }
        .wrapper.home .block-desc[data-id="2"] {
          margin-bottom: 200px; } }
    @media (max-width: 570px) {
      .wrapper.home .block-desc {
        width: calc(100% - 20px);
        min-height: calc((100vw - 20px) / 2); }
        .wrapper.home .block-desc .image-wrapper {
          height: calc((100vw - 20px) / 2); }
        .wrapper.home .block-desc[data-id] {
          margin: 40px auto 0 auto; }
          .wrapper.home .block-desc[data-id] .desc {
            margin-top: calc(50vw + 40px / 4);
            width: calc(100% - 40px / 2); } }
/* Breakpoints */
@-webkit-keyframes pointer {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes pointer {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.information {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  top: 0;
  left: 0;
  width: calc(100% - 200px);
  margin: 50px 100px 0 100px;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease; }
  .information + .information {
    position: absolute; }
  .information.transition-enter {
    opacity: 0; }
    .information.transition-enter.transition-enter-active {
      opacity: 1; }
  .information.transition-leave {
    opacity: 1; }
    .information.transition-leave.transition-leave-active {
      opacity: 0; }
  .information .information-block .head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap; }
    .information .information-block .head .title {
      margin: 0 0 25px 0;
      font-family: GloberRegular;
      font-size: 12px;
      line-height: 15px;
      color: rgba(0, 0, 0, 0.4); }
    .information .information-block .head .tabs {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -webkit-box-flex: 1;
      -webkit-flex: auto;
          -ms-flex: auto;
              flex: auto;
      margin-bottom: 20px; }
      .information .information-block .head .tabs .tab {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        font-family: GloberRegular;
        font-size: 26px;
        line-height: 40px;
        opacity: 0.2;
        cursor: pointer;
        -webkit-transition: opacity 0.5s ease;
        transition: opacity 0.5s ease; }
        .information .information-block .head .tabs .tab.active {
          opacity: 1; }
        .information .information-block .head .tabs .tab:nth-last-child(n + 2) {
          margin-right: 40px; }
  .information .information-block .desc {
    width: 100%;
    font-family: GloberLight;
    font-size: 22px;
    line-height: 32px;
    color: #4a4a4a; }
    .information .information-block .desc span {
      display: inline-block;
      font-family: GloberBook; }
    .information .information-block .desc a {
      color: inherit;
      -webkit-transition: color 0.5s ease;
      transition: color 0.5s ease; }
      .information .information-block .desc a:focus, .information .information-block .desc a:visited {
        color: inherit; }
      .information .information-block .desc a:hover {
        color: #7ed321; }
  .information .information-block .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    width: 100%;
    margin-top: 30px; }
    .information .information-block .row.transparent span {
      font-size: 14px;
      line-height: 20px;
      opacity: 0.8; }
    .information .information-block .row .green {
      color: #95c931; }
    .information .information-block .row span {
      /* kostyl for ie */
      display: inline-block;
      width: calc(50% - 40px / 2);
      font-family: GloberLight;
      font-size: 19px;
      line-height: 30px;
      color: #4a4a4a; }
      .information .information-block .row span:last-child {
        margin-left: 40px; }
  .information .information-block .subsections-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    width: 100%;
    margin-top: 30px; }
    .information .information-block .subsections-row > div {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-flow: column nowrap;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap;
      border-bottom: 1px solid rgba(0, 0, 0, 0.25);
      padding-bottom: 16px; }
    .information .information-block .subsections-row .toggle-button {
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      font-family: GloberRegular;
      font-size: 26px;
      line-height: 40px;
      color: black;
      cursor: pointer;
      padding: 12px 0;
      box-sizing: border-box;
      border: none;
      background-color: transparent;
      box-shadow: none;
      outline: none;
      -webkit-tap-highlight-color: transparent; }
      .information .information-block .subsections-row .toggle-button:clicked {
        color: black; }
    .information .information-block .subsections-row .subsection {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-flow: column nowrap;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap; }
      .information .information-block .subsections-row .subsection .img {
        position: relative;
        width: 100%;
        max-height: 800px;
        height: auto;
        -o-object-fit: contain;
           object-fit: contain;
        -o-object-position: center center;
           object-position: center center;
        font-family: "object-fit: contain; object-position: center center;";
        margin-bottom: 20px; }
  .information .side-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 33.33333%;
    margin-bottom: 100px;
    font-family: GloberLight;
    font-size: 24px;
    line-height: 30px;
    color: #000;
    z-index: 1; }
    .information .side-block .bullet {
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0;
      width: 7px;
      height: 7px;
      border: 1px solid #000;
      border-radius: 50%;
      margin: 8px 10px 12px 0; }
    .information .side-block .title {
      margin-bottom: 20px;
      font-family: GloberRegular;
      font-size: 12px;
      line-height: 15px;
      color: rgba(0, 0, 0, 0.4); }
    .information .side-block .docs-footer {
      width: 100%;
      margin-top: 90px; }
      .information .side-block .docs-footer .eye-grey {
        width: 26px;
        height: 13px; }
      .information .side-block .docs-footer .text {
        display: inline-block;
        width: 100%;
        font-family: GloberLight;
        font-size: 12px;
        line-height: 18px;
        color: rgba(74, 74, 74, 0.7); }
    .information .side-block .items {
      position: relative;
      width: 100%;
      font-size: 22px; }
      .information .side-block .items > * {
        line-height: 32px;
        padding-bottom: 15px; }
      .information .side-block .items .item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap; }
      .information .side-block .items div.folder {
        cursor: pointer;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap; }
        .information .side-block .items div.folder > span:first-child {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-flow: row nowrap;
              -ms-flex-flow: row nowrap;
                  flex-flow: row nowrap;
          line-height: 28px;
          text-shadow: 0 0 1px transparent;
          -webkit-transition: text-shadow 1s ease;
          transition: text-shadow 1s ease; }
          .information .side-block .items div.folder > span:first-child img.folder {
            height: 14px;
            margin: 4px 4px 5px 0; }
        .information .side-block .items div.folder .folder-open span {
          text-shadow: 0 0 1px black; }
      .information .side-block .items .close-folder {
        margin-left: auto;
        font-size: 14px;
        line-height: 16px;
        color: rgba(0, 0, 0, 0.3);
        padding: 5px 0 0 30px; }
      .information .side-block .items .folder-items {
        padding-left: 21px; }
        .information .side-block .items .folder-items > * {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-flow: row nowrap;
              -ms-flex-flow: row nowrap;
                  flex-flow: row nowrap; }
      .information .side-block .items .link {
        display: inline-block;
        text-decoration: none;
        text-shadow: 0 0 1px transparent;
        -webkit-transition: text-shadow 1s ease;
        transition: text-shadow 1s ease; }
        .information .side-block .items .link, .information .side-block .items .link:visited, .information .side-block .items .link:focus {
          color: inherit; }
        .information .side-block .items .link:hover {
          text-shadow: 0 0 1px black; }
        .information .side-block .items .link .eye {
          width: auto;
          height: 15px;
          margin: auto 10px; }
  .information .images-block {
    position: relative;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    margin: 0;
    margin-top: 40px;
    padding: 0;
    list-style: none;
    overflow: hidden; }
    .information .images-block .item {
      position: relative;
      width: 12%;
      margin-top: 80px;
      margin-left: 6%; }
      .information .images-block .item:nth-child(6n + 1) {
        margin-left: 31%; }
      .information .images-block .item:nth-child(6n + 4) {
        margin-left: 40%; }
    .information .images-block .img {
      position: relative;
      width: 100%;
      max-height: 900px;
      height: auto;
      -o-object-fit: contain;
         object-fit: contain;
      -o-object-position: center center;
         object-position: center center;
      font-size: "object-fit: contain; object-position: center center;"; }
  .information .blocks-wrapper {
    width: 100%; }
    .information .blocks-wrapper .block-desc {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
          -ms-flex-align: end;
              align-items: flex-end;
      width: 100%;
      min-height: calc(100vw / 16 * 9 - 100px);
      cursor: pointer;
      overflow: hidden;
      -webkit-transition: -webkit-transform 2s ease;
      transition: -webkit-transform 2s ease;
      transition: transform 2s ease;
      transition: transform 2s ease, -webkit-transform 2s ease; }
      .information .blocks-wrapper .block-desc:first-child {
        margin-top: 40px; }
      .information .blocks-wrapper .block-desc:nth-child(5n) {
        -webkit-transform: translate3d(-10%, 0, 0) scale(0.75);
                transform: translate3d(-10%, 0, 0) scale(0.75); }
      .information .blocks-wrapper .block-desc:nth-child(5n + 1) {
        -webkit-transform: translate3d(10%, 0, 0) scale(0.75);
                transform: translate3d(10%, 0, 0) scale(0.75); }
      .information .blocks-wrapper .block-desc:nth-child(5n + 2) {
        -webkit-transform: translate3d(5%, 0, 0) scale(0.75);
                transform: translate3d(5%, 0, 0) scale(0.75); }
      .information .blocks-wrapper .block-desc:nth-child(5n + 3) {
        -webkit-transform: translate3d(0%, 0, 0) scale(0.75);
                transform: translate3d(0%, 0, 0) scale(0.75); }
      .information .blocks-wrapper .block-desc:nth-child(5n + 4) {
        -webkit-transform: translate3d(-5%, 0, 0) scale(0.75);
                transform: translate3d(-5%, 0, 0) scale(0.75); }
      .information .blocks-wrapper .block-desc:hover:not(.active) .pointer {
        opacity: 1; }
      .information .blocks-wrapper .block-desc:hover:not(.active) .image {
        -webkit-transform: translate3d(0, 0, 0) scale(1.05);
                transform: translate3d(0, 0, 0) scale(1.05); }
      .information .blocks-wrapper .block-desc.active {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
                transform: translate3d(0, 0, 0) scale(1); }
        .information .blocks-wrapper .block-desc.active .close {
          display: block;
          opacity: 1;
          cursor: pointer; }
        .information .blocks-wrapper .block-desc.active .row {
          -webkit-transform: translate3d(-100%, -100%, 0);
                  transform: translate3d(-100%, -100%, 0); }
        .information .blocks-wrapper .block-desc.active .main-desc {
          opacity: 0; }
        .information .blocks-wrapper .block-desc.active .desc {
          display: block;
          opacity: 1; }
      .information .blocks-wrapper .block-desc .skin {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.3), transparent);
        background: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent);
        opacity: 0.15; }
      .information .blocks-wrapper .block-desc .pointer {
        position: absolute;
        bottom: 40px;
        right: 40px;
        width: 40px;
        height: 40px;
        opacity: 0;
        -webkit-transition: opacity 1s ease;
        transition: opacity 1s ease; }
        .information .blocks-wrapper .block-desc .pointer img {
          width: 100%;
          height: 100%;
          -webkit-animation: pointer 2s infinite;
                  animation: pointer 2s infinite; }
      .information .blocks-wrapper .block-desc .main-desc {
        position: absolute;
        top: 50%;
        left: 40px;
        width: calc(100% - 40px * 2);
        opacity: 1;
        -webkit-transform: translate3d(0, -50%, 0);
                transform: translate3d(0, -50%, 0);
        -webkit-transition: opacity 1s ease;
        transition: opacity 1s ease; }
        .information .blocks-wrapper .block-desc .main-desc .line {
          position: relative;
          display: block;
          width: 53px;
          height: 12px;
          margin-bottom: 20px;
          border-radius: 2px;
          background-color: #fff; }
        .information .blocks-wrapper .block-desc .main-desc .text {
          position: relative;
          font-family: GloberBook;
          font-size: 54px;
          line-height: 65px;
          color: #fff; }
      .information .blocks-wrapper .block-desc .row {
        position: absolute;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
            -ms-flex-align: start;
                align-items: flex-start;
        top: 100%;
        left: 100%;
        width: 100vw;
        padding-left: 40px;
        box-sizing: border-box;
        -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
        -webkit-transition: -webkit-transform 4s ease;
        transition: -webkit-transform 4s ease;
        transition: transform 4s ease;
        transition: transform 4s ease, -webkit-transform 4s ease; }
      .information .blocks-wrapper .block-desc .desc {
        position: relative;
        padding: 40px;
        width: calc(100vw / 3);
        opacity: 0;
        box-sizing: border-box;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
        -webkit-transition: opacity 4s ease;
        transition: opacity 4s ease; }
        .information .blocks-wrapper .block-desc .desc .line {
          position: relative;
          display: block;
          width: 35px;
          height: 8px;
          margin-bottom: 20px;
          border-radius: 2px;
          background-color: #fff; }
        .information .blocks-wrapper .block-desc .desc .text {
          position: relative;
          font-family: GloberRegular;
          font-size: 24px;
          line-height: 30px;
          color: #fff;
          -webkit-transform: translate3d(0, 0, 0);
                  transform: translate3d(0, 0, 0);
          -webkit-transition: opacity 0.5s ease;
          transition: opacity 0.5s ease; }
      .information .blocks-wrapper .block-desc .pic {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
        .information .blocks-wrapper .block-desc .pic .image {
          position: relative;
          width: 100%;
          height: 100%;
          cursor: pointer;
          -o-object-fit: cover;
             object-fit: cover;
          font-family: "object-fit: cover;";
          -webkit-transform: translate3d(0, 0, 0) scale(1);
                  transform: translate3d(0, 0, 0) scale(1);
          -webkit-transition: -webkit-transform 0.6s ease;
          transition: -webkit-transform 0.6s ease;
          transition: transform 0.6s ease;
          transition: transform 0.6s ease, -webkit-transform 0.6s ease; }
  @media (max-width: 1000px) {
    .information {
      width: calc(100% - 40px * 2);
      margin: 40px; }
      .information .information-block {
        width: calc(100% / 3 * 2 - 40px);
        margin-right: 40px; }
      .information .side-block {
        margin: 40px 0; }
      .information .images-block .item {
        width: 20%;
        margin-top: 40px;
        margin-left: 10%; }
        .information .images-block .item:nth-child(6n + 1) {
          margin-left: 2.5%; }
        .information .images-block .item:nth-child(6n + 4) {
          margin-left: 17.5%; }
      .information .blocks-wrapper .block-desc {
        min-height: calc((100vw - 40px * 2) / 16 * 9); }
        .information .blocks-wrapper .block-desc .row {
          width: 100vw;
          padding-left: 0;
          box-sizing: border-box;
          -webkit-transition: -webkit-transform 3.5s ease;
          transition: -webkit-transform 3.5s ease;
          transition: transform 3.5s ease;
          transition: transform 3.5s ease, -webkit-transform 3.5s ease; }
        .information .blocks-wrapper .block-desc .desc {
          padding: 20px;
          max-width: calc(100% / 2); }
          .information .blocks-wrapper .block-desc .desc .text {
            font-size: 20px;
            line-height: 24px; }
      .information .subsections-row .img {
        max-height: 400px; } }
  @media (max-width: 780px) {
    .information {
      width: calc(100% - 40px);
      margin: 0 20px; }
      .information .information-block {
        margin-top: 40px;
        margin-right: 0; }
      .information .information-block,
      .information .side-block {
        width: 100%; }
      .information .side-block {
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        .information .side-block .bullet {
          margin: 1px 10px 0 0; }
        .information .side-block .items,
        .information .side-block .items > *,
        .information .side-block .items div.folder > span:first-child {
          font-size: 14px;
          line-height: 16px; }
        .information .side-block .items div.folder > span:first-child img.folder {
          height: 10px;
          margin: 0 8px 0 0; }
        .information .side-block .docs-footer {
          width: auto;
          margin-top: 40px; }
      .information .images-block {
        margin-top: 0; }
      .information .blocks-wrapper .block-desc {
        width: 100%;
        min-height: 80vw;
        margin: 20px 0;
        -webkit-transform: translate3d(0, 0, 0) scale(1);
                transform: translate3d(0, 0, 0) scale(1); }
        .information .blocks-wrapper .block-desc:nth-child(5n), .information .blocks-wrapper .block-desc:nth-child(5n + 1), .information .blocks-wrapper .block-desc:nth-child(5n + 2), .information .blocks-wrapper .block-desc:nth-child(5n + 3), .information .blocks-wrapper .block-desc:nth-child(5n + 4) {
          -webkit-transform: translate3d(0, 0, 0) scale(1);
                  transform: translate3d(0, 0, 0) scale(1); }
        .information .blocks-wrapper .block-desc.active {
          min-height: 80vw; }
        .information .blocks-wrapper .block-desc .row {
          width: calc(100vw - 40px);
          -webkit-transform: translate3d(-100%, 0, 0);
                  transform: translate3d(-100%, 0, 0); }
        .information .blocks-wrapper .block-desc .desc {
          padding: 20px;
          max-width: 100%;
          width: 100%; }
          .information .blocks-wrapper .block-desc .desc:first-child {
            padding-bottom: 0; }
          .information .blocks-wrapper .block-desc .desc .text {
            font-size: 14px;
            line-height: 16px; }
        .information .blocks-wrapper .block-desc .main-desc .line {
          width: 35px;
          height: 8px; }
        .information .blocks-wrapper .block-desc .main-desc .text {
          font-size: 36px;
          line-height: 43px; } }
  @media (max-width: 570px) {
    .information {
      width: calc(100% - 20px);
      margin: 0 10px; }
      .information .information-block .head .tabs .tab {
        font-size: 18px;
        line-height: 1.25; }
        .information .information-block .head .tabs .tab:nth-last-child(n + 2) {
          margin-right: 10px; }
      .information .information-block .desc {
        font-size: 18px;
        line-height: 22px; }
      .information .information-block .row {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
        .information .information-block .row span {
          max-width: none;
          width: 100%;
          font-size: 16px;
          line-height: 20px; }
          .information .information-block .row span:last-child {
            margin-top: 40px;
            margin-left: 0; }
      .information .information-block .subsections-row .toggle-button {
        font-size: 16px;
        line-height: 1.25; }
      .information .side-block {
        font-size: 18px;
        line-height: 22px; }
        .information .side-block .folder .close-folder {
          display: none; }
      .information .images-block .item {
        width: calc(50% - 10px); }
        .information .images-block .item:nth-child(odd) {
          margin: 10px 10px 0 0; }
        .information .images-block .item:nth-child(even) {
          margin: 10px 0 0 10px; }
      .information .blocks-wrapper .block-desc {
        margin: 10px 0;
        padding: 0; }
        .information .blocks-wrapper .block-desc .main-desc {
          left: 10px;
          width: calc(100% - 40px / 2); }
          .information .blocks-wrapper .block-desc .main-desc .text {
            font-size: 20px;
            line-height: 24px; }
        .information .blocks-wrapper .block-desc .row {
          width: calc(100vw - 20px); }
        .information .blocks-wrapper .block-desc .desc {
          padding: 20px;
          max-width: 100%;
          width: 100%; }
          .information .blocks-wrapper .block-desc .desc .text {
            font-size: 12px;
            line-height: 14px; } }
/* Breakpoints */
.wrapper.about .information-wrapper {
  position: relative;
  width: 100%; }

.wrapper.about .about-thumb {
  position: relative;
  width: 100%;
  min-height: 400px;
  height: calc(100vh - 180px); }
  .wrapper.about .about-thumb .pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .wrapper.about .about-thumb .pic .image {
      position: relative;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      font-family: 'object-fit: cover;'; }
/* Breakpoints */
.wrapper.news {
  width: 100%;
  background-color: #f7f7f7; }
  .wrapper.news .tabs-titles {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    width: 100%;
    margin-top: 115px;
    margin-bottom: 20px;
    padding: 0 40px;
    box-sizing: border-box; }
    .wrapper.news .tabs-titles .tab-title {
      font-family: GloberRegular;
      font-size: 24px;
      line-height: 1.5;
      opacity: 1;
      cursor: pointer;
      text-decoration: none; }
      .wrapper.news .tabs-titles .tab-title, .wrapper.news .tabs-titles .tab-title:visited, .wrapper.news .tabs-titles .tab-title:focus {
        color: #000; }
      .wrapper.news .tabs-titles .tab-title.active, .wrapper.news .tabs-titles .tab-title:hover {
        opacity: 1;
        border-bottom: 1px solid #7ed321; }
      .wrapper.news .tabs-titles .tab-title + .tab-title {
        margin-left: 30px; }
  .wrapper.news .tabs {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 100%;
    overflow: hidden; }
    .wrapper.news .tabs .tab {
      position: absolute;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-flow: column nowrap;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      top: 0;
      left: 0;
      width: 100%;
      opacity: 0;
      z-index: 0;
      -webkit-transition: opacity 0.5s ease;
      transition: opacity 0.5s ease; }
      .wrapper.news .tabs .tab.active {
        position: relative;
        opacity: 1;
        z-index: 1; }
      .wrapper.news .tabs .tab.say-about-us {
        min-height: 80vh; }
      .wrapper.news .tabs .tab.news .footer {
        min-height: none;
        height: auto; }
        .wrapper.news .tabs .tab.news .footer .dynamic-text {
          display: none; }
  .wrapper.news .month {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    width: 100%;
    padding: 0 40px;
    box-sizing: border-box; }
    .wrapper.news .month + .month {
      margin-top: 40px; }
    .wrapper.news .month .title {
      margin-bottom: 10px;
      font-family: GloberRegular;
      font-size: 12px;
      line-height: 1.5;
      text-transform: uppercase; }
    .wrapper.news .month .row {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap; }
      .wrapper.news .month .row + .row {
        margin-top: 10px; }
      .wrapper.news .month .row .breeze {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column nowrap;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
        width: calc(33.333% - 6.66667px);
        background-color: #fff; }
        .wrapper.news .month .row .breeze + .breeze {
          margin-left: 10px; }
        .wrapper.news .month .row .breeze.link {
          text-decoration: none;
          color: black;
          cursor: pointer; }
        .wrapper.news .month .row .breeze .image {
          width: 100%;
          height: calc((100vw - 100px) / 48 * 9);
          -o-object-fit: cover;
             object-fit: cover;
          font-family: 'object-fit: cover;';
          outline: 1px solid #f7f7f7;
          cursor: pointer; }
        .wrapper.news .month .row .breeze .text {
          padding: 0 10px 10px 10px;
          font-family: GloberRegular;
          font-size: 20px;
          line-height: 1.3;
          color: #000;
          cursor: pointer;
          -webkit-transition: color 0.5s ease;
          transition: color 0.5s ease; }
          .wrapper.news .month .row .breeze .text:hover {
            color: #7ed321; }
          .wrapper.news .month .row .breeze .text.about-us {
            margin-top: 8px; }
        .wrapper.news .month .row .breeze .month-title {
          width: 100%;
          padding: 10px;
          font-family: GloberLight;
          font-size: 12px;
          line-height: 1.5;
          opacity: 0.4;
          box-sizing: border-box; }
  .wrapper.news .articles-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width: calc(100% - 40px * 2);
    margin: 0 40px 40px 40px;
    padding: 40px 80px 80px 80px;
    background-color: #fff;
    box-sizing: border-box; }
    .wrapper.news .articles-container .article {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-flow: column nowrap;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      width: 20%;
      margin-top: 40px;
      margin-left: 20%;
      text-decoration: none; }
      .wrapper.news .articles-container .article:nth-child(5n + 1) {
        margin-left: 0; }
      .wrapper.news .articles-container .article:nth-child(5n) {
        margin-right: 20%; }
      .wrapper.news .articles-container .article .image {
        max-width: 100%;
        width: auto;
        max-height: 40px;
        height: auto;
        margin-bottom: 10px; }
      .wrapper.news .articles-container .article .text {
        width: 100%;
        font-family: GloberBookItalic;
        font-size: 18px;
        line-height: 1.4;
        text-align: center;
        -webkit-transition: color 0.5s ease;
        transition: color 0.5s ease; }
        .wrapper.news .articles-container .article .text, .wrapper.news .articles-container .article .text:visited, .wrapper.news .articles-container .article .text:focus {
          color: #353535; }
        .wrapper.news .articles-container .article .text:hover {
          color: #7ed321; }
  @media (max-width: 780px) {
    .wrapper.news .tabs-titles {
      margin-top: 73px;
      padding: 0 20px; }
    .wrapper.news .month {
      padding: 0 20px; }
      .wrapper.news .month + .month {
        margin-top: 20px; }
      .wrapper.news .month .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column nowrap;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap; }
        .wrapper.news .month .row .breeze {
          width: 100%; }
          .wrapper.news .month .row .breeze + .breeze {
            margin-top: 20px;
            margin-left: 0; }
          .wrapper.news .month .row .breeze .image {
            height: calc((100vw - 40px) / 16 * 9); }
    .wrapper.news .articles-container {
      width: calc(100% - 40px);
      margin: 0 20px 20px 20px;
      padding: 20px 40px 40px 40px; }
      .wrapper.news .articles-container .article {
        width: calc(50% - 10px);
        margin-top: 20px;
        margin-left: 0; }
        .wrapper.news .articles-container .article:nth-child(5n + 1), .wrapper.news .articles-container .article:nth-child(5n) {
          margin-right: 0; }
        .wrapper.news .articles-container .article:nth-child(2n + 2) {
          margin-left: 20px; } }
  @media (max-width: 570px) {
    .wrapper.news .tabs-titles {
      margin-top: 50px;
      margin-right: 10px;
      padding: 0 10px;
      overflow-y: scroll; }
      .wrapper.news .tabs-titles::-webkit-scrollbar {
        display: none; }
      .wrapper.news .tabs-titles .tab-title {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto; }
    .wrapper.news .month {
      padding: 0 10px; }
      .wrapper.news .month + .month {
        margin-top: 10px; }
      .wrapper.news .month .row .breeze + .breeze {
        margin-top: 10px; }
      .wrapper.news .month .row .breeze .image {
        height: calc((100vw - 20px) / 16 * 9); }
    .wrapper.news .articles-container {
      width: calc(100% - 20px);
      margin: 0 10px 10px 10px;
      padding: 10px 20px 20px 20px; }
      .wrapper.news .articles-container .article {
        width: 100%;
        margin-top: 10px; }
        .wrapper.news .articles-container .article:nth-child(2n + 2) {
          margin-left: 0; } }
/* Breakpoints */
.wrapper.contacts {
  width: 100%;
  min-height: 100vh; }
  .wrapper.contacts .map {
    position: relative;
    -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
            flex-shrink: 1;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 400px;
    height: 50vh; }
  .wrapper.contacts .row {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 40px 0 140px 0;
    width: 100%; }
    .wrapper.contacts .row .desc-row,
    .wrapper.contacts .row .time-row,
    .wrapper.contacts .row .name-row {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      -webkit-justify-content: space-around;
          -ms-flex-pack: distribute;
              justify-content: space-around;
      width: 100%; }
      .wrapper.contacts .row .desc-row .desc,
      .wrapper.contacts .row .desc-row .mail,
      .wrapper.contacts .row .time-row .desc,
      .wrapper.contacts .row .time-row .mail,
      .wrapper.contacts .row .name-row .desc,
      .wrapper.contacts .row .name-row .mail {
        width: 25%;
        margin: 0 40px; }
      .wrapper.contacts .row .desc-row .desc,
      .wrapper.contacts .row .time-row .desc,
      .wrapper.contacts .row .name-row .desc {
        position: relative; }
        .wrapper.contacts .row .desc-row .desc .line,
        .wrapper.contacts .row .time-row .desc .line,
        .wrapper.contacts .row .name-row .desc .line {
          position: relative;
          display: block;
          width: 35px;
          height: 6px;
          margin-bottom: 20px;
          border-radius: 2px;
          background-color: #000; }
          .wrapper.contacts .row .desc-row .desc .line.green,
          .wrapper.contacts .row .time-row .desc .line.green,
          .wrapper.contacts .row .name-row .desc .line.green {
            background-color: #7ed321; }
        .wrapper.contacts .row .desc-row .desc .phone,
        .wrapper.contacts .row .time-row .desc .phone,
        .wrapper.contacts .row .name-row .desc .phone {
          color: #000;
          text-decoration: none; }
      .wrapper.contacts .row .desc-row .mail,
      .wrapper.contacts .row .time-row .mail,
      .wrapper.contacts .row .name-row .mail {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column nowrap;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap; }
        .wrapper.contacts .row .desc-row .mail a,
        .wrapper.contacts .row .time-row .mail a,
        .wrapper.contacts .row .name-row .mail a {
          margin-top: 26px;
          color: inherit;
          text-decoration: underline;
          -webkit-transition: color 0.5s ease;
          transition: color 0.5s ease; }
          .wrapper.contacts .row .desc-row .mail a:focus, .wrapper.contacts .row .desc-row .mail a:visited,
          .wrapper.contacts .row .time-row .mail a:focus,
          .wrapper.contacts .row .time-row .mail a:visited,
          .wrapper.contacts .row .name-row .mail a:focus,
          .wrapper.contacts .row .name-row .mail a:visited {
            color: inherit; }
          .wrapper.contacts .row .desc-row .mail a:hover,
          .wrapper.contacts .row .time-row .mail a:hover,
          .wrapper.contacts .row .name-row .mail a:hover {
            color: #7ed321; }
    .wrapper.contacts .row .desc-row {
      font-family: GloberBook;
      font-size: 36px;
      line-height: 43px;
      color: #000; }
      .wrapper.contacts .row .desc-row .link {
        color: #000; }
    .wrapper.contacts .row .time-row {
      width: 100%;
      margin-top: 10px;
      opacity: 1;
      font-family: GloberBook;
      font-size: 16px;
      line-height: 20px;
      text-transform: uppercase; }
    .wrapper.contacts .row .name-row {
      margin-top: 20px;
      font-family: GloberLight;
      font-size: 16px;
      opacity: 0.4; }
      .wrapper.contacts .row .name-row > * {
        text-transform: uppercase; }
  .wrapper.contacts .internal-link {
    color: #000;
    -webkit-transition: color 0.5s ease;
    transition: color 0.5s ease; }
    .wrapper.contacts .internal-link:focus, .wrapper.contacts .internal-link:visited {
      color: #000; }
    .wrapper.contacts .internal-link:hover {
      color: #7ed321; }
  .wrapper.contacts .footer-social-buttons {
    bottom: 40px; }
  @media (max-width: 1440px) {
    .wrapper.contacts .row .desc-row .desc, .wrapper.contacts .row .desc-row .mail, .wrapper.contacts .row .time-row .desc, .wrapper.contacts .row .time-row .mail, .wrapper.contacts .row .name-row .desc, .wrapper.contacts .row .name-row .mail {
      width: 50%;
      margin: 0 20px; }
      .wrapper.contacts .row .desc-row .desc:first-child, .wrapper.contacts .row .desc-row .mail:first-child, .wrapper.contacts .row .time-row .desc:first-child, .wrapper.contacts .row .time-row .mail:first-child, .wrapper.contacts .row .name-row .desc:first-child, .wrapper.contacts .row .name-row .mail:first-child {
        margin-left: 40px; }
      .wrapper.contacts .row .desc-row .desc:last-child, .wrapper.contacts .row .desc-row .mail:last-child, .wrapper.contacts .row .time-row .desc:last-child, .wrapper.contacts .row .time-row .mail:last-child, .wrapper.contacts .row .name-row .desc:last-child, .wrapper.contacts .row .name-row .mail:last-child {
        margin-right: 40px; } }
  @media (max-width: 1000px) {
    .wrapper.contacts .row .desc-row {
      font-size: 22px;
      line-height: 28px; }
    .wrapper.contacts .row .time-row {
      font-size: 14px;
      line-height: 16px; }
    .wrapper.contacts .row .name-row {
      font-size: 12px;
      line-height: 16px; } }
  @media (max-width: 780px) {
    .wrapper.contacts .row {
      padding: 20px 0 120px 0; }
      .wrapper.contacts .row .desc-row {
        font-size: 16px;
        line-height: 20px; }
      .wrapper.contacts .row .time-row, .wrapper.contacts .row .name-row {
        font-size: 12px;
        line-height: 14px; }
    .wrapper.contacts .footer-social-buttons {
      bottom: 40px; } }
  @media (max-width: 570px) {
    .wrapper.contacts .row {
      -webkit-align-self: flex-end;
          -ms-flex-item-align: end;
              align-self: flex-end;
      padding: 20px 0 160px 0; }
      .wrapper.contacts .row .desc-row .desc, .wrapper.contacts .row .desc-row .mail, .wrapper.contacts .row .time-row .desc, .wrapper.contacts .row .time-row .mail, .wrapper.contacts .row .name-row .desc, .wrapper.contacts .row .name-row .mail {
        margin: 0 20px;
        width: calc(50% - 40px); }
        .wrapper.contacts .row .desc-row .desc:first-child, .wrapper.contacts .row .desc-row .mail:first-child, .wrapper.contacts .row .time-row .desc:first-child, .wrapper.contacts .row .time-row .mail:first-child, .wrapper.contacts .row .name-row .desc:first-child, .wrapper.contacts .row .name-row .mail:first-child {
          margin-left: 20px; }
        .wrapper.contacts .row .desc-row .desc:last-child, .wrapper.contacts .row .desc-row .mail:last-child, .wrapper.contacts .row .time-row .desc:last-child, .wrapper.contacts .row .time-row .mail:last-child, .wrapper.contacts .row .name-row .desc:last-child, .wrapper.contacts .row .name-row .mail:last-child {
          margin-right: 20px; }
      .wrapper.contacts .row .desc-row .desc .line, .wrapper.contacts .row .time-row .desc .line, .wrapper.contacts .row .name-row .desc .line {
        width: 18px;
        height: 4px; }
      .wrapper.contacts .row .desc-row .mail a, .wrapper.contacts .row .time-row .mail a, .wrapper.contacts .row .name-row .mail a {
        margin-top: 22px; }
    .wrapper.contacts .footer-details,
    .wrapper.contacts .footer-nineone {
      bottom: 80px; }
    .wrapper.contacts .footer-details {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      left: 20px; }
    .wrapper.contacts .footer-nineone {
      display: block;
      right: 20px; }
    .wrapper.contacts .footer-social-buttons {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      bottom: 20px;
      left: 0;
      width: 100%; } }
  @media (max-width: 400px) {
    .wrapper.contacts .row .desc-row {
      font-size: 12px;
      line-height: 14px; }
    .wrapper.contacts .row .time-row, .wrapper.contacts .row .name-row {
      font-size: 8px;
      line-height: 10px; } }
  @media (max-width: 280px) {
    .wrapper.contacts .row {
      margin: 10px 0 130px 0; }
      .wrapper.contacts .row .desc-row .desc, .wrapper.contacts .row .desc-row .mail, .wrapper.contacts .row .time-row .desc, .wrapper.contacts .row .time-row .mail, .wrapper.contacts .row .name-row .desc, .wrapper.contacts .row .name-row .mail {
        margin: 0 10px;
        width: calc(50% - 40px / 2); }
      .wrapper.contacts .row .name-row {
        margin-bottom: 30px; }
    .wrapper.contacts .footer-details,
    .wrapper.contacts .footer-nineone {
      bottom: 60px; }
    .wrapper.contacts .footer-details {
      left: 10px; }
    .wrapper.contacts .footer-nineone {
      right: 10px; }
    .wrapper.contacts .footer-social-buttons {
      bottom: 10px; } }
/* Breakpoints */
.wrapper.conditions {
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .wrapper.conditions .content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    width: 100%;
    margin-top: 200px;
    padding: 0 40px;
    box-sizing: border-box; }
    .wrapper.conditions .content .tabs {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      width: 100%; }
      .wrapper.conditions .content .tabs .nav {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap; }
        .wrapper.conditions .content .tabs .nav .nav-item {
          font-family: GloberRegular;
          font-size: 36px;
          line-height: 40px;
          opacity: 0.2;
          cursor: pointer;
          -webkit-transition: opacity 0.5s ease;
          transition: opacity 0.5s ease; }
          .wrapper.conditions .content .tabs .nav .nav-item:first-child {
            margin-right: 40px; }
          .wrapper.conditions .content .tabs .nav .nav-item.active, .wrapper.conditions .content .tabs .nav .nav-item:hover {
            opacity: 1; }
      .wrapper.conditions .content .tabs .button {
        padding: 0;
        font-family: GloberRegular;
        font-size: 36px;
        line-height: 40px;
        color: #7ed321;
        background: none;
        border: none;
        outline: none;
        cursor: pointer; }
        .wrapper.conditions .content .tabs .button svg {
          width: 26px;
          height: 26px;
          margin: 1px 5px 0 0;
          fill: #7ed321; }
        .wrapper.conditions .content .tabs .button span {
          position: relative;
          top: -1px; }
    .wrapper.conditions .content .table-wrapper {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-flow: column nowrap;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap;
      width: 100%;
      box-sizing: border-box; }
    .wrapper.conditions .content .table {
      position: absolute;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-flow: column nowrap;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap;
      width: 100%;
      opacity: 0;
      z-index: 0;
      -webkit-transition: opacity 1s ease;
      transition: opacity 1s ease; }
      .wrapper.conditions .content .table.active {
        position: relative;
        opacity: 1;
        z-index: 1; }
      .wrapper.conditions .content .table .column {
        width: 15%; }
      .wrapper.conditions .content .table .column:nth-child(1),
      .wrapper.conditions .content .table .column:nth-child(6) {
        width: 20%; }
      .wrapper.conditions .content .table .bank {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        width: 100%;
        margin-top: 40px;
        padding-right: 349px;
        box-sizing: border-box; }
        @media (max-width: 1440px) {
          .wrapper.conditions .content .table .bank {
            padding-right: 0; } }
        .wrapper.conditions .content .table .bank:last-child .line {
          display: none; }
        .wrapper.conditions .content .table .bank .logo {
          width: auto;
          height: 50px; }
        .wrapper.conditions .content .table .bank .license {
          width: 100%;
          margin-top: 12px;
          font-size: 12px;
          line-height: 14px;
          font-family: GloberRegular;
          opacity: 0.3; }
        .wrapper.conditions .content .table .bank .program-desktop-title {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-flow: row wrap;
              -ms-flex-flow: row wrap;
                  flex-flow: row wrap;
          width: 100%;
          margin-top: 40px; }
          .wrapper.conditions .content .table .bank .program-desktop-title .column {
            box-sizing: border-box; }
          .wrapper.conditions .content .table .bank .program-desktop-title .column:not(:last-child) {
            padding-right: 40px; }
        .wrapper.conditions .content .table .bank .program {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-flow: column nowrap;
              -ms-flex-flow: column nowrap;
                  flex-flow: column nowrap;
          width: 100%; }
          .wrapper.conditions .content .table .bank .program:last-child .line {
            display: none; }
        .wrapper.conditions .content .table .bank .program-desktop {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-flow: row wrap;
              -ms-flex-flow: row wrap;
                  flex-flow: row wrap;
          width: 100%; }
          .wrapper.conditions .content .table .bank .program-desktop .text {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-flow: row nowrap;
                -ms-flex-flow: row nowrap;
                    flex-flow: row nowrap;
            width: 100%; }
            .wrapper.conditions .content .table .bank .program-desktop .text .column {
              box-sizing: border-box; }
            .wrapper.conditions .content .table .bank .program-desktop .text .column:not(:last-child) {
              padding-right: 40px; }
        .wrapper.conditions .content .table .bank .program-mobile {
          display: none;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-flow: column nowrap;
              -ms-flex-flow: column nowrap;
                  flex-flow: column nowrap;
          width: 100%; }
          .wrapper.conditions .content .table .bank .program-mobile .row {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-flow: row nowrap;
                -ms-flex-flow: row nowrap;
                    flex-flow: row nowrap;
            padding: 10px; }
            .wrapper.conditions .content .table .bank .program-mobile .row:first-child {
              margin-top: 10px; }
            .wrapper.conditions .content .table .bank .program-mobile .row:nth-child(even) {
              background-color: rgba(126, 211, 33, 0.2); }
            .wrapper.conditions .content .table .bank .program-mobile .row .title {
              width: 50%;
              margin: 0 10px 0 0;
              opacity: 0.5; }
            .wrapper.conditions .content .table .bank .program-mobile .row .text, .wrapper.conditions .content .table .bank .program-mobile .row .documents {
              width: 50%;
              margin: 0 0 0 10px; }
            .wrapper.conditions .content .table .bank .program-mobile .row .documents {
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -webkit-flex-flow: column nowrap;
                  -ms-flex-flow: column nowrap;
                      flex-flow: column nowrap;
              -webkit-box-flex: 1;
              -webkit-flex-grow: 1;
                  -ms-flex-positive: 1;
                      flex-grow: 1; }
        .wrapper.conditions .content .table .bank .program-desktop-title, .wrapper.conditions .content .table .bank .title {
          font-family: GloberRegular;
          font-size: 12px;
          line-height: 14px;
          text-transform: uppercase; }
          .wrapper.conditions .content .table .bank .program-desktop-title span, .wrapper.conditions .content .table .bank .title span {
            opacity: 0.3; }
        .wrapper.conditions .content .table .bank .text {
          margin: 40px 0;
          font-family: GloberRegular;
          font-size: 18px;
          line-height: 22px; }
        .wrapper.conditions .content .table .bank .line {
          width: 100%;
          height: 1px;
          opacity: 0.3;
          background: #979797; }
        .wrapper.conditions .content .table .bank .document {
          position: relative;
          display: -webkit-inline-box;
          display: -webkit-inline-flex;
          display: -ms-inline-flexbox;
          display: inline-flex; }
          .wrapper.conditions .content .table .bank .document + .document {
            margin-top: 10px; }
          .wrapper.conditions .content .table .bank .document .document-bullet {
            position: absolute;
            top: 4px;
            left: 5px;
            width: 6px;
            height: 6px;
            border: 1px solid #000;
            border-radius: 50%;
            z-index: 1; }
          .wrapper.conditions .content .table .bank .document .document-title {
            position: relative;
            padding-left: 20px;
            font-family: GloberRegular;
            font-size: 18px;
            line-height: 22px;
            color: #000;
            z-index: 2; }
            .wrapper.conditions .content .table .bank .document .document-title:focus, .wrapper.conditions .content .table .bank .document .document-title:visited {
              color: #000; }
      .wrapper.conditions .content .table .desc {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        width: 100%;
        margin-top: 80px; }
        .wrapper.conditions .content .table .desc .desc-column {
          display: inline-block;
          -webkit-box-flex: 1;
          -webkit-flex: auto;
              -ms-flex: auto;
                  flex: auto;
          font-family: GloberLight;
          font-size: 12px;
          line-height: 14px;
          width: 33.333%; }
          .wrapper.conditions .content .table .desc .desc-column:nth-child(n+2) {
            margin-left: 40px; }
  .wrapper.conditions .footer {
    min-height: none;
    height: auto;
    margin-top: 80px; }
    .wrapper.conditions .footer .dynamic-text {
      display: none; }
  @media (max-width: 1000px) {
    .wrapper.conditions .content {
      padding: 0 40px; }
      .wrapper.conditions .content .tabs .nav .nav-item, .wrapper.conditions .content .tabs .button {
        font-size: 26px;
        line-height: 30px; }
      .wrapper.conditions .content .tabs .button svg {
        width: 20px;
        height: 20px; }
      .wrapper.conditions .content .table .bank .program-desktop-title, .wrapper.conditions .content .table .bank .title {
        font-size: 10px; }
      .wrapper.conditions .content .table .bank .text {
        font-size: 14px;
        line-height: 16px; }
      .wrapper.conditions .content .table .bank .document .document-bullet {
        top: 2px; }
      .wrapper.conditions .content .table .bank .document .document-title {
        font-size: 14px;
        line-height: 16px; } }
  @media (max-width: 780px) {
    .wrapper.conditions .content {
      padding: 0 20px; }
      .wrapper.conditions .content .table .bank {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column nowrap;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        margin-top: 10px; }
        .wrapper.conditions .content .table .bank .program-desktop-title, .wrapper.conditions .content .table .bank .program-desktop {
          display: none; }
        .wrapper.conditions .content .table .bank .program-mobile {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex; }
        .wrapper.conditions .content .table .bank .text {
          font-size: 12px;
          line-height: 14px; }
        .wrapper.conditions .content .table .bank .document .document-bullet {
          top: 1px;
          left: 0; }
        .wrapper.conditions .content .table .bank .document .document-title {
          padding-left: 14px;
          font-size: 12px;
          line-height: 14px; }
      .wrapper.conditions .content .table .desc {
        margin-top: 20px; }
        .wrapper.conditions .content .table .desc .desc-column:nth-child(n+2) {
          margin-left: 10px; } }
  @media (max-width: 630px) {
    .wrapper.conditions .content .tabs {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-flow: column nowrap;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: 20px; }
      .wrapper.conditions .content .tabs .button {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
            -ms-flex-order: 1;
                order: 1;
        font-size: 18px;
        line-height: 20px; }
        .wrapper.conditions .content .tabs .button svg {
          width: 16px;
          height: 16px; }
      .wrapper.conditions .content .tabs .nav {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
            -ms-flex-order: 2;
                order: 2;
        margin-top: 20px; }
        .wrapper.conditions .content .tabs .nav .nav-item {
          font-size: 18px;
          line-height: 20px; }
          .wrapper.conditions .content .tabs .nav .nav-item:last-child {
            margin-right: 0; } }
  @media (max-width: 570px) {
    .wrapper.conditions .content {
      padding: 0 10px; } }
/* Breakpoints */
.wrapper.infrastructure {
  width: 100%;
  min-height: 500px;
  height: 100vh; }
  .wrapper.infrastructure #map {
    width: 100%;
    height: 100%; }
  .wrapper.infrastructure .filters {
    position: absolute;
    bottom: 40px;
    left: 40px; }
    .wrapper.infrastructure .filters ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      .wrapper.infrastructure .filters ul li {
        cursor: pointer;
        font-size: 18px;
        font-family: GloberBold;
        color: black; }
        .wrapper.infrastructure .filters ul li.hide {
          opacity: 0.3; }
        .wrapper.infrastructure .filters ul li i {
          display: inline-block;
          width: 20px;
          height: 20px;
          margin-bottom: -3px;
          margin-right: 10px; }
  @media (max-width: 780px) {
    .wrapper.infrastructure .filters {
      bottom: 20px;
      left: 20px; } }
  @media (max-width: 570px) {
    .wrapper.infrastructure .filters {
      bottom: 10px;
      left: 10px; } }

#map {
  width: 100vw;
  height: 100%; }

#map-popup {
  position: absolute;
  left: 55px;
  top: -55px;
  width: 250px;
  min-height: 150px;
  background-color: white; }
  #map-popup.popup-bottom {
    top: 10px; }
  #map-popup .image {
    width: 100%;
    height: 120px; }
  #map-popup .desc {
    padding: 0 20px;
    padding-bottom: 16px;
    font-family: GloberBook; }
    #map-popup .desc h4 {
      color: #7ed321;
      font-size: 22px;
      font-family: GloberBold;
      padding: 0;
      margin-bottom: 5px; }

.map-marker-wrapper:hover .map-popup {
  display: block; }

#map-filters {
  position: absolute;
  bottom: 0;
  left: 0; }
  #map-filters ul {
    padding-bottom: 1em; }
    #map-filters ul li {
      list-style-type: none;
      list-style: none;
      cursor: pointer;
      font-size: 18px;
      font-family: GloberBold;
      color: black; }
      #map-filters ul li.hide {
        opacity: 0.3; }
      #map-filters ul li i {
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-bottom: -3px;
        margin-right: 10px; }

.map-marker-bg {
  cursor: pointer;
  width: 45px;
  height: 45px;
  background-color: white;
  border: 2px solid black;
  border-radius: 50%;
  position: absolute;
  top: -18px;
  left: 14px; }
  .map-marker-bg.large {
    width: 68px;
    height: 68px;
    top: -65px;
    left: 0;
    border: 2px solid #a5ff42; }
    .map-marker-bg.large svg {
      width: 100px;
      height: 110px;
      left: -16px;
      top: -8px;
      position: absolute; }
  .map-marker-bg .icon {
    position: absolute;
    top: 20%;
    left: 20%;
    width: 60%;
    height: 60%;
    background: transparent center center / cover no-repeat; }
  .map-marker-bg:hover, .map-marker-bg.hovered {
    background-color: #a5ff42; }

.map-marker-bg.yandex-marker {
  position: relative;
  top: 0;
  left: 0; }

.map-popup.yandex-map-popup {
  position: relative;
  left: 0;
  top: 0;
  width: 250px;
  min-height: 150px; }
/* Breakpoints */
.wrapper.development {
  width: 100%; }
  .wrapper.development .description-block,
  .wrapper.development #footer {
    opacity: 1;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease; }
    .wrapper.development .description-block.hidden,
    .wrapper.development #footer.hidden {
      opacity: 0; }
  .wrapper.development .slider-block {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    width: 100%;
    min-height: 513px;
    height: calc(100vh - 40px - 30px - 15px - 32px);
    background: #ccc;
    overflow: hidden; }
    .wrapper.development .slider-block .main-slider {
      position: absolute;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      left: 0;
      min-width: 100%;
      height: 100%;
      -webkit-transition: left 0.5s ease-out;
      transition: left 0.5s ease-out; }
      .wrapper.development .slider-block .main-slider .main-slide {
        position: relative;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        -webkit-flex-shrink: 1;
            -ms-flex-negative: 1;
                flex-shrink: 1;
        -webkit-flex-basis: 100%;
            -ms-flex-preferred-size: 100%;
                flex-basis: 100%;
        width: 100%;
        height: 100%;
        overflow: hidden;
        cursor: pointer;
        -webkit-transition: -webkit-box-flex 1s ease-out, -webkit-flex 1s ease-out;
        transition: -webkit-box-flex 1s ease-out, -webkit-flex 1s ease-out;
        transition: flex 1s ease-out;
        transition: flex 1s ease-out, -webkit-box-flex 1s ease-out, -webkit-flex 1s ease-out, -ms-flex 1s ease-out; }
        .wrapper.development .slider-block .main-slider .main-slide:not(.selected).preview {
          -webkit-flex-shrink: 0;
              -ms-flex-negative: 0;
                  flex-shrink: 0;
          width: 100%;
          cursor: default; }
          .wrapper.development .slider-block .main-slider .main-slide:not(.selected).preview > .description,
          .wrapper.development .slider-block .main-slider .main-slide:not(.selected).preview .button.open-album {
            max-height: 999999px;
            opacity: 0; }
        .wrapper.development .slider-block .main-slider .main-slide.selected {
          -webkit-flex-shrink: 0;
              -ms-flex-negative: 0;
                  flex-shrink: 0;
          width: 100%;
          cursor: default; }
          .wrapper.development .slider-block .main-slider .main-slide.selected .button.open-image,
          .wrapper.development .slider-block .main-slider .main-slide.selected .closer,
          .wrapper.development .slider-block .main-slider .main-slide.selected .tabs {
            max-height: 999999px;
            opacity: 1; }
          .wrapper.development .slider-block .main-slider .main-slide.selected .arrow-left {
            opacity: 1;
            -webkit-transform: translateX(0) translate3d(0, -50%, 0) rotate(0deg) scale(2);
                    transform: translateX(0) translate3d(0, -50%, 0) rotate(0deg) scale(2); }
          .wrapper.development .slider-block .main-slider .main-slide.selected .arrow-right {
            opacity: 1;
            -webkit-transform: translateX(0) translate3d(0, -50%, 0) rotate(180deg) scale(2);
                    transform: translateX(0) translate3d(0, -50%, 0) rotate(180deg) scale(2); }
          .wrapper.development .slider-block .main-slider .main-slide.selected .closer:hover {
            opacity: 1; }
          .wrapper.development .slider-block .main-slider .main-slide.selected > .description,
          .wrapper.development .slider-block .main-slider .main-slide.selected .button.open-album {
            max-height: 0;
            opacity: 0;
            overflow: hidden; }
        .wrapper.development .slider-block .main-slider .main-slide .description {
          position: absolute;
          width: calc(50vw - 160px);
          max-height: 80%;
          left: 95px;
          bottom: 150px;
          opacity: 0;
          z-index: 2;
          -webkit-transition: opacity 0.5s ease, max-height 0.5s ease;
          transition: opacity 0.5s ease, max-height 0.5s ease; }
          .wrapper.development .slider-block .main-slider .main-slide .description .line {
            position: relative;
            display: block;
            width: 35px;
            height: 8px;
            margin-bottom: 20px;
            border-radius: 2px;
            background-color: #fff; }
          .wrapper.development .slider-block .main-slider .main-slide .description .text {
            position: relative;
            font-family: GloberLight;
            font-size: 46px;
            font-weight: bold;
            line-height: 40px;
            color: #fff; }
        .wrapper.development .slider-block .main-slider .main-slide .subslide {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 1;
          -webkit-transition: opacity 1s ease;
          transition: opacity 1s ease; }
          .wrapper.development .slider-block .main-slider .main-slide .subslide.transition-enter {
            opacity: 0; }
            .wrapper.development .slider-block .main-slider .main-slide .subslide.transition-enter.transition-enter-active {
              opacity: 1; }
          .wrapper.development .slider-block .main-slider .main-slide .subslide.transition-leave {
            opacity: 1; }
            .wrapper.development .slider-block .main-slider .main-slide .subslide.transition-leave.transition-leave-active {
              opacity: 0; }
          .wrapper.development .slider-block .main-slider .main-slide .subslide .image {
            position: absolute;
            width: 100%;
            height: 82%;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
            -o-object-fit: contain;
               object-fit: contain;
            font-family: 'object-fit: contain;';
            opacity: 1;
            -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
            transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
            transition: opacity 0.5s ease, transform 0.5s ease;
            transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease; }
            .wrapper.development .slider-block .main-slider .main-slide .subslide .image.loading {
              opacity: 0;
              -webkit-transform: scale(1);
                      transform: scale(1); }
          .wrapper.development .slider-block .main-slider .main-slide .subslide .description {
            z-index: 0; }
        .wrapper.development .slider-block .main-slider .main-slide .skin {
          display: none;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.09), rgba(0, 0, 0, 0.4));
          background: linear-gradient(to bottom, rgba(0, 0, 0, 0.09), rgba(0, 0, 0, 0.4));
          z-index: 2; }
        .wrapper.development .slider-block .main-slider .main-slide .month {
          position: absolute;
          bottom: 40px;
          left: 40px;
          font-family: GloberBold;
          font-size: 18px;
          line-height: 18px;
          color: #fff;
          text-transform: uppercase;
          z-index: 1; }
        .wrapper.development .slider-block .main-slider .main-slide .button {
          position: absolute;
          display: inline-block;
          bottom: 40px;
          left: 95px;
          max-height: 0;
          padding: 0;
          background: none;
          border: none;
          outline: none;
          opacity: 0;
          cursor: pointer;
          z-index: 2;
          overflow: hidden;
          -webkit-transition: opacity 0.5s ease, max-height 0.5s ease;
          transition: opacity 0.5s ease, max-height 0.5s ease; }
          .wrapper.development .slider-block .main-slider .main-slide .button span {
            display: inline-block;
            padding: 10px;
            font-family: GloberBold;
            font-size: 12px;
            line-height: 15px;
            color: #fff;
            border: 2px solid #fff; }
        .wrapper.development .slider-block .main-slider .main-slide .closer {
          position: absolute;
          top: 115px;
          left: 40px;
          width: 30px;
          max-height: 0;
          height: 30px;
          padding: 0;
          background: none;
          border: none;
          outline: none;
          opacity: 0;
          z-index: 4;
          cursor: pointer;
          -webkit-transition: max-height 0.5s ease, opacity 0.5s ease;
          transition: max-height 0.5s ease, opacity 0.5s ease; }
          .wrapper.development .slider-block .main-slider .main-slide .closer span {
            position: absolute;
            top: 14px;
            left: 0;
            height: 2px;
            width: 100%;
            background-color: #fff;
            -webkit-transition: -webkit-transform 0.7s ease;
            transition: -webkit-transform 0.7s ease;
            transition: transform 0.7s ease;
            transition: transform 0.7s ease, -webkit-transform 0.7s ease; }
            .wrapper.development .slider-block .main-slider .main-slide .closer span:first-child {
              -webkit-transform: rotate(45deg);
                      transform: rotate(45deg); }
            .wrapper.development .slider-block .main-slider .main-slide .closer span:last-child {
              -webkit-transform: rotate(-45deg);
                      transform: rotate(-45deg); }
        .wrapper.development .slider-block .main-slider .main-slide .arrow-left,
        .wrapper.development .slider-block .main-slider .main-slide .arrow-right {
          position: absolute;
          top: calc(50% - 40px);
          width: 60px;
          height: 140px;
          opacity: 0;
          overflow: hidden;
          z-index: 2;
          cursor: pointer;
          -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
          transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
          transition: transform 0.5s ease, opacity 0.5s ease;
          transition: transform 0.5s ease, opacity 0.5s ease, -webkit-transform 0.5s ease; }
          .wrapper.development .slider-block .main-slider .main-slide .arrow-left svg,
          .wrapper.development .slider-block .main-slider .main-slide .arrow-right svg {
            position: relative;
            top: 25%;
            left: 2px;
            width: 50%;
            height: 50%; }
            .wrapper.development .slider-block .main-slider .main-slide .arrow-left svg polygon,
            .wrapper.development .slider-block .main-slider .main-slide .arrow-right svg polygon {
              opacity: 1;
              fill: #fff;
              -webkit-transition: opacity 0.5s ease;
              transition: opacity 0.5s ease; }
        .wrapper.development .slider-block .main-slider .main-slide .arrow-left {
          left: 70px;
          -webkit-transform: translateX(-50vw) translate3d(0, -50%, 0) rotate(0deg) scale(2);
                  transform: translateX(-50vw) translate3d(0, -50%, 0) rotate(0deg) scale(2); }
        .wrapper.development .slider-block .main-slider .main-slide .arrow-right {
          right: 70px;
          -webkit-transform: translateX(50vw) translate3d(0, -50%, 0) rotate(180deg) scale(2);
                  transform: translateX(50vw) translate3d(0, -50%, 0) rotate(180deg) scale(2); }
        .wrapper.development .slider-block .main-slider .main-slide .tabs {
          position: absolute;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-flow: row nowrap;
              -ms-flex-flow: row nowrap;
                  flex-flow: row nowrap;
          -webkit-flex-shrink: 0;
              -ms-flex-negative: 0;
                  flex-shrink: 0;
          bottom: 40px;
          max-height: 0;
          left: 50%;
          margin: 0;
          padding: 0;
          opacity: 0;
          z-index: 1;
          -webkit-transform: translate3d(-50%, 0, 0);
                  transform: translate3d(-50%, 0, 0);
          -webkit-transition: max-height 0.5s ease, opacity 0.5s ease;
          transition: max-height 0.5s ease, opacity 0.5s ease; }
          .wrapper.development .slider-block .main-slider .main-slide .tabs .tab {
            display: -webkit-inline-box;
            display: -webkit-inline-flex;
            display: -ms-inline-flexbox;
            display: inline-flex;
            width: 10px;
            height: 10px;
            margin: 0 5px;
            border: 2px solid #fff;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0);
            cursor: pointer;
            -webkit-transition: background 0.5s ease;
            transition: background 0.5s ease; }
            .wrapper.development .slider-block .main-slider .main-slide .tabs .tab.active {
              background: #fff; }
      .wrapper.development .slider-block .main-slider .main-desc {
        position: relative;
        display: none;
        -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
                flex-shrink: 0;
        width: 100%;
        max-height: 0;
        background: #fff;
        -webkit-transition: max-height 1s ease;
        transition: max-height 1s ease; }
        .wrapper.development .slider-block .main-slider .main-desc .desc {
          position: relative;
          top: 0;
          left: 0;
          padding: 10px;
          width: 100%;
          opacity: 0;
          box-sizing: border-box;
          -webkit-transition: opacity 1s ease;
          transition: opacity 1s ease; }
          .wrapper.development .slider-block .main-slider .main-desc .desc .line {
            position: relative;
            display: block;
            width: 18px;
            height: 4px;
            margin-bottom: 10px;
            border-radius: 2px;
            background-color: #000; }
          .wrapper.development .slider-block .main-slider .main-desc .desc .text {
            position: relative;
            font-family: GloberRegular;
            font-size: 16px;
            line-height: 20px;
            color: #000; }
    .wrapper.development .slider-block .selector-widget {
      position: absolute;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      top: 115px;
      right: 40px;
      max-height: 0;
      padding-top: 10px;
      border-top: 1px solid rgba(255, 255, 255, 0.2);
      opacity: 0;
      z-index: 4;
      overflow: visible;
      -webkit-transition: max-height 0.5s ease, opacity 0.5s ease;
      transition: max-height 0.5s ease, opacity 0.5s ease; }
      .wrapper.development .slider-block .selector-widget.show {
        max-height: 999999px;
        opacity: 1; }
      .wrapper.development .slider-block .selector-widget .wrap {
        position: relative;
        width: 307px; }
        .wrapper.development .slider-block .selector-widget .wrap .row {
          position: relative;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-flow: row nowrap;
              -ms-flex-flow: row nowrap;
                  flex-flow: row nowrap;
          -webkit-box-pack: end;
          -webkit-justify-content: flex-end;
              -ms-flex-pack: end;
                  justify-content: flex-end;
          top: 0;
          width: 100%;
          -webkit-transition: opacity 0.5s ease;
          transition: opacity 0.5s ease; }
          .wrapper.development .slider-block .selector-widget .wrap .row .name {
            font-family: GloberLight;
            font-size: 18px;
            line-height: 1.25;
            color: #fff;
            text-align: right; }
          .wrapper.development .slider-block .selector-widget .wrap .row .name {
            padding-right: 25px; }
        .wrapper.development .slider-block .selector-widget .wrap .arrow-wrapper {
          position: absolute;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-flow: row nowrap;
              -ms-flex-flow: row nowrap;
                  flex-flow: row nowrap;
          -webkit-box-pack: end;
          -webkit-justify-content: flex-end;
              -ms-flex-pack: end;
                  justify-content: flex-end;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          box-sizing: border-box;
          z-index: 2;
          cursor: pointer; }
          .wrapper.development .slider-block .selector-widget .wrap .arrow-wrapper svg {
            width: 12px;
            height: 6px;
            margin: 6px 5px 0 0;
            -webkit-transform: rotate(90deg);
                    transform: rotate(90deg);
            -webkit-transition: -webkit-transform 0.5s ease;
            transition: -webkit-transform 0.5s ease;
            transition: transform 0.5s ease;
            transition: transform 0.5s ease, -webkit-transform 0.5s ease; }
            .wrapper.development .slider-block .selector-widget .wrap .arrow-wrapper svg polygon {
              stroke: none;
              fill: #fff; }
        .wrapper.development .slider-block .selector-widget .wrap .list-wrapper {
          position: absolute;
          bottom: -5px;
          right: 0;
          width: 100%;
          max-height: 0;
          height: 325px;
          opacity: 0;
          overflow: hidden;
          -webkit-transform: translate3d(0, 100%, 0);
                  transform: translate3d(0, 100%, 0);
          -webkit-transition: max-height 0.5s ease, opacity 0.5s ease;
          transition: max-height 0.5s ease, opacity 0.5s ease; }
        .wrapper.development .slider-block .selector-widget .wrap .list {
          position: relative;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-flow: column nowrap;
              -ms-flex-flow: column nowrap;
                  flex-flow: column nowrap;
          -webkit-box-align: end;
          -webkit-align-items: flex-end;
              -ms-flex-align: end;
                  align-items: flex-end;
          width: 100%;
          height: 100%;
          margin: 0;
          padding: 0;
          background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
          background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
          list-style: none;
          overflow: auto; }
          .wrapper.development .slider-block .selector-widget .wrap .list::-webkit-scrollbar {
            width: 4px;
            height: 0px; }
          .wrapper.development .slider-block .selector-widget .wrap .list .month {
            max-width: 100%;
            margin: 5px 0;
            padding-right: 25px;
            font-family: GloberLight;
            font-size: 18px;
            line-height: 1.25;
            color: #fff;
            text-align: right;
            box-sizing: border-box;
            cursor: pointer; }
            .wrapper.development .slider-block .selector-widget .wrap .list .month:hover, .wrapper.development .slider-block .selector-widget .wrap .list .month.selected {
              font-family: GloberRegular; }
      .wrapper.development .slider-block .selector-widget.opened {
        overflow: visible; }
        .wrapper.development .slider-block .selector-widget.opened .wrap .arrow-wrapper svg {
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); }
        .wrapper.development .slider-block .selector-widget.opened .wrap .list-wrapper {
          max-height: 999999px;
          opacity: 1; }
    @media (max-width: 1000px) {
      .wrapper.development .slider-block .main-slider .main-slide .description .line {
        width: 20px;
        height: 4px;
        margin-bottom: 10px; }
      .wrapper.development .slider-block .main-slider .main-slide .description .text {
        font-size: 18px;
        line-height: 20px; } }
    @media (max-width: 780px) {
      .wrapper.development .slider-block {
        height: calc(100vh - 20px - 15px - 15px - 32px); }
        .wrapper.development .slider-block .main-slider .main-slide.selected .arrow-left {
          -webkit-transform: translateX(0) translate3d(0, -50%, 0) rotate(0deg);
                  transform: translateX(0) translate3d(0, -50%, 0) rotate(0deg); }
        .wrapper.development .slider-block .main-slider .main-slide.selected .arrow-right {
          -webkit-transform: translateX(0) translate3d(0, -50%, 0) rotate(180deg);
                  transform: translateX(0) translate3d(0, -50%, 0) rotate(180deg); }
        .wrapper.development .slider-block .main-slider .main-slide .month {
          bottom: 20px;
          left: 20px; }
        .wrapper.development .slider-block .main-slider .main-slide .description {
          bottom: 100px;
          left: 55px;
          max-width: calc(100% - 95px); }
        .wrapper.development .slider-block .main-slider .main-slide .button {
          bottom: 20px;
          left: 55px; }
        .wrapper.development .slider-block .main-slider .main-slide .closer {
          top: 73px;
          left: 20px; }
        .wrapper.development .slider-block .main-slider .main-slide .arrow-left,
        .wrapper.development .slider-block .main-slider .main-slide .arrow-right {
          top: 50%;
          width: 120px;
          height: 280px; }
          .wrapper.development .slider-block .main-slider .main-slide .arrow-left svg,
          .wrapper.development .slider-block .main-slider .main-slide .arrow-right svg {
            top: 37.5%;
            width: 25%;
            height: 25%; }
        .wrapper.development .slider-block .main-slider .main-slide .arrow-left {
          left: 20px;
          -webkit-transform: translateX(-50vw) translate3d(0, -50%, 0) rotate(0deg);
                  transform: translateX(-50vw) translate3d(0, -50%, 0) rotate(0deg); }
        .wrapper.development .slider-block .main-slider .main-slide .arrow-right {
          right: 20px;
          -webkit-transform: translateX(50vw) translate3d(0, -50%, 0) rotate(180deg);
                  transform: translateX(50vw) translate3d(0, -50%, 0) rotate(180deg); }
        .wrapper.development .slider-block .selector-widget {
          top: 73px;
          right: 20px; } }
    @media (max-width: 570px) {
      .wrapper.development .slider-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column nowrap;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
        height: auto; }
        .wrapper.development .slider-block .main-slider {
          position: relative;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-flow: column nowrap;
              -ms-flex-flow: column nowrap;
                  flex-flow: column nowrap;
          width: 100%;
          height: auto; }
          .wrapper.development .slider-block .main-slider .main-slide {
            position: relative;
            width: 100%;
            min-height: 25vh;
            height: auto;
            -webkit-transition: min-height 1s ease-out;
            transition: min-height 1s ease-out; }
            .wrapper.development .slider-block .main-slider .main-slide .subslide .description {
              display: none; }
            .wrapper.development .slider-block .main-slider .main-slide .month {
              bottom: 10px;
              left: 10px;
              width: calc(50vw - 40px / 2) !important;
              font-size: 18px;
              line-height: 36px;
              -webkit-transform: translate3d(0, 0, 0) !important;
                      transform: translate3d(0, 0, 0) !important;
              -webkit-transition: -webkit-transform 0.5s ease-out;
              transition: -webkit-transform 0.5s ease-out;
              transition: transform 0.5s ease-out;
              transition: transform 0.5s ease-out, -webkit-transform 0.5s ease-out; }
            .wrapper.development .slider-block .main-slider .main-slide .description {
              bottom: 25vh;
              left: 10px;
              width: calc(100% - 40px / 2);
              -webkit-transform: translate3d(0, 50%, 0);
                      transform: translate3d(0, 50%, 0); }
            .wrapper.development .slider-block .main-slider .main-slide .button {
              bottom: 10px;
              left: -10px;
              text-align: center;
              opacity: 0;
              -webkit-transform: translate3d(100vw, 0, 0) translate3d(-100%, 0, 0);
                      transform: translate3d(100vw, 0, 0) translate3d(-100%, 0, 0); }
            .wrapper.development .slider-block .main-slider .main-slide .tabs {
              display: none; }
            .wrapper.development .slider-block .main-slider .main-slide:first-child,
            .wrapper.development .slider-block .main-slider .main-slide:nth-last-child(n+3) ~ .main-slide {
              width: 100vw; }
            .wrapper.development .slider-block .main-slider .main-slide.preview {
              width: 100%;
              min-height: 50vh; }
            .wrapper.development .slider-block .main-slider .main-slide.selected {
              width: 100vw !important; }
              .wrapper.development .slider-block .main-slider .main-slide.selected + .main-desc {
                max-height: 999999px;
                opacity: 1; }
                .wrapper.development .slider-block .main-slider .main-slide.selected + .main-desc .desc {
                  opacity: 1; }
              .wrapper.development .slider-block .main-slider .main-slide.selected .month {
                -webkit-transform: translate3d(-60vw, 0, 0) !important;
                        transform: translate3d(-60vw, 0, 0) !important; }
            .wrapper.development .slider-block .main-slider .main-slide .closer {
              top: 50px;
              left: 10px; }
            .wrapper.development .slider-block .main-slider .main-slide .arrow-left {
              left: 10px; }
            .wrapper.development .slider-block .main-slider .main-slide .arrow-right {
              right: 10px; }
          .wrapper.development .slider-block .main-slider .main-desc {
            display: block;
            opacity: 0; }
        .wrapper.development .slider-block .selector-widget {
          display: none; } }
  .wrapper.development .description-block {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    padding: 40px;
    box-sizing: border-box;
    color: #000; }
    .wrapper.development .description-block .title {
      display: inline-block;
      font-family: GloberRegular;
      font-size: 12px;
      line-height: 15px;
      text-transform: uppercase;
      opacity: 0.3; }
    .wrapper.development .description-block .list {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-flow: column nowrap;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap;
      margin: 0;
      margin-right: 100px;
      padding: 0;
      list-style: none; }
      .wrapper.development .description-block .list .title {
        margin-bottom: 30px; }
      .wrapper.development .description-block .list .item {
        position: relative;
        font-family: GloberLight;
        font-size: 22px;
        line-height: 32px;
        text-shadow: 0 0 1px transparent;
        overflow: visible;
        cursor: pointer;
        -webkit-transition: text-shadow 1s ease;
        transition: text-shadow 1s ease; }
        .wrapper.development .description-block .list .item:hover, .wrapper.development .description-block .list .item.selected {
          text-shadow: 0 0 1px black; }
        .wrapper.development .description-block .list .item::before {
          content: '';
          position: absolute;
          top: 0.2em;
          right: calc(100% + 0.5em);
          border-top: 0.4em solid transparent;
          border-bottom: 0.4em solid transparent;
          border-left-width: 0.7em;
          border-left-style: solid;
          border-left-color: #7ed321;
          opacity: 0;
          -webkit-transition: opacity 0.5s ease;
          transition: opacity 0.5s ease; }
        .wrapper.development .description-block .list .item:hover::before {
          opacity: 0.5; }
        .wrapper.development .description-block .list .item.selected::before {
          opacity: 1; }
    .wrapper.development .description-block .description-slider {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      width: calc(80% - 100px);
      margin: 45px 40px 0 60px;
      padding: 0;
      list-style: none; }
      .wrapper.development .description-block .description-slider .line {
        position: absolute;
        top: -45px;
        left: -60px;
        display: inline-block;
        width: 40px;
        height: 6px;
        background: #000;
        border-radius: 1px; }
      .wrapper.development .description-block .description-slider .description {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        font-family: GloberRegular;
        font-size: 27px;
        line-height: 33px;
        opacity: 0;
        z-index: 0;
        box-sizing: border-box;
        -webkit-transition: opacity 1s ease;
        transition: opacity 1s ease; }
        .wrapper.development .description-block .description-slider .description.show {
          position: relative;
          opacity: 1;
          z-index: 1; }
    @media (max-width: 780px) {
      .wrapper.development .description-block {
        padding: 20px; }
        .wrapper.development .description-block .description-slider {
          margin: 30px 20px 0 0; }
          .wrapper.development .description-block .description-slider .line {
            top: -30px;
            left: 0; }
          .wrapper.development .description-block .description-slider .description {
            font-size: 18px;
            line-height: 20px; }
        .wrapper.development .description-block .list .title {
          margin-bottom: 15px; }
        .wrapper.development .description-block .list .item {
          font-size: 16px;
          line-height: 20px; }
          .wrapper.development .description-block .list .item::before {
            top: 0.05em;
            right: calc(100% + 0.3em); } }
    @media (max-width: 570px) {
      .wrapper.development .description-block {
        display: none; } }
  .wrapper.development .footer {
    min-height: none;
    height: auto; }
    .wrapper.development .footer .dynamic-text {
      display: none; }

@media (max-width: 570px) {
  .wrapper.development .slider-block .main-slider .main-slide .subslide .image {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  .wrapper.development .slider-block .main-slider .main-desc {
    opacity: 0; } }
/* Breakpoints */
.controls {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  top: 115px;
  max-width: 100%;
  height: 30px;
  z-index: 5; }
  .controls.floors {
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0); }
  .controls.apartments {
    right: calc((100% - 40px * 2 - 166px - 280px + 25px) / 2);
    -webkit-transform: translate3d(50%, 0, 0);
            transform: translate3d(50%, 0, 0); }
  .controls .arrow-top,
  .controls .arrow-bottom {
    position: relative;
    width: 22px;
    height: 20px;
    opacity: 0.5;
    cursor: pointer;
    z-index: 3; }
  .controls .arrow-top {
    -webkit-transform: rotate(0turn);
            transform: rotate(0turn); }
  .controls .arrow-bottom {
    -webkit-transform: rotate(0.5turn);
            transform: rotate(0.5turn); }
  .controls .apartment-num,
  .controls .floor-num,
  .controls .tower-letter {
    height: 30px;
    font-family: GloberSemiBold;
    font-size: 36px;
    line-height: 40px;
    color: #000;
    text-align: center;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease; }
    .controls .apartment-num.transition-enter,
    .controls .floor-num.transition-enter,
    .controls .tower-letter.transition-enter {
      opacity: 0; }
      .controls .apartment-num.transition-enter.transition-enter-active,
      .controls .floor-num.transition-enter.transition-enter-active,
      .controls .tower-letter.transition-enter.transition-enter-active {
        opacity: 1; }
    .controls .apartment-num.transition-leave,
    .controls .floor-num.transition-leave,
    .controls .tower-letter.transition-leave {
      opacity: 1; }
      .controls .apartment-num.transition-leave.transition-leave-active,
      .controls .floor-num.transition-leave.transition-leave-active,
      .controls .tower-letter.transition-leave.transition-leave-active {
        opacity: 0; }
  .controls .tower-letter {
    position: absolute;
    top: 0;
    right: 100%;
    margin-right: 20px; }
  .controls .apartment-num,
  .controls .floor-num {
    position: relative;
    top: 0;
    right: 0;
    width: 180px;
    text-align: center; }
    .controls .apartment-num + .floor-num,
    .controls .apartment-num + .apartment-num,
    .controls .floor-num + .floor-num,
    .controls .floor-num + .apartment-num {
      position: absolute;
      right: 22px; }
  .controls .apartment-num sub {
    position: absolute;
    top: 100%;
    left: 50%;
    bottom: 0;
    margin-top: 5px;
    font-family: GloberRegular;
    font-size: 14px;
    line-height: 1.5;
    color: #000;
    opacity: 0.3;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0); }
  @media (max-width: 780px) {
    .controls.floors {
      top: 73px; }
    .controls.apartments {
      top: 113px;
      right: 50%;
      -webkit-transform: translate3d(50%, 0, 0);
              transform: translate3d(50%, 0, 0); } }
  @media (max-width: 570px) {
    .controls {
      height: 20px; }
      .controls.floors {
        top: 50px; }
      .controls.apartments {
        top: 70px; }
      .controls .apartment-num,
      .controls .floor-num,
      .controls .tower-letter {
        height: 20px;
        font-size: 20px;
        line-height: 24px; }
      .controls .apartment-num,
      .controls .floor-num {
        width: 100px; } }
/* Breakpoints */
.tooltip-apartment {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  top: 0;
  left: 0;
  min-width: 300px;
  max-height: 0;
  margin-top: -10px;
  background-color: #fff;
  opacity: 0;
  z-index: 10;
  overflow: hidden;
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
  -webkit-transition: max-height 0.5s ease, opacity 0.5s ease;
  transition: max-height 0.5s ease, opacity 0.5s ease; }
  .tooltip-apartment.show {
    max-height: 999999px;
    opacity: 1; }
  .tooltip-apartment .banner {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 50px;
    height: 100%;
    background-color: #000;
    opacity: 0;
    z-index: 2;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease; }
    .tooltip-apartment .banner.show {
      opacity: 1; }
    .tooltip-apartment .banner span {
      height: 50px;
      font-family: GloberLight;
      font-size: 36px;
      line-height: 55px;
      color: #fff; }
  .tooltip-apartment .white-section,
  .tooltip-apartment .black-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  .tooltip-apartment .white-section {
    padding: 15px 20px;
    background-color: #fff; }
    .tooltip-apartment .white-section .rooms {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0;
      height: 30px;
      font-family: GloberLight;
      font-size: 36px;
      line-height: 40px;
      color: #000; }
    .tooltip-apartment .white-section .line {
      width: 1px;
      height: 30px;
      margin: 0 20px;
      background-color: #000; }
    .tooltip-apartment .white-section .square ~ .line {
      margin-left: 30px; }
    .tooltip-apartment .white-section .price,
    .tooltip-apartment .white-section .square {
      height: 30px;
      font-family: GloberBook;
      font-size: 36px;
      line-height: 40px;
      background-color: #fff; }
      .tooltip-apartment .white-section .price sup,
      .tooltip-apartment .white-section .square sup {
        position: absolute;
        top: 20px;
        font-size: 16px; }
  .tooltip-apartment .black-section {
    padding: 15px;
    background-color: #000; }
    .tooltip-apartment .black-section .symbol {
      font-family: Helvetica;
      font-size: 33px;
      line-height: 30px; }
    .tooltip-apartment .black-section .num {
      font-family: GloberBook;
      font-size: 36px;
      line-height: 40px; }
    .tooltip-apartment .black-section .symbol,
    .tooltip-apartment .black-section .num {
      height: 30px;
      color: #fff; }
  @media (max-width: 780px) {
    .tooltip-apartment {
      display: none; } }
/* Breakpoints */
.tooltip-tour {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  top: 0;
  left: 0;
  width: 180px;
  max-height: 0;
  margin-top: -10px;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 8px;
  padding: 8px;
  box-sizing: border-box;
  opacity: 0;
  z-index: 10;
  overflow: hidden;
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
  -webkit-transition: max-height 0.5s ease, opacity 0.5s ease;
  transition: max-height 0.5s ease, opacity 0.5s ease; }
  .tooltip-tour.show {
    max-height: 999999px;
    opacity: 1; }
  .tooltip-tour .banner {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 50px;
    height: 100%;
    background-color: #000;
    opacity: 0;
    z-index: 2;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease; }
    .tooltip-tour .banner.show {
      opacity: 1; }
    .tooltip-tour .banner span {
      font-family: GloberLight;
      font-size: 16px;
      line-height: 20px;
      color: #fff; }
  .tooltip-tour .black-section, .tooltip-tour .white-section {
    display: none; }
  .tooltip-tour h2 {
    font-size: 18px;
    font-family: GloberSemiBold; }
  .tooltip-tour .tooltip-btn360 {
    width: 100%;
    padding: 4px 0;
    margin-top: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 4px;
    border: #7ED321 solid 2px;
    background-color: transparent;
    cursor: pointer;
    outline: none;
    box-shadow: none; }
    .tooltip-tour .tooltip-btn360 img {
      -o-object-fit: cover;
         object-fit: cover;
      width: 40%; }
  @media (max-width: 780px) {
    .tooltip-tour {
      display: none; } }
/* Breakpoints */
.scheme-preview {
  position: absolute;
  width: 166px;
  height: 262px; }
  .scheme-preview.tower-B .tower[data-tower="B"] polygon, .scheme-preview.tower-B .tower[data-tower="B"] rect,
  .scheme-preview.tower-A .tower[data-tower="A"] polygon,
  .scheme-preview.tower-A .tower[data-tower="A"] rect {
    stroke: #7ED321; }
  .scheme-preview.tower-B .tower[data-tower="B"] text,
  .scheme-preview.tower-A .tower[data-tower="A"] text {
    fill: #7ED321; }
  .scheme-preview .tower {
    fill: transparent;
    cursor: default; }
    .scheme-preview .tower polygon, .scheme-preview .tower rect {
      -webkit-transition: stroke 0.5s ease;
      transition: stroke 0.5s ease; }
    .scheme-preview .tower text {
      -webkit-transition: fill 0.5s ease;
      transition: fill 0.5s ease; }
  .scheme-preview .parking {
    stroke: #fff;
    fill: transparent;
    -webkit-transition: stroke 0.5s ease;
    transition: stroke 0.5s ease; }
  .scheme-preview .fill-gray {
    fill: rgba(0, 0, 0, 0.2) !important; }
  .scheme-preview .fill-black {
    fill: black !important; }
  .scheme-preview .stroke-gray {
    stroke: rgba(0, 0, 0, 0.2) !important; }
  .scheme-preview .stroke-black {
    stroke: black !important; }
  .scheme-preview .tower rect, .scheme-preview .tower polygon {
    stroke: black; }
  .scheme-preview .tower text {
    fill: black; }
  .scheme-preview .parking {
    stroke: rgba(0, 0, 0, 0.2); }
/* Breakpoints */
.wrapper.building {
  width: 100%;
  min-height: 100vh;
  background-color: #f4f4f4; }
  .wrapper.building .tower-slider {
    position: absolute;
    top: 165px;
    left: 50%;
    max-width: calc(100% - 166px - 120px - 40px);
    width: calc((100vh - 160px - 30px - 115px) / 9 * 16);
    height: calc(100vh - 160px - 30px - 115px);
    overflow: visible;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0); }
    .wrapper.building .tower-slider .tower {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      .wrapper.building .tower-slider .tower.transition-enter[data-tower="B"] {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
                transform: translate3d(100%, 100%, 0); }
        .wrapper.building .tower-slider .tower.transition-enter[data-tower="B"] .skin {
          z-index: 2; }
        .wrapper.building .tower-slider .tower.transition-enter[data-tower="B"].transition-enter-active {
          opacity: 1;
          -webkit-transform: translate3d(0, 0, 0);
                  transform: translate3d(0, 0, 0);
          -webkit-transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
          transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
          transition: opacity 1.5s ease, transform 1.5s ease;
          transition: opacity 1.5s ease, transform 1.5s ease, -webkit-transform 1.5s ease; }
      .wrapper.building .tower-slider .tower.transition-leave[data-tower="B"] {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0); }
        .wrapper.building .tower-slider .tower.transition-leave[data-tower="B"] .skin {
          z-index: 2; }
        .wrapper.building .tower-slider .tower.transition-leave[data-tower="B"].transition-leave-active {
          opacity: 0;
          -webkit-transform: translate3d(100%, 100%, 0);
                  transform: translate3d(100%, 100%, 0);
          -webkit-transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
          transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
          transition: opacity 1.5s ease, transform 1.5s ease;
          transition: opacity 1.5s ease, transform 1.5s ease, -webkit-transform 1.5s ease; }
      .wrapper.building .tower-slider .tower.transition-enter[data-tower="A"] {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
                transform: translate3d(-100%, -100%, 0); }
        .wrapper.building .tower-slider .tower.transition-enter[data-tower="A"] .skin {
          z-index: 2; }
        .wrapper.building .tower-slider .tower.transition-enter[data-tower="A"].transition-enter-active {
          opacity: 1;
          -webkit-transform: translate3d(0, 0, 0);
                  transform: translate3d(0, 0, 0);
          -webkit-transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
          transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
          transition: opacity 1.5s ease, transform 1.5s ease;
          transition: opacity 1.5s ease, transform 1.5s ease, -webkit-transform 1.5s ease; }
      .wrapper.building .tower-slider .tower.transition-leave[data-tower="A"] {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0); }
        .wrapper.building .tower-slider .tower.transition-leave[data-tower="A"] .skin {
          z-index: 2; }
        .wrapper.building .tower-slider .tower.transition-leave[data-tower="A"].transition-leave-active {
          opacity: 0;
          -webkit-transform: translate3d(-100%, -100%, 0);
                  transform: translate3d(-100%, -100%, 0);
          -webkit-transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
          transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
          transition: opacity 1.5s ease, transform 1.5s ease;
          transition: opacity 1.5s ease, transform 1.5s ease, -webkit-transform 1.5s ease; }
      .wrapper.building .tower-slider .tower .floor-slider {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1; }
      .wrapper.building .tower-slider .tower .skin {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0; }
  .wrapper.building .change-tower {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 120px;
    height: 120px;
    padding: 0;
    background-color: #f4f4f4;
    box-shadow: inset 0 0 0 1px rgba(151, 151, 151, 0.1);
    border: none;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transition: background 0.8s ease, box-shadow 0.8s ease, opacity 1s ease, -webkit-transform 1s ease;
    transition: background 0.8s ease, box-shadow 0.8s ease, opacity 1s ease, -webkit-transform 1s ease;
    transition: transform 1s ease, background 0.8s ease, box-shadow 0.8s ease, opacity 1s ease;
    transition: transform 1s ease, background 0.8s ease, box-shadow 0.8s ease, opacity 1s ease, -webkit-transform 1s ease; }
    .wrapper.building .change-tower:hover {
      background-color: #7ed321;
      box-shadow: inset 0 0 0 1px #7ed321; }
      .wrapper.building .change-tower:hover .letter,
      .wrapper.building .change-tower:hover .desc {
        color: #fff; }
    .wrapper.building .change-tower.show {
      opacity: 1;
      -webkit-transform: scale(1);
              transform: scale(1); }
    .wrapper.building .change-tower[data-tower="B"] {
      top: 160px;
      left: 40px; }
      .wrapper.building .change-tower[data-tower="B"] .arrow-tower {
        right: -8px;
        bottom: 50%;
        -webkit-transform: rotate(-60deg) rotateY(0.5turn);
                transform: rotate(-60deg) rotateY(0.5turn); }
    .wrapper.building .change-tower[data-tower="A"] {
      bottom: 140px;
      right: 40px; }
      .wrapper.building .change-tower[data-tower="A"] .arrow-tower {
        left: -8px;
        top: 50%;
        -webkit-transform: rotate(120deg) rotateY(0.5turn);
                transform: rotate(120deg) rotateY(0.5turn); }
    .wrapper.building .change-tower .desc {
      padding: 10px;
      font-family: GloberBook;
      font-size: 14px;
      line-height: 14px;
      color: #000;
      text-align: center;
      -webkit-transition: color 1s ease;
      transition: color 1s ease; }
    .wrapper.building .change-tower .letter {
      font-family: GloberLight;
      font-size: 32px;
      line-height: 32px;
      height: 28px;
      color: #000;
      -webkit-transition: color 1s ease;
      transition: color 1s ease; }
    .wrapper.building .change-tower .arrow-tower {
      position: absolute;
      width: 29px;
      height: 50px; }
  .wrapper.building .scheme-preview {
    left: 40px;
    bottom: 140px; }
  .wrapper.building .footer-details,
  .wrapper.building .footer-year {
    opacity: 0.4; }
  @media (max-height: 700px) and (min-width: 780px) {
    .wrapper.building .change-tower[data-tower="B"] {
      left: calc(100% - 40px - 120px); } }
  @media (max-height: 520px) and (min-width: 780px) {
    .wrapper.building {
      min-height: 520px; }
      .wrapper.building .tower-slider {
        width: calc((520px - 160px - 30px - 115px) / 9 * 16);
        height: calc(520px - 160px - 30px - 115px); }
      .wrapper.building .change-tower[data-tower="B"] {
        left: calc(100% - 40px - 120px); } }
  @media (max-width: 780px) {
    .wrapper.building {
      min-height: calc((100vw - 40px) / 16 * 9 + 123px + 262px + 100px);
      height: 100vh; }
      .wrapper.building .control {
        top: 73px; }
      .wrapper.building .tower-slider {
        top: 123px;
        max-width: none;
        width: calc(100% - 40px);
        height: calc((100vw - 40px) / 16 * 9); }
      .wrapper.building .change-tower[data-tower="B"] {
        top: calc((100vw - 40px) / 16 * 9 + 123px);
        left: 20px; }
      .wrapper.building .change-tower[data-tower="A"] {
        top: calc((100vw - 40px) / 16 * 9 + 123px);
        right: 20px; }
      .wrapper.building .scheme-preview {
        top: calc((100vw - 40px) / 16 * 9 + 123px);
        left: calc(50% - 83px); } }
  @media (max-width: 570px) {
    .wrapper.building {
      min-height: calc((100vw - 20px) / 16 * 9 + 100px + 120px + 60px + 262px); }
      .wrapper.building .control {
        top: 50px;
        height: 20px; }
        .wrapper.building .control .floor-num,
        .wrapper.building .control .tower-letter {
          height: 20px;
          font-size: 20px;
          line-height: 24px; }
        .wrapper.building .control .floor-num {
          width: 100px; }
      .wrapper.building .tower-slider {
        top: 100px;
        width: calc(100% - 20px);
        height: calc((100vw - 20px) / 16 * 9); }
      .wrapper.building .change-tower[data-tower="B"] {
        top: calc((100vw - 20px) / 16 * 9 + 110px);
        left: calc(50% - 60px); }
      .wrapper.building .change-tower[data-tower="A"] {
        top: calc((100vw - 20px) / 16 * 9 + 110px);
        right: calc(50% - 60px); }
      .wrapper.building .scheme-preview {
        top: calc((100vw - 20px) / 16 * 9 + 100px + 120px + 40px); } }
/* Breakpoints */
.floor-plan {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease; }
  .floor-plan.transition-enter {
    opacity: 0; }
    .floor-plan.transition-enter .skin {
      z-index: 2; }
    .floor-plan.transition-enter.transition-enter-active {
      opacity: 1; }
  .floor-plan.transition-leave {
    opacity: 1; }
    .floor-plan.transition-leave .skin {
      z-index: 2; }
    .floor-plan.transition-leave.transition-leave-active {
      opacity: 0; }
  .floor-plan .floor-image {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1; }
    .floor-plan .floor-image svg {
      width: 100%;
      height: 100%;
      -webkit-transform: rotate(0.5turn);
              transform: rotate(0.5turn); }
    .floor-plan .floor-image #Apartments_Layer .passive {
      fill: rgba(0, 0, 0, 0.6);
      -webkit-transition: fill 1s ease;
      transition: fill 1s ease; }
    .floor-plan .floor-image #Apartments_Layer .active-apartment {
      fill: rgba(126, 211, 33, 0.6);
      -webkit-transition: fill 1s ease;
      transition: fill 1s ease; }
    .floor-plan .floor-image #Apartments_Layer .active {
      cursor: pointer;
      -webkit-transition: fill 1s ease;
      transition: fill 1s ease; }
      .floor-plan .floor-image #Apartments_Layer .active:nth-child(odd) {
        fill: rgba(0, 0, 0, 0.1); }
      .floor-plan .floor-image #Apartments_Layer .active:nth-child(even) {
        fill: transparent; }
      .floor-plan .floor-image #Apartments_Layer .active:hover {
        fill: rgba(126, 211, 33, 0.5); }
  .floor-plan .skin {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0; }
/* Breakpoints */
.wrapper.parking {
  width: 100%;
  min-height: 100vh;
  background-color: #f4f4f4; }
  .wrapper.parking .pic {
    position: absolute;
    top: 165px;
    left: 50%;
    max-width: 100%;
    width: calc((100vh - 160px - 30px - 115px) / 9 * 16);
    height: calc(100vh - 160px - 30px - 115px);
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0); }
    .wrapper.parking .pic .image {
      position: relative;
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
         object-fit: contain;
      font-family: 'object-fit: contain;'; }
  .wrapper.parking .footer-details,
  .wrapper.parking .footer-year {
    opacity: 0.4; }
  .wrapper.parking .footer-year {
    -webkit-align-self: center;
        -ms-flex-item-align: center;
                -ms-grid-row-align: center;
            align-self: center; }
  @media (max-height: 520px) and (min-width: 780px) {
    .wrapper.parking {
      min-height: 520px; }
      .wrapper.parking .pic {
        width: calc((520px - 160px - 30px - 115px) / 9 * 16);
        height: calc(520px - 160px - 30px - 115px); } }
  @media (max-width: 780px) {
    .wrapper.parking {
      min-height: calc((100vw - 40px) / 16 * 9 + 123px + 100px);
      height: 100vh; }
      .wrapper.parking .pic {
        top: 123px;
        max-width: none;
        width: calc(100% - 40px);
        height: calc((100vw - 40px) / 16 * 9); } }
  @media (max-width: 570px) {
    .wrapper.parking {
      min-height: calc((100vw - 20px) / 16 * 9 + 100px + 40px); }
      .wrapper.parking .pic {
        top: 100px;
        width: calc(100% - 20px);
        height: calc((100vw - 20px) / 16 * 9); } }
/* Breakpoints */
.note-tooltip {
  position: absolute;
  top: 0;
  left: 0;
  width: 280px;
  max-height: 0;
  border-radius: 30px;
  opacity: 0;
  z-index: 998;
  overflow: hidden;
  -webkit-transition: max-height 0.5s ease, opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: max-height 0.5s ease, opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: max-height 0.5s ease, opacity 0.5s ease, transform 0.5s ease;
  transition: max-height 0.5s ease, opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease; }
  .note-tooltip.show {
    max-height: 999999px;
    opacity: 1; }
  .note-tooltip .container {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    width: 100%;
    padding: 20px;
    background-color: #F9DE69;
    box-sizing: border-box; }
  .note-tooltip .title {
    margin: 0;
    font-family: GloberBook;
    font-size: 20px;
    line-height: 22px; }
    .note-tooltip .title .symbol {
      font-family: Helvetica; }
  .note-tooltip .text {
    margin-top: 20px;
    width: 100%;
    font-family: GloberLightItalic;
    font-size: 20px;
    line-height: 43px;
    background: none;
    border: none;
    border-bottom: 1px solid #000;
    resize: none;
    overflow: auto; }
/* Breakpoints */
.share-tooltip {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 998;
  height: calc(100% + 8px * 2);
  padding: 0 16px 8px;
  opacity: 0;
  overflow: hidden;
  -webkit-transform: translateX(-90%);
          transform: translateX(-90%);
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  will-change: opacity; }
  .share-tooltip.show {
    display: block;
    opacity: 1; }
  .share-tooltip .container {
    height: 100%;
    width: 90%;
    padding: 4px 0;
    position: relative;
    background: transparent; }
  .share-tooltip .icon-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0; }
    .share-tooltip .icon-list .item {
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0;
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      position: relative;
      margin: 0 5px;
      width: 40px;
      height: 40px;
      border-radius: 100%;
      background-color: #bebebe;
      box-shadow: 0 0 15px transparent;
      -webkit-transition: box-shadow 0.5s ease, color 0.5s ease;
      transition: box-shadow 0.5s ease, color 0.5s ease; }
      .share-tooltip .icon-list .item:hover {
        background-color: #7ed321;
        box-shadow: 0 0 8px #7ed321;
        cursor: pointer; }
    .share-tooltip .icon-list .link {
      height: 100%;
      width: 100%; }
    .share-tooltip .icon-list .icon {
      position: absolute;
      height: 100%;
      width: 100%;
      padding: 8px;
      margin: 0;
      fill: #ffffff;
      box-sizing: border-box; }
  @media (max-width: 780px) {
    .share-tooltip .item {
      height: 30px;
      width: 30px; } }
/* Breakpoints */
.wrapper.apartment {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  min-height: 780px;
  height: 100vh; }
  .wrapper.apartment .close {
    position: absolute;
    top: 40px;
    margin: 9px 0 0 0;
    left: 232px;
    width: 100px;
    text-decoration: none;
    cursor: pointer;
    z-index: 6; }
    .wrapper.apartment .close, .wrapper.apartment .close:visited, .wrapper.apartment .close:focus {
      color: #000; }
    .wrapper.apartment .close svg {
      position: absolute;
      top: -1px;
      left: 5px;
      width: 16px;
      height: 16px; }
    .wrapper.apartment .close span {
      margin-left: 30px;
      font-family: GloberBold;
      font-size: 16px;
      line-height: 20px;
      height: 20px; }
    @media (max-width: 780px) {
      .wrapper.apartment .close {
        top: 20px;
        left: 192px; } }
    @media (max-width: 670px) {
      .wrapper.apartment .close {
        top: 58px;
        left: 20px; } }
    @media (max-width: 570px) {
      .wrapper.apartment .close {
        top: 58px;
        left: 10px; } }
  .wrapper.apartment .apartment-slider {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 185px 0 140px;
    left: 501px;
    max-height: 100%;
    height: calc((100vw - 40px * 2 - 166px - 280px + 25px) / 16 * 9);
    width: calc(100% - 40px * 2 - 166px - 280px + 25px); }
    .wrapper.apartment .apartment-slider .apartment-image {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
         object-fit: contain;
      font-family: 'object-fit: contain;';
      -webkit-transition: opacity 1s ease;
      transition: opacity 1s ease; }
      .wrapper.apartment .apartment-slider .apartment-image.transition-enter {
        opacity: 0; }
        .wrapper.apartment .apartment-slider .apartment-image.transition-enter.transition-enter-active {
          opacity: 1;
          -webkit-transition-delay: 0.5s;
                  transition-delay: 0.5s; }
      .wrapper.apartment .apartment-slider .apartment-image.transition-leave {
        opacity: 1; }
        .wrapper.apartment .apartment-slider .apartment-image.transition-leave.transition-leave-active {
          opacity: 0; }
  .wrapper.apartment .apartment-info-wrapper {
    position: absolute;
    top: 115px;
    left: 40px;
    width: 361px;
    z-index: 5; }
  .wrapper.apartment .apartment-info {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease; }
    .wrapper.apartment .apartment-info + .apartment-info {
      position: absolute; }
    .wrapper.apartment .apartment-info.transition-enter {
      opacity: 0; }
      .wrapper.apartment .apartment-info.transition-enter.transition-enter-active {
        opacity: 1; }
    .wrapper.apartment .apartment-info.transition-leave {
      opacity: 1; }
      .wrapper.apartment .apartment-info.transition-leave.transition-leave-active {
        opacity: 0; }
    .wrapper.apartment .apartment-info .row {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      width: 100%; }
      .wrapper.apartment .apartment-info .row:last-child {
        border-top: 1px solid rgba(151, 151, 151, 0.2); }
        .wrapper.apartment .apartment-info .row:last-child .title {
          margin-top: 20px; }
      .wrapper.apartment .apartment-info .row > *:not(:last-child) {
        width: 30%;
        padding-right: 20px; }
      .wrapper.apartment .apartment-info .row > *:last-child {
        width: 40%; }
    .wrapper.apartment .apartment-info .column {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-flow: column nowrap;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      box-sizing: border-box; }
      .wrapper.apartment .apartment-info .column .title {
        margin-bottom: 10px;
        font-family: GloberRegular;
        font-size: 10px;
        line-height: 12px;
        color: rgba(0, 0, 0, 0.3);
        text-transform: uppercase; }
      .wrapper.apartment .apartment-info .column .val {
        margin-bottom: 10px;
        font-family: GloberRegular;
        font-size: 28px;
        line-height: 32px;
        color: black; }
        .wrapper.apartment .apartment-info .column .val sup {
          position: relative;
          height: 14px;
          line-height: 18px;
          font-size: 18px;
          bottom: 4px; }
  .wrapper.apartment .scheme-preview {
    left: 40px;
    bottom: 140px; }
  .wrapper.apartment .note-tooltip {
    -webkit-transform: translate3d(20px, 20px, 0);
            transform: translate3d(20px, 20px, 0); }
  .wrapper.apartment .pdf {
    position: absolute;
    left: 431px;
    top: 115px;
    width: 40px;
    opacity: 0.7;
    z-index: 5;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease; }
    .wrapper.apartment .pdf .pdf-icon {
      width: 100%;
      height: 40px; }
    .wrapper.apartment .pdf .pdf-text {
      display: inline-block;
      width: 100%;
      font-family: GloberRegular;
      font-size: 10px;
      line-height: 12px;
      color: rgba(0, 0, 0, 0.7);
      text-align: center; }
    .wrapper.apartment .pdf:hover {
      opacity: 1; }
  .wrapper.apartment .favorites-button {
    position: absolute;
    left: 422px;
    top: 187px;
    width: 60px;
    padding: 0;
    font-size: 0;
    background: none;
    border: none;
    outline: none;
    z-index: 5;
    cursor: pointer; }
    .wrapper.apartment .favorites-button .favorites-icon {
      width: 100%;
      height: 32px;
      fill: #d2eeaa;
      -webkit-transition: fill 0.5s ease;
      transition: fill 0.5s ease; }
    .wrapper.apartment .favorites-button .favorites-phrase {
      display: inline-block;
      width: 100%;
      margin-top: 5px;
      font-family: GloberRegular;
      font-size: 10px;
      line-height: 12px;
      color: rgba(0, 0, 0, 0.5);
      text-align: center;
      -webkit-transition: color 0.5s ease;
      transition: color 0.5s ease; }
    .wrapper.apartment .favorites-button:hover .favorites-icon, .wrapper.apartment .favorites-button.active .favorites-icon {
      fill: #7ed321; }
    .wrapper.apartment .favorites-button:hover .favorites-phrase, .wrapper.apartment .favorites-button.active .favorites-phrase {
      color: #000; }
  .wrapper.apartment .note-button {
    position: absolute;
    left: 422px;
    top: 253px;
    width: 60px;
    padding: 0;
    font-size: 0;
    background: none;
    border: none;
    outline: none;
    opacity: 0.5;
    z-index: 5;
    cursor: pointer;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease; }
    .wrapper.apartment .note-button .note-icon {
      width: 100%;
      height: 32px;
      fill: #F9DE69; }
    .wrapper.apartment .note-button .note-phrase {
      display: inline-block;
      width: 100%;
      margin-top: 5px;
      font-family: GloberRegular;
      font-size: 10px;
      line-height: 12px;
      color: #000;
      text-align: center; }
    .wrapper.apartment .note-button:hover, .wrapper.apartment .note-button.active {
      opacity: 1; }
  .wrapper.apartment .sharing {
    position: absolute;
    left: 418px;
    top: 312px;
    width: 70px;
    padding: 8px 0;
    font-size: 0;
    background: none;
    border: none;
    outline: none;
    opacity: 0.5;
    z-index: 5;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease; }
    .wrapper.apartment .sharing .sharing-icon {
      position: relative;
      width: 100%;
      height: 32px; }
    .wrapper.apartment .sharing .sharing-phrase {
      position: relative;
      display: inline-block;
      width: 100%;
      margin-top: 5px;
      font-family: GloberRegular;
      font-size: 10px;
      line-height: 12px;
      color: #000;
      text-align: center; }
    .wrapper.apartment .sharing .sharing-button {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      cursor: pointer; }
    .wrapper.apartment .sharing:hover, .wrapper.apartment .sharing.active {
      opacity: 1; }
    .wrapper.apartment .sharing textarea {
      opacity: 0; }
  .wrapper.apartment .tour-link {
    position: absolute;
    left: 418px;
    top: 354px;
    width: 60px;
    padding: 0;
    font-size: 0;
    background: none;
    border: none;
    outline: none;
    opacity: 0.5;
    z-index: 5;
    cursor: pointer;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    text-decoration: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    .wrapper.apartment .tour-link > * {
      text-decoration: none; }
    .wrapper.apartment .tour-link .tour-icon {
      width: auto;
      height: 19px;
      margin: 12px 0 8px;
      margin-right: -10px; }
    .wrapper.apartment .tour-link .tour-phrase {
      display: inline-block;
      width: 100%;
      margin-top: 5px;
      font-family: GloberRegular;
      font-size: 10px;
      line-height: 12px;
      color: #000;
      text-align: center; }
    .wrapper.apartment .tour-link:hover, .wrapper.apartment .tour-link.active {
      opacity: 1; }
  .wrapper.apartment .floor-slider {
    position: absolute;
    -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start;
    left: 246px;
    bottom: 192px;
    width: 280px;
    height: 157.5px;
    margin: 15px 0 0 -25px;
    opacity: 1;
    z-index: 5; }
  .wrapper.apartment .footer-details,
  .wrapper.apartment .footer-year {
    opacity: 0.4; }
  .wrapper.apartment .footer-year {
    -webkit-align-self: center;
        -ms-flex-item-align: center;
                -ms-grid-row-align: center;
            align-self: center; }
  @media (max-width: 780px) {
    .wrapper.apartment {
      height: auto; }
      .wrapper.apartment .close {
        top: 20px;
        left: 192px; }
      .wrapper.apartment .apartment-info-wrapper {
        position: relative;
        width: 100%;
        top: 0;
        left: 0; }
      .wrapper.apartment .apartment-info {
        padding: 0 20px;
        box-sizing: border-box; }
      .wrapper.apartment .apartment-slider {
        position: relative;
        left: 0;
        width: 100%;
        height: 56.25vw; }
      .wrapper.apartment .note-tooltip {
        -webkit-transform: translate3d(-100%, 0, 0) translate3d(-20px, 20px, 0);
                transform: translate3d(-100%, 0, 0) translate3d(-20px, 20px, 0); }
      .wrapper.apartment .pdf {
        top: 73px;
        left: calc(100% - 38px - 20px); }
      .wrapper.apartment .favorites-button {
        top: 145px;
        left: calc(100% - 48px - 20px); }
      .wrapper.apartment .note-button {
        top: 211px;
        left: calc(100% - 48px - 20px); }
      .wrapper.apartment .sharing {
        top: 265px;
        left: calc(100% - 54px - 20px); }
      .wrapper.apartment .tour-link {
        top: 250px;
        left: calc(100% - 44px - 20px); }
        .wrapper.apartment .tour-link .tour-icon {
          width: 40px;
          height: auto; }
        .wrapper.apartment .tour-link .tour-phrase {
          display: none; }
      .wrapper.apartment .floor-slider {
        position: relative;
        -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
                flex-shrink: 0;
        left: 50%;
        bottom: 0;
        width: 300px;
        height: 168.75px;
        margin: 40px 0;
        -webkit-transform: translate3d(-50%, 0, 0);
                transform: translate3d(-50%, 0, 0); }
      .wrapper.apartment .scheme-preview {
        position: relative;
        -webkit-align-self: center;
            -ms-flex-item-align: center;
                    -ms-grid-row-align: center;
                align-self: center;
        top: 0;
        left: 0;
        margin-bottom: 100px; }
      .wrapper.apartment .tooltip-apartment,
      .wrapper.apartment .footer-details-left,
      .wrapper.apartment .footer-year,
      .wrapper.apartment .footer-nineone {
        display: none; } }
  @media (max-width: 570px) {
    .wrapper.apartment .close {
      top: 50px;
      left: 2px;
      -webkit-transform: scale(0.88);
              transform: scale(0.88); }
    .wrapper.apartment .pdf {
      top: 50px;
      left: calc(100% - 38px - 10px); }
    .wrapper.apartment .favorites-button {
      top: 122px;
      left: calc(100% - 48px - 10px); }
      .wrapper.apartment .favorites-button .favorites-phrase {
        display: none; }
    .wrapper.apartment .note-button {
      top: 164px;
      left: calc(100% - 48px - 10px); }
      .wrapper.apartment .note-button .note-phrase {
        display: none; }
    .wrapper.apartment .sharing {
      top: 206px;
      left: calc(100% - 54px - 10px); }
      .wrapper.apartment .sharing .sharing-phrase {
        display: none; } }

.ie .wrapper.apartment .footer-year {
  left: 50%; }
.map-towers {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2; }
  .map-towers .svg-towers {
    width: 100%;
    height: 100%; }
  .map-towers .tower polygon {
    fill: transparent; }
  .map-towers .tower .floor {
    cursor: pointer; }
    .map-towers .tower .floor.empty path, .map-towers .tower .floor.empty text {
      fill: transparent; }
    .map-towers .tower .floor.empty:hover path, .map-towers .tower .floor.empty:hover text, .map-towers .tower .floor.empty.hover path, .map-towers .tower .floor.empty.hover text {
      fill: rgba(0, 0, 0, 0.4); }
    .map-towers .tower .floor path, .map-towers .tower .floor text {
      fill: rgba(126, 211, 33, 0);
      stroke-width: 0;
      -webkit-transition: fill 1s ease;
      transition: fill 1s ease; }
    .map-towers .tower .floor text {
      font-family: GloberBook;
      font-size: 36px;
      line-height: 36px; }
    .map-towers .tower .floor:hover path, .map-towers .tower .floor:hover text, .map-towers .tower .floor.hover path, .map-towers .tower .floor.hover text {
      fill: rgba(126, 211, 33, 0.4); }
  .map-towers .choose text {
    font-family: GloberLight;
    font-weight: bold;
    font-size: 120px;
    fill: #eee;
    -webkit-transition: fill 1s ease;
    transition: fill 1s ease; }
  .map-towers .choose line {
    stroke: #eee;
    stroke-width: 4px;
    -webkit-transition: stroke 1s ease;
    transition: stroke 1s ease; }
  .map-towers .choose circle {
    fill: none;
    stroke-width: 4px;
    stroke: #eee;
    -webkit-transition: stroke 1s ease;
    transition: stroke 1s ease; }
  .map-towers .choose.hover text {
    fill: #7ed321; }
  .map-towers .choose.hover line, .map-towers .choose.hover circle {
    stroke: #7ed321; }
/* Breakpoints */
.selector-buttons {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  left: 0;
  bottom: 0;
  width: 100vw;
  z-index: 4; }
  .selector-buttons .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%; }
    .selector-buttons .row:first-child {
      height: 80px;
      padding: 20px 20px 10px 20px; }
    .selector-buttons .row:nth-child(n+2) {
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
    .selector-buttons .row:nth-child(2) {
      padding: 10px;
      color: #fff; }
    .selector-buttons .row:last-child {
      padding: 15px 0 10px 0;
      color: #000;
      background: #7ed321; }
    .selector-buttons .row .row-container {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      max-width: 335px;
      width: 100%; }
    .selector-buttons .row .switch-button {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 1;
      -webkit-flex: auto;
          -ms-flex: auto;
              flex: auto;
      height: 100%;
      box-sizing: border-box;
      -webkit-transition: border 0.5s ease;
      transition: border 0.5s ease; }
    .selector-buttons .row .tower {
      border: 4px solid rgba(126, 211, 33, 0.4); }
      .selector-buttons .row .tower span {
        display: inline-block;
        width: 40px;
        margin-top: 13px;
        font-family: GloberRegular;
        font-size: 42px;
        line-height: 50px;
        color: #fff;
        text-align: center; }
      .selector-buttons .row .tower:hover {
        border: 4px solid #7ed321; }
    .selector-buttons .row .arrow-button {
      border: 4px solid rgba(255, 255, 255, 0.4); }
      .selector-buttons .row .arrow-button svg {
        width: 40px;
        height: 40px; }
      .selector-buttons .row .arrow-button.top svg {
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg); }
      .selector-buttons .row .arrow-button.bottom svg {
        -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg); }
      .selector-buttons .row .arrow-button:hover {
        border: 4px solid white; }
      .selector-buttons .row .arrow-button:nth-child(2) {
        margin: 0 5px; }
    .selector-buttons .row .tower-letter, .selector-buttons .row .floor {
      display: inline-block;
      height: 28px;
      font-family: GloberBook;
      font-size: 30px;
      line-height: 32px; }
    .selector-buttons .row .apartments {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      margin-left: 10px;
      opacity: 0.2;
      -webkit-transition: opacity 0.5s ease;
      transition: opacity 0.5s ease; }
      .selector-buttons .row .apartments:first-child {
        margin-left: 5px; }
      .selector-buttons .row .apartments.active {
        opacity: 1; }
      .selector-buttons .row .apartments .squares {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column nowrap;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
        -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
                flex-shrink: 0;
        height: 28px;
        width: 8px;
        margin-right: 10px; }
        .selector-buttons .row .apartments .squares div {
          height: 8px;
          width: 8px;
          margin-top: 1px;
          outline: 1px solid #fff; }
      .selector-buttons .row .apartments .num-apartments {
        height: 28px;
        font-family: GloberLight;
        font-size: 37px;
        line-height: 37px;
        color: #fff; }
    .selector-buttons .row .select-floor {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      width: 100%;
      font-family: GloberRegular;
      font-size: 30px;
      line-height: 32px; }
/* Breakpoints */
.tooltip-floor {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  padding: 10px;
  margin: -50px 0 0 -10px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  opacity: 0;
  z-index: 5;
  -webkit-transform: translate3d(0, -100%, 0) scale(0);
          transform: translate3d(0, -100%, 0) scale(0);
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: transform 0.5s ease, opacity 0.5s ease;
  transition: transform 0.5s ease, opacity 0.5s ease, -webkit-transform 0.5s ease; }
  .tooltip-floor > * {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  .tooltip-floor.show {
    opacity: 1;
    -webkit-transform: translate3d(0, -100%, 0) scale(1);
            transform: translate3d(0, -100%, 0) scale(1); }
  .tooltip-floor.passive .line,
  .tooltip-floor.passive .text {
    display: inline-block; }
  .tooltip-floor .text,
  .tooltip-floor .floorNum {
    height: 34px;
    font-family: GloberLight;
    font-size: 37px;
    line-height: 1.2;
    color: #fff; }
  .tooltip-floor .floorNum {
    margin-top: -2px;
    font-family: GloberBook;
    font-weight: bold;
    color: #7ed321; }
  .tooltip-floor .floorNum + .line {
    margin-right: 10px; }
  .tooltip-floor .line {
    display: none;
    height: 25px;
    width: 1px;
    margin-left: 10px;
    background-color: rgba(255, 255, 255, 0.2); }
  .tooltip-floor .text {
    display: none; }
  @media (max-width: 780px) {
    .tooltip-floor {
      display: none; } }
/* Breakpoints */
.wrapper.selector {
  width: 100%;
  min-height: 100vh; }
  .wrapper.selector .images {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    -webkit-transition: width 0.1s ease;
    transition: width 0.1s ease; }
    @media (max-width: 148.74953vh) {
      .wrapper.selector .images {
        position: absolute;
        left: 56%;
        margin-left: -83.29974vh;
        width: 148.74953vh;
        height: 100vh; }
        .wrapper.selector .images .towers,
        .wrapper.selector .images .tower-right,
        .wrapper.selector .images .tower-left {
          left: 0;
          -webkit-transform: translate3d(0, 0, 0);
                  transform: translate3d(0, 0, 0); } }
  .wrapper.selector .towers,
  .wrapper.selector .tower-left,
  .wrapper.selector .tower-right {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    height: auto; }
  .wrapper.selector .towers {
    position: relative;
    opacity: 1; }
  .wrapper.selector .tower-left,
  .wrapper.selector .tower-right {
    opacity: 0;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease; }
    .wrapper.selector .tower-left.hover,
    .wrapper.selector .tower-right.hover {
      opacity: 1; }
  .wrapper.selector .scheme-button {
    display: none;
    position: absolute;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 4; }
  .wrapper.selector .footer-details,
  .wrapper.selector .footer-year {
    opacity: 0.4; }
  .wrapper.selector .footer-details,
  .wrapper.selector .footer-year,
  .wrapper.selector .footer-nineone {
    z-index: 3; }
  @media (max-width: 780px) {
    .wrapper.selector .scheme-button {
      display: block;
      top: 73px;
      right: 20px; } }
  @media (max-width: 570px) {
    .wrapper.selector .scheme-button {
      top: 50px;
      right: 10px; } }
  .wrapper.selector .footer-details,
  .wrapper.selector .footer-year,
  .wrapper.selector .footer-nineone {
    color: #fff; }
/* Breakpoints */
.side-filters {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
  padding-top: 110px;
  width: auto;
  max-height: 100vh;
  overflow-y: auto;
  box-sizing: border-box; }
  .side-filters::-webkit-scrollbar {
    width: 4px;
    height: 4px; }
  .side-filters .close-text {
    margin: 0 0 auto auto;
    font-family: GloberBook;
    font-size: 12px;
    line-height: 16px;
    color: rgba(0, 0, 0, 0.3);
    cursor: pointer;
    -webkit-transition: color 0.7s ease;
    transition: color 0.7s ease; }
    .side-filters .close-text:hover {
      color: black; }
  .side-filters .close {
    position: relative;
    width: 16px;
    height: 16px;
    margin: 0 0 auto auto;
    cursor: pointer;
    z-index: 5; }
    .side-filters .close:hover span:first-child {
      background-color: black;
      -webkit-transform: translate3d(-50%, -50%, 0) rotate(-50deg);
              transform: translate3d(-50%, -50%, 0) rotate(-50deg); }
    .side-filters .close:hover span:last-child {
      background-color: black;
      -webkit-transform: translate3d(-50%, -50%, 0) rotate(50deg);
              transform: translate3d(-50%, -50%, 0) rotate(50deg); }
    .side-filters .close span {
      position: absolute;
      top: 50%;
      left: 50%;
      height: 1px;
      width: 14px;
      background-color: #979797;
      -webkit-transition: background 0.7s ease, -webkit-transform 0.7s ease;
      transition: background 0.7s ease, -webkit-transform 0.7s ease;
      transition: transform 0.7s ease, background 0.7s ease;
      transition: transform 0.7s ease, background 0.7s ease, -webkit-transform 0.7s ease; }
    .side-filters .close span:first-child {
      -webkit-transform: translate3d(-50%, -50%, 0) rotate(50deg);
              transform: translate3d(-50%, -50%, 0) rotate(50deg); }
    .side-filters .close span:last-child {
      -webkit-transform: translate3d(-50%, -50%, 0) rotate(-50deg);
              transform: translate3d(-50%, -50%, 0) rotate(-50deg); }
  .side-filters .row {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
    .side-filters .row:first-child {
      margin-top: 20px; }
    .side-filters .row.mobile-inputs {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-flex-shrink: 1;
          -ms-flex-negative: 1;
              flex-shrink: 1;
      margin-top: 20px;
      padding: 2px;
      box-sizing: border-box; }
      .side-filters .row.mobile-inputs .input-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row nowrap;
            -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
        -webkit-flex-shrink: 1;
            -ms-flex-negative: 1;
                flex-shrink: 1;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        width: 50%;
        padding: 5px 10px;
        background: rgba(244, 30, 56, 0);
        outline: 2px solid #9b9b9b;
        box-sizing: border-box;
        -webkit-transition: background 0.5s ease, outline 0.5s ease;
        transition: background 0.5s ease, outline 0.5s ease; }
        .side-filters .row.mobile-inputs .input-wrapper .label {
          -webkit-flex-shrink: 1;
              -ms-flex-negative: 1;
                  flex-shrink: 1;
          font-family: GloberSemiBold;
          font-size: 12px;
          line-height: 22px;
          margin: 5px 10px 0 0;
          color: #9b9b9b;
          -webkit-transition: color 0.5s ease;
          transition: color 0.5s ease; }
        .side-filters .row.mobile-inputs .input-wrapper input {
          width: calc(100% - 24px);
          margin-top: 5px;
          padding: 0;
          font-family: GloberRegular;
          font-size: 22px;
          line-height: 36px;
          color: #9b9b9b;
          background: none;
          border: none;
          outline: none;
          -webkit-transition: color 0.5s ease;
          transition: color 0.5s ease; }
        .side-filters .row.mobile-inputs .input-wrapper input:focus {
          outline: none; }
        .side-filters .row.mobile-inputs .input-wrapper.error {
          background: #f41e38;
          outline: 2px solid rgba(255, 255, 255, 0); }
          .side-filters .row.mobile-inputs .input-wrapper.error .label,
          .side-filters .row.mobile-inputs .input-wrapper.error input {
            color: #fff; }
    .side-filters .row .from,
    .side-filters .row .to {
      font-family: GloberBook;
      font-size: 16px;
      line-height: 16px;
      color: #000; }
    .side-filters .row input.from,
    .side-filters .row input.to {
      position: relative;
      width: calc(50% - 30px - 40px);
      margin-left: 10px;
      padding: 10px 10px 6px 8px;
      outline: none;
      border-radius: 5px;
      border: 1px solid #000; }
    .side-filters .row label.to {
      margin-left: auto; }
    .side-filters .row .cube-room {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      margin: 2px 2px 2px 0;
      width: 48px;
      height: 48px;
      outline: 2px solid #979797;
      cursor: pointer;
      -webkit-transition: outline 0.8s ease;
      transition: outline 0.8s ease; }
      .side-filters .row .cube-room.active {
        outline: 2px solid #000;
        z-index: 2; }
        .side-filters .row .cube-room.active span {
          opacity: 1; }
      .side-filters .row .cube-room:first-child {
        margin-left: 2px; }
      .side-filters .row .cube-room span {
        opacity: 0.5;
        -webkit-transition: opacity 0.8s ease;
        transition: opacity 0.8s ease; }
      .side-filters .row .cube-room span:first-child {
        font-family: GloberRegular;
        font-size: 30px;
        line-height: 30px;
        height: 25px;
        color: #000; }
      .side-filters .row .cube-room span:last-child {
        font-family: GloberSemiBold;
        font-size: 14px;
        line-height: 14px;
        height: 11px;
        color: #000; }
    .side-filters .row .phrase {
      margin-top: 5px;
      font-family: GloberBook;
      font-size: 12px;
      line-height: 22px;
      font-weight: normal;
      margin: 0;
      color: rgba(0, 0, 0, 0.6);
      text-transform: uppercase; }
    .side-filters .row .input-wrapper:last-child {
      margin-left: 2px; }
  .side-filters .block,
  .side-filters .rooms,
  .side-filters .floors {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
    .side-filters .block .title,
    .side-filters .rooms .title,
    .side-filters .floors .title {
      font-family: GloberBook;
      font-size: 20px;
      line-height: 20px;
      font-weight: normal;
      margin: 0;
      color: #000; }
  .side-filters .price.block {
    display: none; }
  .side-filters .number .row.mobile-inputs .input-wrapper {
    width: 100%; }
  .side-filters .towers {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
    .side-filters .towers .title {
      font-family: GloberLight;
      font-size: 72px;
      line-height: 75px;
      color: rgba(0, 0, 0, 0.1);
      cursor: pointer;
      -webkit-transition: color 1s ease;
      transition: color 1s ease; }
      .side-filters .towers .title.active {
        color: #7ed321; }
    .side-filters .towers .line {
      position: relative;
      bottom: 5px;
      font-family: GloberLight;
      font-size: 72px;
      line-height: 75px;
      color: rgba(0, 0, 0, 0.1); }
  .side-filters .rooms .row:last-child {
    margin-top: 20px; }
  .side-filters .floors .mobile-inputs {
    display: none; }
  .side-filters .floors .range {
    margin-top: 53px; }
  .side-filters .floors .row:last-child {
    margin-top: 23px; }
  .side-filters .row-specific {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    margin-bottom: 40px; }
    .side-filters .row-specific .floors {
      margin-left: 40px;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
  .side-filters .towers,
  .side-filters .block,
  .side-filters .row-specific {
    padding: 0 40px;
    overflow: hidden;
    box-sizing: border-box; }
  .side-filters .range {
    position: relative;
    height: 40px;
    width: 100%;
    margin-top: 20px; }
  .side-filters .slider {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width: 100%; }
  .side-filters .rooms .row .from {
    margin-left: 0; }
  @media (max-width: 780px) {
    .side-filters {
      position: absolute;
      top: 0;
      left: 100%;
      width: 100%;
      height: calc(100vh - 80px);
      padding-top: 73px; }
      .side-filters .towers,
      .side-filters .block,
      .side-filters .row-specific {
        padding: 0 20px; }
      .side-filters .towers .title,
      .side-filters .towers .line {
        font-size: 36px;
        line-height: 43px; }
      .side-filters .towers .line {
        bottom: 3px; }
      .side-filters .special-offer .button-block {
        margin: 0;
        padding: 20px; }
        .side-filters .special-offer .button-block .desc {
          font-size: 20px;
          line-height: 26px; }
      .side-filters .row-specific {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap; }
        .side-filters .row-specific .floors {
          width: 100%;
          margin-left: 0; }
      .side-filters .floors .mobile-inputs {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
      .side-filters .row.range {
        display: none; } }

/* react-input-range */
.input-range__slider {
  position: absolute;
  display: block;
  top: 50%;
  width: 1rem;
  height: 1rem;
  margin-left: -0.5rem;
  margin-top: -0.65rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #7ed321;
  border: 1px solid #7ed321;
  border-radius: 100%;
  outline: none;
  cursor: pointer;
  -webkit-transition: box-shadow 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: box-shadow 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;
  transition: transform 0.3s ease-out, box-shadow 0.3s ease-out, -webkit-transform 0.3s ease-out; }
  .input-range__slider:active {
    -webkit-transform: scale(1.3);
            transform: scale(1.3); }
  .input-range__slider:focus {
    box-shadow: 0 0 0 5px rgba(126, 211, 33, 0.2); }

.input-range__slider-container {
  -webkit-transition: left 0.3s ease-out;
  transition: left 0.3s ease-out; }

.input-range__label {
  font-family: GloberLight;
  font-size: 0.8rem;
  color: #9b9b9b;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  white-space: nowrap; }

.input-range__label--min,
.input-range__label--max {
  position: absolute;
  bottom: -1.4rem; }

.input-range__label--min,
.input-range__label--max {
  display: none; }

.input-range__label--value {
  position: absolute;
  top: -1.8rem; }

.input-range__label-container {
  position: relative;
  left: -50%; }

.input-range__label--max .input-range__label-container {
  left: 50%; }

.input-range__track {
  position: relative;
  display: block;
  height: 0.3rem;
  background: #9b9b9b;
  border-radius: 0.3rem;
  cursor: pointer;
  -webkit-transition: left 0.3s ease-out, width 0.3s ease-out;
  transition: left 0.3s ease-out, width 0.3s ease-out; }

.input-range__track--background {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin-top: -0.15rem; }

.input-range__track--active {
  background: #7ed321; }

.input-range {
  position: relative;
  width: calc(100% - 1rem);
  height: 1rem;
  margin: 0 0.5rem; }
/* Breakpoints */
.wrapper.table-selector {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  min-width: 100%;
  height: 100%;
  background-color: #f4f4f4;
  overflow: hidden; }
  .wrapper.table-selector .find-apartments {
    position: absolute;
    top: 35px;
    right: 50%;
    max-width: 100%; }
    .wrapper.table-selector .find-apartments .line {
      position: relative;
      display: block;
      width: 25px;
      height: 2px;
      margin-bottom: 10px;
      background-color: #000; }
    .wrapper.table-selector .find-apartments .text {
      position: relative;
      font-family: GloberBook;
      font-size: 20px;
      line-height: 20px;
      font-weight: normal;
      margin: 0;
      color: #000; }
    @media (max-width: 1000px) {
      .wrapper.table-selector .find-apartments {
        display: none; } }
  .wrapper.table-selector .tooltip-filter {
    position: absolute;
    top: -100px;
    left: -100px;
    padding: 20px;
    margin-top: -10px;
    font-family: GloberBook;
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    height: 16px;
    border-radius: 15px;
    background-color: #7ed321;
    opacity: 0;
    z-index: -1;
    white-space: pre;
    -webkit-transform: translate3d(-50%, -100%, 0);
            transform: translate3d(-50%, -100%, 0);
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease; }
    .wrapper.table-selector .tooltip-filter.show {
      opacity: 1; }
  .wrapper.table-selector .tooltip-header {
    position: absolute;
    top: -100px;
    left: -100px;
    height: 9px;
    padding: 10px;
    margin-top: -10px;
    font-family: GloberBook;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    background-color: #000;
    opacity: 0;
    z-index: -1;
    white-space: pre;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease; }
    .wrapper.table-selector .tooltip-header.show {
      opacity: 1; }
  .wrapper.table-selector .apartments-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    padding-top: 110px;
    width: 50%;
    max-height: 100vh;
    box-sizing: border-box; }
    .wrapper.table-selector .apartments-block .apartments {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-flow: column nowrap;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      margin: 0;
      padding: 0;
      list-style: none;
      overflow-y: auto; }
      .wrapper.table-selector .apartments-block .apartments::-webkit-scrollbar {
        width: 4px;
        height: 4px; }
    .wrapper.table-selector .apartments-block .title {
      margin-left: 40px;
      font-family: GloberBook;
      font-size: 20px;
      line-height: 22px;
      color: #000; }
    .wrapper.table-selector .apartments-block .head,
    .wrapper.table-selector .apartments-block .apartment {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0; }
      .wrapper.table-selector .apartments-block .head > *,
      .wrapper.table-selector .apartments-block .apartment > * {
        position: relative;
        width: calc((100% - 40px * 2 - 150px) / 7);
        font-family: GloberLight;
        font-size: 24px;
        color: #000;
        text-align: center; }
      .wrapper.table-selector .apartments-block .head .tower,
      .wrapper.table-selector .apartments-block .apartment .tower {
        margin-left: 40px; }
      .wrapper.table-selector .apartments-block .head .price,
      .wrapper.table-selector .apartments-block .apartment .price {
        width: 150px; }
      .wrapper.table-selector .apartments-block .head .price,
      .wrapper.table-selector .apartments-block .head .planningtype,
      .wrapper.table-selector .apartments-block .apartment .price,
      .wrapper.table-selector .apartments-block .apartment .planningtype {
        text-align: center; }
      .wrapper.table-selector .apartments-block .head .planningtype,
      .wrapper.table-selector .apartments-block .apartment .planningtype {
        width: calc((100% - 40px - 150px) / 7 * 2); }
    .wrapper.table-selector .apartments-block .head {
      padding: 0 0 20px 0; }
      .wrapper.table-selector .apartments-block .head > * {
        display: inline-block;
        height: 30px;
        cursor: pointer; }
      .wrapper.table-selector .apartments-block .head .number sub {
        position: relative;
        bottom: 5px;
        font-size: 12px; }
      .wrapper.table-selector .apartments-block .head .floor .floors {
        display: inline-block;
        width: 19px; }
        .wrapper.table-selector .apartments-block .head .floor .floors div {
          width: 100%;
          height: 1px;
          background-color: #000;
          border-radius: 1px; }
          .wrapper.table-selector .apartments-block .head .floor .floors div:not(:first-child) {
            margin-top: 2px; }
      .wrapper.table-selector .apartments-block .head .square sup {
        position: relative;
        top: -10px;
        font-size: 12px; }
      .wrapper.table-selector .apartments-block .head .rooms .cubes {
        position: relative;
        display: inline-block;
        width: 18px;
        height: 18px; }
        .wrapper.table-selector .apartments-block .head .rooms .cubes div {
          position: absolute;
          width: 7px;
          height: 7px;
          outline: 1px solid #000; }
          .wrapper.table-selector .apartments-block .head .rooms .cubes div:nth-child(1) {
            bottom: 9px;
            left: 1px; }
          .wrapper.table-selector .apartments-block .head .rooms .cubes div:nth-child(2) {
            bottom: 9px;
            left: 9px; }
          .wrapper.table-selector .apartments-block .head .rooms .cubes div:nth-child(3) {
            bottom: 1px;
            left: 1px; }
      .wrapper.table-selector .apartments-block .head .price {
        cursor: default !important; }
      .wrapper.table-selector .apartments-block .head .price svg {
        width: 18px;
        height: 18px; }
      .wrapper.table-selector .apartments-block .head .planningtype {
        font-size: 24px; }
    .wrapper.table-selector .apartments-block .apartment {
      position: relative;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      background-color: rgba(255, 255, 255, 0.4);
      cursor: pointer;
      -webkit-transition: background 1s ease;
      transition: background 1s ease;
      overflow: hidden; }
      .wrapper.table-selector .apartments-block .apartment > *:not(.planningtype) {
        margin-top: 6px; }
      .wrapper.table-selector .apartments-block .apartment .planningtype {
        margin: 10px 0; }
      .wrapper.table-selector .apartments-block .apartment:hover {
        background-color: white; }
        .wrapper.table-selector .apartments-block .apartment:hover .note-button {
          opacity: 0.5; }
    .wrapper.table-selector .apartments-block .note-button {
      position: absolute;
      top: calc(50% - 23px);
      left: 20px;
      width: 30px;
      height: 30px;
      padding: 0;
      background: none;
      border: none;
      opacity: 0;
      cursor: pointer;
      z-index: 1;
      -webkit-transition: opacity 0.5s ease;
      transition: opacity 0.5s ease; }
      .wrapper.table-selector .apartments-block .note-button svg {
        width: 100%;
        height: 100%;
        fill: #F9DE69; }
      .wrapper.table-selector .apartments-block .note-button.visible {
        opacity: 0.5; }
      .wrapper.table-selector .apartments-block .note-button.active {
        opacity: 1; }
  .wrapper.table-selector .note-tooltip {
    -webkit-transform: translate3d(20px, 20px, 0);
            transform: translate3d(20px, 20px, 0); }
  @media (max-width: 1700px) {
    .wrapper.table-selector .apartments-block .head .price,
    .wrapper.table-selector .apartments-block .apartment .price {
      width: 110px; }
    .wrapper.table-selector .apartments-block .head > *,
    .wrapper.table-selector .apartments-block .apartment > * {
      font-size: 20px;
      width: calc((100% - 40px - 110px) / 7); }
    .wrapper.table-selector .apartments-block .head .planningtype,
    .wrapper.table-selector .apartments-block .apartment .planningtype {
      width: calc((100% - 40px - 110px) / 7 * 2); }
    .wrapper.table-selector .apartments-block .apartment .note-button {
      width: 30px;
      height: 30px; } }
  @media (max-width: 1000px) {
    .wrapper.table-selector .choose-viewer {
      display: none; }
    .wrapper.table-selector .apartments-block .head,
    .wrapper.table-selector .apartments-block .apartment {
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .wrapper.table-selector .apartments-block .head .tower,
      .wrapper.table-selector .apartments-block .apartment .tower {
        margin-left: 20px;
        width: 50px; }
      .wrapper.table-selector .apartments-block .head .number,
      .wrapper.table-selector .apartments-block .apartment .number {
        width: 30px; }
      .wrapper.table-selector .apartments-block .head .floor,
      .wrapper.table-selector .apartments-block .apartment .floor {
        width: 30px; }
      .wrapper.table-selector .apartments-block .head .square,
      .wrapper.table-selector .apartments-block .apartment .square {
        width: 60px; }
      .wrapper.table-selector .apartments-block .head .rooms,
      .wrapper.table-selector .apartments-block .apartment .rooms {
        width: 20px; }
      .wrapper.table-selector .apartments-block .head > *,
      .wrapper.table-selector .apartments-block .apartment > * {
        font-size: 16px; }
    .wrapper.table-selector .apartments-block .apartment .note-button {
      top: calc(50% - 17px);
      left: 10px;
      width: 20px;
      height: 20px; } }
  @media (max-width: 780px) {
    .wrapper.table-selector {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-flow: column nowrap;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap;
      height: 100vh;
      overflow: auto; }
      .wrapper.table-selector .apartments-block {
        position: absolute;
        top: 0;
        width: 100%;
        padding-top: 73px; }
      .wrapper.table-selector .apartments-block {
        left: 0;
        height: 100vh; }
        .wrapper.table-selector .apartments-block .head .tower,
        .wrapper.table-selector .apartments-block .apartment .tower {
          margin-left: 20px; }
        .wrapper.table-selector .apartments-block .head {
          padding: 0 0 20px; }
        .wrapper.table-selector .apartments-block .apartments {
          margin-bottom: 80px; }
      .wrapper.table-selector .find-apartments {
        top: 18px;
        left: 242px;
        max-width: 40%; } }
  @media (max-width: 570px) {
    .wrapper.table-selector .find-apartments {
      top: 9px;
      left: calc(100% - 20px - 32px - 150px);
      min-width: 150px;
      width: 150px; }
      .wrapper.table-selector .find-apartments .text {
        font-size: 15px;
        line-height: 15px; }
    .wrapper.table-selector .note-tooltip {
      -webkit-transform: translate3d(0, 20px, 0);
              transform: translate3d(0, 20px, 0); } }
.gallery-selector-button {
  cursor: pointer;
  outline: none;
  border: none;
  padding: 8px 16px 4px;
  margin: 0;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
  background-color: white;
  border: 1px solid #7ed321;
  font-size: 18px;
  font-family: GloberRegular; }
  .gallery-selector-button-active {
    background-color: #7ed321; }
/* Breakpoints */
.gallery {
  width: 100%;
  min-height: 100vh; }
  .gallery.mobile {
    min-height: calc(100vh - 70px); }
    .gallery.mobile .slider {
      margin-top: calc(115px * 1.25); }
    .gallery.mobile .controls-phrase {
      bottom: 60px; }
    .gallery.mobile .controls-phrase {
      display: none; }
  .gallery .gallery-selector-wrapper {
    position: absolute;
    left: calc(50% - 210px);
    top: 30px;
    cursor: pointer; }
    @media (max-width: 780px) {
      .gallery .gallery-selector-wrapper {
        top: 80px;
        left: calc(50% - 196px); } }
  .gallery .slider {
    position: relative;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 100%;
    min-height: 200px;
    max-height: calc(100vw / 16 * 9);
    height: calc(100vh - 85px - 80px);
    margin: 85px 0 80px 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    will-change: transform;
    overflow: hidden; }
    .gallery .slider .no-images {
      font-size: 36px;
      font-family: GloberRegular;
      text-align: center;
      padding-top: 10%; }
    .gallery .slider .slide {
      position: absolute;
      top: 50%;
      left: 50%;
      height: 100%;
      opacity: 0;
      z-index: 1;
      -webkit-transform: translate3d(-50%, -50%, 0) scale(0);
              transform: translate3d(-50%, -50%, 0) scale(0);
      -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
      transition: opacity 1s ease, -webkit-transform 1s ease;
      transition: transform 1s ease, opacity 1s ease;
      transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease;
      will-change: transform, opacity; }
      .gallery .slider .slide.left {
        opacity: 1;
        -webkit-transform: translate3d(-50vw, -50%, 0) scale(0.7) translate3d(-83%, 0, 0);
                transform: translate3d(-50vw, -50%, 0) scale(0.7) translate3d(-83%, 0, 0); }
      .gallery .slider .slide.hideLeft {
        opacity: 0;
        z-index: 0;
        -webkit-transform: translate3d(-50vw, -50%, 0) scale(0) translate3d(0, 0, 0);
                transform: translate3d(-50vw, -50%, 0) scale(0) translate3d(0, 0, 0); }
      .gallery .slider .slide.main {
        opacity: 1;
        z-index: 2;
        -webkit-transform: translate3d(-50%, -50%, 0);
                transform: translate3d(-50%, -50%, 0); }
      .gallery .slider .slide.right {
        opacity: 1;
        -webkit-transform: translate3d(50vw, -50%, 0) scale(0.7) translate3d(-83%, 0, 0);
                transform: translate3d(50vw, -50%, 0) scale(0.7) translate3d(-83%, 0, 0); }
      .gallery .slider .slide.hideRight {
        opacity: 0;
        z-index: 0;
        -webkit-transform: translate3d(50vw, -50%, 0) scale(0) translate3d(0, 0, 0);
                transform: translate3d(50vw, -50%, 0) scale(0) translate3d(0, 0, 0); }
      .gallery .slider .slide .image {
        position: relative;
        max-width: 100vw;
        width: 70vw;
        height: 100%;
        -o-object-fit: contain;
           object-fit: contain;
        -o-object-position: center;
           object-position: center;
        font-family: 'object-fit:contain;object-position:center;'; }
      .gallery .slider .slide .link {
        position: absolute;
        display: inline-block;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        cursor: pointer; }
  .gallery .gallery-controls {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    bottom: 16px;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0); }
    .gallery .gallery-controls svg {
      width: 40px;
      height: 40px;
      margin: 0 5px;
      cursor: pointer;
      fill: #7ed321;
      -webkit-transition: fill 0.5s ease, background 0.5s ease;
      transition: fill 0.5s ease, background 0.5s ease; }
      .gallery .gallery-controls svg.right {
        -webkit-transform: rotate(0.5turn);
                transform: rotate(0.5turn); }
      .gallery .gallery-controls svg:hover {
        background-color: #7ed321;
        fill: #fff; }
  .gallery .controls-phrase {
    position: absolute;
    bottom: 120px;
    left: 50%;
    max-width: calc(100% - 40px * 2);
    font-family: GloberLight;
    font-size: 14px;
    line-height: 1.25;
    opacity: 0.2;
    text-align: center;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  @media (max-width: 780px) {
    .gallery .toggle-gallery {
      left: calc(50% + 150px / 2);
      top: 56px; }
    .gallery .slider {
      margin: 115px 0; }
      .gallery .slider .no-images {
        padding-top: 20%; }
      .gallery .slider .slide.left {
        -webkit-transform: translate3d(-50vw, -50%, 0) scale(0.7) translate3d(-83%, 0, 0);
                transform: translate3d(-50vw, -50%, 0) scale(0.7) translate3d(-83%, 0, 0); }
      .gallery .slider .slide.hideLeft {
        -webkit-transform: translate3d(-50vw, -50%, 0) scale(0) translate3d(0, 0, 0);
                transform: translate3d(-50vw, -50%, 0) scale(0) translate3d(0, 0, 0); }
      .gallery .slider .slide.right {
        -webkit-transform: translate3d(50vw, -50%, 0) scale(0.7) translate3d(-83%, 0, 0);
                transform: translate3d(50vw, -50%, 0) scale(0.7) translate3d(-83%, 0, 0); }
      .gallery .slider .slide.hideRight {
        -webkit-transform: translate3d(50vw, -50%, 0) scale(0) translate3d(0, 0, 0);
                transform: translate3d(50vw, -50%, 0) scale(0) translate3d(0, 0, 0); }
    .gallery.mobile .controls-phrase {
      bottom: 40px; } }
  @media (max-width: 570px) {
    .gallery {
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .gallery .gallery-selector-wrapper {
        position: relative !important;
        left: unset !important; }
      .gallery .slider {
        height: 50vh;
        max-height: 50vh;
        margin: 115px 0; }
        .gallery .slider .slide .image {
          width: 90vw; }
      .gallery.mobile .controls-phrase {
        bottom: 60px; } }
  @media (max-height: 500px) {
    .gallery .slider {
      margin-bottom: 160px; } }
/* Breakpoints */
.contest {
  width: 100%;
  /* 20% | 40% | 20% | 20% */ }
  .contest .preview {
    position: relative;
    width: 100%;
    min-height: 300px;
    height: 80vh; }
    .contest .preview .canvas-wrapper {
      width: 100%;
      height: 100%; }
    .contest .preview .title {
      position: absolute;
      bottom: 50%;
      left: 200px;
      max-width: calc(100% - 200px - 40px);
      z-index: 2;
      -webkit-transform: translate3d(0, 50%, 0);
              transform: translate3d(0, 50%, 0); }
      .contest .preview .title .line {
        width: 35px;
        height: 8px;
        margin-bottom: 20px;
        border-radius: 2px;
        background-color: #000; }
      .contest .preview .title .text {
        font-family: GloberRegular;
        font-size: 36px;
        line-height: 38px;
        color: #000; }
  .contest .description {
    position: relative;
    width: 100%;
    padding: 40px 20%;
    font-family: GloberRegular;
    font-size: 28px;
    line-height: 30px;
    box-sizing: border-box; }
    .contest .description .link {
      text-decoration: none; }
      .contest .description .link, .contest .description .link:visited, .contest .description .link:focus {
        color: #7ed321; }
      .contest .description .link:hover {
        text-decoration: underline; }
  .contest > .row {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    width: 100%;
    margin: 40px 0; }
  .contest .jury,
  .contest .prizes {
    position: relative; }
    .contest .jury .title,
    .contest .prizes .title {
      margin: 0;
      margin-bottom: 40px;
      font-family: GloberLight;
      font-size: 12px;
      line-height: 16px; }
    .contest .jury .list,
    .contest .prizes .list {
      width: 100%;
      margin: 0;
      padding: 0;
      list-style: none; }
      .contest .jury .list .item,
      .contest .prizes .list .item {
        width: 100%; }
        .contest .jury .list .item + .item,
        .contest .prizes .list .item + .item {
          margin-top: 30px; }
        .contest .jury .list .item .main,
        .contest .prizes .list .item .main {
          display: inline-block;
          width: 100%;
          font-family: GloberRegular;
          font-size: 28px;
          line-height: 30px; }
        .contest .jury .list .item .sub,
        .contest .prizes .list .item .sub {
          font-family: GloberRegularItalic;
          font-size: 12px;
          line-height: 16px;
          text-transform: uppercase; }
          .contest .jury .list .item .sub.green,
          .contest .prizes .list .item .sub.green {
            margin-left: 30px;
            color: #7ed321; }
  .contest .jury {
    width: calc(40% - 20px);
    margin: 0 40px 0 20%; }
  .contest .prizes {
    width: calc(20% - 20px);
    margin: 0 20% 0 0; }
  .contest .border {
    position: absolute;
    top: 0;
    left: 60%;
    width: 1px;
    height: 100%;
    background-color: #979797; }
  .contest .documents {
    width: 40%;
    margin: 0 40px 0 calc(20% - 20px); }
    .contest .documents .title {
      margin: 0 20px;
      margin-bottom: 40px;
      font-family: GloberLight;
      font-size: 12px;
      line-height: 16px; }
    .contest .documents .list {
      width: 100%;
      margin: 0;
      padding: 0;
      list-style: none; }
      .contest .documents .list .item {
        width: 100%; }
        .contest .documents .list .item .link {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-flow: row nowrap;
              -ms-flex-flow: row nowrap;
                  flex-flow: row nowrap;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          width: 100%;
          padding: 15px 20px;
          text-decoration: none;
          border: 1px solid transparent;
          border-radius: 10px;
          box-sizing: border-box;
          -webkit-transition: border 0.5s ease;
          transition: border 0.5s ease; }
          .contest .documents .list .item .link, .contest .documents .list .item .link:focus, .contest .documents .list .item .link:visited {
            color: #000; }
          .contest .documents .list .item .link:hover {
            border-color: rgba(151, 151, 151, 0.2); }
            .contest .documents .list .item .link:hover .download {
              fill: #7ed321;
              stroke: #7ed321; }
          .contest .documents .list .item .link .icon {
            -webkit-flex-shrink: 0;
                -ms-flex-negative: 0;
                    flex-shrink: 0;
            width: 26px;
            height: 26px; }
          .contest .documents .list .item .link .name {
            position: relative;
            top: 6px;
            width: 100%;
            margin-left: 20px;
            font-family: GloberRegular;
            font-size: 28px;
            line-height: 30px; }
          .contest .documents .list .item .link .download {
            -webkit-flex-shrink: 0;
                -ms-flex-negative: 0;
                    flex-shrink: 0;
            width: 26px;
            height: 26px;
            margin-left: 20px;
            fill: #000;
            stroke: #000;
            stroke-width: 1px;
            overflow: visible;
            -webkit-transition: fill 0.5s ease, stroke 0.5s ease;
            transition: fill 0.5s ease, stroke 0.5s ease; }
  .contest .contacts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    width: calc(20% - 20px);
    margin: 0 20% 0 0; }
    .contest .contacts .title {
      margin: 0;
      margin-bottom: 40px;
      font-family: GloberLight;
      font-size: 12px;
      line-height: 16px; }
    .contest .contacts .phone,
    .contest .contacts .mail {
      position: relative;
      display: inline-block;
      top: 6px;
      margin: 16px 0;
      font-family: GloberRegular;
      font-size: 28px;
      line-height: 30px;
      text-decoration: none; }
      .contest .contacts .phone, .contest .contacts .phone:focus, .contest .contacts .phone:visited,
      .contest .contacts .mail,
      .contest .contacts .mail:focus,
      .contest .contacts .mail:visited {
        color: #000; }
  .contest .rules {
    position: relative;
    width: 100%;
    padding: 40px 10%;
    font-family: GloberLight;
    font-size: 36px;
    line-height: 41px;
    box-sizing: border-box;
    text-align: center; }
    .contest .rules .link {
      font-family: GloberRegular;
      text-decoration: none; }
      .contest .rules .link, .contest .rules .link:visited, .contest .rules .link:focus {
        color: #7ed321; }
      .contest .rules .link:hover {
        text-decoration: underline; }
      .contest .rules .link sup {
        position: relative;
        display: inline-block;
        top: -10px;
        font-family: GloberBold;
        font-size: 21px;
        line-height: 21px; }
  .contest .logo {
    display: inline-block;
    width: 200px;
    height: 200px; }
    .contest .logo img {
      width: 100%;
      height: 100%; }
  .contest .footer {
    height: auto; }
    .contest .footer .dynamic-text {
      display: none; }
  @media (max-width: 1000px) {
    .contest .jury {
      width: calc(60% - 60px);
      margin: 0 20px 0 40px; }
    .contest .documents {
      width: calc(60% - 40px);
      margin: 0 20px; }
    .contest .prizes,
    .contest .contacts {
      width: calc(40% - 60px);
      margin: 0 40px 0 20px; }
    .contest .description,
    .contest .rules {
      padding: 40px; } }
  @media (max-width: 780px) {
    .contest .preview {
      height: 60vh; }
      .contest .preview .title {
        left: 40px;
        max-width: calc(100% - 80px); }
        .contest .preview .title .line {
          width: 17px;
          height: 4px;
          margin-bottom: 10px;
          border-radius: 1px; }
        .contest .preview .title .text {
          font-size: 24px;
          line-height: 26px; }
    .contest .description,
    .contest .rules {
      padding: 20px; }
    .contest .description {
      font-size: 24px;
      line-height: 26px; }
    .contest > .row {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
    .contest .jury,
    .contest .prizes {
      width: calc(100% - 40px);
      margin: 20px; }
      .contest .jury .title,
      .contest .prizes .title {
        margin-bottom: 20px; }
      .contest .jury .list .item .main,
      .contest .prizes .list .item .main {
        font-size: 24px;
        line-height: 26px; }
    .contest .border {
      display: none; }
    .contest .documents {
      width: calc(100% - 40px);
      margin: 0 20px; }
      .contest .documents .title {
        margin-bottom: 20px; }
      .contest .documents .list .item .link {
        margin-top: 10px;
        border-color: rgba(151, 151, 151, 0.2); }
        .contest .documents .list .item .link .download {
          fill: #7ed321;
          stroke: #7ed321; }
        .contest .documents .list .item .link .icon,
        .contest .documents .list .item .link .download {
          width: 20px;
          height: 20px; }
        .contest .documents .list .item .link .name {
          top: 5px;
          font-size: 24px;
          line-height: 26px; }
    .contest .contacts {
      width: calc(100% - 80px);
      margin: 0 40px;
      margin-top: 40px; }
      .contest .contacts .title {
        margin-bottom: 20px; }
      .contest .contacts .phone,
      .contest .contacts .mail {
        top: 5px;
        font-size: 24px;
        line-height: 26px; }
    .contest .rules {
      font-size: 28px;
      line-height: 34px; }
      .contest .rules .link sup {
        top: -8px; } }
  @media (max-width: 570px) {
    .contest .jury,
    .contest .prizes {
      width: calc(100% - 20px);
      margin: 10px; }
      .contest .jury .list .item .main,
      .contest .prizes .list .item .main {
        font-size: 18px;
        line-height: 20px; }
    .contest .description,
    .contest .rules {
      padding: 10px; }
    .contest .description {
      font-size: 18px;
      line-height: 20px; }
    .contest > .row {
      margin: 40px 0; }
    .contest .documents {
      width: calc(100% - 20px);
      margin: 0 10px; }
      .contest .documents .list .item .link .icon,
      .contest .documents .list .item .link .download {
        width: 16px;
        height: 16px; }
      .contest .documents .list .item .link .name {
        top: 4px;
        font-size: 18px;
        line-height: 20px; }
    .contest .contacts {
      width: calc(100% - 60px);
      margin: 0 30px;
      margin-top: 20px; }
      .contest .contacts .phone,
      .contest .contacts .mail {
        top: 4px;
        font-size: 18px;
        line-height: 20px; }
    .contest .rules {
      font-size: 22px;
      line-height: 24px; }
      .contest .rules .link sup {
        top: -4px;
        font-size: 14px;
        line-height: 14px; } }
/* Breakpoints */
.apartment-card {
  position: relative;
  width: calc(50% - 10px);
  margin: 5px;
  overflow: visible;
  z-index: 1; }
  .apartment-card .container {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    width: 100%;
    min-height: 300px;
    padding: 20px;
    background-color: #fff;
    box-sizing: border-box;
    z-index: 2; }
  .apartment-card:nth-child(odd) .note {
    top: 0;
    left: 100%;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); }
    .apartment-card:nth-child(odd) .note .title {
      margin-right: 44px; }
    .apartment-card:nth-child(odd) .note .closer {
      top: 20px;
      right: 20px; }
  .apartment-card:nth-child(even) .note {
    top: 0;
    right: 100%;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); }
    .apartment-card:nth-child(even) .note .title {
      margin-left: 44px; }
    .apartment-card:nth-child(even) .note .closer {
      top: 20px;
      left: 20px; }
  .apartment-card.selected .note {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  .apartment-card .apartment-info {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start;
    top: 0;
    left: 0;
    width: 60%; }
    .apartment-card .apartment-info .row {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row nowrap;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      width: 100%; }
      .apartment-card .apartment-info .row:last-child {
        border-top: 1px solid rgba(151, 151, 151, 0.2); }
        .apartment-card .apartment-info .row:last-child .title {
          margin-top: 20px; }
      .apartment-card .apartment-info .row > *:not(:last-child) {
        width: 30%;
        padding-right: 20px; }
      .apartment-card .apartment-info .row > *:last-child {
        width: 40%; }
    .apartment-card .apartment-info .column {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-flow: column nowrap;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      box-sizing: border-box; }
      .apartment-card .apartment-info .column .title {
        margin-bottom: 10px;
        font-family: GloberRegular;
        font-size: 10px;
        line-height: 12px;
        color: rgba(0, 0, 0, 0.3);
        text-transform: uppercase; }
      .apartment-card .apartment-info .column .val {
        margin-bottom: 10px;
        font-family: GloberRegular;
        font-size: 28px;
        line-height: 32px;
        color: black; }
        .apartment-card .apartment-info .column .val sup {
          position: relative;
          height: 14px;
          line-height: 18px;
          font-size: 18px;
          bottom: 4px; }
  .apartment-card .apartment-image {
    width: 40%;
    height: calc((50vw - 80px - 5px) * 0.4 / 16 * 9); }
  .apartment-card .pdf {
    position: absolute;
    right: calc((100% - 40px) * 0.4 + 20px);
    bottom: 20px;
    width: 40px;
    height: 40px;
    outline: none; }
    .apartment-card .pdf .pdf-icon {
      width: 100%;
      height: 100%; }
  .apartment-card .buttons {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    bottom: 20px;
    left: 20px; }
  .apartment-card .button {
    position: relative;
    width: 38px;
    padding: 5px;
    font-size: 0;
    line-height: 0;
    text-align: left;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 10px;
    outline: none;
    cursor: pointer;
    overflow: hidden;
    box-sizing: border-box;
    -webkit-transition: width 0.5s ease, background-color 0.5s ease;
    transition: width 0.5s ease, background-color 0.5s ease; }
    .apartment-card .button.hover, .apartment-card .button:hover {
      background-color: #000; }
    .apartment-card .button .icon {
      position: relative;
      width: 26px;
      height: 26px; }
    .apartment-card .button .text {
      position: absolute;
      top: 12px;
      left: 36px;
      font-family: GloberRegular;
      font-size: 14px;
      line-height: 1.25;
      color: #fff; }
  .apartment-card .favorites-button {
    margin-right: 10px; }
    .apartment-card .favorites-button.hover, .apartment-card .favorites-button:hover {
      width: 100px; }
    .apartment-card .favorites-button .icon {
      fill: #7ed321; }
  .apartment-card .note-button.hover, .apartment-card .note-button:hover {
    width: 110px; }
  .apartment-card .note-button .icon {
    fill: #F9DE69; }
  .apartment-card .note {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    width: 280px;
    min-height: 100%;
    padding: 20px;
    background-color: #F9DE69;
    box-sizing: border-box;
    z-index: 1;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease; }
    .apartment-card .note .title {
      margin: 0;
      font-family: GloberBook;
      font-size: 20px;
      line-height: 22px; }
      .apartment-card .note .title .symbol {
        font-family: Helvetica; }
    .apartment-card .note .closer {
      position: absolute;
      width: 24px;
      height: 24px;
      padding: 0;
      background: none;
      border: 2px solid #000;
      border-radius: 50%;
      cursor: pointer;
      box-sizing: border-box;
      -webkit-transform: rotate(0);
              transform: rotate(0);
      -webkit-transition: -webkit-transform 0.5s ease;
      transition: -webkit-transform 0.5s ease;
      transition: transform 0.5s ease;
      transition: transform 0.5s ease, -webkit-transform 0.5s ease; }
      .apartment-card .note .closer:hover {
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg); }
      .apartment-card .note .closer div {
        position: absolute;
        top: 9px;
        left: 2px;
        width: 16px;
        height: 2px;
        background-color: #000;
        border-radius: 1px; }
        .apartment-card .note .closer div:first-child {
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg); }
        .apartment-card .note .closer div:last-child {
          -webkit-transform: rotate(-45deg);
                  transform: rotate(-45deg); }
    .apartment-card .note .text {
      margin-top: 20px;
      width: 100%;
      font-family: GloberLightItalic;
      font-size: 20px;
      line-height: 43px;
      background: none;
      border: none;
      border-bottom: 1px solid #000;
      resize: none;
      overflow: auto; }
  @media (max-width: 1440px) {
    .apartment-card {
      width: calc(100% - 10px); }
      .apartment-card.selected:nth-child(odd) .note, .apartment-card.selected:nth-child(even) .note {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0); }
      .apartment-card:nth-child(odd) .note, .apartment-card:nth-child(even) .note {
        top: 100%;
        left: 0;
        width: 100%;
        min-height: 0;
        height: auto;
        border-top-right-radius: 0;
        border-bottom-right-radius: 30px;
        border-bottom-left-radius: 30px;
        border-top-left-radius: 0;
        -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0); }
        .apartment-card:nth-child(odd) .note .title, .apartment-card:nth-child(even) .note .title {
          margin-right: 44px;
          margin-left: 0; }
        .apartment-card:nth-child(odd) .note .closer, .apartment-card:nth-child(even) .note .closer {
          top: 20px;
          left: calc(100% - 20px - 24px); }
      .apartment-card .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column nowrap;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
      .apartment-card .apartment-info {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
            -ms-flex-order: 1;
                order: 1;
        width: 100%;
        margin-bottom: 60px; }
      .apartment-card .pdf {
        right: 20px; }
      .apartment-card .apartment-image {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
            -ms-flex-order: 0;
                order: 0;
        width: 100%;
        max-height: 600px;
        height: calc(100vw / 1120 * 630); } }
/* Breakpoints */
.wrapper.favorites {
  width: 100%;
  min-height: 100vh;
  background-color: #f7f7f7; }
  .wrapper.favorites .tabs-navigation {
    position: relative;
    width: 100%;
    margin: 0;
    margin-top: 115px;
    padding: 20px 60px;
    list-style: none;
    box-sizing: border-box; }
    .wrapper.favorites .tabs-navigation .item {
      font-family: GloberRegular;
      font-size: 36px;
      line-height: 1.25; }
      .wrapper.favorites .tabs-navigation .item + .item {
        margin-left: 10px; }
  .wrapper.favorites .tabs {
    position: relative;
    width: 100%; }
  .wrapper.favorites .tab {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box; }
    .wrapper.favorites .tab .tab-title {
      padding: 0 60px;
      margin-bottom: 40px;
      font-family: GloberRegular;
      font-size: 12px;
      line-height: 1.25;
      text-transform: uppercase; }
  .wrapper.favorites .apartments {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width: 100%;
    margin: 0;
    padding: 0 35px;
    list-style: none;
    box-sizing: border-box; }
  .wrapper.favorites .empty-link {
    position: relative;
    display: inline-block;
    margin: 20px 60px;
    font-family: GloberRegular;
    font-size: 36px;
    line-height: 43px;
    border-bottom: 2px solid transparent;
    text-decoration: none;
    -webkit-transition: border-color 0.5s ease;
    transition: border-color 0.5s ease; }
    .wrapper.favorites .empty-link, .wrapper.favorites .empty-link:visited, .wrapper.favorites .empty-link:focus {
      color: #7ed321; }
    .wrapper.favorites .empty-link:hover {
      border-color: #7ed321; }
  .wrapper.favorites .apartments-skin {
    position: fixed;
    top: 0;
    left: 0;
    max-height: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 997;
    opacity: 0;
    -webkit-transition: max-height 0.5s ease, opacity 0.5s ease;
    transition: max-height 0.5s ease, opacity 0.5s ease; }
    .wrapper.favorites .apartments-skin.active {
      max-height: 999999px;
      opacity: 1; }
  .wrapper.favorites .footer {
    min-height: 0;
    height: auto;
    margin-top: auto; }
    .wrapper.favorites .footer .dynamic-text {
      display: none; }
  @media (max-width: 780px) {
    .wrapper.favorites .tabs-navigation {
      margin-top: 73px;
      padding: 20px 40px; }
    .wrapper.favorites .tab .tab-title {
      padding: 0 40px;
      margin-bottom: 20px; }
    .wrapper.favorites .apartments {
      padding: 0 15px; }
    .wrapper.favorites .empty-link {
      margin: 20px 40px; } }
  @media (max-width: 570px) {
    .wrapper.favorites .tabs-navigation {
      margin-top: 50px;
      padding: 10px 20px; }
      .wrapper.favorites .tabs-navigation .item {
        font-size: 24px; }
    .wrapper.favorites .tab .tab-title {
      padding: 0 20px; }
    .wrapper.favorites .apartments {
      padding: 0 5px; }
    .wrapper.favorites .empty-link {
      margin: 10px 20px;
      font-size: 24px;
      line-height: 1.25; } }
.map-tour-towers {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2; }
  .map-tour-towers-svg {
    width: 100%;
    height: 100%; }
  .map-tour-towers .tour-tower_floors polygon {
    fill: transparent;
    -webkit-transition: fill .5s;
    transition: fill .5s;
    cursor: pointer; }
    .map-tour-towers .tour-tower_floors polygon:hover {
      fill: rgba(0, 0, 0, 0.45); }
/* Breakpoints */
@media (min-width: 780px) {
  .tour-list-wrapper {
    display: none; } }

@media (max-width: 780px) {
  .tour-list-wrapper {
    width: 100%;
    z-index: 10; }
    .tour-list-wrapper .tour-list-block {
      width: 100%;
      margin-top: 16px; }
      .tour-list-wrapper .tour-list-block:first-child {
        margin-top: 0; }
    .tour-list-wrapper .block-title {
      font-size: 20px;
      padding: 0 16px;
      padding-top: 8px;
      font-family: GloberSemiBold;
      border-top: 1px solid rgba(151, 151, 151, 0.2); }
    .tour-list-wrapper .block-img {
      width: 100%;
      height: 40vh;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center;
         object-position: center; }
    .tour-list-wrapper .block-list {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      margin: 20px 0;
      padding: 0 16px;
      box-sizing: border-box;
      -webkit-transition: height 0.5s;
      transition: height 0.5s;
      overflow: hidden; }
    .tour-list-wrapper .open-button {
      border: none;
      outline: none;
      box-shadow: none;
      background-color: transparent;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      width: 100%;
      font-family: GloberSemiBold;
      margin-top: 6px;
      cursor: pointer; }
      .tour-list-wrapper .open-button div {
        height: 14px;
        width: 14px;
        border-right: 1px solid #7ed321;
        border-bottom: 1px solid #7ed321;
        -webkit-transform: rotate(45deg) translateX(-7px);
                transform: rotate(45deg) translateX(-7px); }
    .tour-list-wrapper .apartment-num {
      font-family: GloberRegular;
      font-size: 20px;
      color: black;
      padding: 4px;
      padding-bottom: 0px;
      border: 1px solid #7ed321;
      border-radius: 4px;
      margin: 0 6px;
      text-decoration: none;
      margin-bottom: 8px;
      height: auto;
      -webkit-flex-basis: 13%;
          -ms-flex-preferred-size: 13%;
              flex-basis: 13%;
      text-align: center; } }
/* Breakpoints */
.tour_page .letters {
  display: none; }

.tour_page .tour_text {
  position: absolute;
  left: 50px;
  top: calc(115px + 30px);
  width: 24%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  box-sizing: border-box;
  z-index: 2; }
  .tour_page .tour_text-line {
    width: 10%;
    border: 2px solid white; }
  .tour_page .tour_text-title {
    font-family: GloberRegular;
    color: white;
    font-size: 1.875rem;
    line-height: 1.45;
    margin-bottom: 0; }
  .tour_page .tour_text-desc {
    font-family: GloberLight;
    color: white;
    font-size: 1rem;
    line-height: 1.625; }
    .tour_page .tour_text-desc-ball {
      display: inline-block;
      width: 1rem;
      height: 1rem;
      border-radius: 100%;
      background-color: #7ed321;
      opacity: 0.9;
      margin: 4px 4px -4px; }

/* --------- MOBILE --------- */
@media (max-width: 780px) {
  .tour_page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    width: 100%; }
    .tour_page .letters {
      display: block; }
    .tour_page .tour_text {
      position: relative;
      margin-top: calc(50px + 8px);
      margin-bottom: 24px;
      padding: 0 16px;
      width: 100%;
      left: unset !important;
      top: unset !important;
      right: unset !important;
      bottom: unset !important; }
      .tour_page .tour_text-line {
        display: none; }
      .tour_page .tour_text-title {
        color: black;
        font-size: 1.25rem;
        line-height: 1.5; }
      .tour_page .tour_text-desc {
        color: black;
        font-size: 1.125rem;
        line-height: 1.333; }
        .tour_page .tour_text-desc-ball {
          display: none; }
        .tour_page .tour_text-desc-desktop-only {
          display: none; }
    .tour_page .towers {
      display: none; }
    .tour_page .images {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-flow: column nowrap;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap;
      position: relative !important;
      height: auto !important;
      min-height: unset !important;
      width: 100% !important;
      margin: 0 0 50px !important;
      left: unset !important;
      top: unset !important;
      right: unset !important;
      bottom: unset !important; } }
/* Breakpoints */
.tour_marker {
  position: relative;
  z-index: 3;
  width: 25px;
  height: 25px;
  opacity: 0.9;
  border-radius: 100%;
  background-color: #7ed321;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
  cursor: pointer; }
  .tour_marker-link {
    position: absolute;
    z-index: 3;
    width: 25px;
    height: 25px;
    opacity: 0.9;
    border-radius: 100%;
    background-color: #ffffff;
    -webkit-transition: background-color 0.5s;
    transition: background-color 0.5s;
    cursor: pointer; }
  .tour_marker.bg, .tour_marker:hover {
    background-color: #ffffff; }
  .tour_marker-tooltip {
    width: 200px;
    box-sizing: border-box;
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    margin: -12.5px 0 0 12.5px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 4px;
    opacity: 0;
    z-index: 2;
    -webkit-transform: translate3d(0, -100%, 0) scale(0);
            transform: translate3d(0, -100%, 0) scale(0);
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
    transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
    transition: transform 0.5s ease, opacity 0.5s ease;
    transition: transform 0.5s ease, opacity 0.5s ease, -webkit-transform 0.5s ease; }
    .tour_marker-tooltip > * {
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0; }
    .tour_marker-tooltip.show {
      opacity: 1;
      -webkit-transform: translate3d(0, -100%, 0) scale(1);
              transform: translate3d(0, -100%, 0) scale(1); }
    .tour_marker-tooltip-img {
      width: 100%;
      height: auto;
      opacity: 1; }
    .tour_marker-tooltip-body {
      padding: 14px;
      box-sizing: border-box;
      width: 100%; }
    .tour_marker-tooltip-title {
      line-height: 1.8;
      font-size: 14px;
      font-family: GloberSemiBold;
      color: black;
      display: block; }
      .tour_marker-tooltip-title-line {
        display: none; }
    .tour_marker-tooltip-description {
      line-height: 1.25;
      font-size: 12px;
      font-family: GloberRegular;
      color: black;
      display: block; }
    .tour_marker-tooltip-btn360 {
      width: 100%;
      padding: 4px 0;
      margin-top: 10px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      border-radius: 4px;
      border: #7ed321 solid 2px;
      background-color: transparent;
      cursor: pointer;
      outline: none;
      box-shadow: none; }
      .tour_marker-tooltip-btn360 img {
        -o-object-fit: cover;
           object-fit: cover;
        width: 40%; }

/* --------- MOBILE --------- */
@media (max-width: 780px) {
  .tour_marker {
    position: relative;
    opacity: 1;
    display: none;
    border-radius: 0;
    background-color: transparent; }
    .tour_marker-link {
      opacity: 1;
      width: 100%;
      height: 40vh;
      position: relative;
      border-radius: 0 !important;
      background-color: transparent;
      left: unset !important;
      top: unset !important;
      right: unset !important;
      bottom: unset !important;
      text-decoration: none; }
    .tour_marker-tooltip {
      width: 100%;
      height: 100%;
      border-radius: 0;
      opacity: 1;
      position: relative;
      margin: 0;
      -webkit-transform: none !important;
              transform: none !important;
      background-color: transparent; }
      .tour_marker-tooltip.show {
        -webkit-transform: none !important;
                transform: none !important;
        background-color: transparent; }
      .tour_marker-tooltip-img {
        width: 100%;
        height: 70%;
        -o-object-fit: cover;
           object-fit: cover;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
            -ms-flex-order: 2;
                order: 2; }
      .tour_marker-tooltip-title {
        max-width: 80%;
        font-size: 20px;
        line-height: 1.1;
        margin-top: 0;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
            -ms-flex-order: 1;
                order: 1;
        text-decoration: none; }
        .tour_marker-tooltip-title-line {
          display: none; }
      .tour_marker-tooltip-description {
        display: none; }
      .tour_marker-tooltip-btn360 {
        display: none; } }
/* Breakpoints */
.tour_iframe {
  width: 100%;
  height: 100vh; }

.tour_back-link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  background-color: #85C226;
  padding: 10px 40px;
  font-size: 16px;
  font-family: GloberRegular;
  text-decoration: none;
  color: black; }
  .tour_back-link:visited {
    text-decoration: none;
    color: black; }
@font-face {
  font-family: 'CHC';
  src: url(/webpack/production/fonts/Co_Headline_Corp.bedccca2b6d2a6884947235008b2139b.woff) format("woff"); }

@font-face {
  font-family: 'CHCLight';
  src: url(/webpack/production/fonts/Co_Headline_Corp_Light.cd4f70ad7127ac9aba657c4b5ad9df2e.woff) format("woff"); }

@font-face {
  font-family: 'Circe';
  src: url(/webpack/production/fonts/Circe.09bd3b7a250ec4a0a5efaa5c7b9e71b1.woff) format("woff"); }

@font-face {
  font-family: 'BoingRegular';
  src: url(/webpack/production/fonts/BoingRegular.f59a523ffbb0de613bfde00905b5a29d.woff) format("woff"); }

@font-face {
  font-family: 'GloberBlack';
  src: url(/webpack/production/fonts/Glober_Black.3e88580c9696eec0a05a6d53271832be.woff) format("woff"); }

@font-face {
  font-family: 'GloberBlackItalic';
  src: url(/webpack/production/fonts/Glober_Black_Italic.8475e889b33850b768c8a2c68120c1c8.woff) format("woff"); }

@font-face {
  font-family: 'GloberBold';
  src: url(/webpack/production/fonts/Glober_Bold.b5303f5bc8b38bf3231ed05f227b30f5.woff) format("woff"); }

@font-face {
  font-family: 'GloberBoldItalic';
  src: url(/webpack/production/fonts/Glober_Bold_Italic.50db624b2bdad2bdb11543c7d8622521.woff) format("woff"); }

@font-face {
  font-family: 'GloberBook';
  src: url(/webpack/production/fonts/Glober_Book.d07f35b938baf064ed4ca8589d0b0914.woff) format("woff"); }

@font-face {
  font-family: 'GloberBookItalic';
  src: url(/webpack/production/fonts/Glober_Book_Italic.b5bc58dc1c4116a6ca31f5d9c9b34bf1.woff) format("woff"); }

@font-face {
  font-family: 'GloberHeavy';
  src: url(/webpack/production/fonts/Glober_Heavy.06938628c4f0ab25feeca8a6e18ee0dd.woff) format("woff"); }

@font-face {
  font-family: 'GloberHeavyItalic';
  src: url(/webpack/production/fonts/Glober_Heavy_Italic.f880400f1b2364319d2745d74e69a2c1.woff) format("woff"); }

@font-face {
  font-family: 'GloberLight';
  src: url(/webpack/production/fonts/Glober_Light.10f33d3c31b5b165b6e9c96a1f90d5c6.woff) format("woff"); }

@font-face {
  font-family: 'GloberLightItalic';
  src: url(/webpack/production/fonts/Glober_Light_Italic.54a54d67033de4d0d2d46ab60d5900d9.woff) format("woff"); }

@font-face {
  font-family: 'GloberRegular';
  src: url(/webpack/production/fonts/Glober_Regular.339e8ad547f73940cb351e4c340489b5.woff) format("woff"); }

@font-face {
  font-family: 'GloberRegularItalic';
  src: url(/webpack/production/fonts/Glober_Regular_Italic.001ac3ab31b9b84417e5bbb0c423f074.woff) format("woff"); }

@font-face {
  font-family: 'GloberSemiBold';
  src: url(/webpack/production/fonts/Glober_SemiBold.62a751c5b61210423da35b2cd6f66946.woff) format("woff"); }

@font-face {
  font-family: 'GloberSemiBoldItalic';
  src: url(/webpack/production/fonts/Glober_SemiBold_Italic.e8d8846a274b08ad27cde6bfd720435e.woff) format("woff"); }

@font-face {
  font-family: 'GloberThin';
  src: url(/webpack/production/fonts/Glober_Thin.cbe9e82d91c26b7d5386e19209be852b.woff) format("woff"); }

@font-face {
  font-family: 'GloberThinItalic';
  src: url(/webpack/production/fonts/Glober_Thin_Italic.f63a090c235f462d6b0b12251746f67a.woff) format("woff"); }

@font-face {
  font-family: 'GloberXBold';
  src: url(/webpack/production/fonts/Glober_xBold.825948440f281d33724d40bd5409817d.woff) format("woff"); }

@font-face {
  font-family: 'GloberXBoldItalic';
  src: url(/webpack/production/fonts/Glober_xBold_Italic.599c207ef1947bb81f302ab5cf456e39.woff) format("woff"); }
/* Breakpoints */
.comagic-sitephone-label--right {
  right: 40px !important; }

.comagic-sitephone-label--bottom {
  bottom: 120px !important; }

@media (max-width: 780px) {
  .comagic-sitephone-label--right {
    right: 20px !important; }
  .comagic-sitephone-label--bottom {
    bottom: 100px !important; } }

@media (max-width: 570px) {
  .comagic-sitephone-label--right {
    right: 20px !important; }
  .comagic-sitephone-label--bottom {
    bottom: 20px !important; } }