/* header { display: none !important; } .h1 { display: none !important; } .fix_btn_academy  { display: none; } .fix_btn_chat  { display: none; } .fix_btn_phone  { display: none; } */

body {
    background: #FAFAFA;
}

/* s1 */
.isset { margin: 0 auto; max-width: 1120px; } .s1 { width: 100%; background: #FEF0EC; padding: 165px 0 50px 0; } .s1_isset { padding: 0 16px; max-width: 1152px; margin: 0 auto; } .s1_isset_text { /* padding: 0 16px; */ } .s1_zg { font-size: 56px; color: #332B2B; font-weight: 700; display: block; max-width: 895px; /* border: 1px solid red; */ } .s1_p { font-size: 20px; line-height: 32px; color: #332B2B; display: block; margin: 32px 0 0 0; } .s1_isset_btns { width: 100%; margin: 24px 0 0 0; } .s1_isset_btns>* { font-size: 16px; padding: 14px 34px; border-radius: 64px; border: 1px solid #F47C44; } .s1_isset_btns>*:first-child { margin: 0 24px 0 0; } .s1_isset_btns>*>svg { margin: 0 0 0 16px; } .s1_isset_btns_b1 { background: #F47C44; color: #FFFFFF; } .s1_isset_btns_b1:hover { background: transparent; color: #F47C44; } .s1_isset_btns_b2 { background: transparent; color: #F47C44; } .s1_isset_btns_b2:hover { background: #F47C44; color: #FFFFFF; } @media screen and (max-width: 1260px) { .s1 { padding: 90px 0 40px 0; } } @media screen and (max-width: 700px) { .s1_zg { font-size: 32px; line-height: 40px; } .s1_p { font-size: 16px; line-height: 24px; margin: 8px 0 0 0; } .s1_isset { padding: 0 0px; } .s1_isset_text { padding: 0 16px; } /* dsads */ .s1_isset_btns { padding: 0 16px; flex-wrap: wrap; justify-content: space-between; } .s1_isset_btns>*:first-child { margin: 0 0px 0 0; } } @media screen and (max-width: 500px) { .s1_isset_btns>* { width: 100%; } .s1_isset_btns_b1 { justify-content: space-between; } .s1_isset_btns>*:first-child { margin: 0 0px 16px 0; } }
/* s1 */






/* stD */
.stD { max-width: 1152px; margin: 0 auto; padding: 49px 16px 49px 16px; } .stD_zg { font-size: 32px; font-weight: 700; color: #332B2B; } .stD_bs { width: 100%; margin: 48px 0 0 0; } .stD_bs > * { margin: 0 0 32px 0; } .stD_bs > *:last-child { margin: 0 0 0px 0; } .stD_block { width: 100%; padding: 32px 40px; background: #FFFFFF; box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06); border-radius: 16px; } .stD_block_number { width: 56px; height: 56px; border: 1px solid #F47C44; font-size: 32px; color: #F47C44; border-radius: 50%; font-weight: 700; flex-shrink: 0; } .stD_block_pol1 { width: 191px; } .stD_block_pol1 > img { width: 100%; } .stD_block_pol2 { width: 130px; } .stD_block_pol2 > img { width: 100%; } .stD_block_circle { width: 160px; height: 160px; border: 2px solid #F47C44; border-radius: 50%; flex-shrink: 0; } .stD_block_text { width: 439px; } .stD_block_text_zg { font-size: 20px; font-weight: 700; color: #332B2B; } .stD_block_text_p { font-size: 16px; line-height: 24px; display: block; margin: 8px 0 0 0; color: #332B2B; } @media screen and (max-width: 1160px) { .stD_block { padding: 24px 16px; } } @media screen and (max-width: 1100px) { .stD { padding: 40px 16px 40px 16px; } .stD_zg { font-size: 24px; } .stD_bs { margin: 24px 0 0 0; } .stD_block { flex-wrap: wrap; position: relative; justify-content: flex-start; } .stD_block_pol2{display: none;}.stD_block_pol1{display: none;} .stD_block_number { position: absolute; top: 24px; right: 16px; } .stD_block_circle { order: 1; } .stD_block_text { order: 2; width: 100%; margin: 24px 0 0 0; } .stD_bs > * { margin: 0 0 24px 0; } .stD_bs > *:last-child { margin: 0 0 0px 0; } }
/* stD */



/* слайдер */
.gBlock { width: 100%; background: #5DCAAC; padding: 35px 0 0 0; } .gBlock_isset { max-width: 1120px; margin: 0 auto; position: relative; } .gBlock_arrows { position: absolute; width: 105%; height: 0px; z-index: 4; } .gBlock_slider { width: 100%; cursor: grab; } .gBlock_slider:active { cursor: grabbing; } .gBlock_slider_block { margin: 0 16px; } .gBlock_slider_isset { } .gBlock_slider_isset_content { max-width: 550px; } .gBlock_slider_isset_content_zg { font-size: 48px; font-weight: 700; color: #FFFFFF; margin: 0 0 8px 0; } .gBlock_slider_isset_content_p { font-size: 20px; color: #FFFFFF; } .gBlock_slider_isset_content_btn { margin: 48px 0 0 0; } .gBlock_slider_isset_content_a { font-size: 16px; color: #FFFFFF; padding: 12px 16px; border: 1px solid #FFFFFF; border-radius: 64px; } .gBlock_slider_isset_content_a:hover { background: #FFFFFF; color: black; } .gBlock_slider > .slick-dots > li { width: 10px; height: 10px; } .gBlock_slider > .slick-dots > li > button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent } .gBlock_slider > .slick-dots > li > button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .gBlock_slider > .slick-dots li.slick-active button:before { opacity: .75; color: white } .slick-dotted.slick-slider { margin-bottom: 0 !important } .gBlock_slider > .slick-dots { position: absolute; left: 0; width: auto; bottom: 30px; left: 0px; } @media screen and (max-width: 1245px) { .gBlock_arrows { width: 100%; padding: 0 10px; } } @media screen and (max-width: 960px) { .gBlock_slider_isset { flex-wrap: wrap; justify-content: center; } .gBlock_slider_isset_content { width: 100%; margin: 0 0 35px 0; } .gBlock_slider > .slick-dots { position: static; width: 100%; height: 30px; margin-top: 10px !important; display: flex; align-items: center; justify-content: center; width: auto; } .gBlock { padding: 40px 0 30px 0; } } @media screen and (max-width: 470px) { .gBlock_slider_isset_content_zg { font-size: 24px; } .gBlock_slider_isset_content_p { font-size: 16px; } .gBlock_slider_isset_content_btn { margin: 16px 0 0 0; } .gBlock_slider_isset > img { width: 100%; } } @media screen and (max-width: 330px) { .gBlock_slider_isset_content_a { width: 100%; } }
/* слайдер */



/* s4 */
.s4 { padding: 48px 0 32px 0; } .s4_zg { display: block; max-width: 1120px; margin: 0 auto; font-size: 32px; color: #332B2B; font-weight: 700; } .s4_2_block { padding: 0 16px; margin: 0 auto; margin-bottom: 16px; max-width: 1152px; } .s4_2_block_zg { font-weight: 700; font-size: 32px; color: #332B2B; } .s4_2_block > div { } .s4_2_block_a { font-size: 20px; color: rgba(0, 0, 0, 0.4); font-weight: 700; margin: 0 0 0 32px; } .s4_2_block_a:hover { color: #F47C44; } .s4_2_block_a_active { color: #F47C44; } .s4_blocks { max-width: 1200px; margin: 0 auto; } .s4_blocks:hover { background: transparent !important; } .s4_blocks_block { margin: 16px; width: 352px; background: #FFFFFF; box-shadow: 0px 2px 4px rgba(53, 53, 53, 0.08); border-radius: 16px; } .s4_blocks_isset { padding: 32px 32px 24px 32px; position: relative; } .s4_blocks_isset_img { width: 100%; min-height: 174px; border-radius: 10px; margin: 0 0 24px 0; } .b4_blue { background: #255AA9; } .b4_green { background: #207245; } .b4_orange { background: #CD402C; } .s4_blocks_isset_zg { font-size: 20px; font-weight: 700; color: #332B2B; } .s4_blocks_isset_zg::after { position: absolute; content: ""; border-radius: 16px; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; } .s4_blocks_isset_p { display: block; font-size: 16px; line-height: 24px; color: #332B2B; margin: 8px 0 0 0; } .s4_blocks:hover { background: #FFFFFF; color: black; } .s4_blocks>.slick-dots>li { width: 10px; height: 10px; } .s4_blocks>.slick-dots>li>button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent } .s4_blocks>.slick-dots>li>button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: 1; color: rgba(0, 0, 0, 0.25); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .s4_blocks>.slick-dots li.slick-active button:before { opacity: .75; color: #F47C44; } .slick-dotted.slick-slider { /* margin-bottom: 0 !important */ } .s4_blocks>.slick-dots { position: static; margin-top: 20px !important; display: block; width: 100%; } .s4_blocks_isset_img1 { width: 100%; margin: 0 0 24px 0; } .s4_blocks_isset_img1>img { width: 100%; } .s4_blocks_isset_h { margin: 24px 0 0 0; } .s4_blocks_isset_h>* { display: block; } .s4_blocks_isset_h>*>* { display: block; } .s4_blocks_isset_h>*:first-child { margin: 0 40px 0 0; } .s4_blocks_isset_h>*>*:first-child { font-size: 20px; font-weight: 700; color: #332B2B; } .s4_blocks_isset_h>*>*:last-child { font-size: 12px; color: rgba(0, 0, 0, 0.4); } @media screen and (max-width: 1170px) { .s4 { padding: 40px 0 30px 0; } .s4_zg { max-width: none; width: auto; padding: 0 16px; } } @media screen and (max-width: 1160px) { .s4_zg { margin: 0 0 24px 0; font-size: 24px; } .s4_2_block_zg { font-size: 24px; } .s4_2_block { margin-bottom: 24px; } .s4_blocks_block { margin: 0 16px; width: auto; } .s4_2_block { flex-wrap: wrap; justify-content: flex-start; } .s4_2_block > div { width: 100%; justify-content: flex-start; flex-wrap: wrap; } .s4_2_block_a { margin: 13px 32px 0 0; } } @media screen and (max-width: 600px) { .s4_blocks_isset { padding: 24px 16px; } }
/* s4 */





/* stQuestion */
.stQuestion { width: 100%; padding: 49px 16px 48px 16px; } .stQuestion_block { background: #FF8952; border-radius: 16px; width: 1120px; box-shadow: 0px 4px 32px rgba(19, 19, 19, 0.2); margin: 0 auto; padding: 40px 48px 48px 48px; } .stQuestion_block1 { width: 344px; } .stQuestion_block1_zg { font-size: 32px; color: #FFFFFF; font-weight: 600; } .stQuestion_block1_p { margin: 16px 0 0 0; display: block; font-size: 16px; line-height: 24px; color: #FFFFFF; } .stQuestion_block2 { width: 640px; /* border: 1px solid red; */ } .stQuestion_block2 > * { margin: 0 0 24px 0; } .stQuestion_block2 > *:last-child { margin: 0; } .stQuestion_block2_bs { width: 100%; } .stQuestion_block2_inp { border-radius: 8px; padding: 0px 16px; background: #FF9B6C; height: 48px; color: white; } .stQuestion_block2_inp1 { width: 192px; } .stQuestion_block2_inp2 { width: 304px; } .stQuestion_block2_textarea { width: 100%; resize: none; border-radius: 8px; padding: 14px 16px; background: #FF9B6C; height: 48px; color: white; } .stQuestion_block2_textarea_active { overflow: auto; height: 180px; } .stQuestion_block2_inp::-webkit-input-placeholder { color: #FFFFFF; } .stQuestion_block2_inp::-moz-placeholder { color: #FFFFFF; } .stQuestion_block2_inp:-moz-placeholder { color: #FFFFFF; } .stQuestion_block2_inp:-ms-input-placeholder { color: #FFFFFF; } .stQuestion_block2_textarea::-webkit-input-placeholder { color: #FFFFFF; } .stQuestion_block2_textarea::-moz-placeholder { color: #FFFFFF; } .stQuestion_block2_textarea:-moz-placeholder { color: #FFFFFF; } .stQuestion_block2_textarea:-ms-input-placeholder { color: #FFFFFF; } .stQuestion_block2_last_1_check { cursor: pointer; position: relative; width: 16px; height: 16px; border-radius: 4px; border: 2px solid white; } .stQuestion_block2_last_1_check_active { } .stQuestion_block2_last_1_check_svg { position: absolute; } .stQuestion_block2_last_1_check_input { display: none; } .stQuestion_block2_last_1_p { font-size: 12px; line-height: 16px; color: #FFFFFF; margin: 0 0 0 14px; display: block; } .stQuestion_block2_last_1_p > a { color: #FFFFFF; display: block; text-decoration: underline; } .stQuestion_block2_last_btn { background: #FFFFFF; border-radius: 64px; border: 1px solid #FFFFFF; padding: 12px 30px; font-size: 16px; color: #F47C44; } .stQuestion_block2_last_btn:hover { background: transparent; color: white; } @media screen and (max-width: 1180px) { .stQuestion_block { flex-wrap: wrap; width: 100%; justify-content: center; } .stQuestion_block1 { width: 100%; } .stQuestion_block2 { margin: 24px 0 0 0; } } @media screen and (max-width: 800px) { .stQuestion { padding: 0 0px 0px 0px; } .stQuestion_block { border-radius: 0px; } .stQuestion_block2 { width: 100%; } .stQuestion_block2 > * { margin: 0; } .stQuestion_block2_bs { flex-wrap: wrap; } .stQuestion_block2_inp1 { width: 100%; } .stQuestion_block2_inp2 { width: 100%; } .stQuestion_block2_inp { margin: 0 0 14px 0; } .stQuestion_block2_last { margin: 21px 0 0 0 !important; } } @media screen and (max-width: 650px) { .stQuestion_block1_zg { font-size: 24px; } .stQuestion_block1_p { font-size: 14px; margin: 8px 0 0 0; } .stQuestion_block2_last { flex-wrap: wrap; justify-content: flex-start; } .stQuestion_block2_last_1 { width: 100%; margin: 0 0 24px 0; } .stQuestion_block2_last_btn { width: 100%; } } @media screen and (max-width: 480px) { .stQuestion_block { padding: 40px 16px 48px 16px; } }
/* stQuestion */