@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto/static/Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto/static/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto/static/Roboto-Bold.ttf') format('truetype');
    font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Golos';
    src: 
		url('../fonts/Golos/golos-text_regular.woff2') format('woff2'),
		url('../fonts/Golos/golos-text_regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Golos';
	src: 
		url('../fonts/Golos/golos-text_medium.woff2') format('woff2'),
		url('../fonts/Golos/golos-text_medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Golos';
	src: 
		url('../fonts/Golos/golos-text_bold.woff2') format('woff2'),
		url('../fonts//Golos/golos-text_bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'DelaGothicOne';
	src: url('../fonts/Dela_Gothic_One/DelaGothicOne-Regular.ttf') format('truetype');
    font-weight: normal;
	font-style: normal;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Golos', sans-serif;
}

html,
body {
    width: 100%;
    height: 100%;
    font-family: 'Golos', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    cursor: url(../img/cursor3.svg), auto;
}
html {
  font-size: 16px; 
}

.background-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/back-tiny.png");
    background-size: cover;
    background-position: left top;
    background-repeat: no-repeat;
    z-index: -1;
}





.container-wrapper {
    /* width: 100%; */
    /* height: 100%; */
    display: flex;
    justify-content: center; 
    align-items: center;
    min-height: 100vh;
    position: relative;
    z-index: 1;
}

.container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    max-width: 1920px;
    width: 100%;
    padding: 30px 40px 15px 40px;
    gap: 30px;
}
/* @media (max-height: 600px) {
  .container-wrapper {
    align-items: flex-start;
    min-height: auto;
  }
} */



.footer {
    display: flex;
    justify-content: flex-start;
    gap: 24px;
    margin-top: 40px;
}
.footer__inside p {
    font-weight: 700;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 19px;
}








.left_content {
    width: 100%;
    max-width: 510px;
}

.logotypes {
    margin-bottom: 40px;
}
.logotypes img {
    width: 33%;
}

h1, h2 {
    font-size: 26px;
    line-height: 41px;
    font-weight: normal;
    font-style: normal;
    color: #FFFFFF;
    font-family: 'DelaGothicOne';
}
h1 {
    vertical-align: top;
}
h1 img {
    vertical-align: top;
}
h2 {
    margin-top: 5px;
    vertical-align: middle;
}
h2 span {
    font-size: 46px;
    font-weight: normal;
    font-style: normal;
    color: #FFFFFF;
    display: inline-block;
    font-family: 'DelaGothicOne';
    vertical-align: middle;
    margin-top: -6px;
}
.block_inside__predsedatel {
    margin-top: 60px;
}
.block_inside__predsedatel p {
    color: #272727 !important;
}

.block_inside__predsedatel .block_inside__pic {
    width: 160px;
}

.description {
    margin-top: 40px;
    background-color: #EAE1D6A6;
    font-size: 20px;
    color: #000000;
    line-height: 24px;
    padding: 20px 15px 20px 25px;
    border-radius: 36px;
    position: relative;
}
.description p {
    padding-bottom: 15px;
}
.description p span {
    font-weight: 500;
}
.description p:last-of-type {
    padding-bottom: 0;
}
.simpleBtn {
    font-family: 'Roboto';
    font-weight: 700;
    color: #FFFFFF;
    font-size: 24px;
    outline: none;
    border: 0;
    background-image: linear-gradient(to right, #73D9FF 0%, #73B6FF  51%, #73D9FF  100%);
    background-size: 200% auto;
    border-radius: 10px;
    height: 44px;
    width: 250px;
    cursor: pointer;
    transition: all 0.35s ease-in;
    z-index: 2;
    position: relative;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    line-height: 44px;
}
.simpleBtn_disabled {
    background-image: linear-gradient(to right, #ddd 0%, #ccc  51%, #ddd  100%) !important;
}
.simpleBtn:hover {
    color: #FFFFFF;
    background-position: right center;
}

.description_balloon {
    position: absolute;
    z-index: 1;
    right: -270px;
    top: -50px;

    transition: transform 0.1s ease;
    transform-style: preserve-3d;

    /* bottom: 10px;
    right: 10px;
    width: 35%; */
}








.right_content {
    /* width: 100%; */
    display: flex;
    flex-wrap: wrap;
    /* gap: 10px; */
    row-gap: 22px;
    justify-content: space-between;
    max-width: 1077px;
    z-index: 2;
}
.block_inside {
    flex-grow: 1;
    text-align: left;
    align-content: flex-start;
    min-height: 150px;
    border-radius: 36px;
    max-width: 505px;
    padding: 20px 23px 13px 25px;
}
.block_hidden {
    display: contents;
}
.block1 {
    order: 1;
}
.block2 {
    background-color: rgba(255, 255, 255, 0.65);
    order: 2;
}
.block3 {
    background-color: rgba(210, 83, 105, 1);
    width: 100%;
    order: 3;
    max-width: inherit;
}
.block4 {
    background-color: rgba(255, 255, 255, 0.65);
    order: 4;
}
.block5 {
    background-color: rgba(202, 187, 224, 1);
    order: 5;
}




.block_inside__spacer {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.block_inside__spacer:last-of-type {
    margin-top: 15px;
}

.block_inside__spacer2 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 30px;
}


.block_inside__title {
    color: #000000;
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
}
.block_inside__title2 {
    color: #FFFFFF;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
}
.block_inside__desc {
    font-size: 16px;
    line-height: 16px;
    color: #000000;
    font-weight: 400;
    padding-top: 10px;
}
.block_inside__locPlace {
    font-weight: 400;
    color: #807F7F;
    font-size: 15px;
    line-height: 16px;
}
.block_inside__locPlace span {
    font-weight: 500;
    display: inline-block;
    margin-bottom: 5px;
}
.block_inside__fio {
    font-weight: 400;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 16px;
}
.block_inside__fio span {
    font-weight: 700;
    display: inline-block;
    margin-bottom: 5px;
}
.block_inside__pic {
    width: 150px;
}
.block_inside__dom {
    width: 210px;
    margin-left: -50px;
}
.block_inside__more {
    font-weight: 700;
    color: #FFFFFF;
    font-size: 20px;
    line-height: 26px;
    position: relative;
}
.block_inside__more:after {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url("../img/arrow.svg");
    background-repeat: no-repeat;
    bottom: -20px;
    right: -22px;
    position: absolute;
}

.block_inside__title3 {
    font-weight: 700;
    color: #FFFFFF;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    padding-bottom: 5px;
}
.block_inside__title3_1 {
    font-weight: 400;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    padding-bottom: 40px;
}

.block_inside__events {
    display: flex;
    justify-content: space-between;
}
.block_inside__events_item {
    max-width: 300px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-bottom: 10px;
}
.block_inside__events_item__text {
    font-weight: 500;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 16px;
}
.block_inside__events_item__locPlace {
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 7px 10px;
    color: #807F7F;
    font-size: 15px;
    line-height: 16px;
    font-weight: 400;
    margin-bottom: 21px;
    width: 80%;
}
.block_inside__events_item__locPlace span {
    font-weight: 500;
    display: block;
    margin-bottom: 7px;
}
.block_inside__events_item__pic {
    position: absolute;
    width: 140px;
    right: 0;
    bottom: 20px;
}
.block_inside__custom {
    padding: 0 !important;
    background-color: transparent;
    background-image: url("../img/img3.png");
    background-size: cover;
    background-position: left top;
    background-repeat: no-repeat;
    min-height: 220px;
}


/* MEDIA Queries */


@media (max-width: 1860px) {
    body {
        zoom: 80%;
    }
}

@media (max-width: 1480px) {
    .description_balloon {
        position: static;
        z-index: 1;
        top: inherit;
        margin-top: 10px;
        width: 33%;
        float: right;
        background-color: #fff;
        border-radius: 40px;
        padding: 20px;
    }
}


/* MIDDLE Size */
@media (max-width: 1320px) {
    .block_hidden {
        display: block;
        flex-grow: 1;
        align-items: stretch;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .block_inside {
        flex-grow: 1;
        align-items: stretch;
        /* width: 120px; */
        /* height: auto; */
    }
    .block1 {
        order: 2;
    }
    .block2 {
        order: 3;
    }
    .block3 {
        order: 1;
        width: initial;
        height: 100%;
        max-width: 350px;
    }
    .block4 {
        order: 4;
    }
    .block5 {
        order: 5;
    }
    .block_inside__events {
        flex-direction: column;
        gap: 40px;
    }
    .right_content {
        column-gap: 30px;
    }

    
}

@media (max-width: 1220px) {
    body {
        zoom: 70%;
    }
}



/* MOBILE Size*/
@media (max-width: 1070px) {

    body {
        zoom: 100%;
    }

    .right_content {
        flex-direction: column;
        align-items: center;
        width: 100%;
        max-width: 510px;
    }
    .block_hidden {
        display: contents;
    }
    .block_inside {
        /* height: 150px; */
        width: 100%;
        max-width: initial;
    }
    .block1 {
        order: 1;
    }
    .block2 {
        order: 2;
    }
    .block3 {
        width: 100%;
        order: 3;
        max-width: initial;
    }
    .block4 {
        order: 4;
    }
    .block5 {
        order: 5;
    }
    .container {
        flex-direction: column;
        padding: 20px;
    }
    .block_inside__dom {
        max-width: 130px;
        width: 100%;
        margin-left: 0;
    }
    .block_inside__more {
        font-weight: 700;
        color: #FFFFFF;
        font-size: 18px;
        line-height: 22px;
        position: relative;
    }
    .block_inside__more:after {
        display: none;
    }
    .block_inside__pic {
        width: 115px;
        margin-top: 20px;
    }
    .block_inside__locPlace {
        margin-bottom: 20px;
    }
    .block_inside__predsedatel .block_inside__pic {
        width: 120px;
    }
    h1, h2 {
        font-size: 22px;
        line-height: 32px;
        font-weight: normal;
        font-style: normal;
        color: #FFFFFF;
        font-family: 'DelaGothicOne';
    }
    h2 span {
        font-size: 26px;
        font-weight: normal;
        font-style: normal;
        color: #FFFFFF;
        display: inline-block;
        font-family: 'DelaGothicOne';
        vertical-align: middle;
        margin-top: -6px;
    }
    h1 img {
        width: 35%;
    }
    .description {
        margin-top: 40px;
        background-color: #EAE1D6A6;
        font-size: 18px;
        color: #000000;
        line-height: 24px;
        padding: 20px 15px 20px 25px;
        border-radius: 36px;
        position: relative;
    }
    .block_inside__spacer {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
    }

    .footer {
        margin-top: 40px;
        margin-bottom: 10px;
        gap: 15px;
    }

    .block_inside__custom {
        min-height: 220px;
        background-position: center center;
    }

    .logotypes {
        margin-bottom: 40px;
    }
    .logotypes img {
        width: 40%;
    }

    .block_inside__events_item__locPlace {
        font-size: 16px;
    }
    .block_inside__locPlace {
        font-size: 16px;
    }

    
}

@media (max-width: 600px) {
    .block_inside__events_item {
        max-width: inherit;
    }
}















/* Шарики поднимающиеся */
.balloon {
    position: fixed;
    bottom: -50px;
    width: 30px;
    height: 30px;
    background: radial-gradient(circle at 30% 30%, #ff7eb3, #ff5252);
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    z-index: 5;
    box-shadow: 0 4px 10px rgba(255, 82, 82, 0.5);
}
.balloon::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: 80px;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 1px;
}