/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * Messages.
 *
 * @todo revisit this after https://www.drupal.org/project/drupal/issues/3078400
 *   has been resolved.
 */

:root {
  --messages-bg-color: #fff;
  --messages-fg-color: var(--color-white);
  --messages-border-radius: 2px;
  --messages-border-width: 0.3125rem;
  --messages--status-color: #42a877;
  --messages--warning-color: #e0ac00;
  --messages--error-color: #e34f4f;
  --messages__link-color: var(--color-sunglow);
  --messages__link--hover-color: var(--color-white);
  --messages__icon-size: 1rem;
  --messages__text-margin: calc(var(--messages__icon-size) + var(--space-l));
}

.messages-list {
  margin-block: calc(var(--space-m) + var(--space-l));
  padding: 0;
  list-style: none;
}

.field .messages-list,
.form-wrapper .messages-list {
  margin-block-end: 0;
}

.messages {
  overflow: auto; /* Required to prevent text clipping. */
  box-sizing: border-box;
  margin-block: var(--space-m);
  padding-block: var(--space-l) 2rem;
  padding-inline: calc(var(--space-l) - 0.3125rem) var(--space-l);
  color: var(--messages-fg-color);
  border-width: 0 0 0 var(--messages-border-width); /* LTR */
  border-style: solid;
  border-color: var(--messages-bg-color);
  border-radius: var(--messages-border-radius);
  background-color: var(--messages-bg-color);
  margin-bottom: 15px;
}

.messages a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: var(--messages__link-color);
}

.messages a:hover {
  color: var(--messages__link--hover-color);
}

.messages pre {
  margin: 0;
}

[dir="rtl"] .messages {
  border-right-width: var(--messages-border-width);
  border-left-width: 0;
}

.messages--error {
  border-color: var(--messages--error-color);
}

.messages--error .messages__header {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 14 14'%3e%3cpath d='M3 11.193L11.45 3' stroke='%23e34f4f' stroke-width='2'/%3e%3ccircle cx='7' cy='7' r='6' fill='none' stroke='%23e34f4f' stroke-width='2'/%3e%3c/svg%3e") no-repeat center left;
}

.messages--status {
  border-color: var(--messages--status-color);
}

.messages--status .messages__header {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 13'%3e%3cpath d='M2 6.571L5.6 10 14 2' fill='none' stroke='%2342a877' stroke-width='3'/%3e%3c/svg%3e") no-repeat center left;
}

.messages--warning {
  border-color: var(--messages--warning-color);
}

.messages--warning .messages__header {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 4 14' fill='%23e0ac00'%3e%3cpath d='M.5 0h3v9h-3z'/%3e%3ccircle cx='2' cy='12.5' r='1.5'/%3e%3c/svg%3e") no-repeat center left;
}

.messages__title {
  margin-block: 0;
  margin-inline: var(--messages__text-margin) 0;
  font-size: var(--font-size-base);
}

.messages__header {
  display: flex;
  align-items: center;
  margin-block-end: var(--space-m);
}

[dir="rtl"] .messages__header {
  background-position: center right;
}

@media screen and (min-width: 48rem) {
  .messages__content {
    margin-inline-start: var(--messages__text-margin);
  }
}

.messages__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.messages__item + .messages__item {
  margin-block-start: var(--space-s);
}


/*-- Системные ссылки --*/
#block-yess-primary-local-tasks > ul{
  display: flex;
  justify-content: center;
}

#block-yess-primary-local-tasks > ul li{

}

#block-yess-primary-local-tasks > ul li a{
  text-decoration: none;
  display: inline-block;
  margin: 15px 5px;
  border: 1px solid #0CBB65;
  border-radius: 5px;
  color: #000;
  padding: 10px 15px;
}

#block-yess-primary-local-tasks > ul li a:hover{
  background-color: #0CBB65;
  color: #fff;
}

/*-- Переопределенные стили --*/
.service-item__list{
  display: block;
}

.nav-tags{

}

.nav-tags label{
  display: none;
}

.bef-links ul{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 8px;
}

.bef-links .bef-link{
  display: block;
  outline: transparent none 0 !important;
  box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
  border: none;
  transition: .25s ease;
  cursor: pointer;
  white-space: nowrap;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  height: 60px;
  padding: 20px 27px;
  background-color: #fff;
  border-radius: 30px;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #18181A;
}

.bef-links .bef-link:hover,
.bef-links .bef-link--selected{
  background-color: #0CBB65;
  color: #fff;
}

.services__nav .form-actions{
  display: none;
}

@media only screen and (max-width: 767px){
  .bef-links ul{
    margin-bottom: 60px;
    flex-wrap: nowrap;
    gap: 3px;
    overflow-x: auto;
  }
  .bef-links .bef-link{
    padding: 16px;
    border-radius: 27px;
    font-size: 14px;
    line-height: 2;
  }
}

.sec-sub a{
  color: #9698A5;
}

.sec-sub a:hover{
  color: #0CBB65;
}

a.service-item__btn:hover{
  color: #fff;
}

.form__add-btn{
  background-image: url(../img/download-icn.svg);
  background-repeat: no-repeat;
  background-position: 85% 50%;
}

.form-item .form-managed-file{
  padding: 17px 45px;
  border-radius: 30px;
  margin-bottom: 5px;
  background-color: #fff;
  background-image: url(../img/download-icn.svg);
  background-repeat: no-repeat;
  background-position: 85% 50%;
}

.form-item .form-managed-file .form-submit{
  background: #f07a7a;
  border: none;
  border-radius: 5px;
  color: #fff;
  padding: 5px 10px;
}

.general-sec-title{
  padding-top: 80px;
}

@media only screen and (max-width : 991px){
  .general-sec-title{padding-top: 60px;}
}

body:not(.path-frontpage) .general-sec-title{
  padding-top: 20px;
}

.messages--error{
  color: #f00;
  font-weight: 600;
  text-align: center;
  font-size: 14px;
  margin-bottom: 15px;
}

.support__main .messages--error{
  text-align: left;
}

.viewsreference--view-title{
  display: none;
}

.webform-confirmation__message{
  color: #fff;
  font-size: 18px;
}

.support__main .webform-confirmation__message{
  color: #000;
  max-width: 400px;
}

.tour__form .webform-confirmation__message{
  min-height: 200px;
}

.cost-foundation .webform-confirmation__message{
  color: #000;
}

@media only screen and (max-width : 768px) {
  .tour__form .webform-confirmation__message{
    min-height: auto;
  }
}

.attach-sec .webform-confirmation__message{
  color: #000;
  background: #fff;
  border-radius: 20px;
  padding: 15px;
}

.toolbar-tray-open .header{
  top: 80px;
}

.cookies {
  display: none;
}

.cookies.show{
  display: block;
}

.calc-other{
  padding: 30px 0;
  margin: 0;
  height: auto;
}

body:not(.path-frontpage) .order-sec{
  margin: 40px 0 80px;
}

.intertaiment-feedback-btn .btn{
  display: inline-block;
}

.formatted-text{
  margin: 80px 0 100px;
}

.formatted-text p{
  margin-bottom: 15px;
}

.formatted-text ul,
.formatted-text ol,
.seo__wrap ul,
.seo__wrap ol,
.intertaiment-description ul,
.intertaiment-description ol{
  padding-left: 30px;
}

.intertaiment-description ul{
  margin-bottom: 15px;
  font-size: 20px;
}

.intertaiment-description ul li{
  margin-bottom: 15px;
}

.formatted-text ul li,
.seo__wrap ul li,
.intertaiment-description ul li{
  list-style-type: disc;
}

.formatted-text ul li::marker,
.seo__wrap ul li::marker,
.intertaiment-description ul li::marker{
  color: #0cbb65;
  font-size: 20px;
}

.formatted-text ol li,
.seo__wrap ol li,
.intertaiment-description ol li{
  list-style-type: decimal;
}

@media only screen and (max-width : 768px){
  .formatted-text{
    margin: 40px 0;
  }
}

.gallery-items{
  display: flex;
  flex-wrap: wrap;
  margin: 40px 0 100px;
}

.gallery-items .item{
  width: calc(100% / 4 - 20px);
  margin: 0 10px 20px;
}

@media only screen and (max-width : 768px){
  .gallery-items .item {
    width: calc(100% / 2 - 20px);
  }
}

.page-title-section{
  display: flex;
  align-items: center;
  margin-bottom: 80px;
  background: rgba(38,44,51,1);
  background: -moz-linear-gradient(left, rgba(38,44,51,1) 0%, rgba(150,152,165,1) 100%);
  background: -webkit-linear-gradient(left, rgba(38,44,51,1) 0%, rgba(150,152,165,1) 100%);
  background: -o-linear-gradient(left, rgba(38,44,51,1) 0%, rgba(150,152,165,1) 100%);
  background: -ms-linear-gradient(left, rgba(38,44,51,1) 0%, rgba(150,152,165,1) 100%);
  background: linear-gradient(to right, rgba(38,44,51,1) 0%, rgba(150,152,165,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262c33', endColorstr='#9698a5', GradientType=1 );
  background-repeat: no-repeat;
  background-size: cover;
}

.page-title-section__content{
  padding: 74px 30px;
  margin: 0 -30px;
  border-radius: 30px;
  color: #fff;
  background-repeat: no-repeat;
  background-position: right;
}

.page-title-section__content h1{
  max-width: 600px;
}

.page-title-section__content ul li{
  margin-bottom: 10px;
  position: relative;
  padding-left: 19px;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.25;
  color: rgba(255, 255, 255, .8);
}

.page-title-section__content ul li::before{
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-top: -4px;
  background-color: #0CBB65;
  box-shadow: 0 0 20.8px #2EC96C;
}

.page-title-section__content .description{
  margin-top: 30px;
}

@media only screen and (max-width : 768px){
  .page-title-section{
    margin-bottom: 25px;
  }
  .page-title-section__content{
    margin: 0;
    padding: 20px 0 250px;
    background-position: center bottom;
  }

  .page-title-section .container{
    max-width: inherit;
  }
}

.blog-news-slider.bricks{
  display: flex;
  flex-wrap: wrap;
}

.blog-news-slider.bricks .item{
  width: calc(100% / 3 - 20px);
  margin: 0 10px 20px;
  height: inherit!important;
  -webkit-transition: .35s ease;
  -o-transition: .35s ease;
  -moz-transition: .35s ease;
}

.blog-news-slider.bricks .item:hover{
  transform: scale(1.1);
}

@media only screen and (max-width : 768px){
  .blog-news-slider.bricks .item {
    width: calc(100% / 2 - 20px);
  }
}

@media only screen and (max-width : 500px){
  .blog-news-slider.bricks .item {
    width: 100%;
  }
}

.fancybox__content{
  padding: 0;
}

.video-feedback .video-feedback-content .more-videos,
.video-feedback .video-feedback-content .less-videos{
  display: block;
}

.house-type__page .type-item-slider{
  padding-top: 0;
  overflow: hidden;
  height: 450px;
}

@media only screen and (max-width : 1023px){
  .house-type__page .type-item-slider {
    height: auto;
  }
}

.back-to-form{
  color: #0cbb65;
  text-decoration: underline;
}
.back-to-form:hover{
  text-decoration: none;
}

.bottom-links{
  margin-top: 50px;
  text-align: center;
}

.bottom-links .btn{
  display: inline-block;
}

.reviews-video__footer img{
  height: 40px;
  width: auto;
  margin-left: 10px;
}

.user-login-form{
  width: 100%;
  max-width: 1210px;
  padding: 0 15px;
  margin: 80px auto 0;
}

.user-login-form .form-item{
  margin-bottom: 15px;
}

.user-login-form .form-item label{
  display: block;
  font-size: 14px;
  font-weight: 600;
}

.user-login-form .form-item .form-text{
  padding: 10px;
  border-radius: 5px;
}

.user-login-form .form-submit{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px 30px;
  gap: 10px;
  background-color: #0CBB65;
  border-radius: 40px;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #fff;
  transition: background-color .25s linear;
  -webkit-font-smoothing: subpixel-antialiased;
  border: none;
  cursor: pointer;
}

.user-login-form .form-submit:hover{
  opacity: .7;
}

.intertaiment__content{
  display: flex;
  justify-content: space-between;
}

.intertaiment__content-item{
  width: 100%;
}

.intertaiment__content-item--left{
  max-width: 700px;
}

.intertaiment__content-item--right{
  max-width: 408px;
}

.intertaiment__content-item--right img{
  border-radius: 12px;
}

.intertaiment-description p{
  margin-bottom: 15px;
}

@media only screen and (max-width : 1023px){
  .intertaiment__content-item--left{
    max-width: inherit;
  }
  .intertaiment__content-item--right{
    display: none;
  }
}

body:not(.path-frontpage) #services .bottom-links{
  display: none;
}

/*-------- tooltip --------*/
/* ------------------------------------------------
  [1] Base Styles
-------------------------------------------------*/

[aria-label][role~="tooltip"] {
  position: relative;
}

[aria-label][role~="tooltip"]::before,
[aria-label][role~="tooltip"]::after {
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
  opacity: 0;
  pointer-events: none;
  transition: all var(--microtip-transition-duration, .18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s);
  position: absolute;
  box-sizing: border-box;
  z-index: 10;
  transform-origin: top;
}

[aria-label][role~="tooltip"]::before {
  background-size: 100% auto !important;
  content: "";
}

[aria-label][role~="tooltip"]::after {
  background: rgba(255, 255, 255, .9);
  border-radius: 12px;
  color: #000;
  content: attr(aria-label);
  font-size: var(--microtip-font-size, 13px);
  font-weight: var(--microtip-font-weight, normal);
  text-transform: var(--microtip-text-transform, none);
  padding: 12px 15px;
  white-space: nowrap;
  box-sizing: content-box;
}

[aria-label][role~="tooltip"]:hover::before,
[aria-label][role~="tooltip"]:hover::after,
[aria-label][role~="tooltip"]:focus::before,
[aria-label][role~="tooltip"]:focus::after {
  opacity: 1;
  pointer-events: auto;
}



/* ------------------------------------------------
  [2] Position Modifiers
-------------------------------------------------*/

[role~="tooltip"][data-microtip-position|="top"]::before {
  background: url(../img/tooltip-arrow.svg);
  height: 6px;
  width: 18px;
  margin-bottom: 5px;
}

[role~="tooltip"][data-microtip-position|="top"]::after {
  margin-bottom: 11px;
}

[role~="tooltip"][data-microtip-position|="top"]::before {
  transform: translate3d(-50%, 0, 0);
  bottom: 100%;
  left: 50%;
}

[role~="tooltip"][data-microtip-position|="top"]:hover::before {
  transform: translate3d(-50%, -5px, 0);
}

[role~="tooltip"][data-microtip-position|="top"]::after {
  transform: translate3d(-50%, 0, 0);
  bottom: 100%;
  left: 50%;
}

[role~="tooltip"][data-microtip-position="top"]:hover::after {
  transform: translate3d(-50%, -5px, 0);
}

/* ------------------------------------------------
  [2.1] Top Left
-------------------------------------------------*/
[role~="tooltip"][data-microtip-position="top-left"]::after {
  transform: translate3d(calc(-100% + 16px), 0, 0);
  bottom: 100%;
}

[role~="tooltip"][data-microtip-position="top-left"]:hover::after {
  transform: translate3d(calc(-100% + 16px), -5px, 0);
}


/* ------------------------------------------------
  [2.2] Top Right
-------------------------------------------------*/
[role~="tooltip"][data-microtip-position="top-right"]::after {
  transform: translate3d(calc(0% + -16px), 0, 0);
  bottom: 100%;
}

[role~="tooltip"][data-microtip-position="top-right"]:hover::after {
  transform: translate3d(calc(0% + -16px), -5px, 0);
}


/* ------------------------------------------------
  [2.3] Bottom
-------------------------------------------------*/
[role~="tooltip"][data-microtip-position|="bottom"]::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
  height: 6px;
  width: 18px;
  margin-top: 5px;
  margin-bottom: 0;
}

[role~="tooltip"][data-microtip-position|="bottom"]::after {
  margin-top: 11px;
}

[role~="tooltip"][data-microtip-position|="bottom"]::before {
  transform: translate3d(-50%, -10px, 0);
  bottom: auto;
  left: 50%;
  top: 100%;
}

[role~="tooltip"][data-microtip-position|="bottom"]:hover::before {
  transform: translate3d(-50%, 0, 0);
}

[role~="tooltip"][data-microtip-position|="bottom"]::after {
  transform: translate3d(-50%, -10px, 0);
  top: 100%;
  left: 50%;
}

[role~="tooltip"][data-microtip-position="bottom"]:hover::after {
  transform: translate3d(-50%, 0, 0);
}


/* ------------------------------------------------
  [2.4] Bottom Left
-------------------------------------------------*/
[role~="tooltip"][data-microtip-position="bottom-left"]::after {
  transform: translate3d(calc(-100% + 16px), -10px, 0);
  top: 100%;
}

[role~="tooltip"][data-microtip-position="bottom-left"]:hover::after {
  transform: translate3d(calc(-100% + 16px), 0, 0);
}


/* ------------------------------------------------
  [2.5] Bottom Right
-------------------------------------------------*/
[role~="tooltip"][data-microtip-position="bottom-right"]::after {
  transform: translate3d(calc(0% + -16px), -10px, 0);
  top: 100%;
}

[role~="tooltip"][data-microtip-position="bottom-right"]:hover::after {
  transform: translate3d(calc(0% + -16px), 0, 0);
}


/* ------------------------------------------------
  [2.6] Left
-------------------------------------------------*/
[role~="tooltip"][data-microtip-position="left"]::before,
[role~="tooltip"][data-microtip-position="left"]::after {
  bottom: auto;
  left: auto;
  right: 100%;
  top: 50%;
  transform: translate3d(10px, -50%, 0);
}

[role~="tooltip"][data-microtip-position="left"]::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
  height: 18px;
  width: 6px;
  margin-right: 5px;
  margin-bottom: 0;
}

[role~="tooltip"][data-microtip-position="left"]::after {
  margin-right: 11px;
}

[role~="tooltip"][data-microtip-position="left"]:hover::before,
[role~="tooltip"][data-microtip-position="left"]:hover::after {
  transform: translate3d(0, -50%, 0);
}


/* ------------------------------------------------
  [2.7] Right
-------------------------------------------------*/
[role~="tooltip"][data-microtip-position="right"]::before,
[role~="tooltip"][data-microtip-position="right"]::after {
  bottom: auto;
  left: 100%;
  top: 50%;
  transform: translate3d(-10px, -50%, 0);
}

[role~="tooltip"][data-microtip-position="right"]::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
  height: 18px;
  width: 6px;
  margin-bottom: 0;
  margin-left: 5px;
}

[role~="tooltip"][data-microtip-position="right"]::after {
  margin-left: 11px;
}

[role~="tooltip"][data-microtip-position="right"]:hover::before,
[role~="tooltip"][data-microtip-position="right"]:hover::after {
  transform: translate3d(0, -50%, 0);
}

/* ------------------------------------------------
  [3] Size
-------------------------------------------------*/
[role~="tooltip"][data-microtip-size="small"]::after {
  white-space: initial;
  width: 80px;
}

[role~="tooltip"][data-microtip-size="medium"]::after {
  white-space: initial;
  width: 150px;
}

[role~="tooltip"][data-microtip-size="large"]::after {
  white-space: initial;
  width: 260px;
}