@import 'reset.css';
@import 'sliders.css';
/*Montserrat-Bold*/
@font-face {
    font-family: 'Montserrat';
    src: url(../fonts/Montserrat-Bold.svg#Montserrat-Bold) format('svg'),
    url(../fonts/Montserrat-Bold.woff) format('woff'),
    url(../fonts/Montserrat-Bold.woff2) format('woff2');
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}
/*Montserrat-ExtraBold*/
@font-face {
    font-family: 'Montserrat';
    src: url(../fonts/Montserrat-ExtraBold.svg#Montserrat-ExtraBold) format('svg'),
    url(../fonts/Montserrat-ExtraBold.woff) format('woff'),
    url(../fonts/Montserrat-ExtraBold.woff2) format('woff2');
    font-style: normal;
    font-weight: 800;
    font-display: swap;
}
/*Montserrat-Medium*/
@font-face {
    font-family: 'Montserrat';
    src: url(../fonts/Montserrat-Medium.svg#Montserrat-Medium) format('svg'),
    url(../fonts/Montserrat-Medium.woff) format('woff'),
    url(../fonts/Montserrat-Medium.woff2) format('woff2');
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}
/*Montserrat-SemiBold*/
@font-face {
    font-family: 'Montserrat';
    src: url(../fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold) format('svg'),
    url(../fonts/Montserrat-SemiBold.woff) format('woff'),
    url(../fonts/Montserrat-SemiBold.woff2) format('woff2');
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}
/*slick*/
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/slick.eot');
    src: url('../fonts/slick.eot?#iefix') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'), url('../fonts/slick.svg#slick') format('svg');
}
/*font-family Montserrat-Bold*/
/*second-family Montserrat-ExtraBold*/
/*third-family Montserrat-SemiBold*/
/*fourth-family Montserrat-Medium*/
:root {
    --font-family: "Montserrat", sans-serif;
    --second-family: "Montserrat", sans-serif;
    --third-family: "Montserrat", sans-serif;
    --fourth-family: "Montserrat", sans-serif;
    --font-size-12: 12px;
    --font-size-14: 14px;
    --font-size-16: 16px;
    --font-size-18: 18px;
    --font-size-20: 20px;
    --font-size-21: 21px;
    --font-size-24: 24px;
    --font-size-38: 38px;
    --font-size-63: 63px;
    --font-size-68: 68px;
    --color-body-fon: #9fecff;
    --color-header-fon: #00afff;
    --color-header-txt: #fefeff;
    --color-bttn-orng: #ff9f00;
    --color-bttn-yellow: #fdff00;
    --color-span-blue: #00bffe;
    --color-h1-lblack: #333a4a;
    --color-p-lblack: #333a4a;
}
html {box-sizing: border-box;}
*, *::after, *::before {box-sizing: inherit;}
a {text-decoration: none;color: inherit;}
button {padding: 0; border: none; background: none;}
ul {list-style: none;}

body {
    margin: auto;
    min-width: 360px;
    /*background: linear-gradient(180deg, rgba(236,251,254,1) 0%, rgba(221,248,254,1) 30%, rgba(200,244,254,1) 35%, rgba(179,240,255,1) 60%, rgba(159,236,255,1) 100%);*/
    background: linear-gradient(180deg, rgba(236,251,254,1) 0%, rgba(159,236,255,1) 100%);
    color: #000;
}
body.lock {overflow: hidden;}
/*MENU*/
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    background: linear-gradient(90deg,
        rgba(1,190,254,1) 0%,
        rgba(0,175,255,1) 5%,
        rgba(0,175,255,1) 16%,
        rgba(1,190,254,1) 27%,
        rgba(1,190,254,1) 35%,
        rgba(0,175,255,1) 41%,
        rgba(0,175,255,1) 59%,
        rgba(1,190,254,1) 62%,
        rgba(1,190,254,1) 68%,
        rgba(1,190,255,1) 73%,
        rgba(1,190,255,1) 82%,
        rgba(0,208,255,1) 89%,
        rgba(0,208,255,1) 94%,
        rgba(0,191,254,1) 100%
    );
}
.tempBg {
    display: block;
    width: 100%;
    height: 2000px;

    background: no-repeat url("/assets/media/tmp/Pro_Nas.jpg") top center;
    background-position-y: -110px;
}

.header__container {max-width: 1240px; margin: 0 auto; padding-left: 20px; padding-right: 20px; display: flex; align-items: center; justify-content: space-between; min-height: 110px;}
.header__logo {margin-left: 9px; margin-right: 36px; z-index: 5;}
.header__logo img {width: 64px;}

.menu__list {}
.menu__list > li {position: relative; padding: 7px 7px 7px 20px;}
.menu__list > li:hover {background-color: #0099ff; border-radius: 5px 5px 0 0; transition: .3s linear;}
.menu__list > li.null:hover {background-color: #0099ff; border-radius: 5px; transition: .3s linear;}
.menu__list > li.null.active {background-color: #0099ff; border-radius: 5px; transition: .3s linear;color: var(--color-bttn-yellow); font-family: var(--font-family); font-size: var(--font-size-16); font-weight: 700;}
.menu__list > li::before {content: ""; position: absolute; width: 10px; height: 10px; right: 0; top: 35px; opacity: 0; transition: all .3s ease-in, opacity .0s ease-out; transition-delay: .2s, 0s;}
/*скругление*/
/*.menu__list > li:hover:before {opacity: 1; right: -10px; border-bottom-left-radius: 300px; box-shadow: -3px 3px 0px 3px #09f;}*/
/*/скругление/*/
.menu__link, .menu__sub-list {color: var(--color-header-txt); font-family: var(--font-family); font-size: var(--font-size-16); font-weight: 700;}
.menu__link::after {display:inline-block; margin-left:.615em; vertical-align:.01em; content:""; border-top:.4em solid; border-right:.35em solid transparent; border-bottom:0; border-left:.35em solid transparent; position: relative;}
.null .menu__link::after {display:none;}
.menu__sub-list a {color: var(--color-header-txt); padding: 10px 0px; display: block; border-bottom:3px solid transparent;}
.menu__sub-list a:hover {color: var(--color-bttn-yellow);}
.menu__sub-list {min-width: 200px; position: absolute; top: 100%; background-color: #0099ff; border-radius: 0px 5px 5px 5px; margin-left: -20px; padding: 15px 22px;max-height: 35vw;overflow: auto;}
/*.menu__sub-list:last-child {*/
/*    min-width: 200px;*/
/*    position: absolute;*/
/*    top: 100%;*/
/*    right: 0;*/
/*    background-color: #0099ff;*/
/*    border-radius: 0px 5px 5px 5px;*/
/*    margin-left: -20px;*/
/*    padding: 15px 22px;*/
/*}*/
.menu__sub-list li {margin: 0 0 10px 0; width: max-content;}
.menu__sub-list li:last-child {margin: 0;}
.menu__sub-link{text-decoration:none; position:relative;}
.menu__sub-link:before{position:absolute; bottom: 7px; content: " "; border-bottom: 2px solid var(--color-bttn-yellow); transform: scale(0,1); width:100%; transition: transform 0.3s}
.menu__sub-link.active:before{position:absolute; bottom: 0; content: " "; border-bottom: 2px solid #b9b9b9; transform: scale(1,1);}
.menu__sub-link:hover:before{transform: scale(1,1);}
.menu__sub-link.active:hover:before{transform: scale(1,1)}
.menu__sub-link.active {color: #b9b9b9;}

/*--------------------------*/
body.pc .menu__list > li:hover .menu__sub-list {opacity: 1; visibility: visible; transform: translate(0px, 0px); pointer-events: all;}
body.touch .menu__list > li.active .menu__sub-list {opacity: 1; visibility: visible; transform: translate(0px, 0px); pointer-events: all;}
/*--------------------------*/
.menu__icon {display: none;}

.menu__link, .switch__lng, .submenu { color: var(--color-header-txt); font-family: var(--font-family); font-size: var(--font-size-16); font-weight: 700;}

.switch__lng {display: flex; align-items: center; gap: 0 7px; line-height: 1.2; text-transform: uppercase; width: 89px; height: 45px; margin-top: 8px; margin-left: 18px; font-weight: 500; order: 2;}
.switch__lng a {padding: 8px; outline: 0px solid var(--color-header-fon); border-radius: 5px; transition: all 0.4s ease-in-out;}
.switch__lng a:hover {font-weight: 700; color: var(--color-bttn-yellow); outline: 1px solid var(--color-bttn-yellow);}
.switch__lng a.active {font-weight: 700; background-color: var(--color-bttn-yellow); color: var(--color-header-fon); border-radius: 5px; transition: all 0.4s ease-in-out;}
.switch__lng a.active:hover {font-weight: 700; background-color: var(--color-header-fon); outline: 1px solid var(--color-bttn-yellow); border-radius: 5px; color: var(--color-header-txt); border-radius: 5px;}
/*/MENU/*/

.main {width: 100%; overflow: hidden; margin-top: 110px; margin-bottom: 225px;}

.breadcrumbs {
    font-family: var(--third-family);
    font-size: var(--font-size-12);
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.2px;
    color: #333a4a;
    text-align: left;
    padding: 0 0 0 10px;
    margin: 89px auto 0;
    width: 100%;
}
.breadcrumbs ol {list-style: none; display: flex; gap: 5px;}
.breadcrumbs ol li {

    float: left;
    padding: 0;
    margin: 0 3px 0 0;
    text-transform: uppercase;
}

.container {max-width: 1240px; margin: 0 auto; padding-left: 20px; padding-right: 20px; display: flex; align-items: center; justify-content: space-between; min-height: 110px;}

.top {}
.top__inner {padding: 10px; background-image: url("../img/bird.webp"); background-repeat: no-repeat; background-position: 101% 41%; -webkit-background-size: 283px; background-size: 283px;}
.top__inner img {width: 103px; margin-top: 46px; margin-bottom: 28px;}

.top__title {color: var(--color-h1-lblack); font-family: var(--second-family); font-size: var(--font-size-68); font-weight: 800; width: 93%; margin-top: 46px; line-height: 1.23; letter-spacing: 1.45px;}
.top__title span {color: var(--color-span-blue);}
.top__title span {margin-right: 7px;}
.top__title span:nth-child(2) {margin-left: 6px;}

.top__text {margin-top: 45px; color: var(--color-p-lblack); font-family: var(--second-family); font-size: var(--font-size-24); font-weight: 500; width: 67%; line-height: 1.24; letter-spacing: 0.6px;}

.top__btn {display: flex; gap: 20px; margin-top: 55px;}

.top__social {display: flex; justify-content: left; gap: 32px;}
.top__social a {margin: 0;}
.top__social img {width: 46px; height: auto; transition: transform 0.3s;}
.top__social a:hover img {transform: scale(1.2);}

.glow-on-hover-gr {
    font-family: var(--second-family);
    font-size: var(--font-size-20);
    font-weight: 600;
    width: 180px;
    height: 50px;
    border: none;
    outline: none;
    color: #fff;
    background: linear-gradient(90deg,rgba(253,188,2,1) 0%,rgba(255,159,0,1) 100%);
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px;
}
.glow-on-hover-br{
    font-family: var(--second-family);
    font-size: var(--font-size-20);
    font-weight: 600;
    width: 180px;
    height: 50px;
    border: none;
    outline: none;
    color: var(--color-p-lblack);
    background: #fff;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px;
}
.glow-on-hover-gr:before, .glow-on-hover-br:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}
.glow-on-hover-gr:active, .glow-on-hover-br:active {color: #000}
.glow-on-hover-gr:active:after, .glow-on-hover-br:active:after {background: transparent;}
.glow-on-hover-gr:hover:before,.glow-on-hover-br:hover:before {opacity: 1;}
.glow-on-hover-gr:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg,rgba(253,188,2,1) 0%,rgba(255,159,0,1) 100%);
    left: 0;
    top: 0;
    border-radius: 10px;
}
.glow-on-hover-br:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    left: 0;
    top: 0;
    outline: 2px solid #ff9f00;
    border-radius: 10px;
}
@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}

.projects {text-align: center; margin-bottom: 139px;}
.projects__inner {background-image: url("../img/main-banner.webp"); background-repeat: no-repeat; background-position: center; background-size: cover; max-width: 1920px; height: 669px; top: 4px; position: relative; margin: 0 auto;}

.slider {position: absolute; bottom: 72px; left: 0; width: 100%;}

.public {width: 100%; display: flex; align-items: center; justify-content: space-between; padding-left: 10px; padding-right: 10px;}
.newpublic {color: var(--color-h1-lblack); font-family: var(--second-family); font-size: var(--font-size-38); font-weight: 800; letter-spacing: 1.15px;}
.allpublic {display: block; color: #ffa000; font-family: var(--second-family); font-size: var(--font-size-20); font-weight: 800; letter-spacing: 0.65px; transition: color 0.3s;}
.allpublic hr {border-top: 2px solid #ffa000; height: 2px; margin: 8px 0 2px 0;}
.allpublic:hover {color: var(--color-h1-lblack);}
.news {text-align: center; margin-bottom: 115px;}

.form {margin-bottom: 140px;}
.form__inner {width: 100%; display: block; padding-left: 10px; padding-right: 10px; background-image: url("../img/girl_form_main.webp"); background-repeat: no-repeat; background-position: 101% 92%; -webkit-background-size: 540px; background-size: 540px;}
.form__heading {color: var(--color-h1-lblack); font-family: var(--second-family); font-size: var(--font-size-38); font-weight: 800; letter-spacing: 1.05px; margin-bottom: 50px;}
.form__heading-text {color: var(--color-h1-lblack); font-family: var(--fourth-family); font-size: var(--font-size-24); font-weight: 500; letter-spacing: 0.54px; margin-bottom: 33px;}
form.ajax_form.af_example {color: var(--color-h1-lblack); font-family: var(--font-family); font-size: var(--font-size-20); font-weight: 700; background: #fff; width: 680px; border-radius: 10px; padding: 34px 28px; margin-bottom: 30px;}
form label {display: block; width: 100%; letter-spacing: 0.54px; margin-bottom: 17px;}
form input {width: 100%; padding: 12px 5px; border-radius: 5px; border: 2px solid #ffa000; margin-bottom: 42px; transition: all 0.7s ease; color: var(--color-h1-lblack); font-family: var(--font-family); font-size: var(--font-size-14); font-weight: 700;}
form input:focus {border: 2px solid #ff8f00; box-shadow: 0px 0px 11px 0px rgba(255, 143, 0, 0.9);}
form button {color: #ffffff; font-family: var(--font-family); font-size: var(--font-size-20); font-weight: 700; content: ''; position: relative; width: 35%; height: auto; background: linear-gradient(90deg,rgba(253,188,2,1) 0%,rgba(255,159,0,1) 100%); left: 33%; border-radius: 10px; cursor: pointer; margin-top: 7px; padding: 14px; transition: all 0.7s ease;}
form button:hover {color: var(--color-h1-lblack); background: linear-gradient(90deg,rgba(255,159,0,1) 0%,rgba(253,188,2,1) 100%);}

.partners{}
.partners__inner {position: relative; width: 100%;}
.partners__heading {color: var(--color-h1-lblack); font-family: var(--second-family); font-size: var(--font-size-38); font-weight: 800; letter-spacing: 1.05px; margin-bottom: 50px;}
.partners__list {width: 100%; display: flex; flex-wrap: wrap; justify-content: center;}
.partner {padding: 0; margin: 0 2% 3%;}
.partner img {width: 100%; height: 90px; border-radius: 5px; transition: 0.50s;}
.partner:first-child {margin-left: 0;}
.partner:last-child {margin-right: 0;}
.partner img:hover {opacity: .9; box-shadow: 0 8px 10px rgba(0,0,0,0.5);}

footer {width: 100%; margin: 0px; padding: 0px; background: #48526b;}
.footer_detail {width: 100%; margin: 0; position: relative; overflow: hidden; background-image: url("../img/bird_bottom.webp"); background-repeat: no-repeat; background-position: 67.6% 100%; -webkit-background-size: 121px; background-size: 121px;}
.inner {width: 100%; margin: 0; padding: 62px 0 175px 0; position: relative;}
.row {display: flex; flex-wrap: wrap; padding: 10px;}
.dw25 {width: 25%;}
.dw25 h3 {color: #ffffff; font-family: var(--third-family); font-size: var(--font-size-18); font-weight: 600; letter-spacing: .5px; margin-bottom: 27px;}
.dw25 li {color: #ffffff; font-family: var(--third-family); font-size: var(--font-size-14); font-weight: 600; letter-spacing: .5px; margin-bottom: 19px;}
.dw25 li:hover {color: var(--color-bttn-yellow);}
.ta_cntr {text-align: center;}

/*h1{font-family: Montserrat-Medium;}*/
/*h2{font-family: Montserrat-SemiBold;}*/
/*p{font-family: Montserrat-ExtraBold;}*/

/**Страница предмета**/
.main__top {
    width: 100%;
}
.wrapper {
    max-width: 1240px;
    width: 100%;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

.object__page-name {
    width: 100%;
    margin-top: 56px;
    padding-left: 10px;
}
.object__page-title {
    color: var(--color-h1-lblack);
    font-family: var(--second-family);
    font-size: var(--font-size-63);
    font-weight: 800;
    width: 55%;
    line-height: 1.05;
    letter-spacing: 2.1px;
}
.object__page-special {
    background: #ffeccc;
    margin-top: 55px;
    margin-bottom: 102px;
    padding-top: 51px;
    padding-bottom: 51px;
}
.object__page-name-special {
    width: 100%;
    margin-bottom: 35px;
    padding-left: 10px;
}
.object__page-title-special {
    color: var(--color-h1-lblack);
    font-family: var(--second-family);
    font-size: 27px;
    font-weight: 800;
    width: 55%;
    line-height: 1.05;
    letter-spacing: 1.5px;
}
.object__page-slider {
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.object-slider {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
}
.object-slider .slidecontainer {
    left: 0;
}
.object__page-list {

}
.list__name {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    margin-bottom: 50px;
}
.list__name ul  {
    width: 100%;
    display: flex;
    gap: 70px;
}
.list__name ul li {
	height: 35px;
    color: #ffc567;
    font-family: var(--second-family);
    font-size: 27px;
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    transition: color 0.3s ease;
}
.list__name ul li:hover, .list__name ul li.active {
    color: var(--color-bttn-orng);
    border-bottom: 2px solid var(--color-bttn-orng);
    padding-bottom: 5px;
}
.list__object {
	margin: 10px 0 30px 0;
    padding: 0;
    width: 100%;
    float: left;
    justify-content: center;
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    gap: 15px;
}
.rows {
    margin: 10px 0 30px 0;
    padding: 0;
    width: 100%;
    float: left;
    justify-content: center;
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    gap: 15px;
}
.object {
    padding: 10px;
    margin: 0 0 37px 0;
    width: 32%;
    background: #fff;
    border-radius: 10px;
    transition: 0.50s;
    height: auto;
    overflow: hidden;
}
.hide {
    display: none;
}
.objectImage {
    position: relative;
    padding: 0;
    margin: 0;
    /*float: left;*/
    width: 100%;
    /*overflow: hidden;*/
}
.object_picture {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 15px;
    padding: 0;
}
.object_picture img {
    width: 100%;
    height: auto;
}
.object_text {
    position: relative;
    float: left;
    width: 100%;
    height: 45px;
    padding: 0;
}
.objectImage p {
    font-family: var(--third-family);
    font-size: var(--font-size-18);
    font-weight: 700;
    padding: 0 10px;
    line-height: 1.25
}
.objectImage span {
    background: #ffa000;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 30%;
    color: #ffffff;
    font-family: var(--third-family);
    font-size: var(--font-size-16);
    font-weight: 600;
}
.object_picture span.category {
    /*display: block;*/
    position: absolute;
    top: 0;
    width: auto;
    height: 47px;
	padding: 0 15px;
    border-radius: 10px 0 10px 0;
    background: #48526b;
    margin-top: -10px;
    margin-left: -10px;
    font-family: var(--third-family);
    font-size: var(--font-size-16);
    font-weight: 700;
}
.object_date {
    position: relative;
    float: left;
    width: 100%;
    height: 35px;
    padding: 0;
}
.objectImage span.date {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 143px;
    height: 34px;
    border-radius: 10px 0 10px 0;
    background: #ffa000;
    margin-right: -10px;
    margin-bottom: -10px;
    font-family: var(--third-family);
    font-size: var(--font-size-16);
    font-weight: 700;
}
/*/Страница предмета/*/
/**Внутренняя страница - новости**/
.internal__page-name {
    width: 100%;
    margin-top: 56px;
    padding-left: 10px;
}
.internal__page-title {
    color: var(--color-h1-lblack);
    font-family: var(--second-family);
    font-size: 38px;
    font-weight: 800;
    width: 70%;
    line-height: 1.2;
    letter-spacing: 2.35px;
}
.internal__page-content {
    position: relative;
    width: 100%;
    margin-top: 49px;
    padding-left: 10px;
}
.internal__page-content-top {
    display: flex;
    gap: 18px;
    position: relative;
    width: 100%;
    margin-bottom: 19px;
}
.internal__page-content-date {
    position: relative;
    top: 0;
    left: 0;
    width: 144px;
    height: auto;
    border-radius: 5px;
    background: #ffae26;
    padding: 10px;
    font-family: var(--third-family);
    font-size: var(--font-size-16);
    font-weight: 700;
    color: #fff;
    text-align: center;
}
.internal__page-content-share {
    position: relative;
    width: 35px;
    height: 35px;
    background: url("../img/share.svg") 50% 50% / 70% no-repeat;
    background-color: #27c8ff;
    border-radius: 5px;

}
.internal__page-content-share img {
    position: relative;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.content__wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 770px;
}
.internal__page-content-banner {
    position: relative;
    width: 100%;
    margin-bottom: 28px;
	border-radius: 10px;
	overflow: hidden;
}
.internal__page-content-banner img {
    width: 100%;
    /*width: 686px;*/
}
.content__page {
    position: relative;
    width: 100%;
    height: auto;
	margin-bottom: 25px;
}
.content__page h2 {
    color: var(--color-h1-lblack);
    font-family: var(--fourth-family);
    font-size: var(--font-size-24);
    font-weight: 500;
    letter-spacing: 0.54px;
    margin-top: 25px;
    margin-bottom: 15px;
}
.content__page p {
    color: var(--color-h1-lblack);
    font-family: var(--second-family);
    font-size: var(--font-size-16);
    font-weight: 500;
    width: 100%;
    line-height: 1.35;
    letter-spacing: 0.9px;
	margin-bottom: 10px;
}
.content__page p img{
    float: left;
	padding: 10px 15px 15px 0;
}
.content__page p img.flright{
    float: right;
	padding: 10px 0 15px 15px;
}
.content__page ul {
	list-style: inherit;
	margin: 15px 0 15px 25px;
    color: var(--color-h1-lblack);
    font-family: var(--second-family);
    font-size: var(--font-size-16);
    font-weight: 500;
    width: 100%;
    line-height: 1.35;
    letter-spacing: 0.9px;
}
.content__page ul ul {
	list-style: disclosure-closed;
	margin: 15px 0 15px 25px;
    color: var(--color-h1-lblack);
    font-family: var(--second-family);
    font-size: var(--font-size-16);
    font-weight: 500;
    width: 100%;
    line-height: 1.35;
    letter-spacing: 0.9px;
}
.content__page ul li {
	margin-bottom: 10px;
}
.content__video, .content__materials-addons {
    position: relative;
    width: 100%;
    height: auto;
	float: left;
}
.content__video-item {
    padding: 10px;
    margin: 15px 0 30px 0;
    width: 100%;
    background: #fff;
    border-radius: 10px;
    transition: 0.50s;
    height: auto;
    overflow: hidden;
}
.content__video-object {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    /*margin-bottom: 15px;*/
    padding: 0;
}
.content__video-object iframe {
    width: 100%;
    border-radius: 10px 10px 0 0;
    border: 1px solid var(--color-bttn-orng);
}
.content__video-name {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    padding: 0;
}
.content__video-name p {
    font-family: var(--third-family);
    font-size: var(--font-size-18);
    font-weight: 700;
    padding: 15px 10px 10px 10px;
    line-height: 1.25;
}
.content__materials-item-addons{
	padding: 10px;
	margin: 15px 0 30px 0;
	width: 100%;
	background: #fff;
	border-radius: 10px;
	transition: 0.50s;
	height: auto;
	float: left;
}
.content__materials-item-addons:hover {
    color: #ffffff;
    background: rgb(0, 192, 255, 0.5);
}
.content__materials {
    margin: 10px 0 30px 0;
    padding: 0;
    width: 100%;
    float: left;
    justify-content: center;
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    gap: 15px;
}
.content__materials-item {
    padding: 10px;
    margin: 0 0 37px 0;
    width: 32%;
    background: #fff;
    border-radius: 10px;
    transition: 0.50s;
    height: auto;
    overflow: hidden;
}
.content__materials-image {
    position: relative;
    padding: 0;
    margin: 0;
    width: 100%;
}
.content__materials-picture {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 15px;
    padding: 0;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}
.content__materials-picture img {
    width: 100%;
    height: auto;
}
.content__materials-name {
    position: relative;
    float: left;
    width: 100%;
    /*height: 45px;*/
    padding: 0;
}
.content__materials-name p {
    font-family: var(--third-family);
    font-size: var(--font-size-18);
    font-weight: 700;
    padding: 10px;
    line-height: 1.25;
}
.content__audio {
    margin: 10px 0 0 0;
    padding: 0;
    width: 100%;
    float: left;
    justify-content: center;
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    gap: 15px;
}
.content__audio-item {
    padding: 10px;
    margin: 0 0 37px 0;
    width: 23%;
    background: #fff;
    border-radius: 10px;
    transition: 0.50s;
    height: auto;
    overflow: hidden;
}
.content__audio-image {
    position: relative;
    padding: 0;
    margin: 0;
    width: 100%;
}
.content__audio-picture {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 15px;
    padding: 0;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}
.content__audio-title, .content__audio-name {
    position: relative;
    float: left;
    width: 100%;
    /*height: 45px;*/
    padding: 0;
}
.content__audio-title p, .content__audio-name p {
    font-family: var(--third-family);
    font-size: var(--font-size-18);
    font-weight: 700;
    padding: 10px;
    line-height: 1.25;
}
.content__name-dop {
    width: 100%;
    font-family: var(--third-family);
    font-size: var(--font-size-18);
    font-weight: 700;
    padding: 10px;
    line-height: 1.25;
    background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(0, 191, 254, 0) 60% );
    border-radius: 10px;
    text-align: left;
}
.content__materials-buy {
    margin: 10px 0 30px 0;
    padding: 0;
    width: 100%;
    float: left;
}
.content__materials-item-buy {
    padding: 10px;
    margin: 15px 0 0 0;
    width: 100%;
    background: #fff;
    border-radius: 10px;
    transition: 0.50s;
    height: auto;
    float: left;
}
.content__materials-item-buy:hover {
    color: #ffffff;
    background: rgb(0, 192, 255, 0.5);
}
.archives__btn {
    margin: 10px 0 30px 0;
    padding: 0;
    width: 100%;
    float: left;
    justify-content: center;
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    gap: 15px;
}
.archives__btn-items {
    padding: 10px;
    width: 32%;
}
.content__info-dop {
    width: 100%;
    margin-top: 15px;
    padding: 5px 0;
    background: linear-gradient(90deg, rgb(0, 191, 254, 0) 0%, rgb(255, 255, 255) 50%, rgba(0, 191, 254, 0) 100% );
}
/*/Внутренняя страница - новости/*/
/**Электронная библиотека**/
.library {}
.library__page-name {
    width: 100%;
    margin-top: 56px;
    margin-bottom: 55px;
    padding-left: 10px;
}
.library__page-title {
    color: var(--color-h1-lblack);
    font-family: var(--second-family);
    font-size: var(--font-size-63);
    font-weight: 800;
    width: 75%;
    line-height: 1.05;
    letter-spacing: 2.1px;
}
.library__page-list {

}
.list__library {
    margin: 10px 0 30px 0;
    padding: 0;
    width: 100%;
    float: left;
    justify-content: center;
    display: flex;
    text-align: left;
    flex-wrap: wrap;
    gap: 15px;
}
.library {
    padding: 10px;
    margin: 0 0 37px 0;
    width: 24%;
    /*background: #fff;*/
    /*border-radius: 10px;*/
    transition: 0.50s;
    height: auto;
    overflow: hidden;
}
.library_name {
    position: relative;
    float: left;
    width: 100%;
    height: 115px;
    padding: 0;
    margin-bottom: 10px;
    font-family: var(--third-family);
    font-size: 23px;
    font-weight: 900;
    line-height: 1.25;
    letter-spacing: 0.9px;
}
.library_name span {
	display: table-cell;
	vertical-align: middle;
	height: 115px;
}
.library_author {
    position: relative;
    float: left;
    width: 100%;
    height: 40px;
    padding: 0;
    margin-bottom: 10px;
    color: var(--color-h1-lblack);
    font-family: var(--second-family);
    font-size: 13px;
    font-weight: 600;
}
.library_author span {
	display: table-cell;
	vertical-align: middle;
	height: 40px;
}
.libraryImage {
    position: relative;
    padding: 15px;
    margin: 0;
    float: left;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}
.library_picture {
    position: relative;
    float: left;
    width: 100%;
    height: 308px;
    margin-bottom: 15px;
    padding: 0;
    overflow: hidden;
    border-radius: 10px;
}
.library_picture img {
    width: 100%;
    height: 100%;
}
.library_info {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.library_info img {
    content: '';
    position: relative;
    width: 52px;
    height: 18px;
}
.price {
    color: #35e016;
    font-family: var(--third-family);
    font-size: var(--font-size-24);
    font-weight: 800;
}
.price span, .price.free {
    /*font-size: var(--font-size-18);*/
    font-size: 18px;
    font-weight: 600;
}
/*.price.free {*/
/*    padding: 2px 0;*/
/*}*/
.library_btn {
    width: 100%;
    margin-top: 25px;
    float: left;
    text-align: center;
}

.library_text {
    position: relative;
    float: left;
    width: 100%;
    height: 45px;
    padding: 0;
}
.libraryImage p {
    font-family: var(--third-family);
    font-size: var(--font-size-18);
    font-weight: 700;
    padding: 0 10px;
    line-height: 1.25
}
/*.libraryImage span {*/
/*    background: #ffa000;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    width: 100%;*/
/*    height: 30%;*/
/*    color: #ffffff;*/
/*    font-family: var(--third-family);*/
/*    font-size: var(--font-size-16);*/
/*    font-weight: 600;*/
/*}*/
.library_picture span.category {
    /*display: block;*/
    position: absolute;
    top: 0;
    width: auto;
    height: 47px;
    padding: 0 15px;
    border-radius: 10px 0 10px 0;
    background: #48526b;
    margin-top: -10px;
    margin-left: -10px;
    font-family: var(--third-family);
    font-size: var(--font-size-16);
    font-weight: 700;
}
.library_date {
    position: relative;
    float: left;
    width: 100%;
    height: 35px;
    padding: 0;
}
.libraryImage span.date {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 143px;
    height: 34px;
    border-radius: 10px 0 10px 0;
    background: #ffa000;
    margin-right: -10px;
    margin-bottom: -10px;
    font-family: var(--third-family);
    font-size: var(--font-size-16);
    font-weight: 700;
}
/*/Электронная библиотека/*/
/**About Us**/
.about__page-name {
    width: 100%;
    margin-top: 53px;
    padding-left: 10px;
}
.about__page-title {
    color: var(--color-h1-lblack);
    font-family: var(--second-family);
    font-size: 63px;
    font-weight: 800;
    width: 70%;
    line-height: 1.2;
    letter-spacing: 2.35px;
}
.about__page-content {
    position: relative;
    width: 100%;
    margin-top: 70px;
    padding-left: 10px;
}
.about__content__wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 1155px;
}
.about__content__wrapper .content__page p {
    color: var(--color-h1-lblack);
    font-family: var(--second-family);
    font-size: var(--font-size-16);
    font-weight: 500;
    width: 100%;
    line-height: 1.55;
    letter-spacing: 0.41px;
    margin-bottom: 10px;
}
.about__tsinnosti__heading {
    color: var(--color-h1-lblack);
    font-family: var(--second-family);
    /*font-size: var(--font-size-38);*/
    font-size: 26px;
    font-weight: 800;
    letter-spacing: .8px;
    margin-top: 83px;
}
.about__page-content-banner {
    position: relative;
    width: 100%;
    max-width: 1081px;
    margin-top: 54px;
    margin-bottom: 42px;
    border-radius: 10px;
    overflow: hidden;
}
.about__page-content-banner img {
    width: 100%;
}
.about__tsinnosti-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 25px;
    margin-top: -180px;
}
.about__tsinnosti {
    width: 30%;
}
.about__tsinnosti-name {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 130px;
    height: 130px;
    border-radius: 100%;
    margin: 0 auto;
    color: white;
    font-family: var(--third-family);
    font-size: var(--font-size-18);
    font-weight: 800;
    letter-spacing: .5px;
    margin-bottom: 27px;
    position: relative;
    z-index: 2;
}
.about__tsinnosti:nth-child(1) .about__tsinnosti-name {background-color: #ff9e81;}
.about__tsinnosti:nth-child(2) .about__tsinnosti-name {background-color: #c67dff;}
.about__tsinnosti:nth-child(3) .about__tsinnosti-name {background-color: #0099ff;}

.about__tsinnosti-text {
    border: 3px solid #ffffff;
    width: 100%;
    /*height: 170px;*/
    border-radius: 10px;
    padding: 38px 23px 23px 23px;
    font-size: 20px;
    margin-top: -57px;
}
.about__tsinnosti:nth-child(1) .about__tsinnosti-text {background-color: #ffece6;}
.about__tsinnosti:nth-child(2) .about__tsinnosti-text {background-color: #f3e5fe;}
.about__tsinnosti:nth-child(3) .about__tsinnosti-text {background-color: #ccebff;}

.our-team {
    width: 100%;
    margin-top: 37px;
}
.our-team-list {
    margin: 47px 0 30px 0;
    padding: 0;
    width: 100%;
    float: left;
    justify-content: center;
    display: flex;
    /*text-align: center;*/
    flex-wrap: wrap;
    gap: 15px;
}

.our-team__about__heading {
    color: var(--color-h1-lblack);
    font-family: var(--second-family);
    font-size: var(--font-size-38);
    font-size: 26px;
    font-weight: 800;
    letter-spacing: .8px;
    margin-top: 86px;
    margin-left: 10px;
}

/*для горизонтальных*/
/*.our-team-items {*/
/*    padding: 10px;*/
/*    margin: 0 0 15px 0;*/
/*    width: 100%;*/
/*    border-radius: 10px;*/
/*    transition: 0.50s;*/
/*    height: auto;*/
/*    overflow: hidden;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: space-between;*/
/*}*/
.our-team-items {
    padding: 10px;
    margin: 0 0 15px 0;
    width: 24%;
    border-radius: 10px;
    transition: 0.50s;
    height: auto;
    overflow: hidden;
}
.our-team-items:last-child {
  margin-bottom: 0;
}
/*для горизонтальных*/
/*.our-team-prew {*/
/*    position: relative;*/
/*    display: inline-block;*/
/*    padding: 0 1% 0 0;*/
/*    margin: 0;*/
/*    width: 35%;*/
/*}*/
.our-team-prew {
    position: relative;
    display: inline-block;
    margin: 0;
    width: 70%;
}
.our-team-items:nth-child(2n) .our-team-prew {order: 1;}
.our-team-prew img {
    height: auto;
    width: 100%;
    margin: 0;
    padding: 0;
    border-radius: 100%;
    /*border: 10px solid orange;*/
}
.our-team-prew img.nophoto {border: none;}
.our-team-info {padding: 0;margin-top: 50px;width: 100%;}
.our-team-info h3 {
    color: var(--color-h1-lblack);
    font-family: var(--second-family);
    font-weight: 800;
    width: 100%;
    line-height: 1.2;
    letter-spacing: 1.1px;
}
.our-team-info h4 {
    /*color: var(--color-h1-lblack);*/
    color: #ffffff;
    background: #11e0e6;
    font-family: var(--second-family);
    font-weight: 800;
    width: 85%;
    line-height: 1.2;
    letter-spacing: 1.1px;
    border-radius: 5px;
    padding: 6px;
    margin-bottom: 20px;
}
.our-team-info h3 {font-size: 17px; margin-bottom: 20px;}
.our-team-info h4 {font-size: 13px;}
.our-team-info p {
    color: var(--color-h1-lblack);
    font-family: var(--second-family);
    font-size: var(--font-size-16);
    font-weight: 500;
    width: 100%;
    line-height: 1.5;
    letter-spacing: 0.3px;
    margin-bottom: 10px;
}
/*/About Us/*/

/**development**/
.development__page-name {
	width: 100%;
	margin-top: 56px;
	padding-left: 10px;
}
.development__page-title {
	color: var(--color-h1-lblack);
	font-family: var(--second-family);
	font-size: var(--font-size-38);
	font-weight: 800;
	width: 100%;
	line-height: 1.05;
	letter-spacing: 2.1px;
}
.development__page-content {}
.development__content {
	padding: 100px 0 0 0;
	width: 100%;
	float: left;
	justify-content: center;
	display: flex;
	text-align: center;
	flex-wrap: wrap;
	gap: 15px;
}
.development__content h2 {
	color: var(--color-h1-lblack);
	font-family: var(--second-family);
	font-size: 32px;
	font-weight: 800;
	width: 100%;
	line-height: 1.05;
	letter-spacing: 2.1px;
	margin-bottom: 30px;
}
/*/development/*/
/**Contacts**/
.contacts__page-name {
    width: 100%;
    margin-top: 53px;
    padding-left: 10px;
}
.contacts__page-title {
    color: var(--color-h1-lblack);
    font-family: var(--second-family);
    font-size: 63px;
    font-weight: 800;
    width: 70%;
    line-height: 1.2;
    letter-spacing: 2.35px;
}
.contacts__top-inner {
	width: 100%;
}
.contacts__top-inner img {
	width: 103px;
	margin-top: 46px;
	margin-bottom: 28px;
}
.contacts__info {
	display: flex;
	flex-wrap: wrap;
	padding: 10px;
	margin-bottom: 50px;
}
.contacts__info-block, .contacts__info-form {
	width: 49%;
}
.contacts__heading {
	color: var(--color-h1-lblack);
	font-family: var(--second-family);
	font-size: 26px;
	font-weight: 800;
	letter-spacing: 1.05px;
	margin-bottom: 50px;
}
.contacts__mail, .contacts__adress{
	color: var(--color-h1-lblack);
	font-family: var(--second-family);
	font-size: 16px;
	font-weight: 800;
	letter-spacing: 1.05px;
	margin-bottom: 50px;
}
.contacts__adress {
	width: 238px;
}
.form__inner-contacts {
	width: 100%;
	display: block;
	padding-left: 10px;
	padding-right: 10px;
}
.form__inner-contacts form.ajax_form.af_example {color: var(--color-h1-lblack); font-family: var(--font-family); font-size: var(--font-size-20); font-weight: 700; background: #fff; width: 100%; border-radius: 10px; padding: 34px 28px; margin-bottom: 30px;}

.contacts__social {
	width: 100%;
	height: 250px;
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	background-image: url("../img/girl_form_main.webp");
	background-repeat: no-repeat;
	background-position: 75% 92%;
	-webkit-background-size: 250px;
	background-size: 250px;
}
.contacts__social-block {
	width: 49%;
}
.contacts__heading-form {
	color: var(--color-h1-lblack);
	font-family: var(--second-family);
	font-size: 16px;
	font-weight: 800;
	letter-spacing: 1.05px;
	margin-bottom: 50px;
}
/*/Contacts/*/
/**STEM-школа**/
.stem__page-content-banner {
    position: relative;
    width: 100%;
    background-color: white;
    margin-bottom: 40px;
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
}
.stem__page-content-banner p {
    font-size: 30px;
    color: var(--color-h1-lblack);
    margin-top: -15px;
    margin-bottom: 15px;
}
.band {
    padding: 10px 0;
    width: 100%;
    background: #0099ff;
    font-size: 26px;
    color: #ffffff;
}
.stem__content {
    padding: 0;
    width: 100%;
}
.stem__content-wrapper {
    /*display: flex;*/
    /*flex-wrap: wrap;*/
    /*justify-content: space-between;*/
}
.stem__content-menu {
    width: 180px;
    display: block;
    line-height: 1.2;
    /*order: 1;*/
    height: max-content;
    float: right;
}
.stem__content-menu-list, .stem__content-soc-list, .stem__content-banners-cover {
    width: 100%;
    margin-bottom: 20px;
}
.stem__content-menu-banners {
    width: 180px;
    display: block;
    line-height: 1.2;
    /*order: 1;*/
    float: right;
}
.date-link {
    width: 100%;
    height: 41px;
    padding: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 5px;
    background: #ffae26;
    font-family: var(--third-family);
    font-size: var(--font-size-16);
    font-weight: 700;
    color: #fff;
    transition: all .3s ease-in, opacity .0s ease-out;
}
.date-link:hover {
    padding: 9px;
    background: #f9c775;
    color: #5e5e5e;
    font-size: var(--font-size-18);
}
.date-link-active {
    padding: 9px;
    background: #f9c775;
    color: #5e5e5e;
    font-size: var(--font-size-18);
    width: 100%;
    height: 41px;
    margin-bottom: 10px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 5px;
    font-family: var(--third-family);
    font-weight: 700;
    transition: all .3s ease-in, opacity .0s ease-out;
}
.date-link:last-child {
    margin-bottom: 0px;
}
.soc-link {
    width: 100%;
    height: 41px;
    padding: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 5px;
    background: #0099ff;
    font-family: var(--third-family);
    font-size: var(--font-size-16);
    font-weight: 700;
    color: #fff;
    transition: all .3s ease-in, opacity .0s ease-out;
}
.soc-link:hover {
    padding: 9.5px 2px;
    background: #7cc7f9;
    color: #5e5e5e;
    font-size: var(--font-size-18);
}
.soc-link:last-child {
    margin-bottom: 0px;
}
.cover-link {
    width: 100%;
    margin-bottom: 10px;
}
.cover-link:last-child {
    margin-bottom: 0px;
}
.cover {
    width: 100%;
    border-radius: 10px;
}
.cover:hover {
    opacity: 0.5;
    transition: all .3s ease-in, opacity .3s ease-out;
}


.stem__content-block {
    width: 83%;
    float: left;
}
.stem__content-name {
    width: 100%;
    background: #fff;
    text-align: center;
    font-size: 30px;
    color: var(--color-h1-lblack);
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 15px;
}
.stem__organizers {
    position: relative;
    width: 100%;
    background: #f5f5f5;
    border-radius: 10px;
    padding: 15px;
    box-sizing: border-box;
    margin-bottom: 40px;
}
.org__name {
    margin-bottom: 15px;
    font-size: 24px;
    color: #3366ff;
    font-weight: bold;
}
.org__list-items {
    color: var(--color-h1-lblack);
    font-family: var(--second-family);
    font-size: var(--font-size-16);
    font-weight: 500;
    width: 100%;
    line-height: 1.35;
    letter-spacing: 0.9px;
    margin-bottom: 10px;
}
.stem__date-list {
    margin-bottom: 15px;
}
.stem__date {
    margin-bottom: 60px;
}
.stem__date:last-child {
    margin-bottom: 0px;
}
.blok__zg-stm {
    margin: 10px 0 30px 0;
    padding: 0;
    width: 100%;
    background: #0099ff;
    border-radius: 0 10px 10px 50px;
}
.blok__zg-stm img {
    position: absolute;
    width: 33px;
    height: auto;
    margin-top: -12px;
}
.container_zg {
    width: 100%;
    margin: 0 auto;
    padding: 8px;
}
.main-wrap {
    text-align: center;
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
}
.main-wrap h3 {
    padding: 0 5px;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    margin: 0;
    color: #fff;
    text-transform: none;
    text-align: center;
}
.blok__zg-vnt {
    width: 100%;
    margin: 10px 0 30px 0;
    background: #b182d1;
    padding: 15px 0;
    color: #ffffff;
}
.stem__partners {
    position: relative;
    width: 100%;
    /*float: left;*/
}
.stem__partner {
    position: relative;
    width: 100%;
    background: #f5f5f5;
    border-radius: 10px;
    padding: 15px;
    box-sizing: border-box;
    margin-bottom: 15px;
}
.stem__partner:last-child {
    margin-bottom: 0px;
}
.stem__partner-them {
    margin-bottom: 15px;
    font-size: 22px;
    color: #3366ff;
    font-weight: bold;
}
.stem__partner-info {
    color: var(--color-h1-lblack);
    font-family: var(--second-family);
    font-size: var(--font-size-16);
    font-weight: 500;
    width: 100%;
    line-height: 1.35;
    letter-spacing: 0.9px;
}
.stem__partner-infoBlock {
    margin-bottom: 15px;
}
.stem__partner-infoItems {
    display: flex;
    /*flex-wrap: wrap;*/
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}
.stem__partner-infoItems:last-child {
    margin-bottom: 0px;
}
.stem__partner-photo {
    width: 160px;
    margin: 0 15px 0 0;
}
.stem__partner-photo img {
    width: 100%;
}
.stem__partner-material {
    width: 80%;
}
.stem__partner-questions {
    width: 100%;
}
.stem__partner-questions-title {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 5px;
}
.stem__partner-questions ul {
    list-style: inherit;
    margin: 15px 0 15px 25px;
    color: var(--color-h1-lblack);
    font-family: var(--second-family);
    font-size: var(--font-size-16);
    font-weight: 500;
    width: 100%;
    line-height: 1.35;
    letter-spacing: 0.9px;
}
.stem__partner-questions ul li {
    margin-bottom: 10px;
}

.stem__partner-block {
    margin-bottom: 30px;
    padding: 0;
    width: 100%;
}
.stem__partner-video {
    padding: 0;
    margin: 0 2% 3%;
    /*float: left;*/
    width: 96%;
    /*background: #82a4d1;*/
    background: #0099ff;
    box-shadow: 0 8px 10px rgba(0,0,0,0.5);
    transition: 0.50s;
    border-radius: 10px;
}
.stem__partner-video:hover {
    padding: 0;
    margin: 0 2% 3%;
    /*float: left;*/
    width: 96%;
    background: #ff9900;
    box-shadow: none;
    transition: 0.50s;
}
.stem__partner-cardImage {
    padding: 0;
    margin: 0;
    /*float: left;*/
    width: 100%;
    overflow: hidden;
}
.stem__partner-title {
    padding: 15px;
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
.stem__partner-parentGallImg {
    padding-bottom: 56%;
    position: relative;
    width: 100%;
    height: 36px;
}
.stem__partner-childGallImg {
    background: #ececec url(../img/nophoto-v3.png) 50% 50% no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.stem__partner-image {
    position: relative;
    /*float: left;*/
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
.stem__partner-cardImage .stem__partner-image img {
    position: relative;
    display: block;
    margin: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    /*float: left;*/
}
.stem__partner-name {
    padding: 15px;
    margin: 0 0 5px;
    font-weight: 400;
    font-size: 20px;
    color: #fff;
    line-height: 20px;
    width: 98%;
    float: left;
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
    text-decoration: none;
    text-align: center;
}


/*----------------------------------------------------------------------------------*/
.two_ad {padding: 0;margin: 0 2% 3%;float: left;width: 21%;background: #82a4d1;box-shadow: 0 8px 10px rgba(0,0,0,0.5);transition: 0.50s;}
.three_ad {padding: 0;margin: 0 2% 3%;float: left;width: 29.3%;background: #82a4d1;box-shadow: 0 8px 10px rgba(0,0,0,0.5);transition: 0.50s;}
.two_ad_double {padding: 0;margin: 0 2% 3%;float: left;width: 46%;background: #82a4d1;box-shadow: 0 8px 10px rgba(0,0,0,0.5);transition: 0.50s;}
.two_ad_v2 {padding: 0;margin: 0 2% 3%;float: left;width: 21%;background: rgba(143,116,195,1);transition: 0.50s;}
.two_ad-vid-fl {padding: 0;margin: 0 2% 3%;float: left;width: 96%;background: #82a4d1;box-shadow: 0 8px 10px rgba(0,0,0,0.5);transition: 0.50s;}
.two_ad-vid-fl_wss {padding: 0;float: left;width: 100%;background: #82a4d1;box-shadow: 0 8px 10px rgba(0,0,0,0.5);transition: 0.50s;}
.two_ad-vid-fl_v2 {padding: 0;margin: 0 2% 3%;float: left;width: 96%;background: rgba(143,116,195,1);transition: 0.50s;}

.two_ad:hover {padding: 0;margin: 0 2% 3%;float: left;width: 21%;background: #ff9900;box-shadow: none;transition: 0.50s;}
.three_ad:hover {padding: 0;margin: 0 2% 3%;float: left;width: 29.3%;background: #ff9900;box-shadow: none;transition: 0.50s;}
.two_ad_double:hover {padding: 0;margin: 0 2% 3%;float: left;width: 46%;background: #ff9900;box-shadow: none;transition: 0.50s;}
.two_ad_v2:hover {padding: 0;margin: 0 2% 3%;float: left;width: 21%;background: rgba(24,24,255,1);box-shadow: 0 0px 20px rgba(0,0,0,0.3);transition: 0.50s;}
.two_ad-vid-fl:hover {padding: 0;margin: 0 2% 3%;float: left;width: 96%;background: #ff9900;box-shadow: none;transition: 0.50s;}
.two_ad-vid-fl_wss:hover {padding: 0;float: left;width: 100%;background: #ff9900;box-shadow: none;transition: 0.50s;}
.two_ad-vid-fl_v2:hover {padding: 0;margin: 0 2% 3%;float: left;width: 96%;background: rgba(24,24,255,1);box-shadow: 0 0px 20px rgba(0,0,0,0.3);transition: 0.50s;}
/*----------------------------------------------------------------------------------*/


.certificates__btn {
    margin: 30px 0;
    padding: 0;
    width: 100%;
    /*float: left;*/
    justify-content: center;
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    gap: 15px;
}
.certificates__btn-items {
    padding: 10px;
    width: auto;
}
.certificates__btn-items .glow-on-hover-gr {
    font-family: var(--second-family);
    font-size: var(--font-size-20);
    font-weight: 600;
    padding: 10px;
    width: auto;
    height: 50px;
    border: none;
    outline: none;
    color: #fff;
    background: linear-gradient(90deg,rgba(253,188,2,1) 0%,rgba(255,159,0,1) 100%);
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px;
}
/*/STEM-школа/*/

@media (max-width: 1366px) {
	body.touch .menu__list > li.active {opacity: 1; visibility: visible; transform: translate(0px, 0px); pointer-events: all;background-color: #0099ff;border-radius: 5px 5px 0 0;transition: .3s linear;}
}
@media (max-width: 1245px) {
    .header__logo {margin-right: 9px;}
    .menu__list > li {padding: 7px;}
    .menu__sub-list {margin-left: -7px;}

    .objectImage p {
        font-size: 16px;
    }
}
@media (max-width: 1165px) {
    .our-team-items {
        width: 32%;
    }
    .stem__content-block {
        width: 80%;
    }
}
@media (max-width: 1145px) {
    .object__page-title {
        width: 64%;
    }
    .internal__page-title {
        width: 80%;
    }
}
@media (max-width: 1085px) {
    .top__inner {background-position: 101% 85%;}
    .form__inner {background-position: 104% 69%; -webkit-background-size: 380px; background-size: 380px;}
    .object__page-title {
        font-size: 38px;
    }
    .object_text p {
        -webkit-line-clamp: 2; /* Число отображаемых строк */
        display: -webkit-box; /* Включаем флексбоксы */
        -webkit-box-orient: vertical; /* Вертикальная ориентация */
        overflow: hidden;
    }

    .internal__page-title {
        width: 90%;
    }
	.library__page-title {
		width: 100%;
	}
}

@media (max-width:1000px) {
    .header__container {padding-left: 10px; padding-right: 10px;}
    .menu__list > li {padding: 7px;}
    .menu__link, .switch__lng, .submenu { font-size: var(--font-size-14);}
    .menu__sub-list {margin-left: -7px;}
	
    .form__inner {background-position: 105% 69%; -webkit-background-size: 380px; background-size: 380px;}
    form {width: 74%;}

    .internal__page-title {
        width: 100%;
    }
	.library {
		width: 32%;
	}
    .stem__content-block {
        width: 75%;
    }
}
@media (max-width:900px) {
    .top__title {font-size: 60px; width: 100%;}
}
@media (min-width: 861px) {
    .menu__list{display: flex; align-items: center; line-height: 1.2;}
    .menu__sub-list {transform: translate(0px, 10%); opacity: 0; visibility: hidden; pointer-events: none; transition: all .3s ease 0s;}
}
@media (max-width: 860px) {
	body.touch .menu__list > li.active .menu__sub-list {max-height: none; overflow: inherit;}
    .header__container {min-height: 70px;}
    .header__logo {order: 1;}
    .header__logo img {width: 54px;}
    .menu__icon {z-index: 5; display: block; position: relative; width: 30px; height: 18px; cursor: pointer;}
    .menu__icon span, .menu__icon::before, .menu__icon::after {left: 0; position: absolute; height: 10%; width: 100%; transition: all .3s ease 0s; background: var(--color-h1-lblack);}
    .menu__icon::before, .menu__icon::after {content: "";}
    .menu__icon::before {top: 0;}
    .menu__icon::after {bottom: 0;}
    .menu__icon span {top: 50%; transform: scale(1) translate(0px, -50%);}
    .menu__icon.active span {transform: scale(0) translate(0px, -50%);}
    .menu__icon.active::before {top: 50%; transform: rotate(-45deg) translate(0px, -50%);}
    .menu__icon.active::after {bottom: 50%; transform: rotate(45deg) translate(0px, 50%);}
    .menu__body {position: fixed; top: 0; left: -100%; width: 100%; height: 100%; background: rgba(0,153,255,1); padding: 100px 30px 30px 30px; transition: left .3s ease 0s; overflow: auto;}
    .menu__body.active {left: 0;}
    .menu__body.active::before {
        content: "";
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        height: 70px;
        background: linear-gradient(90deg, rgba(1,190,254,1) 0%, rgba(0,175,255,1) 5%, rgba(0,175,255,1) 16%, rgba(1,190,254,1) 27%, rgba(1,190,254,1) 35%, rgba(0,175,255,1) 41%, rgba(0,175,255,1) 59%, rgba(1,190,254,1) 62%, rgba(1,190,254,1) 68%, rgba(1,190,255,1) 73%, rgba(1,190,255,1) 82%, rgba(0,208,255,1) 89%, rgba(0,208,255,1) 94%, rgba(0,191,254,1) 100% );
        z-index: 2;
    }

    .menu__list > li {flex-wrap: wrap; margin: 0 0 30px 0;}
    .menu__list > li:last-child {margin-bottom: 0;}
    .menu__list > li.active .menu__sub-list {display: block;}
    .menu__link {font-size: 24px;}
    .menu__sub-list {position: relative; flex: 1 1 100%; display: none;}
    .main {margin-top: 70px;margin-bottom: 100px;}

    .top__inner img {margin-top: 28px;}
    .top__text {font-size: 19px;}

    .projects {margin-bottom: 100px;}

    .breadcrumbs {
        margin: 40px auto 0;
    }
    .object__page-name {
        margin-top: 40px;
    }
    .object {
        width: 48%;
    }

    .internal__page-name {
        margin-top: 40px;
    }
    .internal__page-title {
        font-size: 24px;
    }
    .internal__page-content {
        margin-top: 40px;
    }
	.library__page-name {
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.library__page-title {
		font-size: var(--font-size-38);
	}
	.list__library {
		margin: 0;
	}
    .our-team-items {
        width: 45%;
    }
	.contacts__info {
		display: block;
	}
	.contacts__info-block, .contacts__info-form {
		width: 100%;
	}
    .stem__content-menu {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
        order: 0;
    }
    .stem__content-menu-list, .stem__content-soc-list {
        width: 48%;
        margin-bottom: 40px;
    }
    .date-link, .soc-link {
        margin-bottom: 20px;
    }
    .stem__content-menu-banners {
        width: 100%;
        float: none;
    }
    .stem__content-banners-cover {
        width: 100%;
        margin-bottom: 20px;
        justify-content: center;
        display: flex;
        text-align: left;
        flex-wrap: wrap;
        gap: 50px;
    }
    .cover-link {
        width: 25%;
    }
    .stem__content-block {
        width: 100%;
        margin-bottom: 35px;
    }
}
@media (max-width:802px) {
    .cover-link {
        width: 25%;
    }
}
@media (max-width: 768px) {
    .header__inner {padding: 0 20px;}

    .top__inner {background-position: 101% 100%; -webkit-background-size: 200px; background-size: 200px;}
    .top__inner img {margin-top: 15px; margin-bottom: 15px;}
    .top__title {font-size: 50px;}
    .top__text {font-size: 17px; width: 100%;}
    .top__btn {margin-bottom: 25px;}

    .projects {margin-bottom: 10px;}

    .form__inner {background-position: 110% 69%; -webkit-background-size: 350px; background-size: 350px;}
    form {width: 70%;}
    form button {width: 40%;}
	.library {
		width: 48%;
	}
	.library_picture {
		height: auto;
	}

    .dw25 li {padding: 0 5px;}
	
	.content__audio-item {
		width: 33.3%;
	}

    .about__tsinnosti-list {
        padding: 0;
        margin-top: -100px;
    }
    .about__tsinnosti {
        width: 33%;
    }
    .about__tsinnosti-text {
        padding: 38px 10px 20px 10px;
    }
    .stem__page-content-banner img {
        width: 85%;
    }
    .stem__page-content-banner p {
        font-size: 25px;
    }
    .band {
        font-size: 20px;
    }

}
@media(max-width: 680px) {
    .main {margin-bottom: 70px;}

    .header__inner {min-height: 90px;}

    .top__inner {background-image: none;}
    .top__inner img {width: 70px;}
    .top__title {font-size: 33px; width: 89%;}
    .top__text {font-size: 15px;}
    .top__btn {margin-bottom: 40px;}
    .top__social {justify-content: center;}

    .news {margin-bottom: 50px;}
    .newpublic {font-size: var(--font-size-24);}
    .allpublic {font-size: var(--font-size-18);}

    .form {margin-bottom: 50px;}
    .form__inner {background-image: none; background-position: 0 0; -webkit-background-size: 0; background-size: 0;}
    .form__heading {font-size: var(--font-size-24);}
    .form__heading-text {font-size: var(--font-size-18);}
    form {width: 100%; font-size: var(--font-size-16);}
    form button {font-size: var(--font-size-14);}

    .partners__heading {font-size: var(--font-size-24);}
    .partner img {height: 70px; margin-bottom: 20px;}

    .dw25 {width: 50%;}
    .ta_cntr {text-align: left;}

    .breadcrumbs ol li.active {
        white-space: nowrap; /* Текст не переносится */
        overflow: hidden; /* Обрезаем всё за пределами блока */
        text-overflow: ellipsis;
    }

    .object {width: 100%;}
    .our-team-items {
        width: 75%;
    }
	/*.our-team-prew {width: 48%;}*/
	/*.our-team-info {width: 50%;}*/
	.our-team-info h3 {font-size: 22px;}
	.our-team-info p {font-size: var(--font-size-14);}
	.our-team-info h4 {font-size: 16px;}
	
	.content__materials-item {width: 48%;}
	.content__audio-item {width: 48%;}

	.contacts__social {background-position: 100% 92%;}
	.contacts__social-block {width: 75%;}

    .stem__page-content-banner p {
        font-size: 20px;
    }
    .band {
        font-size: 16px;
    }

}
@media(max-width: 505px) {
    .top__title {width: 100%;}
	.library_name {font-size: var(--font-size-18);}
	.price span, .price.free {font-size: var(--font-size-14); font-weight: 600;}

    .dw25 h3 {padding: 0 5px;}

    .about__tsinnosti-list {display: block; margin-top: -40px;}
    .about__tsinnosti {width: 100%; margin-bottom: 30px;}
    .about__tsinnosti:last-child {margin-bottom: 0px;}
    .about__tsinnosti-name {width: 100px; height: 100px; font-size: 14px;}
	
	.our-team-items {display: block;}
	.our-team-prew {margin-bottom: 15px;}
	.our-team-info {width: 100%;}
	
	.contacts__social {background-image: none;}
	.contacts__social-block {width: 100%;}
}
@media(max-width: 480px) {
    .header__inner {min-height: 70px; padding: 0;}
    .header__logo img {width: 54px;}

    .container {padding-left: 15px; padding-right: 15px;}

    .top__inner{padding: 0; width: 100%;}
    .top__inner img {margin-top: 5px;}
    .top__title {font-size: 29px; letter-spacing: 0px; text-align: center;}
    .top__title span {margin-right: 0px;}
    .top__title span:nth-child(2) {margin-left: 0px;}
    .top__text {margin-top: 25px; letter-spacing: 0px;}
    .top__btn {margin-top: 40px;}
    .top__social img {width: 58px;}

    .public {display: block;}
    .newpublic {width: 100%; margin-bottom: 30px;}
    .allpublic {width: 150px;}

    .form__heading {margin-bottom: 25px;}
    form input {margin-bottom: 30px;}
    form button {width: 50%; left: 25%;}
	
	.library__page-title {
		font-size: var(--font-size-24);
	}
	.library {
		width: 100%;
	}
	.library_name, .library_name span {
		height: auto;
	}

    .dw25 {width: 100%;}

    .our-team-items {
        width: 100%;
    }
	/*.our-team-prew {width: 75%;}*/
    .our-team-info {
        margin-top: 0px;
    }
	
	.content__materials-item {
		width: 100%;
	}

    .stem__page-content-banner img {
        width: 96%;
    }
    .stem__page-content-banner p {
        margin-top: -5px;
    }

    .date-link, .soc-link {
        font-size: var(--font-size-14);
    }
    .date-link:hover, .soc-link:hover {
        font-size: var(--font-size-14);
    }
    .cover-link {
        width: 40%;
    }
    .container_zg {
        padding: 8px 5px 8px 40px;
    }
    .stem__partner-infoItems {
        flex-wrap: wrap;
        margin-bottom: 25px;
    }
    .stem__partner-photo {
        text-align: center;
        width: 100%;
        margin: 0 0 10px 0;
    }
    .stem__partner-photo img {
        width: 50%;
    }
    .stem__partner-material {
        width: 100%;
    }
}

@media(max-width: 425px) {
	.content__audio-item {
		width: 100%;
	}
}

@media(max-width: 360px) {
    form button {width: 100%; left: 0;}
    .stem__page-content-banner {
        padding-top: 10px;
    }
    .stem__page-content-banner p {
        font-size: 16px;
        width: 65%;
        margin: auto;
        padding-bottom: 15px;
    }
    .stem__content-banners-cover {
        gap: 35px;
    }
    .band {
        padding: 17px;
    }
    .stem__partner-photo img {
        width: 100%;
    }
}