@font-face {
    font-family: 'Avenir Next Cyr';
    src: url('./fonts/ofont.ru_avenir_next-webfont.woff2') format('woff2'),
         url('./fonts/ofont.ru_avenir_next-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
	font-family: 'AvenirNextCyr-Regular';
	src: url('./fonts/avenirnextcyr-regular.eot'); /* IE 9 Compatibility Mode */
	src: url('./fonts/avenirnextcyr-regular.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('./fonts/avenirnextcyr-regular.woff2') format('woff2'), /* Super Modern Browsers */
		url('./fonts/avenirnextcyr-regular.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('./fonts/avenirnextcyr-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		url('./fonts/avenirnextcyr-regular.svg#avenirnextcyr-regular') format('svg'); /* Chrome < 4, Legacy iOS */
}

* {
/*    font: normal normal 16px "Avenir Next Cyr";*/
    font-family: "Avenir Next Cyr";
    font-size:16px;	
}


body {
  margin: 0;
  line-height: normal;
}

:root {
  --font-avenir-next-cyr: "Avenir Next Cyr";
  --font-inherit: inherit;
  --font-avenir-next: "Avenir Next";


  --font-size-xl: 20px;
  --font-size-sm: 14px;
  --font-size-17xl: 36px;
  --font-size-11xl: 30px;
  --font-size-81xl: 100px;
  --font-size-lg: 18px;
  --font-size-base: 16px;
  --font-size-201xl: 220px;
  --font-size-29xl: 48px;


  --color-white: #fff;
  --color-black: #000;
  --color-gray-100: rgba(255, 255, 255, 0.1);
  --color-deeppink: #e5007e;
  --color-whitesmoke-100: #eee;
  --color-silver: #c5c5c5;
  --color-darkslategray: #353535;


  --gap-11xl: 30px;
  --gap-16xl: 35px;
  --gap-xl: 20px;
  --gap-sm: 14px;
  --gap-6xl: 25px;


  --padding-6xs: 7px;
  --padding-14xl: 33px;
  --padding-3xs: 10px;
  --padding-2xl: 21px;


  --effect: 0px 100px 80px rgba(255, 255, 255, 0),
    0px 50.048828125px 40.04px rgba(0, 0, 0, 0.17),
    0px 30.14707374572754px 24.12px rgba(0, 0, 0, 0.14),
    0px 19.31982421875px 15.46px rgba(0, 0, 0, 0.13),
    0px 12.521552085876465px 10.02px rgba(0, 0, 0, 0.11),
    0px 7.882175445556641px 6.31px rgba(0, 0, 0, 0.09),
    0px 4.528800010681152px 3.62px rgba(0, 0, 0, 0.08),
    0px 1.9932421445846558px 1.59px rgba(0, 0, 0, 0.05);
}

/*brand*/

#brand_section_1{
    display: block;
    position: relative;
}

#brand_section_1 .nav_bread{font-size:20px;color:#000;}
#brand_section_1 .nav_bread a{font-size:20px;color:#000; text-decoration:none;}

#brand_section_1 .brand_backimage {
    position: absolute;
    right: 0;
    top: -2.9vw;
    width: 37.7604vw;
}

#brand_section_1 .brand_backimage img{width:100%;}
#brand_section_1 .brand_section_1_text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 36.4583vw;
}

#brand_section_1 .brand_section_1_text h1 {
    font-size: 3.3333vw;
    line-height: 4vw;
    width: 50vw;
    font-weight: 600;
}
#brand_section_1 .brand_section_1_text h2{font-size:1.4583vw;color:#E5007E;text-transform:uppercase;}
#brand_section_1 .brand_section_1_text h2 span{font-size:1.4583vw;color:#E5007E;font-weight:700;display:block;}


#brand_section_2 {
    background-color: #000;
    position: relative;
    padding: 6.25vw 0;
}

#brand_section_2 .sect_row{display: flex;    justify-content: center;  align-items: flex-start;gap: 3.2292vw;}
#brand_section_2 .sect_row .grid{ display: flex;    flex-direction: column;    align-content: center;    align-items: center;    gap: 1.9271vw;} 
#brand_section_2 .sect_row .grid .icon_brand{} 
#brand_section_2 .sect_row .grid .icon_brand img{width:100%;} 
#brand_section_2 .sect_row .grid .text_brand {
    color: #fff;
    text-align: center;
    font-size: 1.25vw;
}

#brand_section_2 .brand_section_2_block_center {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    padding: 4.1667vw 12.0833vw;
    border: 1px solid #E5007E;
    max-width: 45.5208vw;
    text-align: center;
    margin: 6.25vw auto 0 auto;
}

#brand_section_2 .brand_section_2_block_center .header_text{font-size:2.0833vw; color:#fff;font-weight:700;text-transform:uppercase;}
#brand_section_2 .brand_section_2_block_center .subheader_text{color:#fff;font-size:1.5625vw;}
#brand_section_2 .brand_section_2_block_center .subheader_text span{color:#fff;font-size:1.5625vw;font-weight:700;}

#brand_section_3{height:56vw; background-image:url(./images/brand/section3.jpg);display: flex; align-items: center;  justify-content: center;    background-size: contain; background-repeat: no-repeat;}

#brand_section_3 .brand_section_3_block{padding: 4vw 5vw;  width: calc(63vw - 10vw); background: rgb(0 0 0 / 70%);}
#brand_section_3 .brand_section_3_block .brand_section_3_text{color:#fff;font-size:1.6667vw;}
#brand_section_3 .brand_section_3_block .brand_section_3_text a{color:#E5007E;font-size:1.6667vw;text-decoration:none;position:relative;}

#brand_section_3 .brand_section_3_block .brand_section_3_text a:after {
    content: "";
    background-image: url(./images/brand/arrow_down.svg);
    width: 1.0417vw;
    position: absolute;
    height: 1vw;
    right: -1.5vw;
    background-size: contain;
    background-repeat: no-repeat;
    top: 0.8vw;
}

#brand_section_4{}
#brand_section_4 img{width:100%;}

#brand_section_5{margin: 10vw 0;}
#brand_section_5 .brand_section_5_row{display: flex; flex-wrap: wrap; flex-direction: row;}
#brand_section_5 .brand_section_5_row .brand_section_5_grid{flex:30%;border-top: 1px solid #E5007E; border-left: 1px solid #E5007E; border-right: 1px solid #E5007E;position:relative;}
#brand_section_5 .brand_section_5_row .brand_section_5_grid:not(:nth-child(3n)) { border-right: none;}
#brand_section_5 .brand_section_5_row .brand_section_5_grid:nth-child(10) {border-bottom: 1px solid #E5007E;}
#brand_section_5 .brand_section_5_row .brand_section_5_grid:nth-child(11) {border-bottom: 1px solid #E5007E;}
#brand_section_5 .brand_section_5_row .brand_section_5_grid:nth-child(12) {border-bottom: 1px solid #E5007E;}


#brand_section_5 .brand_section_5_row .brand_section_5_grid .brand_section_5_padding{padding:3vw 3vw 0 3vw;}

#brand_section_5 .brand_section_5_row .brand_section_5_grid img{width:100%;}
#brand_section_5 .brand_section_5_row .brand_section_5_grid .made_germany{width:7.8125vw;position: absolute; top: 0; right: 0;}

#brand_section_5 .brand_section_5_row .brand_section_5_grid .header{font-size:1.8750vw;margin-bottom:1.0417vw;}
#brand_section_5 .brand_section_5_row .brand_section_5_grid .text{font-size:0.9375vw;}


#brand_section_6{height:43vw; background-image:url(./images/brand/section6.jpg);display: flex; align-items: center;  justify-content: center;  text-align: center;  background-size: contain; background-repeat: no-repeat;}
#brand_section_6 .brand_section_6_block {
    font-size: 1.4583vw;
    color: #fff;
    text-transform: uppercase;
    padding: 5.2083vw;
    border: 1px solid #E5007E;
    display: inline-block;
    margin: auto;
    text-align: center;
}

#brand_section_6 .brand_section_6_block a {font-size:1.4583vw;color:#E5007E;text-decoration:none;}
#brand_section_6 .brand_section_6_block a:hover {font-size:1.4583vw;color:#E5007E;text-decoration:underline;}
.istoki_more_text{display:none;color: #fff; font-size: 1.6667vw;}

.company_logo{max-width:500px; width:100%; margin: 0px auto 50px auto;}
.company_m h2{margin-bottom:30px;font-weight: 700;}

.social_company{text-align:center;}
.company_m .company_logo_div{text-align:center;}
.social_company img {width:80px;margin-right:20px;}
.company_img_flex { display: flex; flex-direction: row;gap:20px;margin:30px 0;}
.company_img_grid{flex:1;}
.company_img_grid img{width:100%;}

.phone_footer{display: flex;    flex-direction: row;    align-content: center;    align-items: center;    gap: 10px;}
.phone_footer_item{}
.phone_footer_item_tel{display: flex; flex-direction: column;}


.sertificats .row_sertificats{display: flex; gap:20px;flex-wrap: wrap;justify-content: center;}
.sertificats .row_sertificats .item_sertificats{width:30%;border: 1px solid #e8e8e8;}
.sertificats .row_sertificats .item_sertificats .img_sertificats{}
.sertificats .row_sertificats .item_sertificats .img_sertificats img{width:100%;}

.sertificats .row_sertificats .item_sertificats .info_sertificats{padding:15px 0px;text-align:center;}
.sertificats .row_sertificats .item_sertificats .name_sertificats{font-size:16px;font-weight:600;margin-bottom:10px;}
.sertificats .row_sertificats .item_sertificats .date_sertificats{font-size:12px;}
.sertificats .row_sertificats .item_sertificats .city_sertificats{font-size:12px;}
.sertificats .row_sertificats .item_sertificats .id_sertificats{font-size:12px;}
.sertificats .row_sertificats .item_sertificats .link_sertificats {margin-top:10px;}
.sertificats .row_sertificats .item_sertificats .link_sertificats a{text-decoration:none; text-transform:uppercase;}



@media (max-width: 575px) {

.phone_footer{display: flex;    flex-direction: row;    align-content: center;    align-items: center;    gap: 0px;}
.company_logo{max-width:300px; width:100%; margin: 50px auto 50px auto;}
.company_m h2{margin-bottom:30px;font-weight: 700;}
.social_company{text-align:center;}
.company_m .company_logo_div{text-align:center;}
.social_company img {width:80px;margin-right:20px;}
.company_img_flex { display: flex; flex-direction: column; gap:20px;margin:30px 0;}
.company_img_grid{flex:1;}
.company_img_grid img{width:100%;}

.sertificats .row_sertificats{display: flex; gap:20px;flex-wrap: wrap;justify-content: center;}
.sertificats .row_sertificats .item_sertificats{width:100%;border: 1px solid #e8e8e8;}

#brand_section_1 .nav_bread {display:none;}

#brand_section_1 .brand_section_1_text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 36.4583vw;
    align-items: center;
    position:relative;
    z-index:1;
}
.istoki_more_text { font-size: 16px;}
#brand_section_1 .brand_section_1_text h1 {font-size: 20px;  width: 80%; line-height: 26px;text-align: center;}

#brand_section_1 .brand_section_1_text h2 {font-size: 16px;text-align: center;line-height: 20px;}
#brand_section_1 .brand_section_1_text h2 span { font-size: 16px;}

#brand_section_1 .brand_backimage {
    position: absolute;
    right: 0;
    top: 30px;
    width: 37.7604vw;
    bottom: 0;
}
#brand_section_2 .sect_row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
    flex-direction: column;
}

#brand_section_2 .sect_row .grid {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    gap: 30px;
}

#brand_section_2 .sect_row .grid .text_brand {
    color: #fff;
    text-align: center;
    font-size: 16px;
    width: 50%;
}

#brand_section_2 .brand_section_2_block_center .header_text {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}

#brand_section_2 .brand_section_2_block_center .subheader_text {
    color: #fff;
    font-size: 16px;
}
#brand_section_2 .brand_section_2_block_center .subheader_text span{
    color: #fff;
    font-size: 16px;
}

#brand_section_2 .brand_section_2_block_center {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    padding: 4.1667vw 12.0833vw;
    border: 1px solid #E5007E;
    max-width: 90%;
    text-align: center;
    margin: 40px auto 0 auto;
}


#brand_section_3 {
    height: 900px;
    background-image: url(./images/brand/section3_mobile.jpg);
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: contain;
    background-repeat: no-repeat;
}

#brand_section_3 .brand_section_3_block .brand_section_3_text {
    color: #fff;
    font-size: 16px;
}

#brand_section_3 .brand_section_3_block .brand_section_3_text a {font-size: 16px;}

#brand_section_3 .brand_section_3_block {
    padding: 40px;
    width: calc(100% - 80px);
    background: rgb(0 0 0 / 70%);
}
#brand_section_3 .brand_section_3_block .brand_section_3_text a:after {
    content: "";
    background-image: url(./images/brand/arrow_down.svg);
    width: 12px;
    position: absolute;
    height: 12px;
    right: -15px;
    background-size: contain;
    background-repeat: no-repeat;
    top: 7px;
}

    #brand_section_5 .brand_section_5_row {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
        width: 300px;
        align-items: center;
        align-content: center;
        margin: auto;
    }

#brand_section_5 .brand_section_5_row .brand_section_5_grid .header {
    font-size: 20px;
    margin-bottom: 15px; 
    text-align:center;

}

#brand_section_5 .brand_section_5_row .brand_section_5_grid .text {
    font-size: 12px;
    text-align: center;
}

#brand_section_5 .brand_section_5_row .brand_section_5_grid .brand_section_5_padding {
    height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 50px;
}

#brand_section_5 .brand_section_5_row .brand_section_5_grid {
    border-top: 1px solid #E5007E;
    border-left: 1px solid #E5007E;
    border-right: 1px solid #E5007E;
    position: relative;
}

#brand_section_5 .brand_section_5_row .brand_section_5_grid:not(:nth-child(3n)) {
    border-right: 1px solid #E5007E;
}

#brand_section_5 .brand_section_5_row .brand_section_5_grid:nth-child(10) {
    border-bottom: none;
}
#brand_section_5 .brand_section_5_row .brand_section_5_grid:nth-child(11) {
    border-bottom: none;
}
#brand_section_5 .brand_section_5_row .brand_section_5_grid .made_germany {
    width: 70px;
    position: absolute;
    top: 60px;
    right: 40px;
}

#brand_section_6 {
    height: 300px;
    background-image: url(./images/brand/section6.jpg);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: -90px;
}

#brand_section_6 .brand_section_6_block {font-size: 20px;}
#brand_section_6 .brand_section_6_block a{font-size: 20px;}




}


/*brand*/

/*social*/
.social_block{background-color:#EEEEEE;}
.social_block h1{font-size:48px; font-weight:600;text-transform:uppercase;margin-bottom:75px;}
.social_block .social_row {display: flex;flex-direction: row;}
.social_block .social_row .social_item{}
.social_block .social_row .social_item img{width:100%;}
.social_block .social_row .social_left{padding:100px 50px;}

.social_block .social_subrow{display: flex; flex-wrap: wrap;  gap: 30px;  width: 500px;}
.social_block .social_subrow .social_subitem{padding:15px;border:1px solid #201D2E;flex: 40%; display: flex;}
.social_block .social_subrow .social_subitem a{text-decoration:none;color:#000;font-size:20px;display: flex; align-items: center;  flex-direction: row;  gap: 15px;}
.social_block .social_subrow .social_subitem img{width: 24px;height: auto;}
.social_block .social_list{margin-top: 80px;display: flex; flex-direction: column; gap: 30px;align-items: flex-start;}
.social_block .social_list .social_subitem{padding:15px;border:1px solid #201D2E;}
.social_block .social_list .social_subitem a{text-decoration:none;color:#000;font-size:20px;display: flex; align-items: center;  flex-direction: row;  gap: 15px;}
.social_block .social_list .social_subitem img{width: 24px; height: auto;}
.social_bottom{display: flex;  justify-content: center;  padding: 85px; gap: 50px;    align-items: center;}
.social_bottom .social_bottom_item{font-size:32px; color:#201D2E;text-transform:uppercase;}
.social_bottom .social_bottom_item img{width:100%;}

.social_block .catalog_soc {background:#201D2E;color:#fff;padding:15px 33px !important;}
.social_block .catalog_soc a{color:#fff !important;}

.social_block .form_soc {background:#E5007E;color:#fff;padding:15px 33px !important;border:1px #E5007E solid !important;}
.social_block .form_soc a.reg_prof_link{border:none;color:#fff !important; padding:0px !important;}

.social_block .insta_soc{background:url("./images/social/insta.svg");width:24px;height:100%;background-repeat: no-repeat; background-size: cover;}
.social_block .youtube_soc{background:url("./images/social/youtube.svg");width:24px;height:17px;background-repeat: no-repeat; background-size: cover;}
.social_block .vk_soc{background:url("./images/social/vk.svg");width:24px;height:100%;background-repeat: no-repeat; background-size: cover;}
.social_block .ya_soc{background:url("./images/social/ya.svg");width:24px;height:100%;background-repeat: no-repeat; background-size: cover;}
.social_block .tg_soc{background:url("./images/social/tg.svg");width:24px;height:24px;background-repeat: no-repeat; background-size: cover;}
.social_item .mt3{width:60%;margin-top:30px;}


.block_reg_required {
    margin-top: -25px;
}

.block_reg_required .checkbox{
    margin-bottom: 30px;
}
.block_reg_required .checkbox label{
    padding-left: 0px;
}
.block_reg_required .checkbox input[type=checkbox]{
    color: #116afc !important;
}


.block_reg_required .checkbox {
    position:relative;
    padding-left:25px;
}
.block_reg_required .checkbox input[type=checkbox] {
    display:none;
}
.block_reg_required .checkbox label:after {
    content:'';
    display: block;
    height: 15px;
    width: 15px;
    border: 1px solid #E6E6E6;

    position:absolute;
    top:0;
    left:0;
}
.block_reg_required .checkbox input[type=checkbox]:checked + label:after {
    outline:1px solid #E6E6E6;
    border-radius: 3px;
    border:2px solid #fff;
    width:15px;
    height:15px;
    background-color: #138eee;
}

/*edu*/

.edu_row{display: flex;margin-bottom:50px;gap:50px;}
.edu_left_block{flex:1}
.block_form_edu{margin-top:50px;}
.edu_right_block{flex:1}
.edu_right_block img{width:100%;}

/**/

.webform_link_edu {margin-top:60px;}
.webform_link_edu a{background-color: #E5007E;    text-decoration: none;    text-align: center;    color: #fff !important;  padding: 10px 15px; font-size: 16px;}

.webform_link_edu_desk{display:block;}
.webform_link_edu_mob{display:none;}


@media (max-width: 575px) {

.social_main_image{display:none;}
.social_mobile_image{background:url("./images/social/mobile/main.png");width:100%;height:auto;background-repeat: no-repeat; background-size: cover;}
.social_block h1{font-size:24px; font-weight:600;text-transform:uppercase;margin-bottom:50px;color:#fff;}
.social_block .social_subrow {
    display: flex;
    flex-wrap: nowrap;
    gap: 15px;
    width: 100%;
    flex-direction: column;
}

.webform_link_edu_desk{display:none;}
.webform_link_edu_mob{display:block;}
.webform_link_edu {margin-top:40px; margin-bottom:50px;}
.webform_link_edu a{background-color: #E5007E;    text-decoration: none;    text-align: center;    color: #fff !important;  padding: 10px 15px; font-size: 20px;}

.social_block .social_row .social_left{padding:50px 20px;}
.social_block .social_subrow .social_subitem{padding:10px;border:1px solid #fff;flex: 100%; display: flex;width: 175px;}
.social_block .social_list .social_subitem a{text-decoration:none;color:#fff;font-size:16px;display: flex; align-items: center;  flex-direction: row;  gap: 15px;}
.social_block .social_subrow .social_subitem a{text-decoration:none;color:#fff;font-size:16px;display: flex; align-items: center;  flex-direction: row;  gap: 15px;}
.social_block .social_list {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
}

.social_block .social_list .social_subitem {
    padding: 10px;
    border: 1px solid #fff;
}
.social_item .mt3{color:#fff;width:100%;}
.social_block .insta_soc{background:url("./images/social/mobile/insta.svg");width:20px;height:100%;background-repeat: no-repeat; background-size: cover;}
.social_block .youtube_soc{background:url("./images/social/mobile/youtube.svg");width:20px;height:13px;background-repeat: no-repeat; background-size: cover;}
.social_block .vk_soc{background:url("./images/social/mobile/vk.svg");width:20px;height:20px;background-repeat: no-repeat; background-size: cover;}
.social_block .ya_soc{background:url("./images/social/mobile/ya.svg");width:20px;height:20px;background-repeat: no-repeat; background-size: cover;}
.social_block .tg_soc{background:url("./images/social/mobile/tg.svg");width:20px;height:20px;background-repeat: no-repeat; background-size: cover;}

.social_bottom {
    display: flex;
    justify-content: center;
    padding: 50px 30px;
    gap: 30px;
    align-items: center;
    flex-direction: column;
}

.social_bottom .social_bottom_item {
    font-size: 20px;
    color: #201D2E;
    text-transform: uppercase;
    text-align: center;
}

.social_block .catalog_soc {background:#fff;padding:10px 33px !important;}
.social_block .catalog_soc a{color:#201D2E !important;}
.social_block .form_soc {background:#E5007E;color:#fff;padding:10px 33px !important;border:1px #E5007E solid !important;}
.social_block .form_soc a.reg_prof_link{border:none;color:#fff !important; padding:0px !important;}



}
/*social*/

.prof_webform a {
    display: inline-block;
    background: #ffffff;
    margin-bottom: 12px;
    text-align: center;
    border-radius: 4px;
    line-height: 50px;
    font-size: 14px;
    color: #000000;
    width: 220px;
    height: 50px;
}

.popup_prof:before {
    content: "";
    background: url(images/cut.png) 0 0 no-repeat transparent;
    background-size: cover;
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
    margin-top: -2px;
    height: 21px;
    width: 21px;
    margin-left: -15px;
}
.prof_webform{display: contents;margin-top:30px;}
 .overflow_op {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            z-index: 9999;
        }
        
    .popup_prof_modal {
            display: none;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: white;
            padding: 20px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            z-index: 99999;
    }

.popup_prof_modal h2{text-align:center;}
.popup_prof_modal_close{position:absolute; right:10px;top:10px; border-radius:100%; border:1px solid #ccc;cursor:pointer;}

.popup_prof_modal_close {
    position: absolute; 
    right: 10px; 
    top: 10px; 
    border-radius: 50%; 
    border: 1px solid #ccc;
    cursor: pointer; 
    width: 30px; 
    height: 30px; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    font-size: 20px; 
    text-align: center; 
    color:#ccc;
z-index: 9;
}