/* Start:/bitrix/templates/2023_glav_copy_copy_copy_copy/styles.css?175085404247384*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

body {
font-family: 'Inter', sans-serif;
-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
    margin: 0;
    background:#000000;
}

.workarea {
display: none;
}

a {
    text-decoration: none;
    color: inherit;
}

.mobile-menu {
display: none;
}

::-webkit-scrollbar {
    display: none;
}
/* ÃËÀÂÍÎÅ ÌÅÍÞ */

.fixed {
    position: fixed;
    background: #000000;
    width: 100%;
    z-index: 1000;
    height: 70px;
}



.glavnav {
    background-color: #000000;
    height: 70px;
    position: relative;
}

.glavnav section {
    width: 1170px;
    margin: 0 auto;
    position: relative;
    height: 70px;
}

.logo {
    background-color: #1B3FFF;
    width: 99px;
    height: 85px;
    text-align: center;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    transition: all 0.3s ease;
    position: absolute;
    left: 0;
    top: 0;
}

.logo:hover {
height: 95px;
transition: all 0.3s ease;
background-color: #FF5050;

}

.logo img {
    width: 100px;
    margin-top: 4px;
}


.glavnav .menu a {
display: block;
}

.menu a img:hover, .icon_menu a:hover {
opacity: 0.5;
}

.menu_els {
    border: 1px solid #000000;
    padding: 4px 7px 7px 7px;
        transition: all 0.1s ease;
        margin-top: -3px;
}

.menu_els:hover {
    border: 1px solid #ffffff;
    padding: 4px 7px 7px 7px;
    transition: all 0.2s ease;
    border-radius: 4px;
}

.glavnav .menu {
    display: flex;
    width: 560px;
    position: absolute;
    right: 95px;
    top: 20px;
    justify-content: space-around;
    color: #ffffff;
    font-size: 16px;
}

.icon_menu {
    display: flex;
    width: unset;
    position: absolute;
    right: 0px;
    top: 23px;
    justify-content: flex-end;
    color: #ffffff;
    font-size: 12px;
}



.icon_menu img {
    margin-left: 14px;
}



/* ÊÎÍÅÖ ÃËÀÂÍÎÃÎ ÌÅÍÞ */


/* ØÀÏÊÀ */

header {
    background: black;
    height: 501px;
    padding-top: 50px;
}


header h1 {
    margin: 0;
    color: #ffffff;
    font-style: normal;
    font-weight: 600;
    font-size: 52px;
    line-height: 122.5%;
    top: 78px;
    position: absolute;
}



header section {
    width: 1170px;
    margin: 0 auto;
    position: relative;
    height: 502px;
}

    
header p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150.5%;
    color: #ffffff;
    margin: 0;
    position: absolute;
    top: 292px;
}

header a {
    font-weight: 500;
    font-size: 12px;
    position: absolute;
    top: 401px;
    border: 2px solid #ffffff;
    width: 260px;
    display: flex;
    height: 50px;
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: 5px;
}

header a:hover {
background-color: #1B3FFF;
}

header .main_video {
    width: 679px;
    height: 453px;
    position: absolute;
    right: 0;
    bottom: -23px;
        z-index: 50;
}

header video {
    object-fit: cover;
        position: absolute;
}

.video_fon {
    background-image: url(/images/2023/ram.svg);
    width: 680px;
    height: 453px;
    position: absolute;
    background-position-y: -1px;
    background-repeat: no-repeat;
}



/* ÊÎÍÅÖ ØÀÏÊÀ */

/* ÎÑÍÎÂÍÎÉ ÁËÎÊ */

main {
    display: block;
    height: auto;
    position: relative;
    background: #F5F5F5;
        padding-bottom: 150px;
}

.glav_bl {
    width: 1170px;
    margin: 0 auto;
    padding-top: 50px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}



.fac {
    width: 567px;
    height: 397px;
    border-radius: 20px;
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    color: #ffffff;
    font-weight: 600;
    font-size: 24px;
    box-sizing: border-box;
    padding-bottom: 23px;
    padding-left: 30px;
}


#facleft {
    background: #000000;
    background-image: url(/images/2023/diz24.jpeg);
    background-repeat: no-repeat;
}

#facright {
        background: #000000;
    background-image: url(/images/2023/foto.jpg);
        background-repeat: no-repeat;
}


.fac h2 {
    margin: 0;
    font-weight: 600;
    font-size: 24px;
    line-height: 24px;
}


.fac img {
display: block;
}

#facleft:hover .dlastrel  {
 width: 140px;
 transition: all 0.5s ease;

}

#facright:hover .dlastrel  {
 width: 100px;
 transition: all 0.5s ease;

}

#facleft:hover {
background: #1B3FFF;
background-image: url(/images/2023/diz24.jpeg);
background-repeat: no-repeat;
transition: all 0.2s ease;
}


#facright:hover {
        background: #FF5050;
    background-image: url(/images/2023/foto.jpg);
        background-repeat: no-repeat;
        transition: all 0.2s ease;
}

/* ÁÀÍÍÅÐ */

.glav_sobs {
    width: 1170px;
    margin: 0 auto;
    margin-top: -110px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}


.dod_banner {
    width: 1170px;
    height: 275px;
    background: #1B3FFF;
    margin-top: 50px;
    border-radius: 20px;
    position: relative;
    box-shadow: 0px 23px 55px -16px rgba(27, 63, 255, 0.6);
    border: 3px solid #00000000;
    transition: all 0.2s ease;
}

.vaz1 {
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    color: #ffffff;
    position: absolute;
    top: 14px;
    left: 30px;
    text-transform: uppercase;
}


.vaz2 {
    font-weight: 400;
    font-size: 16px;
    line-height: 118%;
    color: #ffffff;
    position: absolute;
    top: 107px;
    left: 30px;
}

.vaz_ill {
    position: absolute;
    right: 27px;
    top: 18px;
    border-top-left-radius: 157px;
    border: 4px solid #00000000;
    width: 538px;
}

.vaz_ruk {
    position: absolute;
    top: 201px;
    left: 205px;
    width: 90px;
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph;
    filter: fliph;
}

.dod_banner span, .dod_banner_yell span, .dod_banner_red span {
    font-weight: 500;
    font-size: 12px;
    position: absolute;
    top: 186px;
    left: 30px;
    width: 220px;
    display: flex;
    height: 50px;
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: 5px;
    background: #000000;
}

.dod_banner_red {
    width: 1170px;
    height: 275px;
background: #E969E4;
    margin-top: 50px;
    border-radius: 20px;
    position: relative;
box-shadow: 0px 23px 55px -16px rgba(233, 105, 228, 0.6);
    border: 3px solid #00000000;
    transition: all 0.2s ease;
}

.dod_banner_yell {
    width: 1170px;
    height: 275px;
    background: #FFF850;
    margin-top: 50px;
    border-radius: 20px;
    position: relative;
    box-shadow: 0px 23px 55px -16px rgba(255, 248, 80, 0.6);
    border: 3px solid #00000000;
    transition: all 0.2s ease;
}

.dod_banner_red .vaz1, .dod_banner_yell .vaz1, .dod_banner_red .vaz2, .dod_banner_yell .vaz2 {
    color: #000000;
}


.dod_banner:hover, .dod_banner_yell:hover, .dod_banner_red:hover {
background: #ffffff;
    border: 3px solid #000000;
    transition: all 0.2s ease;
    box-shadow: none;
}

.dod_banner:hover .vaz1 {
    color: #000000;
    transition: all 0.2s ease;
} 

.dod_banner:hover .vaz2 {
    color: #000000;
    transition: all 0.2s ease;
}

.dod_banner:hover .vaz_ill, .dod_banner_yell:hover .vaz_ill, .dod_banner_red:hover .vaz_ill {
    border: 3px solid #000000;
    transition: all 0.2s ease;
}

.dod_banner a:hover, .dod_banner_yell a:hover, .dod_banner_red a:hover {
background: #2c40ff;
}

/* ÊÎÍÅÖ ÁÀÍÍÅÐ */

/* ÊÎÍÅÖ ÎÑÍÎÂÍÎÉ ÁËÎÊ */


/* ËÅÍÒÀ ÍÎÂÎÑÒÅÉ */

.glav_news {
    width: 1170px;
    margin: 0 auto;
    margin-top: -620px;
    position: relative;
    height: 550px;
    margin-bottom: 160px;
}

.zag_news {
    width: 1170px;
    display: block;
    margin: 0 auto;
    margin-top: 80px;
}



.polosa_news {
    height: 580px;
    background: #FF5050;
    width: 100%;
    margin-top: -5px;
    display: inline-block;
}

.lenta_news{ 
width: 1500px;
    background: aqua;
    height: 100px;
    z-index: 10000;
    display: inline-flex;
    overflow: scroll;
}

.lenta_news:hover {
  left: 10%;
  transition-duration: 2s;
  }
  
  
.newsid {
    width: 270px;
    min-width: 270px;
    height: 460px;
    background: #ffffff;
    border-radius: 20px;
    position: relative;
    margin-left: 15px;
    margin-right: 15px;
        margin-top: 4px;
}

.newsid:hover {
border: 4px solid #2c40ff;
margin-left: 11px;
    margin-right: 11px;
        margin-top: 0px;
}

.newsid:hover svg {
fill:#2c40ff;
}

.news_ill {
    position: absolute;
    top: 0;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    width: 270px;
}


.newsid p {
    margin: 0px;
    position: absolute;
    top: 330px;
    left: 30px;
    font-weight: 700;
    font-size: 13px;
    line-height: 172%;
    width: 240px;
text-transform: uppercase;
}

.newsid svg {
    display: block;
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 40px;
    fill:#C8C8C8;
}



.sami_news {
    width: 1350px;
    display: flex;
    justify-content: flex-start;
    overflow: auto;
    flex-direction: row;
          -ms-overflow-style: none;
      scrollbar-width: none;
}

.sami_news::-webkit-scrollbar {
      width: 0;
      height: 0;
}

.allnews {
    font-weight: 500;
    font-size: 12px;
    position: absolute;
    bottom: 0px;
    left: 15px;
    border: 2px solid #ffffff;
    width: 260px;
    display: flex;
    height: 50px;
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: 5px;
}

.allnews:hover {
border: 2px solid #2c40ff;
    color: #2c40ff;
}

/* ÊÎÍÅÖ ËÅÍÒÀ ÍÎÂÎÑÒÅÉ */

.polosa {
    height: 1px;
    width: 100%;
    margin-top: 0px;
    display: inline-block;
    background: #F5F5F5;
}

/* ÐÅÑÓÐÑÛ */


.res_glav {
    margin: 0 auto;
    margin-top: -60px;
    position: relative;
    height: 548px;
    display: flex;
    justify-content: flex-start;
    overflow-x: scroll;
    overflow-y: hidden;
    /* margin-right: 25px; */
    margin-bottom: -26px;
    width: 1170px;
}

.res_card {
    width: 1170px;
    min-width: 1170px;
    background: #000000;
    border-radius: 20px;
    height: 530px;
    position: relative;
    margin-left: 25px;
}



.res_card img {
    position: absolute;
    top: 0;
    left: 0;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    width: 824px;
    height: 530px;
}

.res_card h4 {
    position: absolute;
    right: 40px;
    color: #ffffff;
    top: 130px;
    width: 260px;
    font-weight: 600;
    font-size: 24px;
    line-height: 156.5%;
    margin: 0;
}

.res_card p {
    position: absolute;
    right: 40px;
    margin: 0;
    width: 260px;
    color: #ffffff;
    font-weight: 400;
    font-size: 16px;
    line-height: 171%;
    top: 230px;
}

/* ÊÎÍÅÖ ÐÅÑÓÐÑÛ */

/* ÏÎÄÂÀË */
footer {
    height: 420px;
    color: #727272;
    font-weight: 400;
    font-size: 15px;
    line-height: 171%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
    position: relative;
}

.footer_l {
    width: 585px;
    box-sizing: border-box;
    padding: 70px 0px;
}

.footer_r {
    width: 585px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding: 70px 0px;
}


.contacts {
    margin: 0;
    width: 50%;
}

.socs {
    display: flex;
    width: 50%;
    flex-wrap: wrap;
    position: relative;
    align-content: flex-start;
    justify-content: flex-end;
}


.socs p {
    margin: 0;
    margin-bottom: 12px;
    width: 215px;
    text-align: right;
}



.telega {
    background: #1B3FFF;
    border-radius: 10px;
    width: 82px;
    height: 82px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.telega img {
    width: 50px;
    margin-left: -5px;
}



.vk {
    background: #FF5050;
    border-radius: 10px;
    width: 82px;
    height: 82px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
}

.vk img {
    width: 50px;
}

.vk:hover, .telega:hover {
opacity: 0.5;
}

.sveden {
    display: flex;
    position: absolute;
    bottom: 26px;
    font-size: 12px;
    width: 385px;
    left: -293px;
    flex-wrap: nowrap;
    align-items: center;
    text-decoration: underline;
}


.sveden img {
    margin-right: 7px;
    width: 18px;
}

.footer_l iframe {
    border-radius: 20px;
        opacity: 0.8;
    filter: grayscale(100%);
}

.copyr {
    display: block;
    position: absolute;
    bottom: 0px;
    font-size: 12px;
    opacity: 0.8;
}


/* ÊÎÍÅÖ ÏÎÄÂÀË */


/* ÑÊÐÎËË */

.arrow-right {
    position: absolute;
    right: -50px;
    top: 170px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}



.arrow-left {
    position: absolute;
    left: -19px;
    top: 170px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.arrow-right svg {
margin-left: 7px;
    height: 33px;
}



.arrow-left svg {
margin-left: -7px;
    height: 33px;
}


.arrow-right2 {
    position: absolute;
    right: 0px;
    top: -340px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.arrow-left2 {
    position: absolute;
    left: 0px;
    top: -340px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.arrow-right2 svg {
margin-left: 7px;
    height: 33px;
}



.arrow-left2 svg {
margin-left: -7px;
    height: 33px;
}



.arrow-left3 {
    position: absolute;
    left: 0px;
    top: -510px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.arrow-right3 {
    position: absolute;
    right: 0px;
    top: -510px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.arrow-right3 svg {
margin-left: 7px;
    height: 33px;
}



.arrow-left3 svg {
margin-left: -7px;
    height: 33px;
}






.res_but {
    width: 1170px;
    margin: 0 auto;
    position: relative;
}

.knopakrug {
    width: 70px;
    height: 70px;
    z-index: 1;
    background-color: #2c40ff;
    border-radius: 50%;
}

.knopakrug:hover {
background-color: #000000;

}

/* ÊÎÍÅÖ ÑÊÐÎËË */


/* ÂÍÓÒÐÜ ÔÀÊÓËÜÒÅÒÀ */

/* ÂÍÓÒÐÅÍÍÅÅ ÌÅÍÞ */

#navnutr {
    width: 1170px;
    margin: 0 auto;
    margin-top: 0px;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    height: 200px;
    transition: all 0.5s ease;
}

#navnutr a {
    width: 280px;
    display: flex;
    justify-content: center;
    height: 50px;
    align-items: center;
    margin: 5px;
    background: #FF5050;
    border-radius: 5px;
    font-weight: 600;
    font-size: 16px;
    color: #ffffff;
    box-sizing: border-box;
    text-transform: uppercase;
}

#navnutr a:hover {
    background: #ffffff;
        border: 2px solid #000000;
        color: #000000;
}

.scrolled {
    position: fixed;
    z-index: 500;
    top: 69px;
    background: #F5F5F5;
    padding-top: 31px;
    border-bottom: 2px solid #C9C9C9;
    width: 100%!important;
    display: flex!important;
    justify-content: center!important;
    flex-wrap: nowrap!important;
    height: 51px!important;
    transition: all 0.5s ease;
}


.scrolled a {
    width: 139px!important;
    display: flex!important;
    justify-content: center!important;
    height: 30px!important;
    align-items: center!important;
    margin: 4px!important;
    text-transform: uppercase!important;
    border-radius: 3px!important;
    font-weight: 600!important;
    font-size: 10px!important;
    box-sizing: border-box!important;
}
/* ÊÎÍÅÖ ÂÍÓÒÐÅÍÍÅÅ ÌÅÍÞ */



/* ÎÏÈÑÀÍÈÅ ÐÀÇÄÅËÀ */

.main_prog {
    position: relative;
    width: 1170px;
    margin: 0 auto;
    height: 300px;
}


.main_prog h3 {
    margin: 0;
    position: absolute;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 60px;
    line-height: 122.5%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}


.main_prog h3 img {
    margin-left: 20px;
}


.main_prog p {
    margin: 0;
    position: absolute;
    top: 110px;
    width: 540px;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
}


/* ÊÎÍÅÖ ÎÏÈÑÀÍÈÅ ÐÀÇÄÅËÀ */

/*  ÏÐÎÃÐÀÌÌÀ */


.programm {
    position: relative;
    width: 1170px;
    margin: 0 auto;
}



.programm input {
    display: none;
}

.naz_prog {
    display: flex;
    cursor: pointer;
    background: #1B3FFF;
    border: 3px solid #1B3FFF;
    border-radius: 20px;
    margin-bottom: 11px;
    width: 570px;
    height: 97px;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    padding-left: 36px;
    text-transform: uppercase;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 22px;
    padding-right: 20px;
}

.ops_prog2 strong {
    color: #1B3FFF;
    text-transform: uppercase;
}

.ops_prog strong {
font-weight: bolder;
    color: #1B3FFF;
    text-transform: uppercase;
}

.ops_prog {
    display: none;
        position: absolute;
    right: 0;
    top: 0;
    background: #FFFFFF;
    border: 3px solid #1B3FFF;
    border-radius: 20px;
    height: 0;
    width: 570px;
    box-sizing: border-box;
    padding: 30px;
    color: #000000;
    font-size: 16px;
    line-height: 150%;
}

#tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4, #tab5:checked ~ #content5, #tab6:checked ~ #content6, #tab7:checked ~ #content7, #tab8:checked ~ #content8 { 
  display: block;
height: 100%;
} 

.programm input:checked + label {
background: #FFFFFF;
    color: #1B3FFF;

}


.naz_prog svg {
    min-width: 77px;
        fill: #ffffff;
}

.programm input:checked + .naz_prog svg {
fill: #1B3FFF;
}

.programm input:checked + .naz_prog .dlastrel{
width: -webkit-fill-available;
    background-image: url(/images/2023/stpal_blue2.png);
}

.dlastrel {
    display: block;
    width: 0px;
    height: 24px;
    background-image: url(/images/2023/stpal.png);
    margin-left: 20px;

}

.naz_prog:hover .dlastrel{
    width: -webkit-fill-available;
}


.naz_prog span {
min-width: fit-content;
}

.podrob_plan_a {
    display: block;
    margin-top: 20px;
    position: relative;
    width: 260px;
}

.podrob_plan_a span {
    background: #000000;
    border-radius: 5px;
    height: 40px;
    color: #ffffff;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 260px;
    font-weight: 500;
    font-size: 12px;
}

.podrob_plan_a img {
    position: absolute;
    width: 76px;
    right: -50px;
    top: 10px;
}

.podrob_plan_a:hover span {
background: #1B3FFF;
}


/*  ÊÎÍÅÖ ÏÐÎÃÐÀÌÌÀ */


/* ÏÐÎÅÊÒÛ È ÏÐÀÊÒÈÊÀ */


.pro_glav {
    margin: 0 auto;
    margin-top: -40px;
    position: relative;
    height: 550px;
    display: flex;
    justify-content: space-between;
    overflow: scroll;
    margin-right: 25px;
    margin-bottom: 150px;
   -ms-overflow-style: none;
    scrollbar-width: none;
}

.pro_card {
    width: 575px;
    min-width: 575px;
    background: #ffffff;
    height: 540px;
    position: relative;
    margin-left: 25px;
    border: 2px solid #000000;
    border-radius: 20px;
}


.pro_card img {
    position: absolute;
    top: 0px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    width: 575px;
    height: 323px;
}


    .pro_card h4 {
    position: absolute;
    left: 30px;
    color: #000000;
    top: 350px;
    width: 510px;
    font-weight: 600;
    font-size: 24px;
    line-height: 122%;
    margin: 0;
    text-transform: uppercase;
    min-height: 63px;
}



.pro_card p {
    position: absolute;
    left: 30px;
    margin: 0;
    width: 510px;
    color: #000000;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    top: 430px;
}

.pro_card:hover {
    border: 2px solid #2c40ff;
}


.pro_card:hover h4 {
    color: #2c40ff;
}


.pro_card:hover p {
color: #2c40ff;
}

/*  ÊÎÍÅÖ ÏÐÎÅÊÒÛ È ÏÐÀÊÒÈÊÀ*/

/* ÌÀÑÒÅÐ-ÊËÀÑÑ È ÌÀÑÒÅÐÑÊÈÅ*/ 

.masters_glav {
    display: flex;
    width: 1170px;
    margin: 0 auto;
    flex-wrap: nowrap;
    margin-bottom: 150px;
}

.masters-right {
    display: flex;
    width: 50%;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: flex-end;
    justify-content: flex-start;
    position: relative;
    height: 650px;
}

.masters-left {
    display: block;
    width: 50%;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: flex-end;
    justify-content: flex-start;
    position: relative;
    height: 650px;
}

.masters_card {
    margin-right: 15px;
    position: relative;
    width: 562px;
    height: 270px;
    margin-bottom: 30px;
    background: #FFFFFF;
    border-radius: 20px;
}

.masters-left .masters_card {
    margin-right: 15px;
}

.masters-right .masters_card {
    margin-left: 15px;
}

.masters_card img {
    width: 270px;
    height: 270px;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
}

.master_name {
    position: absolute;
    margin: 0;
    top: 60px;
    left: 300px;
    font-weight: 700;
    font-size: 14px;
    width: 239px;
    line-height: 172%;
    text-transform: uppercase;
}

.master_regal {
    margin: 0;
    position: absolute;
    top: 130px;
    left: 300px;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    width: 240px;
}

.masters_card svg {
    display: block;
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 40px;
    fill: #C8C8C8;
}

.masters_card:hover svg {

    fill: #2c40ff;
}

.masters-left .allmasters {
    display: flex;
    width: 250px;
    border: 2px solid #000000;
    border-radius: 5px;
    justify-content: center;
    height: 40px;
    align-items: center;
    position: absolute;
    right: 23px;
    bottom: 0;
}

.masters-right .allmasters {
    display: flex;
    width: 250px;
    border: 2px solid #000000;
    border-radius: 5px;
    justify-content: center;
    height: 40px;
    align-items: center;
    position: absolute;
    right: 16px;
    bottom: 0;
}


.allmasters:hover {
     border: 2px solid #1B3FFF;
     color: #1B3FFF;
}


/*  ÊÎÍÅÖ ÌÀÑÒÅÐ-ÊËÀÑÑ È ÌÀÑÒÅÐÑÊÈÅ*/ 


/* ÏÐÅÏÎÄÀÂÀÒÅËÈ */

.polosa_preps {
    height: 580px;
    background: #1B3FFF;
    width: 100%;
    margin-top: -5px;
    display: inline-block;
}

.preps_glav {
    display: flex;
    width: 1170px;
    margin: 0 auto;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: -620px;
    height: 560px;
    position: relative;
}

.preps_card {
    background: #ffffff;
    width: 270px;
    border-radius: 20px;
    height: 441px;
    position: relative;
}


.preps_card img {
    display: block;
    border-radius: 20px 20px 0px 0px;
    position: absolute;
    top: 0;
    width: 270px;
    height: 270px;
}


.preps_name {
    margin: 0;
    position: absolute;
    top: 300px;
    left: 30px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    width: 210px;
}

.preps_regal {
    display: block;
    position: absolute;
    left: 30px;
    top: 320px;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    width: 210px;
}

.allpreps {
    display: flex;
    width: 250px;
    border: 2px solid #ffffff;
    border-radius: 5px;
    justify-content: center;
    height: 40px;
    color: #ffffff;
    align-items: center;
    position: absolute;
    left: 0px;
    bottom: 10px;
}

.allpreps:hover {
     border: 2px solid #000000;
     color: #000000;
}

.preps_card:hover .preps_name, .preps_card:hover .preps_regal {
color: #1B3FFF;
}


/* ÊÎÍÅÖ ÏÐÅÏÎÄÀÂÀÒÅËÈ */


/* ÈÍÒÅÐÂÜÞ Ñ ÄÅÊÀÍÎÌ */

.main_dek {
    position: relative;
    width: 1170px;
    margin: 0 auto;
    margin-top: 160px;
}


.dek_card {
    position: relative;
    width: 910px;
    height: 330px;
    background: #ffffff;
    margin-top: 70px;
    border-radius: 20px;
}


.dek_card img {
    position: absolute;
    width: 330px;
    border-radius: 20px 0px 0px 20px;
}


.dek_card h4 {
    position: absolute;
    font-weight: 700;
    font-size: 22px;
    line-height: 127.5%;
    text-transform: uppercase;
    width: 510px;
    left: 370px;
    top: 30px;
    margin: 0;
}



.dek_card p {
    position: absolute;
    width: 510px;
    left: 370px;
    top: 112px;
    font-style: italic;
    font-weight: 300;
    font-size: 20px;
    line-height: 30px;
    margin: 0;
}



.main_dek h3 {
    margin: 0;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 60px;
    line-height: 122.5%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.main_dek  h3 img {
    margin-left: 20px;
}

.dek_card svg {
    display: block;
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 40px;
    fill: #C8C8C8;
}

.main_dek:hover svg {

    fill: #2c40ff;
}


/* ÊÎÍÅÖ ÈÍÒÅÐÂÜÞ Ñ ÄÅÊÀÍÎÌ */


/* ÏÎÐÒÔÎËÈÎ ÃËÀÂÍÀß */

.main_portf {
    position: relative;
    width: 1170px;
    margin: 0 auto;
    margin-top: 100px;
}

.main_portf h3 {
    margin: 0;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 60px;
    line-height: 122.5%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}


.portf_card {
    display: flex;
    width: 1170px;
    margin: 0 auto;
    flex-wrap: wrap;
    margin-top: 70px;
    align-items: flex-start;
    justify-content: space-between;
    height: 770px;
    align-content: flex-start;
}


.portf_card img {
    display: block;
    border-radius: 20px;
    margin-bottom: 24px;
    width: 277px;
}


.portf_card a {
    display: flex;
    width: 250px;
    border: 2px solid #000000;
    border-radius: 5px;
    justify-content: center;
    height: 40px;
    align-items: center;
    position: absolute;
    right: 0px;
    bottom: 0;
}


.portf_card a:hover {
     border: 2px solid #1B3FFF;
     color: #1B3FFF;
}

/* ÊÎÍÅÖ ÏÎÐÒÔÎËÈÎ ÃËÀÂÍÀß */

/* ÊÎÍÅÖ ÂÍÓÒÐÜ ÔÀÊÓËÜÒÅÒÀ */


/* ÏÐÈÅÌÍÀß ÊÎÌÈÑÑÈß */

main.priem {
    display: block;
    height: auto;
    position: relative;
    background: #F5F5F5;
    padding-bottom: 150px;
    padding-top: 130px;
}

.main_priem {
    position: relative;
    width: 1170px;
    margin: 0 auto;
    height: 220px;
}



.main_priem h1 {
    margin: 0;
    position: absolute;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 60px;
    line-height: 122.5%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}


.main_priem h1 img {
    margin-left: 20px;
}


.main_priem p {
    margin: 0;
    position: absolute;
    top: 110px;
    width: 560px;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
}

.main_priem p a {
color: #1B3FFF;
}
.main_priem p a:hover {
color: #FF5050;
}

.main_zag {
    position: relative;
    width: 1170px;
    margin: 0 auto;
    height: 110px;
}


.main_zag h3 {
    margin: 0;
    position: absolute;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 60px;
    line-height: 122.5%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.main_zag h3 img {
    margin-left: 20px;
}



.main_zag2 {
    position: relative;
    width: 1170px;
    margin: 0 auto;
    min-height: 420px;
}



.main_zag2 h3 {
    margin: 0;
    position: absolute;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 60px;
    line-height: 122.5%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}


.main_zag2 h3 img {
    margin-left: 20px;
}

#about_knops_top {
    position: absolute;
    top: 130px;
}


.main_zag2 p {
    margin: 0;
    position: absolute;
    top: 240px;
    width: 540px;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
}

/* ÂÍÓÒÐÅÍÍÅÅ ÌÅÍÞ ÏÐÈÅÌÊÀ*/


#navnutr_priem {
    width: 1170px;
    margin: 0 auto;
    margin-top: 0px;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    height: 200px;
    transition: all 0.5s ease;
}

#navnutr_priem a {
    width: 280px;
    display: flex;
    justify-content: center;
    height: 50px;
    align-items: center;
    margin: 5px;
    background: #1B3FFF;
    border-radius: 5px;
    font-weight: 600;
    font-size: 16px;
    color: #ffffff;
    box-sizing: border-box;
    text-transform: uppercase;
}

#navnutr_priem a:hover {
    background: #ffffff;
        border: 2px solid #000000;
        color: #000000;
}

.scrolled_priem {
    position: fixed;
    z-index: 500;
    top: 69px;
    background: #F5F5F5;
    padding-top: 31px;
    border-bottom: 2px solid #C9C9C9;
    width: 100%!important;
    display: flex!important;
    justify-content: center!important;
    flex-wrap: nowrap!important;
    height: 51px!important;
    transition: all 0.5s ease;
}


.scrolled_priem a {
    width: 226px!important;
    display: flex!important;
    justify-content: center!important;
    height: 30px!important;
    align-items: center!important;
    margin: 4px!important;
    text-transform: uppercase!important;
    border-radius: 3px!important;
    font-weight: 600!important;
    font-size: 10px!important;
    box-sizing: border-box!important;
}
/* ÊÎÍÅÖ ÂÍÓÒÐÅÍÍÅÅ ÌÅÍÞ ÏÐÈÅÌÊÀ */


/*  ÐÀÑÊÐÛÂÀÞÙÈÅÑß ÁËÎÊÈ ÏÐÈÅÌÊÀ È ÎÁ ÈÍÑÒÈÒÓÒÅ */


.programm2 {
    width: 1170px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin-bottom: 130px;
}


.programm2 input {
    display: none;
}

.naz_prog2 {
    display: flex;
    cursor: pointer;
    background: #1B3FFF;
    border: 3px solid #1B3FFF;
    border-radius: 20px;
    margin-bottom: 11px;
    width: 570px;
    height: 97px;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    padding-left: 36px;
    text-transform: uppercase;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 22px;
    padding-right: 20px;
    position: relative;
}


.ops_prog2 {
    display: none;
    background: #FFFFFF;
    border: 3px solid #1B3FFF;
    border-radius: 20px;
    height: 0;
    width: 1170px;
    box-sizing: border-box;
    padding: 30px;
    color: #000000;
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 12px;
}

.ops_prog2 a {
color: #1B3FFF;
    text-decoration: underline;
}

.ops_prog2 a:hover {
color: #FF5050;
}

#tab_01:checked ~ #content_01, #tab_02:checked ~ #content_02, #tab_03:checked ~ #content_03, #tab_04:checked ~ #content_04, #tab_05:checked ~ #content_05, #tab_06:checked ~ #content_06, #tab_07:checked ~ #content_07, #tab_08:checked ~ #content_08 { 
  display: block;
height: 100%;
transition: all 0.5s ease;
} 

.programm2 input:checked + label {
background: #FFFFFF;
    color: #1B3FFF;
    transition: all 0.5s ease;

}


.naz_prog2 svg {
    min-width: 77px;
    stroke: #ffffff;
	width:17px;
	height:33px;
	 transition: all 0.5s ease;
}


.programm2 input:checked + .naz_prog2 svg {
    rotate: 90deg;
    stroke: #1a3fff;
     transition: all 0.5s ease;
}

.programm input:checked + .naz_prog .dlastrel{
width: -webkit-fill-available;
    background-image: url(/images/2023/stpal_blue2.png);
}

.dlastrel2 {
    display: block;
    width: 0px;
    height: 24px;
    background-image: url(/images/2023/stpal.png);
    margin-left: 20px;

}

.naz_prog2:hover .dlastrel{
    width: -webkit-fill-available;
}


.naz_prog2 span {
min-width: fit-content;
}

.podrob_plan_a2 {
    display: block;
    margin-top: 20px;
    position: relative;
    width: 260px;
}

.podrob_plan_a2 span {
    background: #000000;
    border-radius: 5px;
    height: 40px;
    color: #ffffff;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 260px;
    font-weight: 500;
    font-size: 12px;
}

.podrob_plan_a2 img {
    position: absolute;
    width: 76px;
    right: -50px;
    top: 10px;
}

.podrob_plan_a2:hover span {
background: #1B3FFF;
}


.ops_knops {
    color: #ffffff!important;
    width: fit-content;
    padding: 0 30px;
    background: #1B3FFF;
    border-radius: 5px;
    box-sizing: border-box;
    height: 42px;
    display: inline-flex;
    align-items: center;
    text-decoration: none!important;
    margin-right: 30px;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
}

.ops_knops:hover {
background:#FF5050;
}

/*  ÊÎÍÅÖ ÐÀÑÊÐÛÂÀÞÙÈÅÑß ÁËÎÊÈ ÏÐÈÅÌÊÀ È ÎÁ ÈÍÑÒÈÒÓÒÅ */


/* ÊÀÐÒÎ×ÊÈ ÔÀÊÓËÜÒÅÒΠ ÏÐÈÅÌÊÅ */

.main_facs {
    display: flex;
    margin: 0 auto;
    width: 1170px;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 130px;
    margin-top: 80px;
}



.facs_card {
    background: #ffffff;
    width: 560px;
    box-shadow: 0px 21px 46px -10px rgba(27, 63, 255, 0.19);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}


.facs_card h2 {
    display: flex;
    margin: 0;
    background: #1B3FFF;
    height: 17px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 30px;
    align-items: center;
}

.facs_card h2 span {
    display: block;
    min-width: fit-content;
    font-weight: 600;
    font-size: 24px;
    color: #ffffff;
}

.facs_ills {
    display: block;
    width: 560px;
    height: 290px;
    object-fit: cover;
}

.diz_card .facs_ills {
    object-position: center;
}


.facs_exs {
    display: block;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
}

.facs_card p {
    /* display: flex; */
    justify-content: space-around;
    align-content: center;
    align-items: center;
    /* margin: 0; */
    margin-bottom: 20px;
    margin-left: 30px;
    margin-right: 30px;
    /* border-bottom: 2px solid #DFDFDF; */
    /* padding-bottom: 20px; */
}

.facs_card p span {
    display: block;
    width: 129px;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
}

.noborder {
    border: 0px!important;
}

.facs_svg {
    display: block;
    margin: 15px;
}

.facs_gif {
    display: block;
    width: 110px;
    margin-left: 10px;
    margin-top: -39px;
}

.foto_card h2 {
background: #FF5050;
}

.foto_card .facs_gif {
    width: 147px;
    margin-left: -23px;
    margin-top: -42px;
}



/* ÊÎÍÅÖ ÊÀÐÒÎ×ÊÈ ÔÀÊÓËÜÒÅÒΠ ÏÐÈÅÌÊÅ */


/* ÝÒÀÏÛ ÏÎÑÒÓÏËÅÍÈß */

.main_etaps {
    display: block;
    width: 1170px;
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 100px;
    margin-top: 40px;
}

.main_etaps div {
    position: relative;
    width: 280px;
    height: 240px;
    padding: 50px;
    box-sizing: border-box;
    background: #1B3FFF;
    box-shadow: 0px 21px 43px rgba(27, 63, 255, 0.2);
    border-radius: 20px;
    color: #ffffff;
    font-weight: 400;
    font-size: 18px;
    line-height: 130%;
    padding-top: 56px;
}


.main_etaps div p {
    display: flex;
    margin: 0;
    position: absolute;
    background: #000000;
    width: 70px;
    border-radius: 50%;
    height: 70px;
    align-items: center;
    justify-content: center;
    top: -34px;
    left: 104px;
}

/* ÊÎÍÅÖ ÝÒÀÏÛ ÏÎÑÒÓÏËÅÍÈß */


/* ÂÎÏÐÎÑ ÏÐÈÅÌÍÎÉ ÊÎÌÈÑÑÈÈ */

.priem_vopros {
    width: 500px!important;
position: relative!important;
}

.priem_vopros img {
    display: block;
    position: absolute;
    width: 90px;
    right: -30px;
    bottom: -24px;
}

.vopros_form {
    margin: 0 auto;
    width: 1170px;
    margin-bottom: 130px;
}

.priem_vopros_zag {
    min-height: 250px!important;

}
/* ÊÎÍÅÖ ÂÎÏÐÎÑ ÏÐÈÅÌÍÎÉ ÊÎÌÈÑÑÈÈ */


/* ÊÎÍÒÀÊÒÛ ÏÐÈÅÌÍÎÉ ÊÎÌÈÑÑÈÈ */

.contacts_ops {
    width: 720px!important;
}
.contacts_ops a {
    text-decoration: underline!important;
color: #1a3fff;
    }
    
    .contacts_ops a:hover {
    text-decoration: none!important;
    }
    


/* ÊÎÍÅÖ ÊÎÍÒÀÊÒÛ ÏÐÈÅÌÍÎÉ ÊÎÌÈÑÑÈÈ */

/* ÊÎÍÅÖ ÏÐÈÅÌÍÀß ÊÎÌÈÑÑÈß */




/* ÎÁ ÈÍÑÒÈÒÓÒÅ */

main.about {
    display: block;
    height: auto;
    position: relative;
    background: #F5F5F5;
    padding-bottom: 150px;
    padding-top: 130px;
}

.main_about {
    position: relative;
    width: 1170px;
    margin: 0 auto;
    height: 420px;
}

.main_about h1 {
    margin: 0;
    position: absolute;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 60px;
    line-height: 122.5%;
    flex-wrap: nowrap;
    width: 970px;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: center;
}


.main_about h1 img {
    margin-left: 20px;
}


.main_about p {
    margin: 0;
    position: absolute;
    top: 180px;
    width: 900px;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
}

.main_zag3 {
    position: relative;
    width: 1170px;
    margin: 0 auto;
    height: 50px;
    margin-top: 130px;
}

.main_zag3 h3 {
    margin: 0;
    position: absolute;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 60px;
    line-height: 122.5%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.main_zag3 h3 img {
    margin-left: 20px;
}

/* ÊÍÎÏÊÈ ÎÁ ÈÍÑÒÈÒÓÒÅ */

.about_knops {
    width: 1170px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    position: relative;
}


.about_knops a {
    color: #ffffff!important;
    width: 343px;
    background: #1B3FFF;
    border-radius: 5px;
    box-sizing: border-box;
    height: 50px;
    display: inline-flex;
    align-items: center;
    text-decoration: none!important;
    margin-right: 20px;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 20px;
    justify-content: center;
}

#lezeboka {
    display: block;
    position: absolute;
    right: 393px;
    top: -26px;
    width: 100px;
}

.about_knops a:hover {
    background: #FF5050;
}


/* ÊÎÍÅÖ ÊÍÎÏÊÈ ÎÁ ÈÍÑÒÈÒÓÒÅ */

/*  ÂÈÄÅÎ ÎÁ ÈÍÑÒÈÒÓÒÅ */
    .about_video {
    margin: 0 auto;
    width: 1170px;
    margin-bottom: 130px;
        margin-top: 30px;
    }
    
.about_video iframe {
    width: 1170px;
    height: 659px;
    border-radius: 20px;
}
    
/*  ÊÎÍÅÖ ÂÈÄÅÎ ÎÁ ÈÍÑÒÈÒÓÒÅ */

/* ÑËÀÉÄÅÐ */


.slider {
    position: relative;
    max-width: 1170px;
    margin: 50px auto;
    background: #F5F5F5;
}

.slider input[name="switch"] {
  display: none;
}

.switch {
    position: absolute;
    left: 0;
    bottom: -60px;
    text-align: center;
    width: 100%;
}

.switch label {
    display: inline-block;
    width: 40px;
    height: 40px;
    cursor: pointer;
    margin: 0 3px;
    border-radius: 50%;
    border: 1px solid #000000;
    background-color: #ffffff;
}

#btn1:checked~.switch label[for="btn1"] {
    background-color: #FF5050;
}

#btn2:checked~.switch label[for="btn2"] {
    background-color: #FF5050;
}

#btn3:checked~.switch label[for="btn3"] {
    background-color: #FF5050;
}

#btn4:checked~.switch label[for="btn4"] {
    background-color: #FF5050;
}

#btn5:checked~.switch label[for="btn5"] {
    background-color: #FF5050;
}
#btn6:checked~.switch label[for="btn6"] {
    background-color: #FF5050;
}
#btnX7:checked~.switch label[for="btn7"] {
    background-color: #FF5050;
}
#btn8:checked~.switch label[for="btn8"] {
    background-color: #FF5050;
}
#btn9:checked~.switch label[for="btn9"] {
    background-color: #FF5050;
}
#btn10:checked~.switch label[for="btn10"] {
    background-color: #FF5050;
}
#btn11:checked~.switch label[for="btn11"] {
    background-color: #FF5050;
}
#btn12:checked~.switch label[for="btn12"] {
    background-color: #FF5050;
}
#btn13:checked~.switch label[for="btn13"] {
    background-color: #FF5050;
}
#btn14:checked~.switch label[for="btn14"] {
    background-color: #FF5050;
}
#btn15:checked~.switch label[for="btn15"] {
    background-color: #FF5050;
}

.slider-inner {
  overflow: hidden;
  border-radius: 20px;
  
}

.slides {
  display: flex;
  width: 100%;
  transition: all 1s;
}

.slides img {
  width: 100%;
  flex-shrink:0;
}

#btn1:checked~slider-inner slides {
  transform: translate(0);
}

#btn2:checked~.slider-inner .slides {
  transform: translateX(-100%);
}

#btn3:checked~.slider-inner .slides {
  transform: translateX(-200%);
}

#btn4:checked~.slider-inner .slides {
  transform: translateX(-300%);
}

#btn5:checked~.slider-inner .slides {
  transform: translateX(-400%);
}

#btn6:checked~.slider-inner .slides {
  transform: translateX(-500%);
}

#btn7:checked~.slider-inner .slides {
  transform: translateX(-600%);
}

#btn8:checked~.slider-inner .slides {
  transform: translateX(-700%);
}

#btn9:checked~.slider-inner .slides {
  transform: translateX(-800%);
}

#btn10:checked~.slider-inner .slides {
  transform: translateX(-900%);
}

#btn11:checked~.slider-inner .slides {
  transform: translateX(-1000%);
}

#btn12:checked~.slider-inner .slides {
  transform: translateX(-1100%);
}

#btn13:checked~.slider-inner .slides {
  transform: translateX(-1200%);
}

#btn14:checked~.slider-inner .slides {
  transform: translateX(-1300%);
}

#btn15:checked~.slider-inner .slides {
  transform: translateX(-1400%);
}

/* ÊÎÍÅÖ ÑËÀÉÄÅÐ */

.main_etaps div img {
position: absolute;
    width: 100px;
}


#tans_1 {
    right: 10px;
    bottom: -30px;
}

#tans_2{
right: 10px;
    bottom: -34px;
}

#tans_3 {
    right: -40px;
    bottom: -34px;
}

.lic_butt {
    color: #ffffff!important;
    width: 323px;
    /* padding: 0 30px; */
    background: #1B3FFF;
    border-radius: 5px;
    box-sizing: border-box;
    height: 50px;
    display: inline-flex;
    align-items: center;
    text-decoration: none!important;
    margin-right: 30px;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 30px;
    position: absolute;
    right: 185px;
    top: 150px;
    justify-content: center;
}

.dvaz_ruk {
    transform: scaleX(-1) rotate(115deg);
    width: 70px;
    right: 10px;
    top: -30px;
    position: absolute;

}

input:checked + .naz_prog2 .dvaz_ruk {
display: none;
}

.contacts_maps {
    margin: 0 auto;
    width: 1170px;
    margin-bottom: 130px;
    margin-top: 30px;
}


.contacts_maps iframe {
    height: 370px!important;
    border: 2px solid #000000;
    border-radius: 20px;
}



/* ÊÎÍÅÖ ÎÁ ÈÍÑÒÈÒÓÒÅ */

.mkik img {
    border-radius: 10px;
    width: 183px;
    margin-bottom: 13px;
}

.mkik:hover {
    opacity: 0.5;
}

.pred_mkik {
    margin-top: 21px!important;
}

.dod_banner_tifani {
    width: 1170px;
    height: 275px;
    background: #78BCC1;
    margin-top: 50px;
    border-radius: 20px;
    position: relative;
    box-shadow: 0px 23px 55px -16px rgba(120, 188, 193, 0.6);
    border: 3px solid #00000000;
    transition: all 0.2s ease;
}

dod_banner_tifani:hover .vaz1 {
    color: #000000;
    transition: all 0.2s ease;
} 

.dod_banner_tifani .vaz2, .dod_banner_tifani .vaz1 {
    color: #000000;
}

.dod_banner_tifani:hover {
background: #ffffff;
    border: 3px solid #000000;
    transition: all 0.2s ease;
    box-shadow: none;
}

.dod_banner_tifani a:hover {
background: #2c40ff;
}

.dod_banner_tifani span {
    font-weight: 500;
    font-size: 12px;
    position: absolute;
    top: 186px;
    left: 30px;
    width: 220px;
    display: flex;
    height: 50px;
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: 5px;
    background: #000000;
}

.dod_banner_tifani:hover .vaz_ill {
    border: 3px solid #000000;
    transition: all 0.2s ease;
}

.academ {
    background: #8D8D8D;
    box-shadow: 0px 23px 55px -16px rgba(108, 108, 108, 0.5);
}


.academ .vaz1, .academ .vaz2 {
    color: #ffffff;
}


.academ:hover .vaz1, .academ:hover .vaz2 {
    color: #000000;
}


.vaz2 {
    width: 550px;
}

#zaoknop {
    background: #000000;
}

#zaoknop:hover {
background: #FF5050;
}

.facs_card p a {
color: #FF5050;
}

.facs_card p a:hover {
color: #000000;
}

#zayaknop {
background: #FF5050;
}

#zayaknop:hover {
    background: #1B3FFF;
}



#zayaknop_skvozz {
    color: #ffffff!important;
    width: 315px;
    background: #FF5050;
    border-radius: 5px;
    box-sizing: border-box;
    height: 60px;
    display: inline-flex;
    align-items: center;
    text-decoration: none!important;
    margin-right: 15px;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 15px;
    justify-content: center;
    position: fixed;
    bottom: 42px;
    left: 46px;
    opacity: 0.8;
    z-index: 100;
    border: 2px solid white;
}


#zayaknop_skvozz:hover {
    background: #1B3FFF;
opacity: 1;
}

.vaz_ruk_at_2 {
    width: 69px;
    position: absolute;
    bottom: 50px;
    left: -10px;
    transform: scaleX(-1) rotate(120deg);
    z-index: 101;
    opacity: 0.8;
}

#zayaknop_skvozz:hover .vaz_ruk_at_2 {
display: none;
}


.podpiska {
    display: flex;
    width: 1170px;
    margin: 40px auto;
    align-content: flex-start;
    justify-content: center;
}

.podpiska div {
    height: 240px;
    padding: 40px 40px;
    box-sizing: border-box;
    width: 585px;
}

#podpis1 {
    background: #1B3FFF;
    border-radius: 20px 0 0 20px;
}

#podpis1 h4 {
    margin: 0;
    color: white;
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 30px;
}

#podpis1 p {
    margin-top: 2px;
    margin: 0;
    margin-top: 8px;
    font-size: 16px;
    color: white;
    padding: 0;
    width: fit-content;
    font-weight: normal;
}

#podpis1 a {
    display: flex;
    background: #000000;
    width: 180px;
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
    padding: 13px;
    border-radius: 5px;
    margin-left: auto;
    align-items: center;
    cursor: pointer;
    justify-content: center;
    margin-top: 15px;
    text-transform: uppercase;
}

#podpis1 a:hover {
color: #1B3FFF;
}

#podpis2 {
    background: #FF5050;
    position: relative;
    border-radius: 0 20px 20px 0;
}

#podpis2 h4 {
    margin: 0;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 20px;
    line-height: normal;
    width: 380px;
}


#podpis2 p {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: #6e41cd;
    width: 100px;
    margin: 0;
    margin-top: 30px;
}

#podpis_strela {
    position: absolute;
    left: 120px;
    width: 70px;
    bottom: 40px;
}

#podpis_vk {
    display: flex;
    position: absolute;
    width: 55px;
    height: 55px;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    right: 115px;
    bottom: 40px;
}



#podpis_vk img {
    width: 60px;
}




#podpis_tel {
    display: flex;
    position: absolute;
    width: 55px;
    height: 55px;
    /* background: #915cff; */
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    right: 40px;
    bottom: 40px;
    /* box-shadow: 4px 9px 19.5px 0px #8AC93A; */
}

#podpis_tel img {
    width: 60px;
}

#podpis_vk:hover img, #podpis_tel:hover img{
filter: opacity(0.6);
}

#podpis_vk:hover, #podpis_tel:hover{
box-shadow: none;
}

#podpis1 h4 img, #podpis2 h4 img {

    height: 15px;
}

.ops_prog2 iframe {
border-radius: 20px;
}



/* End */


/* Start:/bitrix/templates/2023_glav_copy_copy_copy_copy/template_styles.css?175085404233538*/
@media all and (max-width: 980px) {

.logo img {
    width: 135px;
    margin-top: 7px;
}

.logo {
    background-color: #1B3FFF;
    width: 129px;
    height: 115px;
    text-align: center;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    transition: all 0.3s ease;
    position: absolute;
    left: 16px;
    top: 0;
}

.logo:hover {
    height: inherit;
    transition: none;
    background-color: #1B3FFF;
}

/*  ÌÎÁÈËÜÍÎÅ ÌÅÍÞ */

.mobile-menu {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 33px;
    top: 0;
    background-color: #000;
    left: 0;
    right: 0;
    height: 100px;
    z-index: 9999999;
    width: 660px;
    box-sizing: border-box;
}

.mobile-menu__btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 30px;
  cursor: pointer;
  transition: .4s;
}
.mobile-menu__icon {
    display: block;
    position: relative;
    background: #ffffff;
    width: 90%;
    height: 4px;
    transition: .4s;
    transform: scale(1.5);
}
.mobile-menu__icon::after, .mobile-menu__icon::before {
    content: "";
    display: block;
    position: absolute;
    background: #ffffff;
    width: 100%;
    height: 4px;
    transition: .4s;
}
.mobile-menu__icon::after {
  top: 8px;
}
.mobile-menu__icon::before {
  top: -8px;
}
.mobile-menu__container {
    position: fixed;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 89px;
    left: 0;
    right: 0;
    z-index: 999;
    height: 0;
    opacity: 1;
    transition: .5s;
    overflow: hidden;
    background-color: #1a3fff;
}
.mobile-menu__list {
  transition: .5s;
  list-style: none;
  padding-left: 0;
  margin-top: -50px;
}
.mobile-menu__item {
    font-size: 26px;
    /* padding-bottom: 55px; */
    margin-bottom: 35px;
    /* border-bottom: #c7c7c7 solid 1px;*/
    padding-bottom: 31px;
}


.mobile-menu__item:last-child {
border: none;
}



.mobile-menu__link {
    text-decoration: none;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 500;
}
.mobile-menu__checkbox {
  display: none;
}
.mobile-menu__checkbox:checked ~ .mobile-menu__nav {
  opacity: 1;
}
.mobile-menu__checkbox:checked ~ .mobile-menu__container {
  height: 100%;
}
.mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon {
  background: transparent;
}
.mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon::before, .mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon::after {
  top: 0;
}
.mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon::after {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon::before {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

/*  ÊÎÍÅÖ ÌÎÁÈËÜÍÎÅ ÌÅÍÞ */



body {
    background: inherit;
}

.fixed {
    display: none;
}


header {
    background: black;
    height: 1132px;
    padding-top: 0;
    width: 660px;
}

header section {
    width: 660px;
    margin: 0 auto;
    position: relative;
    height: 1132px;
}

header h1 {
    margin: 0;
    color: #ffffff;
    font-style: normal;
    font-weight: 600;
    font-size: 70px;
    line-height: 122.5%;
    top: 158px;
    left: 30px;
    position: absolute;
    width: 600px;
}


header p {
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 150.5%;
    color: #ffffff;
    margin: 0;
    position: absolute;
    top: 447px;
    width: 600px;
    left: 30px;
}

header a {
    font-weight: 500;
    font-size: 16px;
    position: absolute;
    top: 600px;
    border: 2px solid #ffffff;
    width: 405px;
    display: flex;
    height: 60px;
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: 5px;
    left: 30px;
}

header .main_video {
    width: 660px;
    height: 439px;
    position: absolute;
    right: 0;
    bottom: -23px;
    z-index: 50;
}

header video {
    object-fit: cover;
    position: absolute;
    width: 657px;
    height: 438px;
}

.video_fon {
    background-image: url(/images/2023/ram.svg);
    width: 660px;
    height: 440px;
    position: absolute;
    background-position-y: -1px;
    background-repeat: no-repeat;
}

main {
    display: block;
    height: fit-content;
    position: relative;
    background: #F5F5F5;
    width: 660px;
    margin-top: 0px;
    padding-top: 30px;

}

.glav_bl {
    width: 660px;
    margin: 0 auto;
    padding-top: 50px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: column;
}

#facleft {
    background: #000000;
    background-image: url(/images/2023/diz24.jpeg);
    background-repeat: no-repeat;
    background-size: contain;
}

.fac h2 {
    margin: 0;
    font-weight: 600;
    font-size: 38px;
    line-height: 32px;
}

#facright {
    background: #000000;
    background-image: url(/images/2023/foto.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}

.fac {
    width: 660px;
    height: 467px;
    border-radius: 20px;
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    color: #ffffff;
    font-weight: 600;
    font-size: 24px;
    box-sizing: border-box;
    padding-bottom: 33px;
    padding-left: 30px;
    margin-bottom: 40px;
}

#facleft:hover .dlastrel {
    width: inherit;
    transition: none;
}
#facright:hover .dlastrel {
    width: inherit;
    transition: none;
}

#facleft:hover {
    background: inherit;
    transition: none;
}

#facright:hover {
    background: inherit;
    transition: none;
}


.dod_banner {
    width: 660px;
    height: 855px;
    background: #1B3FFF;
    margin-top: 50px;
    border-radius: 20px;
    position: relative;
    box-shadow: 0px 23px 55px -16px rgba(27, 63, 255, 0.6);
    border: 4px solid #00000000;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.vaz1 {
    font-weight: 600;
    font-size: 38px;
    line-height: 46px;
    color: #ffffff;
    position: absolute;
    top: 30px;
    left: 30px;
}


.vaz2 {
    font-weight: 400;
    font-size: 28px;
    line-height: 38px;
    color: #ffffff;
    position: absolute;
    top: 190px;
    left: 30px;
    width: 590px;
}

.dod_banner span, .dod_banner_yell span, .dod_banner_red span {
    font-weight: 500;
    font-size: 26px;
    position: absolute;
    top: 360px;
    left: 30px;
    width: 591px;
    display: flex;
    height: 87px;
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: 5px;
    background: #000000;
}


.vaz_ill {
    position: absolute;
    right: inherit;
    left: 30px;
    top: inherit;
    bottom: 30px;
    border-top-left-radius: 187px;
    border: 4px solid #00000000;
    width: 590px;
}

.vaz_ruk {
    position: absolute;
    top: 390px;
    left: inherit;
    right: 20px;
    width: 120px;
}


.zag_news {
    width: 660px;
    margin-top: 150px;
}

.polosa_news {
    height: 770px;
    background: #FF5050;
    width: 100%;
    margin-top: 75px;
    display: inline-block;
}


.glav_news {
    width: 660px;
    margin: 0 auto;
    margin-top: -880px;
    position: relative;
    height: 890px;
}

.sami_news {
    width: 660px;
    display: flex;
    justify-content: flex-start;
    overflow: auto;
    flex-direction: row;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.newsid {
    width: 450px;
    min-width: 400px;
    height: 660px;
    background: #ffffff;
    border-radius: 20px;
    position: relative;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 4px;
}

.news_ill {
    position: absolute;
    top: 0;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    width: 450px;
}

.newsid p {
    margin: 0px;
    position: absolute;
    top: 470px;
    left: 30px;
    font-weight: 700;
    font-size: 22px;
    line-height: 172%;
    width: 390px;
}

.newsid svg {
    display: block;
    position: absolute;
    right: 0px;
    bottom: 20px;
    width: 100px!important;
    height: 37px;
    fill: #C8C8C8;
}

.allnews {
    font-weight: 500;
    font-size: 22px;
    position: absolute;
    bottom: 70px;
    left: 140px;
    border: 2px solid #ffffff;
    width: 400px;
    display: flex;
    height: 80px;
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: 5px;
}


.knopakrug {
    width: 70px;
    height: 70px;
    z-index: 1;
    background-color: #2c40ff;
    border-radius: 50%;
    display: none;
}

.res_glav {
    margin: 0 auto;
    margin-top: -41px;
    position: relative;
    height: 919px;
    display: flex;
    justify-content: flex-start;
    overflow-x: scroll;
    overflow-y: hidden;
    margin-right: 25px;
    width: 660px;
}

.res_card {
    width: 600px;
    min-width: 600px;
    background: #000000;
    border-radius: 20px;
    height: 920px;
    position: relative;
    margin-left: 15px;
}


.res_card img {
    position: absolute;
    top: 0;
    left: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0px;
    width: 600px;
    height: 386px;
    object-fit: cover;
}

.res_card h4 {
    position: absolute;
    right: inherit;
    left: 30px;
    color: #ffffff;
    top: 470px;
    width: 550px;
    font-weight: 600;
    font-size: 36px;
    line-height: 50px;
    margin: 0;
}

.res_card p {
    position: absolute;
    right: inherit;
    left: 30px;
    margin: 0;
    width: 546px;
    color: #ffffff;
    font-weight: 400;
    font-size: 26px;
    line-height: 39px;
    top: 600px;
}

.res_card {
    width: 600px;
    min-width: 600px;
    background: #000000;
    border-radius: 20px;
    height: 920px;
    position: relative;
    margin-left: 15px;
}


.res_but {
    width: 600px;
    margin: 0 auto;
    position: relative;
    display: none;
}

.glav_sobs {
    width: 660px;
    margin: 0 auto;
    margin-top: -90px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.dod_banner_yell {
    width: 660px;
    height: 855px;
    background: #FFF850;
    margin-top: 50px;
    border-radius: 20px;
    position: relative;
    box-shadow: 0px 23px 55px -16px rgba(255, 248, 80, 0.6);
    border: 4px solid #00000000;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.dod_banner_red {
    width: 660px;
    height: 855px;
background: #E969E4;
    margin-top: 50px;
    border-radius: 20px;
    position: relative;
box-shadow: 0px 23px 55px -16px rgba(233, 105, 228, 0.6);
    border: 4px solid #00000000;
    transition: all 0.2s ease;
}

footer {
    height: 1350px;
    width: 660px;
    color: #727272;
    font-weight: 400;
    font-size: 24px;
    line-height: 171%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
    background: #000000;
}

.footer_l {
    width: 660px;
    box-sizing: border-box;
    padding: 70px 0px 40px 0px;
}

.footer_l iframe {
    border-radius: 20px;
    opacity: 0.8;
    filter: grayscale(100%);
    width: 600px;
    margin-left: 30px;
    height: 300px;
}

.footer_r {
    width: 660px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding: 0 30px;
    flex-direction: column;
}

.contacts {
    margin: 0;
    width: 600px;
    height: 320px;
}

.socs {
    display: flex;
    width: 400px;
    flex-wrap: wrap;
    position: relative;
    align-content: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    margin-top: 40px;
}

.socs p {
    margin: 0;
    margin-bottom: 12px;
    width: 600px;
    text-align: left;
}


.telega {
    background: #1B3FFF;
    border-radius: 10px;
    width: 102px;
    height: 102px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.vk {
    background: #FF5050;
    border-radius: 10px;
    width: 102px;
    height: 102px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 40px;
}


.sveden {
    display: flex;
    position: inherit;
    bottom: -10px;
    font-size: 14px;
    width: 385px;
    left: 0px;
    margin-top: 30px;
    flex-wrap: nowrap;
    align-items: center;
    text-decoration: underline;
}

#navnutr {
    width: 1170px;
    margin: 0 auto;
    margin-top: 0px;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    height: 200px;
    transition: all 0.5s ease;
    display: none;
}


.main_prog {
    position: relative;
    width: 660px;
    margin: 0 auto;
    height: 360px;
    margin-top: 50px;
}

.main_prog h3 {
    margin: 0;
    position: absolute;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 52px;
    line-height: 61px;
    display: block;
    flex-wrap: inherit;
    width: 600px;
    margin-left: 30px;
    align-items: center;
    text-align: left;
}


.main_prog h3 img {
    margin-left: 20px;
    width: 60px;
}

.main_prog p {
    margin: 0;
    position: absolute;
    top: 150px;
    width: 600px;
    margin-left: 30px;
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
}


.programm {
    position: relative;
    width: 660px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}


.naz_prog {
    display: flex;
    cursor: pointer;
    background: #1B3FFF;
    border: 3px solid #1B3FFF;
    border-radius: 20px;
    margin-bottom: 11px;
    width: 660px;
    height: 97px;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    padding-left: 36px;
    text-transform: uppercase;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 24px;
    padding-right: 20px;
}


.ops_prog {
    display: none;
    position: inherit;
    right: 0;
    top: 0;
    background: #FFFFFF;
    border: 3px solid #1B3FFF;
    border-radius: 20px;
    height: 0;
    width: 660px;
    box-sizing: border-box;
    padding: 30px;
    color: #000000;
    font-size: 24px;
    line-height: 150%;
    margin-bottom: 14px;
}
.scrolled {
display: none!important;
}

.podrob_plan_a span {
    background: #000000;
    border-radius: 5px;
    height: 80px;
    color: #ffffff;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 600px;
    font-weight: 500;
    font-size: 20px;
}

.podrob_plan_a {
    display: block;
    margin-top: 20px;
    position: relative;
    width: 600px;
}

.podrob_plan_a img {
    position: absolute;
    width: 96px;
    right: 0px;
    top: 38px;
}

.pro_glav {
    margin: 0 auto;
    margin-top: -40px;
    position: relative;
    height: 600px;
    display: flex;
    justify-content: space-between;
    overflow: scroll;
    margin-right: 25px;
    margin-bottom: 150px;
    width: 660px;
}

.pro_card {
    width: 560px;
    min-width: 560px;
    background: #ffffff;
    height: 590px;
    position: relative;
    margin-left: 30px;
    border: 2px solid #000000;
    border-radius: 20px;
}

.pro_card img {
    position: absolute;
    top: 0px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    width: 560px;
    height: 316px;
    object-fit: contain;
}

.pro_card h4 {
    position: absolute;
    left: 30px;
    color: #000000;
    top: 350px;
    width: 430px;
    font-weight: 600;
    font-size: 24px;
    line-height: 122%;
    margin: 0;
    text-transform: uppercase;
    min-height: 63px;
}

.pro_card p {
    position: absolute;
    left: 30px;
    margin: 0;
    width: 430px;
    color: #000000;
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
    top: 420px;
}

.masters_glav {
    display: flex;
    width: 660px;
    margin: 0 auto;
    flex-wrap: nowrap;
    margin-bottom: 150px;
    flex-direction: column;
    margin-top: 40px;
}

.masters-left {
    display: block;
    width: 660px;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: flex-end;
    justify-content: flex-start;
    position: relative;
    height: 730px;
}

.masters_card {
    margin-right: 0px;
    position: relative;
    width: 660px;
    height: 300px;
    margin-bottom: 30px;
    background: #FFFFFF;
    border-radius: 20px;
}

.masters_card img {
    width: 300px;
    height: 300px;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
}

.master_name {
    position: absolute;
    margin: 0;
    top: 60px;
    left: 330px;
    font-weight: 700;
    font-size: 20px;
    width: 239px;
    line-height: 172%;
}

.master_regal {
    margin: 0;
    position: absolute;
    top: 142px;
    left: 330px;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    width: 300px;
}

.masters-right {
    display: flex;
    width: 660px;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: flex-end;
    justify-content: flex-start;
    position: relative;
    height: 720px;
    margin-top: 40px;
}

.masters-left .allmasters {
    display: flex;
    width: 500px;
    border: 2px solid #000000;
    border-radius: 5px;
    justify-content: center;
    height: 51px;
    align-items: center;
    position: absolute;
    right: 73px;
    bottom: 0;
    font-size: 22px;
    text-transform: uppercase;
}


.masters-right .allmasters {
    display: flex;
    width: 500px;
    border: 2px solid #000000;
    border-radius: 5px;
    justify-content: center;
    height: 51px;
    align-items: center;
    position: absolute;
    right: 73px;
    bottom: 0;
    font-size: 22px;
    text-transform: uppercase;
}


.polosa_preps {
    height: 765px;
    background: #1B3FFF;
    width: 100%;
    margin-top: 95px;
    display: inline-block;
}

.preps_glav {
    display: flex;
    width: 660px;
    margin: 0 auto;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: -880px;
    height: 810px;
    position: relative;
    overflow: scroll;
}


.preps_card {
    background: #ffffff;
    width: 450px;
    border-radius: 20px;
    height: 651px;
    position: relative;
    margin-left: 25px;
}

.preps_card img {
    display: block;
    border-radius: 20px 20px 0px 0px;
    position: absolute;
    top: 0;
    width: 450px;
    height: 450px;
}

.preps_name {
    margin: 0;
    position: absolute;
    top: 483px;
    left: 30px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    width: 380px;
}

.preps_regal {
    display: block;
    position: absolute;
    left: 30px;
    top: 510px;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    width: 380px;
}





.allpreps {
    display: flex;
    width: 500px;
    border: 2px solid #ffffff;
    border-radius: 5px;
    justify-content: center;
    height: 51px;
    color: #ffffff;
    align-items: center;
    position: absolute;
    left: 90px;
    bottom: 10px;
    font-size: 22px;
    text-transform: uppercase;
}

.main_dek {
    position: relative;
    width: 660px;
    margin: 0 auto;
    margin-top: 200px;
}


.main_dek h3 {
    margin: 0;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 52px;
    line-height: 122.5%;
    display: block;
    align-items: center;
    flex-wrap: wrap;
    margin-left: 30px;
    width: 600px;
}

.dek_card {
    position: relative;
    width: 660px;
    height: 300px;
    background: #ffffff;
    margin-top: 70px;
    border-radius: 20px;
}

.dek_card img {
    position: absolute;
    width: 300px;
    border-radius: 20px 0px 0px 20px;
}

.dek_card h4 {
    position: absolute;
    font-weight: 700;
    font-size: 20px;
    line-height: 172%;
    text-transform: uppercase;
    width: 320px;
    left: 330px;
    top: 30px;
    margin: 0;
}


.dek_card p {
    position: absolute;
    left: 330px;
    top: 112px;
    font-style: italic;
    font-weight: 300;
    font-size: 16px;
    line-height: 150%;
    margin: 0;
    width: 320px;
}


.main_portf {
    position: relative;
    width: 660px;
    margin: 0 auto;
    margin-top: 100px;
}


.main_portf h3 {
    margin: 0;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 52px;
    line-height: 122.5%;
    display: block;
    align-items: center;
    flex-wrap: wrap;
    margin-left: 30px;
}

.main_portf h3 img {
    margin-left: 20px;
}

.portf_card {
    display: flex;
    width: 660px;
    margin: 0 auto;
    flex-wrap: wrap;
    margin-top: 70px;
    align-items: flex-start;
    justify-content: space-between;
    height: 1660px;
    align-content: flex-start;
}

.portf_card img {
    display: block;
    border-radius: 20px;
    margin-bottom: 24px;
    width: 315px;
}

.portf_card a {
    display: flex;
    width: 500px;
    border: 2px solid #000000;
    border-radius: 5px;
    justify-content: center;
    height: 51px;
    align-items: center;
    position: absolute;
    right: 90px;
    bottom: 0;
    font-size: 22px;
    text-transform: uppercase;
}


#navnutr_priem {
    width: 1170px;
    margin: 0 auto;
    margin-top: 0px;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    height: 200px;
    transition: all 0.5s ease;
    display: none;
}

.scrolled_priem {
    position: fixed;
    z-index: 500;
    top: 69px;
    background: #F5F5F5;
    padding-top: 31px;
    border-bottom: 2px solid #C9C9C9;
    width: 100%!important;
    display: flex!important;
    justify-content: center!important;
    flex-wrap: nowrap!important;
    height: 51px!important;
    transition: all 0.5s ease;
    display: none!important;
}

main.priem {
    display: block;
    height: auto;
    position: relative;
    background: #F5F5F5;
    padding-bottom: 150px;
    padding-top: 130px;
}

.main_priem {
    position: relative;
    width: 660px;
    margin: 0 auto;
    height: 300px;
}

.main_priem p {
    margin: 0;
    position: absolute;
    top: 180px;
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
    margin-left: 30px;
    width: 600px;
}


.main_priem h1 {
    margin: 0;
    position: absolute;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 52px;
    line-height: 74px;
    display: block;
    align-items: center;
    flex-wrap: wrap;
    margin-left: 30px;
    width: 615px;
}

.main_priem h1 img {
    margin-left: 0px;
}

.main_facs {
    display: flex;
    margin: 0 auto;
    width: 660px;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 70px;
    flex-direction: column;
    margin-top: 60px;
}


.facs_card {
    background: #ffffff;
    width: 660px;
    box-shadow: 0px 21px 46px -10px rgba(27, 63, 255, 0.19);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin-bottom: 60px;
}


.facs_card h2 span {
    display: block;
    min-width: fit-content;
    font-weight: 600;
    font-size: 34px;
    color: #ffffff;
}


.facs_gif {
    display: block;
    width: 100px;
    margin-left: 30px;
    margin-top: -99px;
}

.facs_card p {
    margin-bottom: 20px;
    margin-left: 30px;
    margin-right: 30px;
    padding-bottom: 10px;
    padding-top: 15px;
}

.foto_card .facs_gif {
    width: 116px;
    margin-left: -36px;
    margin-top: -93px;
}
.facs_ills {
    display: block;
    width: 660px;
    height: 340px;
    object-fit: cover;
}

.facs_exs {
    display: block;
    font-weight: 600;
    font-size: 24px;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 30px;
    width: 600px;
    margin-left: 30px;
}

.facs_exs {
    display: block;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 30px;
    width: 600px;
    margin-left: 30px;
    margin-top: 30px;
}

.facs_card p span {
    display: block;
    width: 141px;
    text-align: center;
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
}

.facs_card p span:first-child {
    text-align: left;
}


.main_zag {
    position: relative;
    width: 660px;
    margin: 0 auto;
    height: 250px;
}


.main_zag h3 {
    margin: 0;
    position: absolute;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 52px;
    line-height: 122.5%;
    display: block;
    align-items: center;
    flex-wrap: wrap;
    margin-left: 30px;
    width: 600px;
}

.main_etaps {
    width: 660px;
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 70px;
    flex-direction: column;
    margin-top: -40px;
}

.main_etaps div {
    position: relative;
    width: 500px;
    height: 270px;
    padding: 83px;
    box-sizing: border-box;
    background: #1B3FFF;
    box-shadow: 0px 21px 43px rgba(27, 63, 255, 0.2);
    border-radius: 20px;
    color: #ffffff;
    font-weight: 400;
    font-size: 24px;
    line-height: 150%;
    padding-top: 81px;
    margin-bottom: 60px;
}

.main_etaps div p {
    display: flex;
    margin: 0;
    position: absolute;
    background: #000000;
    width: 90px;
    border-radius: 50%;
    height: 90px;
    font-size: 30px;
    align-items: center;
    justify-content: center;
    top: -40px;
    font-weight: 700;
    left: 199px;
}

.programm2 {
    width: 660px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin-bottom: 90px;
    margin-top: -70px;
}

.naz_prog2 {
    display: flex;
    cursor: pointer;
    background: #1B3FFF;
    border: 3px solid #1B3FFF;
    border-radius: 20px;
    margin-bottom: 11px;
    width: 660px;
    height: 97px;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding-left: 36px;
    text-transform: uppercase;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 26px;
    padding-right: 20px;
}

.ops_prog2 {
    display: none;
    background: #FFFFFF;
    border: 3px solid #1B3FFF;
    border-radius: 20px;
    height: 0;
    width: 660px;
    box-sizing: border-box;
    padding: 30px;
    color: #000000;
    font-size: 20px;
    line-height: 150%;
    margin-bottom: 30px;
}

.ops_knops {
    color: #ffffff!important;
    width: 600px;
    padding: 0 30px;
    background: #1B3FFF;
    border-radius: 5px;
    box-sizing: border-box;
    height: 62px;
    display: flex;
    align-items: center;
    text-decoration: none!important;
    margin-right: 30px;
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 20px;
    justify-content: center;
}


.main_zag2 {
    position: relative;
    width: 660px;
    margin: 0 auto;
    min-height: 406px;
}

.priem_vopros_zag {
    min-height: 370px!important;
}

.main_zag2 h3 {
    margin: 0;
    position: absolute;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 52px;
    line-height: 122.5%;
    display: block;
    align-items: center;
    flex-wrap: wrap;
    width: 600px;
    margin-left: 30px;
}

.main_zag2 p {
    margin: 0;
    top: 294px!important;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    margin-left: 30px;
}


#about_knops_top {
    position: absolute;
    top: 140px;
    left: 38px;
}


.priem_vopros_zag {
    min-height: 320px!important;
}



.priem_vopros {
    width: 600px!important;
    position: relative!important;
}

.priem_vopros img {
    display: block;
    position: absolute;
    width: 130px;
    right: -25px;
    bottom: -74px;
}

.vopros_form {
    margin: 0 auto;
    width: 660px;
    margin-bottom: 70px;
    box-sizing: border-box;
    padding: 0 30px;
}


.contacts_ops {
    width: 600px!important;
    top: 111px!important;
}

.contacts_maps {
    margin: 0 auto;
    width: 660px;
    margin-bottom: 130px;
    margin-top: 100px;
}


.contacts_maps iframe {
    border: 2px solid #000000;
    border-radius: 20px;
    width: 660px;
    box-sizing: border-box;
}


.about_video iframe {
    width: 660px;
    height: 370px;
    border-radius: 20px;
}

.about_video {
    margin: 0 auto;
    width: 660px;
    margin-bottom: 130px;
    margin-top: 30px;
}

.main_about p {
    margin: 0;
    position: absolute;
    top: 270px;
    width: 900px;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    width: 600px;
    margin-left: 30px;
}

.main_about {
    position: relative;
    width: 660px;
    margin: 0 auto;
    height: 670px;
}

.main_about h1 {
    margin: 0;
    position: absolute;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 52px;
    line-height: 122.5%;
    flex-wrap: nowrap;
    width: 970px;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: center;
    width: 600px;
    margin-left: 30px;
}

.about_knops {
    width: 600px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    margin-right: 30px;
}

.about_knops a {
    color: #ffffff!important;
    width: 285px;
    background: #1B3FFF;
    border-radius: 5px;
    box-sizing: border-box;
    height: 60px;
    display: inline-flex;
    align-items: center;
    text-decoration: none!important;
    margin-right: 15px;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 15px;
    justify-content: center;
text-align: center;
}

#lezeboka {
    display: block;
    position: absolute;
    right: 150px;
    top: 74px;
    width: 120px;
}

.about_knops img {
    display: block;
    width: 150px;
    margin-top: 50px;
    position: absolute;
    right: 0;
    top: 30px;
}

.main_zag3 {
    position: relative;
    width: 660px;
    margin: 0 auto;
    height: 120px;
    margin-top: 130px;
}

.main_zag3 h3 {
    margin: 0;
    position: absolute;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 52px;
    line-height: 122.5%;
    display: block;
    align-items: center;
    flex-wrap: wrap;
    width: 520px;
    margin-left: 30px;
}


.slider {
    position: relative;
    max-width: 660px;
    margin: 50px auto;
    background: #F5F5F5;
}

.switch label {
    display: inline-block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin: 0 3px;
    border-radius: 50%;
    border: 1px solid #000000;
    background-color: #ffffff;
}


.dvaz_ruk {
    transform: scaleX(-1) rotate(115deg);
    width: 90px;
    right: 70px;
    top: -70px;
    position: absolute;
}

.main_etaps div img {
    position: absolute;
    width: 161px;
}

#tans_1 {
    right: -8px;
    bottom: -30px;
}

#tans_2 {
    right: -8px;
    bottom: -34px;
}


#tans_3 {
    right: -70px;
    bottom: -34px;
}

.mkik img {
    border-radius: 10px;
    width: 243px;
    margin-bottom: 32px;
}


.pred_mkik {
    margin-top: 41px!important;
}

.dod_banner_tifani {
    width: 660px;
    height: 855px;
    background: #78BCC1;
    margin-top: 50px;
    border-radius: 20px;
    position: relative;
    box-shadow: 0px 23px 55px -16px rgba(120, 188, 193, 0.6);
    border: 4px solid #00000000;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.dod_banner_tifani span{
    font-weight: 500;
    font-size: 26px;
    position: absolute;
    top: 360px;
    left: 30px;
    width: 591px;
    display: flex;
    height: 87px;
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: 5px;
    background: #000000;
}

.academ {
    background: #8D8D8D;
    box-shadow: 0px 23px 55px -16px rgba(108, 108, 108, 0.5);
}


.podpiska {
    display: flex;
    width: 600px;
    margin: 40px auto;
    align-content: flex-start;
    justify-content: center;
    flex-direction: column;
}

#podpis1 {
    background: #1B3FFF;
    border-radius: 20px 20px 0 0;
}

.podpiska div {
    height: 260px;
    padding: 40px 40px;
    box-sizing: border-box;
    width: 600px;
}

#podpis2 {
    background: #FF5050;
    position: relative;
    border-radius: 0 0 20px 20px;
}

#podpis1 h4 {
    margin: 0;
    color: white;
    text-transform: uppercase;
    font-size: 26px;
    margin-bottom: 14px;
}

#podpis1 h4 img, #podpis2 h4 img {
    height: 20px;
}

#podpis1 p {
    margin: 0;
    margin-top: 8px;
    font-size: 20px;
    color: white;
    padding: 0;
    width: fit-content;
    font-weight: normal;
}

#podpis1 a {
    display: flex;
    background: #000000;
    width: 245px;
    color: #ffffff;
    text-decoration: none;
    font-size: 22px;
    font-weight: 500;
    padding: 16px;
    border-radius: 5px;
    margin-left: auto;
    align-items: center;
    cursor: pointer;
    justify-content: center;
    margin-top: 34px;
    text-transform: uppercase;
}

#podpis2 h4 {
    margin: 0;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 26px;
    line-height: 38px;
    width: 380px;
}

#podpis_vk {
    display: flex;
    position: absolute;
    width: 55px;
    height: 55px;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    right: 130px;
    bottom: 40px;
}

#podpis_tel {
    display: flex;
    position: absolute;
    width: 55px;
    height: 55px;
    /* background: #915cff; */
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    right: 40px;
    bottom: 40px;
    /* box-shadow: 4px 9px 19.5px 0px #8AC93A; */
}

.ops_prog2 iframe {
    width: 600px;
    height: 340px;
}


}
/* End */
/* /bitrix/templates/2023_glav_copy_copy_copy_copy/styles.css?175085404247384 */
/* /bitrix/templates/2023_glav_copy_copy_copy_copy/template_styles.css?175085404233538 */