/* 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 */


/* stOpis */
.stOpis { max-width: 1152px; margin: 0 auto; padding: 48px 16px 48px 16px; } .stOpis_block { width: 100%; margin: 0 0 24px 0; } .stOpis_zg { font-size: 32px; color: #332B2B; } .stOpis_text { width: 100%; } .stOpis_text > * { margin: 0 0 24px 0; } .stOpis_text > *:last-child { margin: 0; } .stOpis_p { font-size: 16px; line-height: 24px; color: #332B2B; } .stOpis_block_btn { display: none; } @media screen and (max-width: 800px) { .stOpis { padding: 40px 16px 10px 16px; } .stOpis_text { display: none; padding: 0 0 40px 0; } .stOpis_block_btn { display: flex; width: 48px; height: 48px; border-radius: 50%; background: #FDE4D8; position: relative; } .stOpis_block_btn_gr { position: absolute; width: 22px; height: 2.5px; background: #F47C44; border-radius: 10px; } .stOpis_block_btn_ver { height: 22px; width: 2.5px; background: #F47C44; border-radius: 10px; position: absolute; } .stOpis_zg { font-size: 24px; } }
/* stOpis */


/* s2 */
.s2 { padding: 48px 16px 104px 16px; } .s2_isset { max-width: 1120px; margin: 0 auto; } .s2_block { width: 100%; background: #FF8952; border-radius: 16px; box-shadow: 0px 4px 32px rgba(19, 19, 19, 0.2); padding: 40px 0px 32px 0; } .s2_block_first { margin: 0 0 16px 0; padding: 0px 48px; } .s2_block_first_zg { font-size: 32px; font-weight: 600; color: #FFFFFF; } .s2_block_first_a { font-size: 16px; color: #FFFFFF; } .s2_block_first_a > svg { margin: 0 0 0 10px; } .s2_block_blocks { padding: 0 32px; } .s2_block_blocks_block { margin: 16px; min-height: 176px; } .s2_block_blocks_isset { width: 320px; background: rgba(255, 255, 255, 0.2); border-radius: 8px; padding: 32px; position: relative; min-height: 176px; } .s2_block_blocks_isset_zg { font-size: 20px; font-weight: 700; color: #FFFFFF; } .s2_block_blocks_isset_zg::after { border-radius: 8px; position: absolute; top: 0; left: 0; z-index: 4; width: 100%; height: 100%; content: ""; } .s2_block_blocks_isset_p { font-size: 16px; line-height: 24px; color: #FFFFFF; display: block; margin: 16px 0 0 0; } .s2_block_blocks_isset:hover { background: white; } .s2_block_blocks_isset:hover  .s2_block_blocks_isset_zg { color: #332B2B; } .s2_block_blocks_isset:hover  .s2_block_blocks_isset_p { color: #332B2B; } @media screen and (max-width: 1160px) { .s2_block_first { margin: 0 0 32px 0; } .s2_block_blocks { display: block; } .s2_block_blocks_block { margin: 0 16px; /* min-height: auto; */ } .s2_block_blocks_isset { width: auto; position: relative; /* min-height: auto; */ padding: 24px 16px; } } @media screen and (max-width: 1020px) { .s2_block_first { padding: 0px 16px; } .s2_block_blocks { padding: 0 0px; } .s2 { padding: 0px 0px 40px 0px; } .s2_block { border-radius: 0px; padding: 40px 0px 90px 0; position: relative; } .s2_block_first_isset { position: absolute; left: 0; bottom: 30px; width: 100%; } .s2_block_first_zg { font-size: 24px; line-height: 32px; color: #FFFFFF; } .s2_block_blocks_isset_zg { font-size: 20px; } .s2_block_blocks_isset_p { font-size: 14px; line-height: 20px; } }
/* s2 */



/* s3 */
.s3 { max-width: 1152px; margin: 0 auto; padding: 0 0 49px 0; } .s3_zg { font-size: 32px; color: #332B2B; width: 100%; display: block; padding: 0 16px; margin: 0 0 48px 0; } .s3_slider { width: 100%; } .s3_slider_block { margin: 16px; width: 256px; } .s3_slider_isset { padding: 52px 5px  36px 5px; background: #FFFFFF; box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06); border-radius: 16px; text-align: center; position: relative; } .s3_slider_isset_p { font-size: 20px; line-height: 24px; font-weight: 700; color: #332B2B; } .s3_slider_isset_block { position: absolute; top: 0; left: 0; height: 0; z-index: 4; width: 100%; } .s3_slider_isset_circle { background: #FFFFFF; box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06); border-radius: 50%; font-size: 32px; color: #F47C44; font-weight: 700; width: 64px; height: 64px; } @media screen and (max-width: 1200px) { .s3_slider_block { margin: 32px 16px; width: 300px; } .s3_slider_isset { padding: 52px 16px  36px 16px; } } @media screen and (max-width: 574px) { /* s3 */ .s3 { padding: 0 0 15px 0; } .s3_zg { font-size: 24px; padding: 0 16px; margin: 0 0 33px 0; } .s3_slider_block { margin: 30px 16px; width: 100%; } }
/* s3 */


/* 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 */




/* stCalculator */
.stCalculator { width: 100%; padding: 48px 16px 96px 16px; } .stCalculator_block { background: #FFFFFF; box-shadow: 0px 2px 4px rgba(53, 53, 53, 0.08); border-radius: 16px; width: 1120px; } .stCalculator_block_first { background: #FFFFFF; box-shadow: 0px 2px 4px rgba(53, 53, 53, 0.08); border-radius: 16px 16px 0px 0px; padding: 48px; } .stCalculator_block_first_zg { font-size: 24px; font-weight: 700; color: #332B2B; } .stCalculator_block2 { width: 100%; padding: 48px; } .stCalculator_block2_1_span { display: block; font-size: 12px; color: #B3B3B3; margin: 0 0 8px 0; } .stCalculator_block2_1_zg { font-weight: 600; font-size: 20px; color: #332B2B; margin: 0 0 8px 0; } .stCalculator_block2_1_bs { width: 100%; margin: 16px 0 0 0; } .stCalculator_block2_1_check { border: 2px solid #F47C44; border-radius: 4px; width: 16px; height: 16px; cursor: pointer; box-sizing: border-box; } .stCalculator_block2_1_check_active { border: 2px solid transparent; background: #F47C44; } .stCalculator_block2_1_bs_input { display: none; } .stCalculator_block2_1_bs_svg { display: none; position: absolute; } .stCalculator_block2_1_bs_svg_active { display: inline-block; } .stCalculator_block2_1_bs_s { display: inline-block; font-size: 16px; color: #332B2B; margin: 0 0 0 12px; font-weight: 500; } .stCalculator_block2_2_blocks { /* margin: 16px 0 0 0 ; */ } .stCalculator_block2_2_blocks1 { margin: 0 184px 0 0; } .stCalculator_block2_2_blocks1:last-child { margin: 0; } .stCalculator_block2_2_blocks1_bs { margin: 16px 0 0 0; cursor: pointer; } .stCalculator_block2_2_blocks1_bs > span { display: inline-block; margin: 0 0 0 8px; font-size: 16px; color: #353535; } .stCalculator_block2_2_blocks_radio { cursor: pointer; width: 16px; height: 16px; border-radius: 50%; border: 2px solid #F47C44; } .stCalculator_block2_2_blocks_radio_span { position: absolute; width: 8px; height: 8px; background: transparent; border-radius: 50%; background: #F47C44; transition: all .3s; opacity: 0; } .stCalculator_block2_2_blocks_radio_span_active { opacity: 1; } .stCalculator_block2_2_blocks_radio_input { display: none; } .stCalculator_block2_3 { width: 100%; } .stCalculator_block2_3_inp { margin: 16px 0 0 0; } .stCalculator_block2_3_inp > input { border-bottom: 1px solid #EBEBEB; margin: 0 32px 0 0; padding: 12px 0; } .stCalculator_block2_3_inp > input:last-child { margin: 0; } .stCalculator_block2_3_input { width: 759px; border-bottom: 1px solid #EBEBEB; margin: 0 32px 0 0; padding: 12px 0; margin: 30px 0 0 0; } /* LAST */ .stCalculator_block_last { background: #FAFAFA; border-radius: 0px 0px 16px 16px; width: 100%; padding: 20px 48px; } .standart_circle { position: relative; width: 70px; height: 70px } .standart_circle>span { position: absolute; font-size: 14px; color: #F47C44 } .circle { -webkit-transform: scale(2); -ms-transform: scale(2); transform: scale(2); position: absolute; bottom: 0; display: block } .circle>*>circle { fill: rgba(0, 0, 0, 0); stroke: #FDE4D8; stroke-width: 2; stroke-dasharray: 95px 95px } .circle>*>circle:nth-child(2n) { fill: rgba(0, 0, 0, 0); stroke: #F47C44; stroke-width: 2 } .stCalculator_block_last_1_text { margin: 0 0 0 16px; } .stCalculator_block_last_1_text > span { display: block; } .stCalculator_block_last_1_text > span:first-child { font-size: 12px; color: #332B2B; margin: 0 0 4px 0; } .stCalculator_block_last_1_text > span:last-child { font-size: 12px; color: #B3B3B3; } .stCalculator_block_last_btn { position: relative; font-size: 16px; color: #F47C44; border: 1px solid #F47C44; border-radius: 64px; padding: 12px 28px; } .stCalculator_block_last_btn > svg { margin: 0 0 0 12px; } .stCalculator_block_last_btn:hover { background: #F47C44; color: white; } .stCalculator_block_last_btn:hover svg > path { fill: white; } .stCalculator_block_last_btn_input { position: absolute; z-index: 3; width: 100%; height: 100%; border-radius: 64px; top: 0; left: 0; opacity: 0; cursor: pointer; } /* LAST */ @media screen and (max-width: 1160px) { .stCalculator { padding: 34px 16px 46px 16px; } } @media screen and (max-width: 930px) { .stCalculator_block2_3_inp { flex-wrap: wrap; width: 100%; } .stCalculator_block2_3_inp { /* margin: 0; */ } .stCalculator_block2_3_inp > input { margin: 16px 0 0 0; width: 100%; } .stCalculator_block2_3_inp > input:first-child { margin: 0; } .stCalculator_block2_3_inp > input:last-child { margin: 16px 0 0 0; } .stCalculator_block2_3_input { width: 100%; margin: 16px 0px 0 0; } } @media screen and (max-width: 650px) { .stCalculator_block_first { padding: 24px 16px; } .stCalculator_block2 { padding: 16px 16px 20px 16px; } .stCalculator_block2_2_blocks { flex-wrap: wrap; } .stCalculator_block2_2_blocks1 { margin: 0 0px 0 0; width: 100%; } .stCalculator_block2_2_blocks1:last-child { margin: 0; } .stCalculator_block_last { flex-wrap: wrap; justify-content: flex-start; padding: 17px; } .stCalculator_block_last_1 { width: 100%; margin: 0 0 17px 0; } } @media screen and (max-width: 450px) { .stCalculator_block_last_btn { width: 100%; justify-content: space-between; } }
/* stCalculator */




/* stQuestion */
.stQuestion { width: 100%; padding: 0 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 */