/*@font-face {*/
/*font-family: Roboto; !* Имя шрифта *!*/
/*src: url(/css/fonts/Roboto/Roboto-Regular.ttf);*/

/*!* Путь к файлу со шрифтом *!*/
/*}*/


/*body  {*/
/*font-family: Roboto, sans-serif;*/
/*}*/

/*html body h1, html body h2, html body h3  {*/
/*font-family: Roboto, sans-serif;*/
/*}*/

/*html, body, div     {*/
/*font-family: Open Sans, Arial, sans-serif !important;*/
/*}*/

/*h1,  h2,  h3, p  {*/
/*font-family: Roboto, sans-serif !important;*/
/*}*/

/*заголовки и акценты Roboto*/

#check_btn_detail_programm1 {
    padding: 10px 50px 10px 50px;
    /*box-shadow: 0 4px 10px rgb(0 0 0 / 20%);*/
    -webkit-box-shadow: 10px 9px 15px 0px rgba(34, 60, 80, 0.35);
    -moz-box-shadow: 10px 9px 15px 0px rgba(34, 60, 80, 0.35);
    box-shadow: 10px 9px 15px 0px rgba(34, 60, 80, 0.35);
    margin: 20px 0 0 20px;
    font-size: 18px;

}

/*Текст Open Sans*/
.new-img_new {
    height: 250px;
    /*max-width: 300px;*/
    border-radius: 10px 10px 0 0;
    object-fit: cover;
}


#manager_active_selling {
    margin-top: 100px;
    font-size: 18px;
}

#vacancy_block1 {
    padding: 15px;
    border-radius: 5px;
    margin: 10px;
}


#vacancy_btn2 {

    border-radius: 5px;
    border: orangered solid 1px;
    padding: 5px 15px 5px 15px;
    display: inline-block;
    color: white;
    cursor: pointer;
    margin: 10px 0 5px 0;
    background: orangered;
    width: 217px;
    text-align: center;

}

#vacancy_btn3 {
    border-radius: 5px;
    border: #492ff2 solid 1px;
    padding: 5px 15px 5px 15px;
    display: inline-block;
    color: white;
    cursor: pointer;
    margin: 10px 0 5px 0;
    background: #492ff2;
    width: 217px;
    text-align: center;
    text-decoration: none;
}






#vacancy_btn1 {
    border-radius: 5px;
    border: white solid 1px;
    padding: 15px;
    display: inline-block;
    color: white;
    cursor: pointer;
    margin: 10px 0 5px 0;


}

#vacancy_btn1 a {
    color: white;
}

#vacancy_btn1:hover {
    background: orangered;
    border: none;
}

#catalog_news {
    margin-bottom: 100px;
}


#webinar-bottom-align {
    text-align: left;
}


#iframe1 {
    border-radius: 5px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .2);

}


#buy_webinar_btn1 {
    padding: 10px 40px 10px 40px;

}


.webinar-card {
    text-align: center;
}

#webinar-card-title {
    color: #0a0a0a;
    border-radius: 5px;

}

#about_partners2 {
    margin-bottom: 20px;
}

#about_partners1 {
    padding: 10px 20px 10px 20px;
    margin-bottom: 20px;
    margin-top: 30px;
    background: linear-gradient(to right, white, whitesmoke);
}

#internship_base_text1 h2 {
    font-size: 18px;
    /*word-wrap:break-word;*/

}

#internship_base_text1,
#internship_base_text2 {
    font-size: 18px;
    border-radius: 5px;
    margin-top: 10px;

}


#internship_base_text2 {
    font-size: 16px;
    /*background: whitesmoke;*/
    margin-top: 20px;
    width: 80%;
    padding: 10px 20px 10px 20px;
    margin-bottom: 20px;
    background: linear-gradient(to right, white, whitesmoke);
}

#internship_base_text1 {
    /*background: linear-gradient(to right, white, transparent);*/
    background: white;
    margin-top: 30px;
    padding: 20px 20px 20px 20px;

    /*width: 80%;*/

}


#internship_index_block2 {
    font-weight: 600;
}

#internship_index_block2 h2 {
    color: black;
    font-size: 14px;
    font-weight: 600;
}

#internship_index_block1 {
    height: 170px;
    font-size: 16px;
    color: black;
    background: linear-gradient(to right, #ffffff, transparent);
    padding: 10px;
    border-radius: 5px;
}


#internship_index_block1 h2 {
    font-size: 16px;
    color: black;
    /*background: linear-gradient(to right, #ffffff, transparent);    */
    /*padding: 10px;*/
    /*border-radius: 5px;*/

}

#pict_boss2 {
    font-weight: 600;
    /*padding: 5px;*/
    font-size: 18px;
}

#pict_boss1 {
    border-radius: 10px;
    width: 100%;
}

#seminars_filter_p {
    cursor: pointer;
}

.seminar_title_link {
    color: #cbcbcb !important;
}

.seminar_title_link:hover {
    color: white !important;
}

#btn_base1 {
    background-color: var(--main-bg-color);
    color: white;
    border-radius: 5px;
    border: none;
    padding: 5px 5px 5px 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

#btn_base1:hover {
    background: #193d70;
}

.connect_info {
    margin-top: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    background: white;
    /*border: #367fa9 1px solid;*/
    border-radius: 5px;
    padding: 10px;
    text-align: center;
}

#left_foot2,
#left_foot1 li a,
#left_foot2 li a,
#left_foot3 li a {
    text-transform: uppercase;
    /*font-weight: bold;*/
    color: white;
    font-family: "Open Sans", Arial, sans-serif;
}


#left_foot1,
#left_foot2,
#left_foot3 {

    /*box-shadow: inset 0 0 0 1px #61c161, 0 2px 4px rgb(4 193 140 / 44%);*/

    border-radius: 5px;
    padding: 10px 15px 10px 15px;
    color: white;
    font-size: 14px;

    font-family: "Open Sans", Arial, sans-serif;
}



#add_num1 {
    font-size: 14px;

}

#block_text_2 {
    /*text-align: justify;*/
}

#block_text_1 {
    text-align: justify;
    font-family: STIX_Two_Math, Helvetica, Arial, sans-serif;
}

.global_type_block_programm3 {
    background: white;
    /*box-shadow: 0 2px 4px rgb(0 0 0 / 20%);*/
    border-radius: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px;

}

.global_type_block_programm2 {
    color: #747c91;
    font-size: 14px;
    text-transform: uppercase;

}

#id_global_type_block_programm2 {
    margin-bottom: 0;
}

.global_type_block_programm1 {
    background: white;
    /*box-shadow: 0 2px 4px rgb(0 0 0 / 20%);*/
    border-radius: 5px;
    margin-top: 20px;
    margin-bottom: 20px;

}



.text_description_global_type_edu {
    text-align: justify;
}



#show_programms_btn1:hover {
    color: white;
    background: #008703;
}

#show_programms_btn1 {
    text-transform: none;
    background: white;
    border-radius: 10px;
    color: #008703;
    padding: 5px 25px;
    transition: all 0.3s ease-in-out;
    border: 1px solid #008703;
}

.vacancy_block {
    padding-top: 350px;
}

.text_vacancy_block {
    font-size: 50px;
}

@media (max-width: 1600px) {
    .image-bg {
        visibility: hidden;
    }
}

@media (min-width: 576px)and (max-width: 1600px) {
    .vacancy_block {
        padding-top: 100px;
    }
}


.rev-surf-3 {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 0 50px rgba(32, 79, 121, 0.1);
    padding: 30px 40px 0 40px;
    position: relative;
    z-index: 1;
}


.curs-card1 {
    padding: 20px 40px;
    /*min-height: 180px;*/
    position: relative;
    /*padding-bottom: 50px;*/
}

.about_blocks1 {
    background: #f8f8f8;
    transition: 0.4s;
    /*box-shadow: 0 1px 5px -1px #101bac;*/
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.about_blocks2 {
    background: #f8f8f8;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    transition: 0.4s;
    /*box-shadow: 0 2px 2px -1px #00bb88;*/
}

.about_blocks2:hover,
.about_blocks1:hover {
    background: #ffffff;
}

.about_blocks1,
.about_blocks2 {
    /*border: 1.5px solid skyblue;*/
    /*border-image: linear-gradient(to right , #2f5fac, rgba(23,160,26,1));*/
    /*border-image-slice: 1;*/

    padding: 20px;
    border-radius: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
}



.regular {
    /*font-family: Montserrat, sans-serif;*/
    font-family: STIX_Two_Math, Helvetica, Arial, sans-serif;

    font-weight: 400;
}


@media (min-width: 992px) {
    #certificate {
        padding-top: 50px;
    }
}


@media (min-width: 1200px) {
    #certificate {
        padding-bottom: 100px;
    }
}

@media (max-width: 767px) {
    #certificate {
        padding-bottom: 50px;
    }
}


#documents {
    padding-bottom: 50px;
    position: relative;
    overflow: hidden;
}

.inner-stroke {
    padding: 5px !important;
    padding-left: 15px !important;
}

#teachers {
    padding-bottom: 50px;
    overflow: hidden;
}

@media (min-width: 992px) {
    .pad-top-150 {
        padding-top: 100px;
    }
}

@media (max-width: 991px) {
    .pad-top-150 {
        padding-top: 80px;
    }
}



@media (max-width: 767px) {
    #news {
        padding-top: 80px;
        padding-bottom: 100px;
        overflow: hidden;
    }
}

@media (min-width: 768px) {
    #news {
        padding-top: 100px;
        padding-bottom: 100px;
        overflow: hidden;
    }
}



#phone_base1,
#callers-number,
#btn_base1 {
    width: 100%;

}

#pagination_block_css1 {
    /*text-align: center !important;*/
    margin: auto;
    padding-top: 50px;
}







.help-block {
    color: red;
}


/*БОКОВОЕ МЕНЮ*/
.about_menu {
    padding: 15px 5px 5px 5px;

}

.right_menu {
    background: #f5f5f5;
    list-style: none;
    padding: 10px;
    border-radius: 10px;
}

.right_menu_item {
    margin-top: 10px;
    background: #eeeeee;
    text-decoration: none;
    transition: 0.5s;
}

.right_menu_item:hover {
    border-radius: 5px;
    background-color: #008703;
}

li.right_menu_item.title {
    padding: 4px 0 4px 18px;
    color: white;
}


.right_menu_link.active {
    display: block;
    color: white;
    background-color: #008703;
}

.worldskills-block__flex {
    display: flex;
}

.worldskills-block__content-left {
    background-color: #008703;
    border-radius: 15px;
    margin-right: 20px;
}

.worldskills-block__title {
    color: #FFFFFF;
    font-size: 50px;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    margin: 20px;
}

.worldskills-block__subtext {
    color: #FFFFFF;
    font-size: 30px;
    text-align: center;
    margin: 50px 20px;
}

.worldskills-block__link {
    color: #fff;
    border: 2px solid #fff;
    border-radius: 15px;
    padding: 10px;
    display: block;
    width: 50%;
    text-align: center;
    margin: 50px auto;
}

.worldskills-block__link:hover {
    background-color: #FFFFFF;
    color: #008703;
}

.about_org_background {
    background: #eaeaea;
}


.right_menu_link {
    padding: 4px 15px 4px 15px;
    display: block;
    text-decoration: none;
    text-underline: none;
    color: #262626;
    border-radius: 5px;
}

.right_menu_link:hover {
    text-decoration: none;
    color: #ffffff;
    border-radius: 5px;

}

.hide_about_item {
    display: none;
}

.show_about_item {
    display: block;
}

#about_blocks2 table tbody tr td h1 {
    font-size: 16px;
}

.rev-surf-1d {
    margin-top: 30px;
}

@media (max-width: 767px) {
    .about_blocks2 {
        font-size: 10px;
    }

    .about_blocks1 {
        font-size: 10px;
    }

    #about_blocks2 table tbody tr td h1 {
        font-size: 10px;
    }

    .vacancy_block {
        padding-top: 50px;
    }

    .text_vacancy_block {
        font-size: 35px;
    }
}

@media (min-width: 350px) and (max-width: 600px) {
    #vacancy_block1 {
        display: none;
    }

}

/* ситли cookie  */
.cookie-consent {
    position: fixed;
    bottom: 0;
    left: 0;
    /* width: 100%; */
    width: 60%;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: #FFFFFF;
    box-shadow:
        0px -2px 5px 0px #0000000D,
        0px -10px 10px 0px #0000000A,
        0px -22px 13px 0px #00000008,
        0px -38px 15px 0px #00000003,
        0px -60px 17px 0px #00000000;
    display: none;
    z-index: 20;
    justify-content: center;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.cookie-wrapper {
    display: flex;
    padding: 10px 0;
    align-items: center;
    gap: 72px;
}

.cookie-text {
    max-width: 955px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cookie-policy{
    display: flex;
    justify-content: space-between;
}

.cookie-text p:nth-child(1) {
    /* margin-bottom: 16px; */
    margin: 0;
}

.cookie-text p:nth-child(2) {
    /* margin-bottom: 8px; */
    margin: 0;
}


.cookie-text p {
    color: #313131;
    user-select: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
}

.cookie-policy p a {
    color: #313131;
    user-select: none;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    text-decoration: underline;
}

.cookie-left {
    display: flex;
    gap: 20px;
    align-items: center;
}

.cookie-img {
    width: 54px;
    height: 54px;
}

.cookie-img svg {
    color: #313131;
    fill: #313131;
    width: 100%;
    height: 100%;
}

.cookie-button {
    width: 179px;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.cookie-button a:nth-child(1) {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 52px;
    box-shadow:
        1px 1px 3px 0px #0000001A,
        4px 5px 6px 0px #00000017,
        9px 11px 8px 0px #0000000D,
        16px 19px 10px 0px #00000003,
        25px 30px 11px 0px #00000000;
    border: 2px solid #313131;
    border-radius: 20px;
    color: #313131;

    position: relative;
    /* overflow: hidden; */
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out, border 0.3s ease-in-out;
}

.cookie-button a:nth-child(2) {
    color: #686868;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}

/* При наведении включаем бегущую границу */
.cookie-button a:nth-child(1):hover {
    background-color: #4C4C4C;
    color: white;
    border-color: #4C4C4C;
    text-decoration: none;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out, border 0.3s ease-in-out;
}

.cookie-button a:nth-child(2):hover {
 text-decoration: underline;
}



@media(max-width:2135px){
    .cookie-wrapper{
        padding: 10px 64px;
    }
}

@media(max-width:1920px){
    .cookie-policy{
        flex-direction: column;
        gap: 4px;
    }
}