/* Start:/local/templates/renins/components/bitrix/breadcrumb/office/style.css?1704884945512*/
.office-list__breadcrumb{color:var(--Light-Text-Primary,#230446);font-family:Inter;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem;padding:2.5rem 0 2rem}.office-list__breadcrumb ul{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.office-list__breadcrumb a{color:var(--Light-Text-Primary,#230446);text-decoration:none}.office-list__breadcrumb a:hover{text-decoration:underline}.office-list__breadcrumb li:not(:last-child):after{content:"•";display:inline-block;margin:0 .5rem}
/* End */


/* Start:/local/templates/renins/components/bitrix/catalog/office/bitrix/catalog.element/.default/style.css?17295245994921*/
.office-info .office-info__breadcrumb{color:var(--text-primary,#230446);font-family:Inter;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem;padding:2.5rem 0 2rem}.office-info .office-info__breadcrumb ul{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.office-info .office-info__breadcrumb a{color:var(--text-primary,#230446);text-decoration:none}.office-info .office-info__breadcrumb a:hover{text-decoration:underline}.office-info .office-info__breadcrumb li:not(:last-child):after{content:"•";display:inline-block;margin:0 .5rem}.office-info .office-info__caption{margin-bottom:2rem}@media (max-width:767px){.office-info .office-info__caption{margin-bottom:1.5rem}}.office-info .office-info__address{margin-bottom:2rem}@media (max-width:767px){.office-info .office-info__address{margin-bottom:1.5rem}}.office-info .office-info__map-pin{background-image:url(/local/templates/renins/assets/common/img/mapPin.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:inline-block;height:2rem;margin-right:.5rem;width:2rem}@media (max-width:1199px){.office-info .office-info__map-pin{height:1rem;width:1rem}}.office-info .office-info__nav-button-container{align-items:center;display:flex;flex-direction:row;gap:1.5rem;justify-content:flex-start;margin-bottom:3.12rem}@media (max-width:767px){.office-info .office-info__nav-button-container{align-items:start;flex-direction:column;gap:1rem;margin-bottom:3rem}}.office-info .office-info__office-features{align-items:flex-start;align-self:stretch;background:var(--bg-content,#fff);border-radius:1.875rem;display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem;padding:2.5rem}.office-info .office-info__office-phone-time-container{display:flex;flex-direction:row;gap:1.5rem;justify-content:space-between}.office-info .office-info__office-phone,.office-info .office-info__office-time{width:50%}.office-info .office-info__office-phone,.office-info .office-info__office-time,.office-info .office-info__other-info{align-items:flex-start;background:var(--bg-content,#fff);border-radius:1.875rem;display:flex;flex-direction:column;gap:1.5rem;padding:2.5rem}.office-info .office-info__other-info{align-self:stretch;margin-top:1.5rem}.office-info .t-link{color:var(--text-link,#3a89ff)}.office-info .office-info__office-info-content-wrapper{display:none}@media (min-width:768px){.office-info .office-info__office-info-content-wrapper{display:block}}.office-info .office-info__mobile-accordeon{margin-bottom:2rem}@media (min-width:768px){.office-info .office-info__mobile-accordeon{display:none}}.office-info .office-info__mobile-section{align-items:flex-start;align-self:stretch;border-top:1px solid var(--stroke-border,#cccfde);box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;padding-bottom:2rem;padding-top:2rem}.office-info .office-info-tabs__wrapper{padding-bottom:1px;position:relative}.office-info .office-info-tabs__wrapper:after{border-bottom:1px solid var(--stroke-border);bottom:1px;content:"";left:0;position:absolute;right:0;z-index:-1}.office-info .office-info-tabs__wrapper.with-scroll{overflow-x:scroll;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none}.office-info .office-info-tabs__wrapper.with-scroll::-webkit-scrollbar{display:none}.office-info .ofice-info-tabs{align-items:center;display:inline-flex;justify-content:center;position:relative}.office-info .ofice-info-tabs__selector{border-bottom:1px solid var(--stroke-brand-primary);bottom:0;box-sizing:border-box;position:absolute;transition-duration:var(--animation-short);transition-property:left,width;transition-timing-function:ease-in-out}.office-info .ofice-info-tabs .ofice-info-tab{border-bottom:1px solid var(--stroke-border);box-sizing:border-box;color:var(--text-primary);display:block;font-family:Inter;font-feature-settings:"clig" off,"liga" off;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem;padding:1rem;text-decoration:none;transition-duration:var(--animation-short);transition-property:border-color;transition-timing-function:ease-in-out;white-space:nowrap}.office-info .ofice-info-tabs .ofice-info-tab:hover{border-color:var(--stroke-border-disabled)}.office-info .ofice-info-tabs .ofice-info-tab:focus,.office-info .ofice-info-tabs .ofice-info-tab:focus-visible,.office-info .ofice-info-tabs .ofice-info-tab:visited{color:var(--text-primary);text-decoration:none}.office-info .ofice-info-tabs.button-style .ofice-info-tab{border:none;border-radius:.75rem;padding:.5rem 1rem;transition-property:background-color}.office-info .ofice-info-tabs.button-style .ofice-info-tab:hover{background-color:var(--bg-states-brand-primary-alpha-hover)}.office-info .ofice-info-tabs.button-style .ofice-info-tab.office-info__tab--active{background-color:var(--bg-states-brand-primary-alpha-pressed);pointer-events:none}.office-info .ofice-info-tabs.small .ofice-info-tab{padding:.5rem}
/* End */


/* Start:/local/components/renins/office.booking/templates/inline/style.css?17316755822169*/
.office-appointment .smart-captcha {
    margin-top: 1rem;
    height: 100px;
}

.office-appointment__form {
    padding: 1rem;
    border-radius: 1.25rem;
    background: var(--bg-content);
}

@media (min-width: 1280px) {
    .office-appointment__form {
        padding: 2.5rem;
        border-radius: 1.875rem;
    }
}

.office-appointment__section:not(:first-child) {
    margin-top: 1.5rem;
}

.office-appointment__section .input__wrapper,
.office-appointment .checkbox {
    margin-top: 1rem;
}

.office-appointment__section h4 + .row,
.office-appointment__section .t-body + .row {
    margin-top: 0.5rem;
}

.office-appointment__section h4 + .t-body {
    margin-top: 0.5rem;
}

@media (min-width: 1280px) {
    .office-appointment__section h2 + .row,
    .office-appointment__section .t-body + .row {
        margin-top: 0.5rem;
    }
}

.office-appointment .button[type="submit"] {
    width: 100%;
    max-width: 100%;
    margin-top: 1.5rem;
}

@media (min-width: 1280px) {
    .office-appointment .button[type="submit"] {
        width: 18.875rem;
        margin-top: 2.5rem;
    }
}

.office-appointment:not([data-v-app]) {
    display: none;
}

.office-appointment h2 + .office-appointment__section {
    margin-top: 1.5rem;
}

@media (min-width: 1280px) {
    .office-appointment h2 + .office-appointment__section {
        margin-top: 2.5rem;
    }
}

.office-appointment .content-card {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.office-appointment .content-card h2 + .t-body {
    margin-top: 0.5rem;
}

.office-appointment .content-card.middle-icon .content-card--icon {
    order: 1;
    margin-bottom: 0;
    margin-top: 2rem;
}

@media (min-width: 1280px) {
    .office-appointment .content-card {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .office-appointment .content-card h2 + .t-body {
        margin-top: 1rem;
    }

    .office-appointment .content-card.middle-icon .content-card--icon {
        margin-top: 0;
        order: 0;
    }

    .office-appointment__date .input__wrapper {
        width: 11.25rem;
    }

    .office-appointment__time .input__wrapper {
        width: 13.875rem;
    }
}

/* End */


/* Start:/local/js/renins/ui/alert/dist/bundle.css?17256337953819*/
.alert__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: fixed;
    z-index: 100000;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
}

@media (min-width: 768px) {
    .alert__container {
        width: 24rem;
        left: initial;
    }
}

.alert__message {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}

.fade-slide-enter-from,
.fade-slide-leave-to {
    opacity: 0;
    -webkit-transform: translateX(120%);
        -ms-transform: translateX(120%);
            transform: translateX(120%);
}

.fade-slide-enter-active,
.fade-slide-leave-active {
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-duration: var(--animation-short);
         -o-transition-duration: var(--animation-short);
            transition-duration: var(--animation-short);
    -webkit-transition-timing-function: ease-in-out;
         -o-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
}

.fade-slide-enter-to,
.fade-slide-leave-from {
    opacity: 1;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
}

.alert__message--body {
    position: relative;
    padding-right: 3rem;
    padding: 1.5rem;
    width: 100%;
    -webkit-box-shadow: 0px 0, 5rem 1rem var(--shadow-primary);
            box-shadow: 0px 0, 5rem 1rem var(--shadow-primary);
    border-radius: 1rem;
    overflow: hidden;
}

.alert__message--body::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 4px;
}

.alert__message--close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    padding: 0;
}

.alert__message--close svg {
    max-width: 100%;
}

.alert__message--close svg path {
    -webkit-transition-property: fill;
    -o-transition-property: fill;
    transition-property: fill;
    -webkit-transition-duration: var(--animation-short);
         -o-transition-duration: var(--animation-short);
            transition-duration: var(--animation-short);
    -webkit-transition-timing-function: ease-in-out;
         -o-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
}

.alert__message--close:hover svg path {
    fill: var(--bg-brand-primary-04);
}

.alert__message--body.success {
    background-color: var(--bg-success-light);
    color: var(--text-success-contrast);
}

.alert__message--body.success::before {
    background-color: var(--bg-success-contrast);
}

.alert__message--body.success .alert__message--close svg path {
    fill: var(--bg-success-contrast);
}

.alert__message--body.error {
    background-color: var(--bg-error-light);
    color: var(--text-error-contrast);
}

.alert__message--body.error::before {
    background-color: var(--bg-error-contrast);
}

.alert__message--body.error .alert__message--close svg path {
    fill: var(--bg-error-contrast);
}

@media (min-width: 768px) {
    .alert__message {
        margin-right: 1rem;
        margin-left: 1rem;
        margin-top: 0.5rem;
    }
}

/* End */


/* Start:/local/js/renins/ui/datepicker/dist/bundle.css?17492329095774*/
.with-datepicker__icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 2.75rem;
  height: 3.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: var(--animation-short);
       -o-transition-duration: var(--animation-short);
          transition-duration: var(--animation-short);
  -webkit-transition-timing-function: ease-in-out;
       -o-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}
.with-datepicker .clear {
  right: 2.75rem !important;
  z-index: 1;
}
.with-datepicker .input {
  padding-right: 4rem;
  -webkit-transition: all var(--animation-short) ease-in-out;
  -o-transition: all var(--animation-short) ease-in-out;
  transition: all var(--animation-short) ease-in-out;
}
.with-datepicker .input.loading {
  padding-right: 2.75rem;
}
.loading ~ .with-datepicker__icon {
  display: none;
}
.datepicker {
  width: 18.75rem;
  max-width: calc(100vw - 3rem);
  padding: 1.5rem;
  position: absolute;
  top: calc(100% + 0.75rem);
  left: 0;
  background: var(--bg-content);
  border-radius: 1.25rem;
  -webkit-box-shadow: 0px 0.5rem 1rem 0px #5b687133;
          box-shadow: 0px 0.5rem 1rem 0px #5b687133;
  z-index: 10;
}
.datepicker__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.datepicker__header .datepicker__select {
  margin: 0.25rem;
}
.datepicker__header .datepicker__year {
  width: 6.25rem;
}
.datepicker__header .datepicker__month {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.datepicker__body {
  padding-top: 1rem;
}
.datepicker__weekdays-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.datepicker__weekday {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: calc(100% / 7);
  padding: 0.5rem;
  color: var(--text-tertiary);
}
.datepicker__days-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.datepicker__day {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: calc(100% / 7);
  padding: 0.5rem;
  border-radius: 0.75rem;
}
.datepicker__day:not(.disabled) {
  cursor: pointer;
}
.datepicker__day.next,
.datepicker__day.prev {
  color: var(--text-tertiary);
}
.datepicker__day.current {
  background-color: var(--bg-states-transparent-alpha-hover);
}
.datepicker__day.range-from {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.datepicker__day.range-to {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.datepicker__day.in-range {
  border-radius: 0;
  color: var(--text-primary);
  background-color: var(--bg-brand-primary-01);
}
.datepicker__day.range-to,
.datepicker__day.range-from,
.datepicker__day.selected {
  color: var(--text-on-color);
  background-color: var(--int-bg-brand-primary);
}
.datepicker__day.disabled {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: transparent;
  color: var(--text-tertiary);
}
.datepicker__select {
  position: relative;
  cursor: pointer;
}
.datepicker__select--item {
  margin-top: 0.25rem;
  padding: 0.625rem 1rem;
  border-radius: 0.75rem;
  cursor: pointer;
}
.datepicker__select--item:first-child {
  margin-top: 0;
}
.datepicker__select--item.selected {
  background-color: var(--int-bg-brand-primary-alt);
}
.datepicker__select--value {
  position: relative;
  padding: 0.375rem 2.5rem 0.375rem 0.75rem;
  border: 1px solid var(--stroke-border);
  border-radius: 0.75rem;
}
.datepicker__select--icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  right: 0.75rem;
  top: 50%;
  margin-top: -0.625rem;
}
.datepicker__select--icon svg {
  max-width: 100%;
  max-height: 100%;
}
.datepicker__select--dropdown {
  width: 100%;
  padding: 0.5rem;
  position: absolute;
  top: calc(100% + 0.25rem);
  left: 0;
  background: var(--bg-content);
  border-radius: 1rem;
  -webkit-box-shadow: 0px 0.5rem 1rem 0px #5b687133;
          box-shadow: 0px 0.5rem 1rem 0px #5b687133;
  z-index: 10;
  max-height: 18.75rem;
  overflow-y: auto;
  overflow-x: visible;
  scrollbar-color: var(--stroke-divider-accent) transparent;
  scrollbar-width: thin;
}
.datepicker__select--dropdown::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 1rem;
}
.datepicker__select--dropdown::-webkit-scrollbar-track {
  background-color: transparent;
}
.datepicker__select--dropdown::-webkit-scrollbar-thumb {
  background-color: var(--stroke-divider-accent);
  border-radius: 0.5rem;
}
.datepicker__select--dropdown::-webkit-resizer,
.datepicker__select--dropdown::-webkit-scrollbar-button,
.datepicker__select--dropdown::-webkit-scrollbar-corner {
  display: none;
}

/* End */
/* /local/templates/renins/components/bitrix/breadcrumb/office/style.css?1704884945512 */
/* /local/templates/renins/components/bitrix/catalog/office/bitrix/catalog.element/.default/style.css?17295245994921 */
/* /local/components/renins/office.booking/templates/inline/style.css?17316755822169 */
/* /local/js/renins/ui/alert/dist/bundle.css?17256337953819 */
/* /local/js/renins/ui/datepicker/dist/bundle.css?17492329095774 */