:root{
    --page-background: #FAFBFC;

    --red: #ff2222;
    --black: #000000;
    --white: #FFFF;
    --gray: #B2B6B9;
    --darckGray: rgba(16, 8, 33, 0.6);
    --green: #00B15D;
    --yellowGreen: #94C11F;
    --whiteGreen: #E4F1E3;
    --brand-color: var(--green);
    --brand-color-transparent: var(--whiteGreen);
    --brand-color-2: var(--yellowGreen);

    --background-1: var(--white);
    --background-2: var(--whiteGreen);

    --text-color-1: var(--white);
    --text-color-2: var(--black);
    --text-color-3: var(--gray);
    --text-color-4: var(--darckGray);
    --text-color-acent-1: var(--brand-color);
    --text-color-acent-2: var(--brand-color-2);
    --error-color: var(--red);

    --font-size-text-1: 27px;
    --font-size-text-2: 18px;
    --font-size-text-3: 17px;
    --font-size-text-4: 16px;
    --font-size-text-5: 15px;
    --font-size-text-6: 14px;
    --font-size-h4: 27px;
    --font-size-h3: 48px;
    --font-size-h2: 64px;
    --font-size-h1: 120px;
}
@media (max-width: 1200px) {
    :root{
        --font-size-text-1: 22px;
        --font-size-text-2: 17px;
        --font-size-text-3: 16px;
        --font-size-text-4: 15px;
        --font-size-text-5: 14px;
        --font-size-text-6: 13px;
        --font-size-h4: 22px;
        --font-size-h3: 40px;
        --font-size-h2: 50px;
        --font-size-h1: 80px;
    }
}
@media (max-width: 1000px) {
    :root{
        --font-size-text-1: 18px;
        --font-size-text-2: 16px;
        --font-size-text-3: 15px;
        --font-size-text-4: 14px;
        --font-size-text-5: 13px;
        --font-size-text-6: 13px;
        --font-size-h4: 30px;
        --font-size-h3: 30px;
        --font-size-h2: 40px;
        --font-size-h1: 50px;
    }
}
@media (max-width: 600px) {
    :root{
        --font-size-h4: 20px;
        --font-size-h3: 25px;
        --font-size-h2: 28px;
        --font-size-h1: 30px;
    }
}

body{
    margin: 0;
    font-family: "Roboto";
    font-optical-sizing: auto;
    font-variation-settings: "wdth" 100;
    font-style: normal;
    background: var(--page-background);
    font-size: var(--font-size-text-4);
}
a{transition: .2s linear;text-decoration: none;color: currentColor}
.container{
    width: 100%;
    max-width: 1245px;
    box-sizing: border-box;
    padding: 0 20px;
    margin: 0 auto;
}
.container-1800{
    width: 100%;
    max-width: 1840px;
    box-sizing: border-box;
    padding: 0 20px;
    margin: 0 auto;
}
.text1{
    font-size: var(--font-size-text-1);
    font-weight: 400;
    line-height: 130%;
}
.text2{
    font-size: var(--font-size-text-2);
    font-weight: 400;
    line-height: 150%;
}
.text3{
    font-size: var(--font-size-text-3);
    font-weight: 400;
    line-height: 120%;
}
.text4{
    font-size: var(--font-size-text-4);
    font-weight: 400;
    line-height: 130%;
}
.text5{
    font-size: var(--font-size-text-5);
    font-weight: 400;
    line-height: 100%;
}
.text6{
    font-size: var(--font-size-text-6);
    font-weight: 400;
    line-height: 100%;
}
.text1 a, .text2 a, .text3 a, .text4 a, .text5 a, .text6 a{
    color: var(--brand-color);
    text-decoration: none;
    cursor: pointer;
    transition: .2s linear;
}
h1, .h1{
    font-weight: 800;
    font-size: var(--font-size-h1);
    line-height: 100%;
}
h2, .h2{
    font-weight: 800;
    font-size: var(--font-size-h2);
    line-height: 120%;
}
h3, .h3{
    font-weight: 500;
    font-size: var(--font-size-h3);
    line-height: 110%;
}
h4, .h4{
    font-weight: 500;
    font-size: var(--font-size-h4);
    line-height: 120%;
}
.ul-check, .ul-line{list-style: none;padding-left: 24px}
.ul-check li, .ul-line li{position: relative;margin: 1em 0}
.ul-check li:before, .ul-line li:before{
    position: absolute;
    top: 0;
    left: -24px;
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.8418 18.8887C14.8045 18.8887 18.8418 14.8513 18.8418 9.88867C18.8418 4.92602 14.8045 0.888672 9.8418 0.888672C4.87914 0.888672 0.841797 4.92602 0.841797 9.88867C0.841797 14.8513 4.87914 18.8887 9.8418 18.8887ZM6.33686 9.40183L8.29267 11.3337L12.9468 5.59117L14.3789 6.85427L8.4437 14.1769L5.04733 10.823L6.33686 9.40183Z' fill='white'/%3E%3C/svg%3E%0A") center no-repeat;
}
.ul-line li:before{
    top: .6em;
    width: 12px;
    height: 1px;
    background: var(--brand-color);
}
.ul-rowWithImg{list-style: none;margin-left: 0;padding: 0}
.ul-rowWithImg li{display: flex;gap: 20px;align-items: center}
.ul-rowWithImg li:not(:first-child){margin-top: 20px}
.ul-rowWithImg li img{width: 63px;height: 63px;object-fit: contain;}

.date{display: flex;gap: 10px;align-items: center;color: var(--text-color-3)}
.date > *{line-height: 1}
@media (max-width: 1000px) {
    .ul-rowWithImg {display: grid;grid-template-columns: 1fr 1fr;gap: 12px;}
    .ul-rowWithImg li:not(:first-child){margin-top: 0}
}
@media (max-width: 550px) {
    .ul-rowWithImg {grid-template-columns: 1fr;gap: 20px;}
}
@media (hover: hover) {
    a:hover, .text1 a:hover, .text2 a:hover, .text3 a:hover, .text4 a:hover, .text5 a:hover, .text6 a:hover{
        color: var(--brand-color-2);
    }
}

/*===GaPsBtn===*/
.GaPsBtn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 15px 40px;
    border-radius: 130px;
    user-select: none;
    border: 1px solid transparent;
    box-sizing: border-box;
    text-decoration: none;
    cursor: pointer;
    transition: .2s linear;
    --ga-ps-btn-icon-arrow-down: url("data:image/svg+xml,%3Csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_179_850)'%3E%3Cpath d='M10.1348 1.38672L5.27341 5.62936L0.412059 1.38672' stroke='currentColor'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_179_850'%3E%3Crect width='6' height='11' fill='white' transform='matrix(0 1 -1 0 11 0.628906)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    --ga-ps-btn-width: 45px;
}
.GaPsBtn--fitContent{width: fit-content}
.GaPsBtn:not(.disabled, [disabled]){cursor: pointer;}
.GaPsBtn--circle{padding: 0;width: var(--ga-ps-btn-width);height: var(--ga-ps-btn-width);flex: 0 0 var(--ga-ps-btn-width);border-radius: 50%;}
.GaPsBtn--brand {
    background: var(--brand-color);
    color: var(--text-color-1);
    --ga-ps-btn-background: var(--brand-color);
}
.GaPsBtn--brand-2{
    background: var(--brand-color-2);
    color: var(--text-color-1);
    --ga-ps-btn-background: var(--brand-color-2);
}
.GaPsBtn--white{
    background: var(--background-1);
    color: var(--text-color-2);
    --ga-ps-btn-background: var(--background-1);
}
.GaPsBtn--border{
    background: transparent;
    border-color: var(--ga-ps-btn-background);
    color: var(--ga-ps-btn-background);
    transition: color 0.4s ease, border-color 0.4s ease;
}
.GaPsBtn i{display: flex;align-items: center}
.GaPsBtn i.stroke path{stroke: currentColor}
.GaPsBtn i.fill path{fill: currentColor}
.GaPsBtn--arrowUp:after,.GaPsBtn--arrowDown:after, .GaPsBtn--arrowLeft:after, .GaPsBtn--arrowRight:after, .GaPsBtn-showMore:after{
    content: "";
    display: flex;
    width: 16px;
    height: 16px;
    background-color: currentColor;
    mask: var(--ga-ps-btn-icon-arrow-down) no-repeat center / contain;
    -webkit-mask: var(--ga-ps-btn-icon-arrow-down) no-repeat center / contain;
    background-image: none;
}
.GaPsBtn--arrowUp:after{transform: rotate(180deg);}
.GaPsBtn--arrowLeft:after{transform: rotate(90deg);}
.GaPsBtn--arrowRight:after{transform: rotate(-90deg);}
.GaPsBtn .swiper-navigation-icon, .GaPsBtn.swiper-button-lock{display: none}
.GaPsBtn.swiper-button-disabled{opacity: .4}
@media (hover: hover) {
    .GaPsBtn:hover{box-shadow: 0 4px 16px rgba(0,0,0,0.15);}
    .GaPsBtn--brand:hover, .GaPsBtn--brand-2:hover{color: var(--text-color-1);--ga-ps-btn-background:var(--brand-color-2);}
    .GaPsBtn--brand:not(.GaPsBtn--border):hover, .GaPsBtn--brand-2:not(.GaPsBtn--border):hover{
        background: var(--brand-color-2);
    }
    .GaPsBtn--border:hover{background: transparent;border-color: var(--ga-ps-btn-background);color: var(--ga-ps-btn-background);}
}

/*===gaField gaForm===*/
.gaForm{display: flex;flex-direction: column;gap: 20px}
.gaField, .gaField__wrapper{display: flex;flex-direction: column;gap: 8px}
.gaField__title{}
.gaField__action{width: 100%;box-sizing: border-box}
.gaField__wrapper{gap: 4px}
.gaField__action input:not([type="checkbox"], [type="radio"]), .gaField__action textarea{
    border: 1px solid #C8CACC;
    background: var(--background-1);
    min-height: 46px;
    outline: none;
    border-radius: 12px;
    padding: 12px .5em;
    box-sizing: border-box;
    width: 100%;
}
.gaField__action textarea{resize: vertical}
.gaFieldCheckbox{display: flex;gap: 10px;align-items: center;cursor: pointer}
.gaFieldCheckbox:before{
    content: "";
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 20px;
    height: 20px;
    width: 20px;
    border: 1px solid var(--gray);
    border-radius: 3px;
    transition: .2s linear;
}
.gaFieldCheckbox:has(input:checked):before{
    background: var(--brand-color);
    border-color: var(--brand-color);
}
.gaField__error{color: var(--error-color)}

/*===section====*/
section.section:not(.noMargin){margin: 90px 0;}
section.section.padding{margin:0;padding: 90px 0;}
section.background2{background: var(--background-2)}
.section__title{margin: 0 0 40px;}
@media (max-width: 1000px) {
    section.section:not(.noMargin){margin: 60px 0}
    section.section.padding{margin:0;padding: 60px 0;}
    section.section.noMarginBottom{margin-bottom: 0}
    .section__title{margin: 0 0 30px;}
}

/*==parameters===*/
.displayNone{display: none}
.noMargin{margin: 0;}
.noMarginBottom{margin-bottom: 0;}
.noMarginImportant{margin: 0 !important;}
.noMarginBottomImportant{margin-bottom: 0 !important;}

/*===Header===*/
header.header{background: var(--background-1);position: sticky; top: 0;padding: 30px 0;z-index: 200}
.header__container, .header__nav{display: flex;align-items: center;gap: 40px}
.header__container{justify-content: space-between}
.header__logos{display: flex;align-items: center;gap: 20px}
.header__logos img{object-fit: contain;max-width: 100%}
.header__logos hr{width: 1px; height: 20px;background: rgba(57, 53, 54, 0.2);border: none}
.header__nav a{color: currentColor;text-decoration: none;cursor: pointer;transition: .2s linear}
@media (min-width: 1200px) {
    .header__burger{display: none}
}
@media (max-width: 1300px) {
    .header__container, .header__nav{gap: 20px}
}
@media (max-width: 1200px) {
    .header__logos{gap: 12px}
    .header__container > .header__nav{display: none}
    .header__burger{display: flex;justify-content: center;align-items: center;cursor: pointer}
    .gaModalLeftMenu__header [data-action="close"]{}
    .gaModalLeftMenu__header [data-action="close"]:before {
        content: var(--gaModal-close-btn-icon-content, "");
        display: var(--gaModal-close-btn-icon-display, block);
        width: var(--gaModal-close-btn-icon-width, 17px);
        height: var(--gaModal-close-btn-icon-height, 17px);
        -webkit-mask-size: 100%;
        mask-size: 100%;
        background: currentColor;
        mask: var(--gaModal-close-btn-icon-mask, url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg' role='img' aria-hidden='true' class='stripes_v7_gl-cta-icon__icon'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.707 16.0001L23.8535 8.85359L23.1464 8.14648L15.9999 15.293L8.85354 8.14649L8.14642 8.85359L15.2928 16.0001L8.14643 23.1465L8.85353 23.8536L15.9999 16.7072L23.1464 23.8536L23.8535 23.1465L16.707 16.0001Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E") center no-repeat);
    }
    .gaModalLeftMenu {
        height: 100vh !important;
        max-height: none;
        max-width: none;
        margin: 0;
        transform: translateX(-100%);
        transition: .3s linear;
        min-width: 320px;
        padding: 0;
    }
    .gaModalLeftMenu::backdrop{transition: .3s linear}
    .gaModalLeftMenu[open]:not(.closeAnimation){transform: translateX(0);animation: .3s linear menuLeftAnimationIn;}
    .gaModalLeftMenu[open]:not(.closeAnimation)::backdrop{animation: .3s linear menuLeftAnimationBackdropIn}
    .gaModalLeftMenu.closeAnimation{transform: translateX(-100%);}
    .gaModalLeftMenu.closeAnimation::backdrop{opacity: 0}
    .gaModalLeftMenu__header {margin: 10px 20px;margin-right: 5px;display: flex;justify-content: space-between;gap: 20px;}
    .gaModalLeftMenu__body{margin: 20px 0}
    .gaModalLeftMenu .header__nav{flex-direction: column;gap: 0;align-items: flex-start;}
    .gaModalLeftMenu .header__nav a{padding: 15px 10px;width: 100%;box-sizing: border-box}
    @keyframes menuLeftAnimationIn {
        0%{display: none;transform: translateX(-100%);}
        1%{display: flex;transform: translateX(-100%);}
        100%{display: flex;transform: translateX(0);}
    }
    @keyframes menuLeftAnimationBackdropIn {
        0%{opacity: 0}
        100%{opacity: 1}
    }
}
@media (max-width: 450px) {
    .header__logos img{max-width: 120px}
}
@media (max-width: 360px) {
    .header__logos img{max-width: 100px}
}
@media (hover: hover) {
    .header__nav a:hover{color: var(--brand-color)}
}

/*===Banner===*/
.banner{position: relative;display: flex;}
.banner picture{display: flex;width: 100%;}
.banner picture img{width: 100%;object-fit: cover;}
.banner__content{
    display: flex;
    align-items: center;
    gap: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    justify-content: center;
    color: var(--white);
}
.banner__column{display: flex;flex-direction: column;gap: 20px;}
.banner__content .h4{color: var(--brand-color)}
@media (max-width: 1300px) {
    .banner{min-height: 80vh}
}

/*===doubleSectionWithCard===*/
.doubleSectionWithCard .container{display: flex;justify-content: space-between;gap: 90px;}
.doubleSectionWithCard__card{position: relative;flex: 0 0 413px;}
.doubleSectionWithCard__card-content{
    padding: 40px;
    background: var(--green);
    color: var(--white);
    border-radius: 12px;
    box-sizing: border-box;
    position: relative;
    z-index: 3;
}
.doubleSectionWithCard__card-icon {
    position: absolute;
    top: -30px;
    left: -50px;
    display: flex;
    z-index: 4;
}
.doubleSectionWithCard__card-img{
    display: flex;
    z-index: 1;
    margin-top: -60px;
    border-radius: 12px;
    overflow: hidden;
}
.doubleSectionWithCard__card-img img{width: 100%;object-fit: cover;}
@media (max-width: 1000px) {
    .doubleSectionWithCard .container{flex-direction: column;gap: 30px;}
    .tabBody .doubleSectionWithCard .container{padding: 0}
    .doubleSectionWithCard__reverseColumn .doubleSectionWithCard .container{flex-direction: column-reverse}
    .doubleSectionWithCard__card{flex: auto;margin-left: 50px}
    .doubleSectionWithCard__card-content{padding-right: 20px}
}
@media (max-width: 700px) {
    .doubleSectionWithCard__card{margin-left: 0}
    .doubleSectionWithCard__card-content{padding: 40px 20px 20px}
    .doubleSectionWithCard__card-icon {top:-30px;left: 0;right: 0;margin: auto;justify-content: center;}
    .doubleSectionWithCard__card-icon svg {width: 60px;height: 60px;}
}

/*===sectionsNavGrid===*/
.sectionsNavGrid__container{display: grid;row-gap: 12px;column-gap: 15px;}
.sectionsNavGridItem{padding: 40px 40px 66px;border-radius: 12px;position: relative;color: var(--white);overflow: hidden}
.sectionsNavGridItem picture{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex}
.sectionsNavGridItem picture img{width: 100%;object-fit: cover}
.sectionsNavGridItem__container{position: relative;z-index: 1;display: flex;flex-direction: column;gap: 20px}
.sectionsNavGridItem__link {position: absolute;bottom: 20px;right: 20px;}
.sectionsNavGridItem:last-child .GaPsBtn{max-width: 320px;margin: 0 auto;}
@media (min-width: 651px) {
    .sectionsNavGridItem[data-id="1"] {
        grid-area: sectionsNavGridItem_1;
    }

    .sectionsNavGridItem[data-id="2"] {
        grid-area: sectionsNavGridItem_2;
    }

    .sectionsNavGridItem[data-id="3"] {
        grid-area: sectionsNavGridItem_3;
    }

    .sectionsNavGridItem[data-id="4"] {
        grid-area: sectionsNavGridItem_4;
    }

    .sectionsNavGridItem[data-id="5"] {
        grid-area: sectionsNavGridItem_5;
        padding-bottom: 40px
    }
}
@media (min-width: 1000px) {
    .sectionsNavGrid__container {
        grid-template-columns: repeat(3, 1fr);
        grid-template-areas:
      "sectionsNavGridItem_1 sectionsNavGridItem_2 sectionsNavGridItem_3";
    }
}
@media (max-width: 1024px) and (min-width: 651px){
    .sectionsNavGrid__container{grid-template-columns: repeat(2, 1fr);
        grid-template-areas:
          "sectionsNavGridItem_1 sectionsNavGridItem_2" "sectionsNavGridItem_3 sectionsNavGridItem_3";
        grid-template-rows: repeat(2, 1fr);
    }
}
@media (max-width: 650px) {
    .sectionsNavGrid__container{grid-template-columns: repeat(1, 1fr)}
}

/*===sectionQuote===*/
.sectionQuote__title {
    font-weight: 800;
    font-size: 160px;
    line-height: 1em;
    color: var(--background-2);
    margin-bottom: -.17em;
}
h4.sectionQuote__title{
    margin-top: 0;
}
.sectionQuote__body{padding: 40px;background: var(--background-2);border-radius: 12px;}
@media (max-width: 1000px) {
    .sectionQuote__title{font-size: 90px}
}
@media (max-width: 600px) {
    .sectionQuote__title{font-size: 50px;}
    .sectionQuote__body {margin: 0 -20px;padding: 30px 20px;}
}

/*===arcticFloraFauna===*/
.arcticFloraFauna__rows{display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px;}
.arcticFloraFauna__rows .sectionQuote__content{
    height: 100%;
    display: flex;
    flex-direction: column;
}
.arcticFloraFauna__rows .sectionQuote__body{
    flex-grow: 1;
}
.arcticFloraFaunaParams{display: flex;justify-content: space-between;margin-top: 63px;}
.arcticFloraFaunaParams__item{display: flex;flex-direction: column;gap: 20px;}
.arcticFloraFaunaParams__item .h2{color: var(--brand-color)}
@media (min-width: 1000px) {
    .arcticFloraFaunaParams__item:not(:first-child){padding-left: 26px;border-left: 1px solid #B2B6B9;}
}
@media (min-width: 1800px) {
    .arcticFloraFauna__rows{gap: 90px;}
}
@media (max-width: 1000px) {
    .arcticFloraFaunaParams {display: grid;grid-template-columns: repeat(2, 1fr);justify-items: center;gap: 20px;}
    .arcticFloraFaunaParams__item {gap: 8px;text-align: center;align-items: center;}
}
@media (max-width: 700px) {
    .arcticFloraFaunaParams{margin-top: 40px}
    .arcticFloraFauna__rows{display: flex;flex-direction: column}
}
@media (max-width: 500px) {
    .arcticFloraFaunaParams{grid-template-columns: repeat(1, 1fr)}
}

/*==activityMap===*/
.activityMap picture{display: flex}
.activityMap picture img{width: 100%;object-fit: cover}
.activityMap__content{margin-top: 30px;position: relative;}
.activityMap__bg{
    position: absolute;
    top: -45px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: auto;
}
.activityMap__bg picture{justify-content: center}
.activityMap__content .container{position: relative;z-index: 1}
@media (min-width: 1695px) {
    .activityMap__content{margin-top: 90px}
    .activityMap__bg picture img{width: auto}
}

/*===projectHistory===*/
.projectHistoryBar{
    display: flex;
    justify-content: space-between;
    padding: 90px 56px;
    margin: 40px 0;
    background: var(--background-2);
    border-radius: 12px;
    position: relative;
}
.projectHistoryBar:before{
    content: "";
    display: block;
    position: absolute;
    top: 0;bottom: 0;
    left: 0;right: 0;
    margin: auto;
    background: var(--gray);
    height: 1px;
    width: calc(100% - 112px);
}
.projectHistoryBar__item{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    position: relative;
    cursor: pointer;
    user-select: none;
}
.projectHistoryBar__item:before{
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background: var(--brand-color);
    border-radius: 50%;
    transition: .2s linear;
}
.projectHistoryBar__item span{
    position: absolute;
    left: -.5em;
    right: 0;
    bottom: 0;
    top: auto;
    margin: auto auto -2em;
}
.projectHistoryBar__item:nth-child(even) span{top: 0;bottom: auto;margin: -2em auto auto;}
.projectHistoryBar__item:has(input:checked):before{background: var(--brand-color-2);}
.projectHistoryContent__item{max-height: 0;overflow: hidden;}
.projectHistory:has([name="projectHistory"][value="2020"]:checked) .projectHistoryContent__item[data-id="2020"],
.projectHistory:has([name="projectHistory"][value="2021"]:checked) .projectHistoryContent__item[data-id="2021"],
.projectHistory:has([name="projectHistory"][value="2023"]:checked) .projectHistoryContent__item[data-id="2023"],
.projectHistory:has([name="projectHistory"][value="2024"]:checked) .projectHistoryContent__item[data-id="2024"],
.projectHistory:has([name="projectHistory"][value="2025"]:checked) .projectHistoryContent__item[data-id="2025"]{
    max-height: 2000px;
    animation: projectHistoryContentAnimOpen 1s linear;
}
.projectHistoryContent__title{color: var(--brand-color);font-weight: 400;margin: 40px 0;}
@media (max-width: 800px) {
    .projectHistoryBar {padding: 50px 20px;}
    .projectHistoryContent__title{margin: 25px 0}
}
@media (hover: hover) {
    .projectHistoryBar__item:hover:before{background: var(--brand-color-2);}
}
@keyframes projectHistoryContentAnimOpen {
    0%{max-height: 0;opacity: 0}
    100%{max-height: 1000px;opacity: 1}
}

/*===documentList===*/
.documentListItem, .documentListItem__content, .documentListItem__btns{display: flex;}
.documentListItem{justify-content: space-between;gap: 40px;padding: 30px 0;border-top: 1px solid var(--gray);}
.documentListItem:last-child{border-bottom: 1px solid var(--gray);}
.documentListItem__content{flex-direction: column;gap: 15px;}
.documentListItem__fileData{color: var(--text-color-3)}
.documentListItem__btns {justify-content: center;align-items: center;gap: 12px;}
@media (max-width: 1000px) {
    .documentListItem {gap: 20px;padding: 20px 0;}
    .documentListItem__content{gap: 10px}
}

/*===gallerySlider====*/
.gallerySlider{position: relative;}
.gallerySlider picture{display: flex;height: 100%}
.gallerySlider picture img{width: 100%;object-fit: cover;border-radius: 12px}
.gallerySlider .swiper-slide{height: auto !important;}
.gallerySliderThumbs{padding: 2px;}
.gallerySliderThumbs .swiper-slide{
    overflow: hidden;
    border-radius: 12px;
    border: 1px solid var(--gray);
    cursor: pointer;
}
.gallerySlider .GaPsBtn{top: auto;bottom: 30px;left: auto;right: auto;}
.gallerySlider .swiper-button-prev{left: 40px;}
.gallerySlider .swiper-button-next{left: calc(var(--ga-ps-btn-width) + 40px + 15px);}

.gallery__hover, .gallery__play{display: flex;justify-content:center;align-items: center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;background: rgba(0, 0, 0, 0.4);transition: .2s linear;cursor: pointer}
.gallery__play{opacity: 1;}
.gallery__play .GaPsBtn{--ga-ps-btn-width: 75px;}
@media (hover: hover) {
    .gallerySlider__slide:hover .gallery__hover{opacity: 1;}
}

@media (min-width: 1000px) {
    .gallerySliderThumbs{
        position: absolute;
        bottom: 38px;
        right: 28px;
        max-width: 549px;
        height: 150px;
        z-index: 2;
    }
    .gallerySliderThumbs .swiper-slide{height: 100% !important;}
}
@media (max-width: 1000px) {
    .gallerySliderThumbs{margin-top: 12px}
    .gallerySliderThumbs .swiper-slide{height: auto}
}
@media (max-width: 500px) {
    .gallerySlider .GaPsBtn{bottom: 10px}
    .gallerySlider .swiper-button-prev{left: 10px;}
    .gallerySlider .swiper-button-next{left: calc(var(--ga-ps-btn-width) + 10px + 8px);}
}

/*===gallerySimple===*/
.gallerySimple{margin-top: 60px}
.gallerySimple__header{display: flex;align-items: center;justify-content: space-between;gap: 12px;}
.gallerySimpleSlider{overflow: visible}
.gallerySimple__navigation{display: flex;align-items: center;gap: 15px}
.swiper-slide.gallerySimpleSlider__slide{height: auto;position: relative}
.gallerySimpleSlider__slide, .gallerySimpleSlider__slide picture{display: flex}
.gallerySimpleSlider__slide img{width: 100%;object-fit: cover}
.gallerySimple__hover, .gallerySimple__play{display: flex;justify-content:center;align-items: center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;background: rgba(0, 0, 0, 0.4);transition: .2s linear;cursor: pointer}
.gallerySimple__play{opacity: 1;}
.gallerySimple__play .GaPsBtn{--ga-ps-btn-width: 75px;}
@media (hover: hover) {
    .gallerySimpleSlider__slide:hover .gallerySimple__hover{opacity: 1;}
}

/*===sliderWithText===*/
.sliderWithText{display: flex;justify-content: space-between;gap: 45px}
.sliderWithText > *{flex: 0 0 48%;width: 48%;display: flex;flex-direction: column}
.sliderWithText .swiper{width: 100%}
.sliderWithText .swiper-slide{background: var(--page-background)}
.sliderWithText__content .swiper{flex: 1 1 auto;}
.sliderWithText__content .text1{margin-bottom: 1em;font-weight: 500}
.sliderWithText__navigation{display: flex;gap: 15px;margin-top: 1em}
.sliderWithText picture{display: flex;}
.sliderWithText picture img{width: 100%;object-fit: cover;}
@media (max-width: 1000px) {
    .sliderWithText {flex-direction: column-reverse;gap: 20px}
    .sliderWithText > *{flex: auto;width: 100%}
}

/*===summaryDetails===*/
.summaryDetails__list{display: flex;flex-direction: column;gap:20px;}
.summaryDetailsItem{padding: 28px 40px;background: var(--background-2);}
.summaryDetailsItem{transition: min-height .15s linear, max-height .5s linear;will-change:max-height;overflow: hidden;min-height: 1rem;max-height:3rem;}
.summaryDetailsItem__header{display: flex;justify-content: space-between;gap: 1em;align-items: center;cursor: pointer}
.summaryDetailsItem__header:focus, .summaryDetailsItem__header:focus-visible{outline: none;border: none;}
.summaryDetailsItem__inner{display: flex;flex-direction: column;gap: 15px;}
.summaryDetailsItem__date{display: flex;align-items: center;gap: 10px;color: var(--text-color-4)}
.summaryDetailsItem[open]{min-height:2em;max-height:calc(var(--scroll-height, 1000px) + 80px);}
.summaryDetailsItem[open] .summaryDetailsItem__header .GaPsBtn.GaPsBtn--arrowDown{transform: rotate(180deg);}
.summaryDetailsItem__content{margin-top: 30px}
@media (max-width: 1000px) {
    .summaryDetails__list{gap: 12px}
    .summaryDetailsItem__content {margin-top: 20px;}
}
@media (max-width: 800px) {
    .summaryDetails__list{margin: 0 -20px}
    .summaryDetailsItem{padding: 20px}
    .summaryDetailsItem[open]{max-height:calc(var(--scroll-height, 1000px) + 40px)}
}

/*===frameMap===*/
.frameMap__wrapper{display: flex;gap: 90px}
.frameMap__map {margin-top: -230px;}
.frameMap__map picture{display: flex}
.frameMap__map picture img{width: 100%;object-fit: contain}
.frameMap__content{flex: 0 0 413px}
.frameMapPictureDescription__list, .frameMapPictureDescription, .frameMapDescription, .frameMapDescription__list, .frameMapDescription__item{display: flex;flex-direction: column;}
.frameMapPictureDescription__list{gap: 40px}
.frameMapPictureDescription{gap:20px;}
.frameMapDescription{margin-top: 40px}
.frameMapDescription, .frameMapDescription__item, .frameMapDescription__list{gap: 20px}
.frameMapDescription__list > div{display: flex;gap: 25px}
@media (max-width: 1200px) {
    .frameMap__wrapper{flex-direction: column;gap: 12px}
    .frameMapPictureDescription__list{display: grid;grid-template-columns: repeat(3, 1fr);gap: 12px}
    .frameMapPictureDescription img {width: 100%;object-fit: cover;}
}
@media (max-width: 1800px) {
    .frameMap__map{margin-top: -10vw}
}
@media (max-width: 600px) {
    .frameMapPictureDescription__list{grid-template-columns: repeat(1, 1fr);gap: 22px}
    .frameMapPictureDescription {gap: 4px;}
}

/*===tabSection====*/
.tabList{display: flex;justify-content: space-between;gap: 10px;position: relative}
.tabList__list{display: flex;flex-wrap: wrap; gap: 10px;}
.tabList__item{display: flex;align-items: center;gap: 10px;padding: 10px;border: 1px solid var(--brand-color);border-radius: 130px;user-select: none;transition: .2s linear}
.tabList__item-noImg{padding-left: 30px;padding-right: 30px}
.tabList__item img{width: 60px;height: 60px;border-radius: 50%;object-fit: cover;}
.tabList__item:has(input:checked){background: var(--brand-color);color: var(--text-color-1)}
.tabList__item:not(:has(input:checked)){background: transparent;color: var(--text-color-2);cursor: pointer}
.tabBody{margin-top: 60px}
.tabBody > div{display: none}
.tabBody > div:has(input:checked){display: block}
.tabBody__content{margin-top: 60px}
@media (min-width: 1000px) {
    .tabList__list{max-width: 912px;}
}
@media (max-width: 1000px) {
    .tabBody {margin-top: 30px;}
    .tabList__item{gap: 4px}
    .tabList__item img{width: 40px;height: 40px}
}

/*===arrowSequence===*/
.arrowSequence__item {
    position: relative;
    padding: 26px 0;
    padding-right: 45px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 17px
}
.arrowSequence__item:first-child{padding-left: 30px;}
.arrowSequence__item:not(:first-child){padding-left: 8%;}
.arrowSequence__item i{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.arrowSequence__item:first-child svg:last-child{display: none}
.arrowSequence__item:not(:first-child) svg:first-child{display: none}
.arrowSequence__item:not(:first-child) i {left: -25px;width: calc(100% + 25px);}
.arrowSequence__item i svg {width: 100%;height: 100%;}
.arrowSequence__row{display: grid;}
.arrowSequence__row[data-grid-column="2"]{grid-template-columns: repeat(2, 1fr)}
.arrowSequence__row[data-grid-column="3"]{grid-template-columns: repeat(3, 1fr)}
.arrowSequence__row[data-grid-column="4"]{grid-template-columns: repeat(4, 1fr)}
.arrowSequence__row:not(:first-child){margin-top: 11px}
.arrowSequence__item:first-child .arrowSequence__title{text-transform: uppercase;}
.arrowSequence__img{display: flex}
.arrowSequence__img img{object-fit: cover;border-radius: 50%;width: 82px;height: 82px}
@media (max-width: 1000px) {
    .arrowSequence__row {display: flex;overflow-y: hidden;overflow-x: auto;max-width: 100%;}
    .arrowSequence__item{min-width: 280px}
    .arrowSequence__row[data-grid-column="2"] .arrowSequence__item{flex: 0 0 50%}
    .arrowSequence__row[data-grid-column="3"] .arrowSequence__item{flex: 0 0 calc(100% / 3)}
    .arrowSequence__row[data-grid-column="4"] .arrowSequence__item{flex: 0 0 25%}
}
@media (max-width: 800px) {
    .arrowSequence__item{padding: 20px 35px 20px 0;}
    .arrowSequence__item:first-child{padding-left: 14px;}
    .arrowSequence__img img {width: 60px;height: 60px;}
}

/*===measuresProtectMeadows===*/
.measuresProtectMeadows__list{display: grid;grid-template-columns: repeat(3, 1fr);gap: 15px}
.measuresProtectMeadows__item{display: flex;flex-direction: column;gap: 30px}
.measuresProtectMeadows__img{border-radius: 12px;overflow: hidden}
.measuresProtectMeadows__img, .measuresProtectMeadows__img picture{display: flex;width: 100%;}
.measuresProtectMeadows__img img{width: 100%;object-fit: cover}
@media (max-width: 1000px) {
    .measuresProtectMeadows__list{grid-template-columns: repeat(2, 1fr);}
    .measuresProtectMeadows__item {gap: 12px;}
}
@media (max-width: 700px) {
    .measuresProtectMeadows__list{grid-template-columns: repeat(1, 1fr);gap: 30px}
}

/*===reviewsSection===*/
.reviewsSection__header{display: flex;align-items: center;justify-content: space-between;gap: 12px;}
.reviewsSection__navigation{display: flex;align-items: center;gap: 15px}
.reviewsSectionSlider__slide{background: var(--background-2);padding: 40px;position: relative;margin-top: 40px;box-sizing: border-box;height: auto!important;}
.reviewsSectionSlider__user{display: flex;gap: 20px}
.reviewsSectionSlider__user img{width: 60px;height: 60px;object-fit: contain;border-radius: 50%}
.reviewsSectionSlider__user-content{display: flex;flex-direction: column;gap: 10px}
.reviewsSectionSlider__user-major{color: var(--text-color-4)}
.reviewsSectionSlider__content{margin-top: 20px}
.reviewsSectionSlider__quotation{position: absolute;top: -40px;right: 40px}
@media (max-width: 1000px) {
    .reviewsSectionSlider__quotation{display: none}
    .reviewsSectionSlider__slide{padding: 30px;margin-top: 20px}
}

/*===openLessonsPhotoGallerySimple===*/
.openLessonsPhotoGallerySimple, .pastPromotions{overflow: hidden}

/*===documentGrid===*/
.documentGrid__list{display: grid;grid-template-columns: repeat(3, 1fr);gap: 16px}
.documentGridItem{display: flex;align-items: center;gap: 20px;padding: 30px 20px;background: var(--background-2);border-radius: 12px}
.documentGridItem__title{flex: 1 1 auto}
@media (max-width: 1000px) {
    .documentGrid__list{grid-template-columns: repeat(2, 1fr)}
}
@media (max-width: 700px) {
    .documentGrid__list{grid-template-columns: repeat(1, 1fr)}
}
@media (max-width: 400px) {
    .documentGridItem{
        display: grid;
        grid-template-areas: "documentGridItemIcon documentGridItemBtns" "documentGridItemTitle documentGridItemTitle";
        grid-template-columns: 40px 1fr;
    }
    .documentGridItem__icon{grid-area: documentGridItemIcon}
    .documentGridItem__title{grid-area: documentGridItemTitle}
    .documentGridItem__btns {grid-area: documentGridItemBtns;display: flex;flex-wrap: wrap;justify-content: flex-end;}
}

/*===feedbackSectionForm===*/
.feedbackSection{position: relative;color: var(--text-color-1)}
.feedbackSection__description{
    margin: 40px 0;
}
.feedbackSection__bg{position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%}
.feedbackSection__bg img{width: 100%;height: 100%;object-fit: cover}
.feedbackSection a {text-decoration: underline}
@media(min-width: 1000px){
    .feedbackSectionForm{padding-left: 200px}
    .feedbackSectionFormField{position: relative}
    .feedbackSectionFormField__title{position: absolute;top: 0;left: -200px;margin: auto;max-width: 190px}
    .feedbackSectionFormField-input .feedbackSectionFormField__title {
        bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

/*===contactsSection===*/
.contactsSection__params{display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px}
.contactsSection__item{display: flex;flex-direction: column;gap: 8px}
.contactsSection__item:first-child{grid-column: 1 / -1}
a.contactsSection__value{text-decoration: none;color: var(--brand-color);cursor: pointer}
.contactsSection__map, .contactsSection__map picture{display: flex}
.contactsSection__map img{width: 100%;object-fit: cover}
@media (min-width: 1000px) {
    .contactsSection .container{display: flex;gap: 20px;justify-content: space-between}
    .contactsSection__content, .contactsSection__map{flex: 0 0 calc(50% - 20px)}
}
@media (max-width: 1000px) {
    .contactsSection .container{display: flex;flex-direction: column-reverse;gap: 30px}
}

/*===Footer====*/
footer.footer {
    background: url("./images/bgImages/footer.png") center no-repeat;
    padding: 55px 0;
    background-size: contain;
    background-color: #F2F2F2;
}
footer.footer a:has(i){display: flex;gap: 10px;align-items: center}
footer.footer a i{display: flex;}
.footer__header, .footer__body, .footer__footer{display: flex;justify-content: space-between;column-gap: 50px}
.footer__header{padding-bottom: 15px;flex-wrap: wrap;row-gap: 30px}
.footer__logos{display: flex;align-items: center;gap: 20px}
.footer__logos img{object-fit: contain;max-width: 100%}
.footer__logos hr{width: 1px; height: 20px;background: rgba(57, 53, 54, 0.2);border: none}
.footer__body{padding: 35px 0}
.footer__nav, .footer__additionalNav{display: flex;column-gap: 30px;row-gap:16px;flex-wrap: wrap}
.footer__additionalNav, .footer__footer{color: var(--darckGray)}
.footer__footer{padding-top: 35px;border-top: 1px solid var(--gray)}
.footer__text, .footer__legislativeNav{display: flex;flex-direction: column;gap: 21px}
.footer__legislativeNav{text-align: right}
.footer__legislativeNav a {text-decoration: underline}
@media (min-width: 500px) {
    .footer__additionalNav{justify-content: flex-end}
}
@media (max-width: 500px) {
    .footer__logos{flex-wrap: wrap}
    .footer__logos hr{display: none}
    .footer__body{flex-direction: column-reverse;gap: 30px;padding-top: 15px}
    .footer__footer{flex-direction: column;gap: 30px}
    .footer__legislativeNav {flex-direction: row;text-align: start;justify-content: space-between;flex-wrap: wrap;}
}

/*===gaModal===*/
.gaGallerySimpleModal__previewBox button:hover:after, .gaGallerySimpleModal__previewBox button.active:after{background: var(--brand-color)}

/*===bgImageIcon===*/
.activitiesFormationEcologicalCulture{padding-bottom: 90px}
.aboutCompany .container, .sectionsNavGrid, .arcticSection, .projectHistoryPhotoGallery, .journeyThroughEcosystems, .realizatsyaMeropriyatiy, .VBUPhotoGallery, .environmentalProtection .container, .educationalMaterials, .restrictiveMeasures .container, .activitiesFormationEcologicalCulture, .openLessonsDoubleSectionWithCard{position: relative}
.bgImageIcon{position: absolute;object-fit: contain;max-width: 100%}
.bgImageIcon[data-id="banner-1"]{bottom: 0;left: 0;}
.bgImageIcon[data-id="about-1"]{top: 0;right: 0;transform: translate(35%, -90%)}
.bgImageIcon[data-id="sectionsNavGrid-1"]{top: 0;left: 0;transform: translateY(-100%)}
.bgImageIcon[data-id="arctic-1"]{bottom: 0;top:0;right: 0;margin: auto;z-index: -1;opacity: .3}
.bgImageIcon[data-id="history-1"]{top:0;right: 0;z-index: -1;opacity: .4;transform: translateY(-20%)}
.bgImageIcon[data-id="journeyThroughEcosystems-1"]{top:0;right: 0;z-index: -1;transform: translateY(-100%)}
.bgImageIcon[data-id="tipichnyeObitateliLesov"]{top: 0;right: 0;z-index: -1;transform: translate(30%, -23%);}
.bgImageIcon[data-id="meropriyatiyaSokhranenieSoobshchestv"]{top: 0;right: 0;z-index: -1;transform: translate(30%, -40%);}
.bgImageIcon[data-id="realizatsyaMeropriyatiy"]{top: 0;right: 0;z-index: -1;transform: translate(0, -20%);}
.bgImageIcon[data-id="redkieVidyRasteniy"]{top: 0;right: 0;z-index: -1;transform: translate(0, -35%);}
.bgImageIcon[data-id="VBUPhotoGallery"] {top: 0;right: 0;z-index: -1;transform: translate(-25%, -12%);opacity: .4;}
.bgImageIcon[data-id="klyuchevyeVidyPtits"] {top: 0;right: 0;z-index: -1;transform: translate(40%, -25%);opacity: .4;}
.bgImageIcon[data-id="osnovnyeMeropriyatiyaSokhranenieVbu"] {top: 0;right: 0;z-index: -1;transform: translate(40%, -40%);}
.bgImageIcon[data-id="environmentalProtection"] {top: 0;right: 0;transform: translate(30%, -75%);}
.bgImageIcon[data-id="proshedshieAktsii"] {top: 0;right: 0;transform: translate(30%, -20%);z-index: -1;}
.bgImageIcon[data-id="educationalMaterials"] {top: 0;right: 0;transform: translate(0%, -10%);z-index: -1;}
.bgImageIcon[data-id="restrictiveMeasures"] {top: 0;right: 0;transform: translate(0%, -40%);z-index: -1;width: 430px;}
.bgImageIcon[data-id="activitiesFormationEcologicalCulture"] {bottom: 0;right: 0;z-index: -1;width: 100%;}
.bgImageIcon[data-id="OpenLessons"] {bottom: 0;right: 0;z-index: -1;}
@media (max-width: 1800px) {
    .bgImageIcon[data-id="about-1"]{transform: translate(0%, -90%)}
    .bgImageIcon[data-id="klyuchevyeVidyPtits"]{transform: translate(0, -25%);}
    .bgImageIcon[data-id="osnovnyeMeropriyatiyaSokhranenieVbu"]{transform: translate(0, -40%);}
    .bgImageIcon[data-id="environmentalProtection"] {transform: translate(0, -75%);}
    .bgImageIcon[data-id="proshedshieAktsii"] {transform: translate(0%, -15%);}
}
@media (max-width: 1500px) {
    .bgImageIcon[data-id="tipichnyeObitateliLesov"]{transform: translate(0, -23%);}
    .bgImageIcon[data-id="meropriyatiyaSokhranenieSoobshchestv"]{transform: translate(0, -40%);}
}
@media (max-width: 1000px) {
    .activitiesFormationEcologicalCulture{padding-bottom: 60px}
    .bgImageIcon[data-id="about-1"] {transform: translate(0%, -10%);z-index: -1;}
    .bgImageIcon[data-id="arctic-1"], .bgImageIcon[data-id="VBUPhotoGallery"], .bgImageIcon[data-id="environmentalProtection"]{display: none}
}

/*===educationalMaterials===*/
.summaryDetailsItemMemos{display: grid;grid-template-columns: repeat(3, 1fr);gap: 15px}
.summaryDetailsItemMemos__item{display: flex;gap: 20px;padding: 30px 20px;background: var(--background-1);border-radius: 12px}
.summaryDetailsItemMemos__item img{object-fit: cover;width: 70px;height: 100px}
.summaryDetailsItemMemos__text{display: flex;flex-direction: column;justify-content:space-between;flex: 1 1 auto}
.summaryDetailsItemMemos__text > div:nth-child(2){color: var(--text-color-3)}
.summaryDetailsItemMemos__btns {display: flex;align-items: flex-end;}
.summaryDetailsItemSigns,.summaryDetailsItemPosters{display: flex;flex-wrap: wrap;gap: 15px}
.summaryDetailsItemSigns img,.summaryDetailsItemPosters img{flex: 0 1 212px;cursor: pointer;object-fit: contain;background: #FFFF;border-radius: 12px;max-width: 100%}
.summaryDetailsItemSigns img{
    max-width: 212px;
}
@media (max-width: 1000px) {
    .summaryDetailsItemMemos{grid-template-columns: repeat(1, 1fr);gap: 20px}
}
@media (max-width: 500px) {
    .summaryDetailsItemSigns img,.summaryDetailsItemPosters img{width: 21%;flex: 0 1 21%}
}
.projectHistory .projectHistoryBar{
    margin-top: 0;
}
.simpleImgCustom .gaGallerySimpleModal__arrowBtn{
    display: none;
}
/*Кастомная модалка просмотра карты на главной*/
body.modal-open {
    overflow: hidden;
}
#imageModal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.35);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.45s cubic-bezier(0.23, 1, 0.32, 1);
}
#imageModal.show {
    opacity: 1;
    visibility: visible;
}
.modal-content {
    max-width: 80vw;
    max-height: 90vh;
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(40px) scale(0.92);
    opacity: 0;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
#imageModal.show .modal-content {
    transform: translateY(0) scale(1);
    opacity: 1;
}
.modal-content img {
    max-width: 100%;
    max-height: 90vh;
    height: auto;
    width: auto;
    display: block;
    object-fit: contain;
}
.close {
    position: absolute;
    top: 15px;
    right: 20px;
    color: #fff;
    font-size: 36px;
    font-weight: bold;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.4);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s;
}
.close:hover {
    background-color: rgba(0, 0, 0, 0.7);
}
.js-detailMapImg {
    cursor: zoom-in;
}
@media (max-width: 1024px) {
    .modal-content {
        max-width: 90vw;
    }
}
body .gaGallerySimpleModal__detailBox img{
    background-color: #FFF;
}
@media (max-width: 1200px) {
    body .luxar_disclaimer_container a.luxar_disclaimer_close {
        position: absolute;
        right: 15px;
        top: 15px;
        width: 20px;
        height: 20px;
    }
    body .luxar_disclaimer_container.big {
        font-size: 20px;
        padding: 30px 40px 30px 20px;
    }
    body .luxar_disclaimer_container.light {
        opacity: 1;
    }
}
@media (max-width: 990px) {
    body .luxar_disclaimer_container.big {
        font-size: 16px;
        padding: 30px 40px 20px 20px;
    }
}
@media (max-width: 375px) {
    body .luxar_disclaimer_container.big {
        font-size: 14px;
        padding: 40px 40px 20px 20px;
    }
}