/* Start:/local/templates/verba/components/bitrix/catalog/residence/bitrix/catalog.element/verba_rooms_detail/style.css?17703906312462*/
.rip-top-content {
  display: flex;
  flex-direction: column;
}

.rip-plan img {
  width: 100%;
  display: block
}

.rip-content {
  margin: var(--spacing-sm) 0 0
}

/* --- Список в блоке rip-top --- */
.section.rip-top .rip-content .list {
  list-style: none;
  margin: 1em 0;
  padding-left: 1.5em;
}

.section.rip-top .rip-content .list li {
  position: relative;
  margin-bottom: 0.6em;
  line-height: 1.6;
  color: #222;
  font-size: 16px;
}

.section.rip-top .rip-content .list li::before {
  content: "";
  position: absolute;
  left: -1em;
  top: 12px;
  width: 4px;
  height: 4px;
  background-color: #282828;
  transform: rotate(45deg);
  border-radius: 1px;
}

.nb-link {
  padding: 24.8vh 6% 15.7vh;
  display: block;
  position: relative;
  color: #fff;
  text-align: center;
  overflow: hidden
}

.nb-link .image {
  transform-origin: 50%;
  transition: transform .8s cubic-bezier(.785, .135, .15, .86)
}

.nb-inner {
  display: inline-block;
  position: relative;
  z-index: 2;
  text-align: right;
  white-space: nowrap
}

.nb-inner .h3,
.nb-inner h3 {
  margin-bottom: .25em;
  padding: 0
}

@media screen and (min-width: 860px) {
  .rip-top-content {
    flex-direction: row;
  }

  .rip-plan {
    width: 35.4%;
    margin: 0 0 0 9.4%
  }

  .rip-content {
    width: 43%;
    max-width: 600px;
    margin: 0 6.4% 0 5.8%
  }

  .nb-link:hover .image {
    transform: scale(1.1)
  }

  .nb-link:hover .link-arrow:before {
    transform: scaleX(1.4)
  }

  .nb-link:hover .link-arrow:after {
    transform: translateX(10px) rotate(45deg)
  }
}

@media screen and (max-width: 786px) {
  .rip-content h3 {
    margin-bottom: var(--spacing-xs);
  }

  .rip-content li {
    margin-bottom: var(--spacing-xxs);
  }
}

.rip-table {
  font-size: 0
}

.rip-table p {
  margin-top: var(--spacing-md);
  font-family: 'Clear Sans';
  font-size: 16px;
  line-height: 27.42px;
  letter-spacing: -0.08px;
  color: rgba(255, 255, 255, 1);
  padding: 0;
  max-width: unset;
}

@media screen and (max-width: 786px) {
  .rip-table p {
    margin-top: var(--spacing-sm);
    padding: 0 5%;
  }
}

.rip-table span {
  padding: 7px 19px 11px;
  display: inline-block;
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  border: 2px solid #fff
}

.rip-table span:not(:first-child) {
  border-left: none
}
/* End */
/* /local/templates/verba/components/bitrix/catalog/residence/bitrix/catalog.element/verba_rooms_detail/style.css?17703906312462 */