body {
      margin: 0; padding: 0;
      font-family: 'Roboto', sans-serif;
      color: #fff;
      background-color: transparent;
    }
    .wrapper {
      width: 1000px;
      overflow: hidden;
      border-radius: 12px;
    }
    .top {
      height: 288px;
      background: #1E2C3A;
    }

    header {
      display: flex;
      justify-content: start;
      align-items: center;
      gap: 32px;
      margin-bottom: 6px;
      font-size: 14px;
      font-weight: 500;
    }
    .logo > img {
      width: 206px;
      height: auto;
    }
    .cta {
      flex-grow: 1;
      text-align: right;
      padding-right: 18px;
    }
    .cta > a {
      text-decoration: none;
      color: #FD9800;
      display: flex;
      align-items: center;
      gap: 6px;
      justify-content: flex-end;
      font-size: 15px;
      font-weight: 700;
    }
    .cta > a > span {
      height: 100%;
    }
    .cta > a > span.arrow {
      font-size: 30px;
      margin-top: -4px;
    }
    .slogan > img {
      height: 30px;
      width: auto;
    }
    nav {
      display: flex;
      gap: 6px;
    }
    .nav-item {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      border: 1px solid #fff;
      border-radius: 6px;
      padding: 5px;
      color: #fff;
      text-decoration: none;
      font-size: 10px;
      font-weight: 700;
      align-content: center;
      min-width: 50px;
    }
    .nav-item > img {
      margin-bottom: 3px;
      max-width: 30px;
    }

    .objects-wrapper {
      padding: 0 30px 6px 30px;
    }

    #objects, #news {
      overflow: hidden;
    }

    .items, .news-items {
      display: flex;
      gap: 8px;
    }
    .items .item {
      display: block;
      position: relative;
      width: 240px;
      height: 225px;
      /*border-radius: 6px;*/
      overflow: hidden;
      /*background: #fff;*/
      /*background: linear-gradient(24.61deg, #bcbcbc 28.5%, #ffffff 70.56%);*/
      /*background-size: 400% 400%;*/
      text-decoration: none;
    }
    .animated-item {
      animation: gradient 5s ease infinite;
    }
    .items .item img {
      width: 100%;
      height: auto;
      border-radius: 6px;
    }
    .items .item .meta {
      width: 100%;
      color: #fff;
      /*background: linear-gradient(0deg, rgba(119,119,119,1) 0%, rgba(0,0,0,0) 100%);*/
    }
    .items .location .unit-type {
      font-size: 14px;
      font-weight: 700;
      color: #FD9800;
    }
    .items .location .unit-location {
      font-size: 11px;
    }

    .items .meta .specs {
      display: flex;
      gap: 6px;
      font-size: 14px;
      font-weight: 500;
    }
    .items .meta .specs img {
      width: 10px;
    }
    .items .meta .slogan {
      font-size: 14px;
      font-weight: 700;
      text-transform: uppercase;
    }

    .items .meta .specs > *:not(:first-child)::before {
      content: "|";
      margin-right: 6px;
    }

    .items .meta .price {
      font-size: 17px;
      font-weight: 700;
      white-space: nowrap;
    }

    .items .item label {
      position: absolute;
      padding: 3px 6px;
      border-bottom-right-radius: 6px;
      font-size: 12px;
      text-decoration: none;
      color: white;
    }

    .title {
      display: flex;
      margin-bottom: 12px;
    }
    .title h2 {
      margin: 0; padding: 0;
      font-size: 17px;
      font-weight: 700;
    }
    .title .line {
      border-bottom: 1px solid #fff;
      flex: 1 1 auto;
      margin: auto 0 auto 12px;
    }

    .news-items .item {
      text-decoration: none;
      display: block;
      position: relative;
      overflow: hidden;
      width: 256px;
      height: 180px;
      border-top-left-radius: 6px;
      border-top-right-radius: 6px;
      overflow: hidden;
    }

    .news-items .item .image-placeholder {
      border-radius: 6px;
      width: 100%;
      height: 102px;
      background: #fff;
      background: linear-gradient(24.61deg, #bcbcbc 28.5%, #ffffff 70.56%);
      background-size: 400% 400%;
    }

    .news-items .item .image-wrapper {
      border-radius: 6px;
      width: 100%;
      height: 102px;
      background-position: center;
      background-size: cover;
      margin-bottom: 3px;
    }
    .news-items .item .meta {
      font-size: 12px;
      font-weight: 700;
      color: #fff;
    }

    .tns-outer {
      position: relative;
    }

    .tns-visually-hidden, .tns-outer button[data-action="stop"], .tns-outer button[data-action="start"] {
      display: none;
    }

    .tns-controls button {
      position: absolute;
      z-index: 20;
      top: 50px;
      outline: none;
      border: none;
      background: none;
      font-size: 55px;
      line-height: 50px;
      color: #ffffff;
      text-shadow: 1px 1px 5px #a9a9a9;
      margin: 0;
      padding: 0 6px;
      cursor: pointer;
    }

    .tns-controls button[data-controls="next"] {
      right: 0px;
    }

    @keyframes gradient {
      0% {
        background-position: 0% 50%;
      }
      50% {
        background-position: 100% 50%;
      }
      100% {
        background-position: 0% 50%;
      }
    }