/*! 
-------------------------------------------
CUSTOM STYLES
-------------------------------------------
NOTE: PLEASE DO NOT edit base.css.min
      for custom styles use custom.css only
-------------------------------------------
*/
/* чек пк 1 */
.mainBanner__nav{
    padding-bottom: 50px;
  }
@media(min-width:1940px) {
  .mainBanner__nav{
    padding-bottom: 50px;
  }
}
/* чек пк 2 */
.section--mainbanner .nav .nav__item .nav__item_link {
        transition: font-size 0.5s ease-in-out;
}
/* чек пк 3 */
.mainBanner .mainBanner__header {
    margin-bottom: min(max(2.5rem, 5.625vw), 7.625rem);
}

div.mainBanner .mainBanner__header_text {
    color: #5bbcf9;
}

.footer__row.footer__row--bottom .footerBox .footerBox__content .footerBox__content--desctop {
    display: none;
}

.footer__row.footer__row--bottom .footerBox .footerBox__content .footerBox__content--mobile {
    display: block;
}

@media (min-width: 800px) {
    .footer__row.footer__row--bottom .footerBox .footerBox__content .footerBox__content--desctop {
        display: block;
    }

    .footer__row.footer__row--bottom .footerBox .footerBox__content .footerBox__content--mobile {
        display: none;
    }

    div.mainBanner .mainBanner__header_subtitle, div.mainBanner .mainBanner__header_text {
        font-size: 30px;
        /* margin-left: 70px; */
    } 

    .index__banner div.mainBanner .mainBanner__header_subtitle {
        margin-left: 70px;
    }

    .mainBanner .mainBanner__header_title>* {
        font-size: 56px;
        /* --val: 3.08rem; */
        --val: 2.9rem;
    }
}

@media (min-width: 800px) and (max-width: 992px) {
    .mainBanner .mainBanner__header_title>* {
        /* margin-left: 20px; */
    }
}

@media (min-width: 992px) {
    .mainBanner .mainBanner__header_title>* {
        --val: 3.84rem;
    }
    div.mainBanner .mainBanner__header_subtitle, div.mainBanner .mainBanner__header_text {
        font-size: 50px;
        /* margin-left: 100px; */
    } 

    .index__banner div.mainBanner .mainBanner__header_subtitle {
        margin-left: 100px;
    }

    .mainBanner .mainBanner__header_title>* {
        font-size: 69px;
    }
}
@media (min-width: 1200px) {
        .mainBanner .mainBanner__header_title>* {
        --val: 4.58rem;
    }
    .mainBanner .mainBanner__header {
        margin-bottom: min(max(2.5rem, 7.625vw), 6.625rem);
    }
    .mainBanner .mainBanner__header_title>* {
        font-size: 83px;
    }

    div.box_cooperation .box_cooperation__footer {
        display: block;
    }

    div.mainBanner .mainBanner__header_text {
        padding-top: 5px;
    }

    div.mainBanner .mainBanner__header_subtitle {
        font-size: 58px;
        font-weight: 100;
    }

    div.mainBanner .mainBanner__header_text {
        font-size: 52px;
        font-weight: 100;
    }
}
@media (min-width: 1500px) {
    .mainBanner .mainBanner__header_title>* {
        --val: 5.7rem;
        --max: 5.57rem;
    }

    /* div.mainBanner .mainBanner__header_subtitle {
        font-size: 70px;
        font-weight: 100;
    }

    div.mainBanner .mainBanner__header_text {
        font-size: 55px;
        font-weight: 100;
    } */

    .mainBanner .mainBanner__header_title>* {
        font-size: 118px;
        font-weight: 100;
    }

    header.header .header__row--middle {
        padding-top: 60px;
        transition: 0s all;
    }

    .is-fixed-header header.header .header__row--middle {
        padding-top: 15px;
        transition: .3s all;
    }
    .mainBanner .mainBanner__header_title>* {
        font-size: 101px;
    }
}
@media (min-width: 1940px) {
    .mainBanner .mainBanner__header_title>* {
        --val: 6.5vw;
        --max: 6.524rem;
    }

    /* div.mainBanner .mainBanner__header_text {
        font-size: 60px;
    } */

    .mainBanner .mainBanner__header_title>* {
        font-size: 118px;
    }

    div.section--tree {
        padding: 170px 0;
    }
}


@media(max-width:1499.98px) {
    .r_userbar__item.is-active .r_userbar__item_ico,
    .r_userbar__item.is-active .r_userbar__item_name {
    opacity: 0.4;
    }
}

.mainBanner__contacts_mob{
    display:none;
}
@media (max-width: 576px) {
    .mainBanner__contacts_mob{
        padding-left: 20px;
    }
}
@media (max-width: 799.89px) {
    .mainBanner__contacts_mob{
        margin-bottom: 20px;
        display: flex;
        flex-direction: column;
    }
    .mainBanner__contacts_mob .mainBanner__contacts_label{
        font-size: 10px;
        margin-bottom: 7px;
        color: #929eaa;
    }
    .mainBanner__contacts_mob .mainBanner__contacts_link{
        font-size: 20px;
        font-weight: 100;
        line-height: 100%;
    }
}

.footer .footer__contacts .item--contacts .contacts .contacts__item--phone {
    min-width: auto !important;
    flex-direction: column;
}

.footer .footer__contacts .item--contacts .contacts {
    text-align: right !important;
    gap: 30px;
}

.footer .footer__contacts .item--contacts .contacts .contacts__item--soc {
    display: flex;
    gap: 20px;
    justify-content: flex-end;
}

.mini-popup-max .mini-popup__close {
    text-align: right;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    transition: all 0.3s;
    right: 8px;
    z-index: 100;
    cursor: pointer;
    font-size: 9px;
    top: 8px;
}

.mini-popup-max .mini-popup__close::before {
    font-family: var(--font-icons);
    content: url("data:image/svg+xml;utf8,\ <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'>\<path d='M18 6L6 18M6 6L18 18' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/>\</svg>");
    display: block;
    width: 24px;
    height: 24px;
}

.mini-popup-max .mini-popup__close:hover {
    opacity: 0.6;
}

.mini-popup-max {
  display: block;
  border-radius: 10px;
  background: rgba(255, 255, 255, 1);
  border: 1px solid #fff;
  /* transition: all 0.3s; */
  transition: transform 0.3s;
  -webkit-transform: translateY(40px);
  opacity: 0;
  visibility: hidden;
  position: fixed;
  left: 15px;
  right: 15px;
  top: 50%;
  z-index: 999;
  max-width: 375px;
  margin-left: auto;
  margin-right: auto;
  max-height: calc(100vh - 80px - 22px);
  overflow: hidden;
  padding: 40px 50px;
}

.is-minipopup-show-max .mini-popup-max.is-shown {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
  visibility: visible;
}

.is-minipopup-show-max .background-filter {
  z-index: 998;
  visibility: visible;
}

.mini-popup-tg .mini-popup__close {
    text-align: right;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    transition: all 0.3s;
    right: 8px;
    z-index: 100;
    cursor: pointer;
    font-size: 9px;
    top: 8px;
}

.mini-popup-tg .mini-popup__close::before {
    font-family: var(--font-icons);
    content: url("data:image/svg+xml;utf8,\ <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'>\<path d='M18 6L6 18M6 6L18 18' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/>\</svg>");
    display: block;
    width: 24px;
    height: 24px;
}

.mini-popup-tg .mini-popup__close:hover {
    opacity: 0.6;
}

.mini-popup-tg {
  display: block;
  border-radius: 10px;
  background: rgba(255, 255, 255, 1);
  border: 1px solid #fff;
  /* transition: all 0.3s; */
  transition: transform 0.3s;
  -webkit-transform: translateY(40px);
  opacity: 0;
  visibility: hidden;
  position: fixed;
  left: 15px;
  right: 15px;
  top: 50%;
  z-index: 999;
  max-width: 375px;
  margin-left: auto;
  margin-right: auto;
  max-height: calc(100vh - 80px - 22px);
  overflow: hidden;
  padding: 40px 50px;
}

.is-minipopup-show-tg .mini-popup-tg.is-shown {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
  visibility: visible;
}

.is-minipopup-show-tg .background-filter {
  z-index: 998;
  visibility: visible;
}

@media (max-width: 799.98px) {
    .footer .footerBox--hide.is-open .footerBox__content:has(.nav__item--sk-11-wrapper) {
        padding: 10px 0 20px 0;
    }

    footer .footer__row--bottom .nav__item--sk-wrapper .nav__item--logo::before {
        width: 2px;
        background-color: #989EAB;
        margin-left: 7px;
    }

    footer .footer__row--bottom .nav__item--logo {
        min-width: 30px;
    }

    footer .footer__row--bottom .nav__item--sk-wrapper .nav__item--logo::after {
        width: 2px;
        background-color: #989EAB;
        margin-left: 7px;
    }

    footer .footer__row--bottom .nav__item--se-wrapper .nav__item--logo {
        color: #989EAB;
        font-size: 8px;
        line-height: 10px;
        justify-content: flex-start;
    }

    footer .footer__row--bottom .nav__item--sk-wrapper .nav__item--logo {
        font-size: 18px;
        line-height: 18px;
        align-items: flex-start;
    }

    footer .footer__row--bottom .nav__item--sk-11-wrapper .nav__item--sk-11-inner .nav__item_link--name {
        /* font-size: 18px; */
        font-size: 14px;
        padding-left: 0;
        margin-bottom: 0px;
    }

    footer .footer__row--bottom ul.nav--group-menu {
        gap: 22px !important;
    }

    footer .footer__row--bottom .nav__item--group-wrapper {
        gap: 5px;
    }

    footer .footer__row--bottom .nav__item--sk-wrapper .nav__item--sk-inner {
        padding: 0;
        gap: 13px;
    }

    footer .footer__row--bottom .nav__item .item__title .nav__item_link {
        /* font-size: 18px;
        line-height: 18px; */
        font-size: 14px;
        line-height: 14px;
    }

    .footer .footerBox__content--desctop .nav .nav__item .item__title a:hover {
        text-decoration: underline !important;
    }
}

.footer__mail:after {
  border-bottom: 1px solid white !important;
}

.footer .footer__contacts .item--contacts .contacts .contacts__item--phone a {
  font-weight: 400;
}

@media (max-width:1490px) and (max-height:905px) {

}

@media (min-width:1200px) and (max-height:850px) {

}

@media (min-width:1800px) and (max-height:925px) {
  div.box_cooperation div.box_cooperation__item {
    top: 59%;
  }
}