* {font-size: 16px;}
html, body { margin: 0 auto; padding: 0; width: 100%; background-color: #fff; font-family: 'FuturaBookC';}
html{scroll-behavior: smooth;transition: 0.3s;}
.container {max-width: 1430px; width: 100%; padding: 10px;margin:0 auto;}
.container_row {max-width: 1130px; width: 100%; padding: 10px;margin:0 auto;}
.row { display: flex; flex-direction: row; flex-wrap: nowrap;}
a {text-decoration:none;}
header {box-shadow: 0px 8px 8px 0px #0000000A;height: 80px;background-color:#FFFFFF;}
header .row{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center;}
header .container {padding: 23px 0;}
header.fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000;}
.red_style{color:#FF4438 !important;}
.modal_overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(29 29 27 / 40%); z-index: 999;display:none;}
.modal_status {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; padding: 20px; z-index: 99999;display:none;border-radius:8px;}
.modal_close {position: absolute; top: 0px; right: -40px; cursor: pointer; background:url(./images/close.png); background-size: cover; background-repeat: no-repeat;height:32px; width:32px;}
.modal_grid{display: flex;}
.modal_left_side{padding:50px;}
#form_step1.modal_status {width: 100%;max-width: 1080px;position: absolute; top: 450px; left: 50%; transform: translate(-50%, -50%); background-color: #fff; padding: 20px; z-index: 99999;display:none;border-radius:8px;}
#form_step1.modal_close {position: absolute; top: 0px; right: -40px; cursor: pointer; background:url(./images/close.png); background-size: cover; background-repeat: no-repeat;height:32px; width:32px;}
#form_step1.modal_grid{display: flex;}
#form_step1.modal_left_side{padding:50px;}
#form_step1 .modal_images img{width:100%;}
#form_step1 .modal_grid > *{flex: 1; width: 0;}
#form_step1 h2{font-size:40px; color:#1D1D1B;font-weight: 400;text-align:left;margin: 0;}
#form_step1 p{margin:30px 0;font-size:22px; font-weight: 400;}
#form_step1 h4{font-size:22px;margin: 0;font-weight: 400;}
#form_step1 ul{padding: 0 0px 0 15px;}
#form_step1 ul li{margin-bottom:15px;font-size:16px;}
.grey_style{color:rgb(0 0 0 / 50%);}
#form_step1 .form_link {text-decoration: none; color: #FFF; background: #FF4438; border: 1px solid #FF4438; transition: 0.3s; display: block; text-align: center; font-size: 16px;padding: 16px 0;border-radius: 16px;}
#form_step1 .form_link:hover { text-decoration: none; color: #FF4438; background: #FFF; border: 1px solid #FF4438; transition: 0.3s; display: block; text-align: center; font-size: 16px; padding: 16px 0; border-radius: 16px;}
#form_step2.modal_status {width: 100%;max-width: 1080px;position: absolute; top: 450px; left: 50%; transform: translate(-50%, -50%); background-color: #fff; padding: 20px; z-index: 99999;display:none;border-radius:8px;}
#form_step2.modal_close {position: absolute; top: 0px; right: -40px; cursor: pointer; background:url(./images/close.png); background-size: cover; background-repeat: no-repeat;height:32px; width:32px;}
#form_step2.modal_grid{display: flex;}
#form_step2 .modal_images img{width:100%;}
#form_step2 .modal_grid > *{flex: 1; width: 0;}
#form_step2 h2{font-size:40px; color:#1D1D1B;font-weight: 400;text-align:left;margin: 0;}
#form_step2 p{margin:30px 0;font-size:22px; font-weight: 400;}
#form_step2 h4{font-size:22px;margin: 0;font-weight: 400;}
#form_step2 ul{padding: 0 0px 0 15px;}
#form_step2 ul li{margin-bottom:15px;font-size:16px;}
.grey_style{color:rgb(0 0 0 / 50%);}
#form_step2 .form_link {text-decoration: none; color: #FFF; background: #FF4438; border: 1px solid #FF4438; transition: 0.3s; display: block; text-align: center; font-size: 16px;padding: 16px 0;border-radius: 16px;}
#form_step2 .form_link:hover { text-decoration: none; color: #FF4438; background: #FFF; border: 1px solid #FF4438; transition: 0.3s; display: block; text-align: center; font-size: 16px; padding: 16px 0; border-radius: 16px;}
#form_step2 .modal_left_side{
padding: 0 50px 0px 50px;
}
#form_step2 .b24-form-state-container .b24-form-success {
background-color: #fff !important;
}
.login_form{ text-align: center; display: block; margin-top: 20px;}
.header_menu{}
.header_menu img{margin-left:30px;}
.header_menu ul { list-style: none; display: flex; flex-direction: row; margin: 0;}
.header_menu ul li{padding: 0 20px;}
.header_menu ul li a{color:#1D1D1B;font-size:16px;border-bottom: 2px solid transparent;transition: border-bottom 0.3s;}
.header_menu ul li a:hover{border-bottom:1px solid #1D1D1B;}
.header_menu .button_form a{color:#fff; border:1px solid #FF4438; background-color: #FF4438;font-size:16px; padding:16px 32px; border-radius:16px;transition: 0.3s;}
.header_menu .button_form a:hover{color:#FF4438; border:1px solid #FF4438; background-color: #fff;font-size:16px; padding:16px 32px; border-radius:16px;transition: 0.3s;}
.header_menu .button_form{margin-right: 20px;}
.col-6{width: calc(50% - 5px); padding: 0 5px;position:relative;}
.block_radius_8{border-radius:8px;}
.row-vert {display: flex;flex-direction: column;}
#block1 {margin-top: 80px;}
#block1 .header_block { text-align: center;padding:56px 0;}
#block1 .header_block h1 { font-size: 50px; color: #1D1D1B; margin: -5px 0 0px 0; line-height: 50px; font-weight: 400;}
#block1 .header_block h2{font-size:50px;color: #FF4438;margin: 0px; line-height: 50px; font-weight: 400;}
#block1 .header_block p{font-size:22px;color: #1D1D1B;margin-top: 10px;}
#block1 .images_block{margin-top: -20px;}
#block1 .button_block { width: 100%; display: grid; text-align: center; margin-top: 10px;}
#block1 .button_block a{color:#fff; border:1px solid #FF4438; background-color: #FF4438;font-size:22px; padding:24px 40px; border-radius:8px;transition: 0.3s;}
#block1 .button_block a:hover{color:#FF4438; border:1px solid #FF4438; background-color: #fff; border-radius:8px;transition: 0.3s;}
#block1 img{width:100%;}
#block1 .width_25{margin-right:25px;}
#block1 .images_block img {margin-right: 10px; width: 100%;}
#block2{margin-top: -20px;}
#block2 .block2_back{background:url(./images/block2/block2_back.png);
width: 100%;
background-size: cover;
background-repeat: no-repeat;
height: 750px;
text-align: center;
background-position-y: 50px;
border-radius:6px;
}
#block2 .block2_back h2{font-size:40px; color:#FF4438;font-weight: 400;padding-top: 200px;}
#block2 .block2_back p{font-size: 22px;
color: #1D1D1B;
width: 60%;
margin: 0px auto 30px auto;}
#block2 .row-misc{}
#block2 .images_block img{margin:5px;}
#block2 .block2_rotate {
padding: 24px;
width: 304px;
background: #FFECEB;
box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.04);
border-radius: 8px;
transform: rotate(2deg);
color: #FF4438;
text-align: center;
margin: 0 auto;
}
#block2 .image_text p{font-size:22px; color:#1D1D1B;text-align:center;}
#block2 .block2_relative{position:relative;}
#block2 .block2_animate{transition: top 0.3s ease, bottom 0.3s ease;}
#block3{margin-top: 140px;}
#block3 h2{font-size:40px; color:#1D1D1B;font-weight: 400;text-align:center;}
#block3 h2 span{font-size:40px; color:#FF4438;font-weight: 400;}
#block3 .grid {
display: flex;
flex-direction: row;
align-items: flex-start;
background-color: rgb(249 249 249 / 40%);
border: 1px solid #F9F9F9;
border-radius: 8px;
flex-wrap: nowrap;
justify-content: space-between;
}
#block3 .row {gap: 10px;}
#block3 .row > * {flex: 1; width: 0;}
#block3 .icon_block{margin-right:10px;}
#block3 .icon_block img{width:100%;min-width:100px;}
#block3 .text_block {padding:16px;}
#block3 .text_block h4 {font-size:22px; color:#000;font-weight: 400;margin:0;}
#block3 .text_block p {font-size:16px; color:#000;font-weight: 400;margin:0;}
#block4{margin-top: 140px;}
#block4 h2{font-size:40px; color:#1D1D1B;font-weight: 400;text-align:center;}
#block4 h2 span{font-size:40px; color:#FF4438;font-weight: 400;}
#block4 .row > * {flex: 1; width: 0;}
#block4 .row {gap: 10px;}
#block4 .icon_block{margin-right:10px;}
#block4 .icon_block img{width:100%;min-width:100px;}
#block4 .text_block h4 {font-size:16px; color:#000;font-weight: 400;margin:0;position:absolute; left:24px;top:24px}
#block4 .text_block p {font-size:16px; color:#000;font-weight: 400;margin:0;position:absolute; left:24px;bottom:24px}
#block4 .block4_1{background:url(./images/block4/1.png); background-size: cover; background-repeat: no-repeat;height:275px; width:275px;border-radius:8px;position:relative;}
#block4 .block4_2{background:url(./images/block4/2.png); background-size: cover; background-repeat: no-repeat;height:275px; width:275px;border-radius:8px;position:relative;}
#block4 .block4_3{background:url(./images/block4/3.png); background-size: cover; background-repeat: no-repeat;height:275px; width:275px;border-radius:8px;position:relative;}
#block4 .block4_4{background:url(./images/block4/4.png); background-size: cover; background-repeat: no-repeat;height:275px; width:275px;border-radius:8px;position:relative;}
#block5{margin-top: 140px; background-color:#F9F9F9;padding-bottom: 140px;}
#block5 h2{font-size:40px; color:#1D1D1B;font-weight: 400;text-align:center;margin-top:140px;}
#block5 .tab_select { display: flex; justify-content: center; gap: 10px;}
#block5 .tab_select a{text-decoration:none; color:#1D1D1B;padding:16px; 24px; background-color:#fff;border-radius:8px;font-size:16px;}
#block5 .tab_select a:hover{text-decoration:none; color:#fff;padding:16px; 24px; background-color:#FF4438;border-radius:8px;}
#block5 .tab_select a.active{text-decoration:none; color:#fff;padding:16px; 24px; background-color:#FF4438;border-radius:8px;}
#block5 .tab_view{display: flex; margin-top: 10px;}
#block5 .tab_view > * {flex: 1; width: 0;}
#block5 .tab_view .left_side{}
#block5 .tab_view .left_side img{width:100%;}
#block5 .tab_view .right_side{padding: 50px 50px 0px 50px;background-color:#fff;}
#block5 .tab_view .right_side .small{font-size:16px; color:#1D1D1B;margin:0 0 10px 0px;}
#block5 .tab_view .right_side p{font-size:22px; color:#1D1D1B;}
#block5 .tab_display{display:block;}
#block6{margin-top: 140px; background-color:#fff;padding-bottom: 140px;}
#block6 h2{font-size:40px; color:#1D1D1B;font-weight: 400;text-align:center;margin-top: 0;}
#block6 .arrow_select{display: flex; justify-content: center; gap: 5px;}
/*#block6 .awards_tab {display: flex; flex-wrap: nowrap; gap: 10px; margin-top: 10px;}
#block6 .awards_tab > * {flex: 1; width: 0;}*/
#block6 .awards_tab .block_text{}
#block6 .awards_tab .block_text img{width:100%;}
#block6 .awards_tab .block_text .block_image{background:#F9F9F9;border-radius:8px; border: 1px solid rgb(157 156 156 / 10%); padding:16px;text-align:center;}
#block6 .awards_tab .block_text p{color:#1D1D1B;text-align:center;width:80%;margin: 16px auto 0 auto;}
#block6 .leftopinion{width: 48px; height: 48px; background: url('./images/block6/left.png') no-repeat center center; background-size: contain; cursor: pointer; transition: background 0.2s, border 0.2s, color 0.2s, background-image 0.2s;}
#block6 .leftopinion:hover{width: 48px; height: 48px; background: url('./images/left_hover.png') no-repeat center center; background-size: contain; cursor: pointer;}
#block6 .rightopinion{width: 48px; height: 48px; background: url('./images/block6/right.png') no-repeat center center; background-size: contain; cursor: pointer; transition: background 0.2s, border 0.2s, color 0.2s, background-image 0.2s;}
#block6 .rightopinion:hover{width: 48px; height: 48px; background: url('./images/right_hover.png') no-repeat center center; background-size: contain; cursor: pointer;}
#block6 .owl-prev-opin,#block16 .owl-next-opin{ background: none; border: none; cursor: pointer;padding: 0;}
#block6 .owl-prev-opin, #block6 .owl-next-opin {
background: none;
border: none;
cursor: pointer;
padding: 0;
}
#block6 .row {
display: flex;
flex-direction: column;
align-items: center;
}
#block6 .nav{margin-bottom:20px;}
#block6 .row > * {
flex: 0;
width: 100%;
text-align: center;
}
#block7 {background-color:#F9F9F9;padding:10px;}
#block7 .block7_back{background:url(./images/block7/1.png); background-size: cover; background-repeat: no-repeat;height:750px; width:100%;border-radius:8px;position:relative;}
#block7 h2{font-size:40px; color:#fff;font-weight: 400;text-align:center;position:absolute;bottom:110px;left:0;right:0;margin:0 auto;}
#block7 p{font-size:22px; color:#fff;font-weight: 400;text-align:center;width:50%;position:absolute;bottom:50px;left:0;right:0;margin:0 auto;}
#block7 .row_simb{}
#block8 .block8_1{background:url(./images/block8/1.png); background-size: cover; background-repeat: no-repeat;height:275px; width:275px;border-radius:8px;position:relative;}
#block8 .block8_2{background:url(./images/block8/2.png); background-size: cover; background-repeat: no-repeat;height:275px; width:275px;border-radius:8px;position:relative;}
#block8 .block8_3{background:url(./images/block8/3.png); background-size: cover; background-repeat: no-repeat;height:275px; width:275px;border-radius:8px;position:relative;}
#block8 .block8_4{background:url(./images/block8/4.png); background-size: cover; background-repeat: no-repeat;height:275px; width:275px;border-radius:8px;position:relative;}
#block8 .block8_5{background:url(./images/block8/5.png); background-size: cover; background-repeat: no-repeat;height:275px; width:275px;border-radius:8px;position:relative;}
#block8 .block8_6{background:url(./images/block8/6.png); background-size: cover; background-repeat: no-repeat;height:275px; width:275px;border-radius:8px;position:relative;}
#block8 .block8_7{background:url(./images/block8/7.png); background-size: cover; background-repeat: no-repeat;height:275px; width:275px;border-radius:8px;position:relative;}
#block8 .block8_8{background:url(./images/block8/8.png); background-size: cover; background-repeat: no-repeat;height:275px; width:275px;border-radius:8px;position:relative;}
#block8 .row { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; gap: 10px;}
#block8 .row > * {flex: 0 0 24%; box-sizing: border-box;}
#block8 h2{position:absolute;top:24px; left:24px; font-size:40px;font-weight: 400;margin: 0;color:#1D1D1B;}
#block8 p{position:absolute;top:75px; left:24px; font-size:16px;font-weight: 400;margin: 0;width: 80%;color:#1D1D1B;}
#block8 .block8_3 p, #block8 .block8_3 h2{color:#fff;}
#block8 .block8_4 p, #block8 .block8_4 h2{color:#fff;}
#block8 .block8_5 p, #block8 .block8_5 h2{color:#FF4438;}
#block8 .block8_6 p, #block8 .block8_6 h2{color:#fff;}
#block8 .block8_7 p, #block8 .block8_7 h2{color:#FF4438;}
#block9{margin-top:140px;}
#block9 h2{font-size:40px; color:#fff;font-weight: 400;text-align:left;margin:0;color:#1D1D1B;}
#block9 h2 span{font-size:40px; color:#fff;font-weight: 400;text-align:left;color:#FF4438;}
#block9 p{font-size:22px;color:#9C9C9D; margin: 0 0 30px 0;}
#block9 .row { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; gap: 10px;}
#block9 .row .image_block{}
#block9 .row_header{display: flex;margin-bottom: 70px;}
#block9 .row_header > * {flex: 0 0 50%; box-sizing: border-box;}
#block10{margin-top:140px;}
#block10 h2{font-size:40px; color:#fff;font-weight: 400;text-align:left;margin:0;color:#1D1D1B;}
#block10 h2 span{font-size:40px; color:#fff;font-weight: 400;text-align:left;color:#FF4438;}
#block10 p{font-size:22px;color:#1D1D1B; margin: 32px 0 30px 0;}
#block10 .row {
display: flex;
flex-wrap: nowrap;
flex-direction: row;
justify-content: space-between;
gap: 32px;
}
#block10 .row > * {flex:1;}
#block10 .grid_tab{display: flex; flex-direction: row;background: #FFFFFF;box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.02);border-radius: 16px;}
/*#block10 .grid_tab > * {flex: 0 0 100%; box-sizing: border-box;}*/
#block10 .right_side{ display: flex; flex-direction: column; flex-wrap: nowrap; gap: 10px;}
#block10 .grid_left .number{padding: 10px; background-color: #F9F9F9; color: #1D1D1B; font-size: 12px; display: inline; border-radius: 4px; }
#block10 .right_side .grid_left p{font-size:16px;color:#1D1D1B;margin:30px 0 0 0;}
#block10 .right_side .grid_left{padding:24px;flex: 1;}
#block10 .grid_tab_link {}
#block10 .grid_tab_link .show_all{
text-decoration: none;
color: #FF4438;
background: rgb(255 68 56 / 10%);
border: 1px solid rgb(255 68 56 / 10%);
transition: 0.3s;
display: block;
text-align: center;
font-size: 16px;
padding: 16px 0;
border-radius: 16px;
margin-bottom:10px;
}
#block10 .grid_tab_link .show_all:hover{text-decoration:none;color:#FF4438;background:rgb(255 68 56 / 20%);transition: 0.3s; border: 1px solid rgb(255 68 56 / 20%);}
#block10 .grid_tab_link .start_course{
text-decoration: none;
color: #FFF;
background: #FF4438;
border: 1px solid #FF4438;
transition: 0.3s;
display: block;
text-align: center;
font-size: 16px;
padding: 16px 0;
border-radius: 16px;
}
#block10 .grid_tab_link .start_course:hover{
text-decoration: none;
color: #FF4438;
background: #FFF;
border: 1px solid #FF4438;
transition: 0.3s;
display: block;
text-align: center;
font-size: 16px;
padding: 16px 0;
border-radius: 16px;
}
#block10 .grid_tab_link {text-align:center;}
#block10 .grid_tab_link .view_status_expert { text-decoration: none; display: flex; gap: 10px; margin: 32px auto 0 auto; justify-content: center;}
#block10 .left_side{position:relative;}
#block10 .grid_tab_link .view_status_expert span{border-bottom:1px solid #1D1D1B; color:#1D1D1B; font-size:16px;}
#block10 .grid_tab_link .view_status_expert img{}
#block10 .hidden_class{display:none;}
#block10 .modal_status {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; padding: 20px; z-index: 99999;display:none;border-radius:8px;}
#block10 .modal_close {position: absolute; top: 0px; right: -40px; cursor: pointer; background:url(./images/close.png); background-size: cover; background-repeat: no-repeat;height:32px; width:32px;}
#block10 .modal_grid{display: flex;}
#block10 .modal_left_side{padding:50px;}
#block11{margin-top: 140px; background-color:#fff;padding-bottom: 140px;}
#block11 h2{font-size:40px; color:#1D1D1B;font-weight: 400;text-align:center;margin-top: 0;}
#block11 .arrow_select{display: flex; justify-content: center; gap: 5px;}
#block11 .awards_tab {display: flex; flex-wrap: nowrap; gap: 10px; margin-top: 10px;}
#block11 .awards_tab > * {flex: 1; width: 0;}
#block11 .awards_tab .block_text{}
#block11 .awards_tab .block_text img{width:100%;}
#block11 .awards_tab .block_text .block_image{background:#F9F9F9;border-radius:8px; border: 1px solid rgb(157 156 156 / 10%); padding:16px;text-align:center;}
#block11 .awards_tab .block_text p{color:#1D1D1B;text-align:center;width:80%;margin: 16px auto 0 auto;}
#block11 .video-slider-1 video {width:100%;position:relative;border-radius:16px;}
.carousel-container { position: relative;}
.owl-prev,
.owl-next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 1000; background: none; border: none; cursor: pointer; font-size: 2rem; color: #333;}
.owl-prev { left: -80px;}
.owl-next { right: -80px;}
.play-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 48px; height: 48px; background: url('./images/block11/play.png') no-repeat center center; background-size: contain; cursor: pointer;}
.video-container { position: relative; display: inline-block;border-radius:16px;}
#block11 .left_arrow{width: 48px; height: 48px; background: url('./images/block6/left.png') no-repeat center center; background-size: contain; cursor: pointer; transition: background 0.2s, border 0.2s, color 0.2s, background-image 0.2s;}
#block11 .left_arrow:hover{width: 48px; height: 48px; background: url('./images/left_hover.png') no-repeat center center; background-size: contain; cursor: pointer;}
#block11 .right_arrow{width: 48px; height: 48px; background: url('./images/block6/right.png') no-repeat center center; background-size: contain; cursor: pointer; transition: background 0.2s, border 0.2s, color 0.2s, background-image 0.2s;}
#block11 .right_arrow:hover{width: 48px; height: 48px; background: url('./images/right_hover.png') no-repeat center center; background-size: contain; cursor: pointer;}
#block11 .info_video{font-size:12px; padding:8px 12px; background:#fff; border-radius:100px; position:absolute; bottom:70px;left:20px; text-decoration:none;}
#block11 .info_video span{color:#1D1D1B;}
#block11 .info_popup_video { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; gap: 5px;}
#block11 .info_video img{width:20px;height:20px;}
#block11 .info_video_modal{width:200px; height:200px; position:absolute; right:20px; bottom:120px; background:#fff; border-radius:8px;padding:10px;display:none;}
#block11 .info_video_modal p{font-size:12px; color:#9C9C9D;margin:0;}
#block12{padding-top: 140px; background: url('./images/block12/back.png') no-repeat center center; background-size: contain;padding-bottom: 140px;}
#block12 h2{font-size:40px; color:#fff;font-weight: 400;margin:0;color:#1D1D1B;}
#block12 h2 span{font-size:40px; color:#fff;font-weight: 400;color:#FF4438;}
#block12 .row {display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-end; gap: 10px;text-align:center;}
#block12 .item{background:#fff;border-radius:16px;padding:10px;position:relative;}
#block12 .item p{font-size: 12px; color: #FF4438; padding: 12px; border-radius: 8px; background: rgb(255 68 56 / 4%); display: inline-block; margin-top: 10px;}
#block12 .item h4{font-size: 22px;color:#1D1D1B;font-weight:400;margin: 0 0 20px 0; cursor:pointer;}
#block12 .block12_info{width: 18px; height: 18px; background: url('./images/block12/info.png') no-repeat center center; background-size: contain; cursor: pointer;position:absolute; right:20px; bottom:20px;}
#block12 .info_popup { background: #FFECEB; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 16px; padding: 20px;display:none;}
#block12 .info_popup p{font-size: 16px; color: #1D1D1B;padding:0; background:none;border-radius:0;}
#block13{margin-top: 140px; background-color:#fff;padding-bottom: 140px;}
#block13 h2{font-size:40px; color:#fff;font-weight: 400;margin:0;color:#1D1D1B;text-align:center}
#block13 .round-table {border-collapse: separate; border-spacing: 0; border: 1px solid #000; border-radius: 16px; overflow: hidden; font-weight:400;margin-top:30px;}
#block13 .round-table th, #block13 .round-table td {width: 20%;border-bottom: 1px solid #000; padding: 20px; text-align: center; font-weight: 400; border-right: 1px solid #000;}
#block13 .round-table th {background:rgb(255 68 56 / 10%);}
#block13 .round-table th:first-child, #block13 .round-table td:first-child { border-left: none;}
#block13 .round-table th:last-child, #block13 .round-table td:last-child { border-right: none; }
#block13 .round-table tr:first-child th, #block13 .round-table tr:first-child td { border-top: none;}
#block13 .round-table tr:last-child th, #block13 .round-table tr:last-child td { border-bottom: none; }
#block13 p{margin:0;}
#block13 p.small_text{font-size:12px; color:rgb(29 29 27 / 40%);}
#block13 .table_download {text-align:center;}
#block13 .table_download a {
text-decoration: none;
color: #FFF;
background: #FF4438;
border: 1px solid #FF4438;
transition: 0.3s;
display: block;
text-align: center;
font-size: 16px;
padding: 16px 62px;
border-radius: 16px;
display: inline-block;
margin: 30px auto 0px auto;
}
#block14{padding-top: 140px; background: url('./images/block14/back.png') no-repeat center center; background-size: contain;padding-bottom: 140px;}
#block14 h2{font-size:40px; color:#fff;font-weight: 400;margin:0;color:#1D1D1B;text-align:left;margin-bottom:32px;}
#block14 .row {display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px;}
#block14 .row > * {flex:1;}
#block14 .list_base{display: flex; flex-direction: column; gap: 1px;}
#block14 .list_base .item { display: flex; flex-direction: row; justify-content: space-between; background: #fff; padding: 24px; text-align: left; gap: 5px; align-items: center;}
#block14 .list_base .item:first-child{border-top-left-radius: 16px;border-top-right-radius: 16px;}
#block14 .list_base .item:last-child{border-bottom-left-radius: 16px;border-bottom-right-radius: 16px;}
#block14 .list_base .item .item_2 span{color:rgb(29 29 27 / 40%);}
#block14 .list_base .item .item_3{width: 32px; height: 32px; background: url('./images/block14/plus.png') no-repeat center center; background-size: contain; cursor: pointer; transition: background 0.2s, border 0.2s, color 0.2s, background-image 0.2s;}
#block14 .list_base .item .item_3:hover{width: 32px; height: 32px; background: url('./images/block14/plus_active.png') no-repeat center center; background-size: contain; cursor: pointer;}
#block14 .list_base .item .item_info{display:none;}
#block14 .button_save {margin-top:15px;}
#block14 .button_save a{text-decoration: none; color: #FFF; background: #FF4438; border: 1px solid #FF4438; transition: 0.3s; display: block; text-align: center; font-size: 16px; padding: 16px 0; border-radius: 16px;}
#block14 .button_save a:hover{ text-decoration: none; color: #FF4438; background: #FFF; border: 1px solid #FF4438; transition: 0.3s; display: block; text-align: center; font-size: 16px; padding: 16px 0; border-radius: 16px;}
#block14 .modal_status {width: 500px;position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; padding: 20px; z-index: 99999;display:none;border-radius:8px;}
#block14 .modal_close {position: absolute; top: 0px; right: -40px; cursor: pointer; background:url(./images/close.png); background-size: cover; background-repeat: no-repeat;height:32px; width:32px;}
#block14 .modal_grid{display: flex;}
#block14 .modal_left_side{padding:50px;}
#block14 .modal_status p{font-size:22px;}
#block15{margin-top: 10px;background:#F9F9F9;}
#block15 h2{font-size:40px; color:#1D1D1B;font-weight: 400;text-align:center;margin-top:120px;}
#block15 h2 span{font-size:40px; color:#FF4438;font-weight: 400;}
#block15 .item { display: flex; gap: 10px;position:relative;}
#block15 .item .grid:last-child{background:#fff;border-radius:26px; padding:32px;}
#block15 .item .grid .number{font-size:16px; color:#9C9C9D;}
#block15 .item .grid .timeline1 {position: relative;height: 7px;width: 100%;background-color: #F9F9F9; border-top-right-radius: 99px; border-bottom-right-radius: 99px;margin:10px 0 40px 0;}
#block15 .item .grid .timeline1::before {content: ''; position: absolute; height: 100%; width: calc(100% / 6); background-color: #FF4438; border-top-left-radius: 99px; border-bottom-left-radius: 99px;}
#block15 .item .grid .timeline2 {position: relative;height: 7px;width: 100%;background-color: #F9F9F9; border-top-right-radius: 99px; border-bottom-right-radius: 99px;margin:10px 0 40px 0;}
#block15 .item .grid .timeline2::before {content: ''; position: absolute; height: 100%; width: calc(100% / 3); background-color: #FF4438; border-top-left-radius: 99px; border-bottom-left-radius: 99px;}
#block15 .item .grid .timeline3 {position: relative;height: 7px;width: 100%;background-color: #F9F9F9; border-top-right-radius: 99px; border-bottom-right-radius: 99px;margin:10px 0 40px 0;}
#block15 .item .grid .timeline3::before {content: ''; position: absolute; height: 100%; width: calc(100% / 2); background-color: #FF4438; border-top-left-radius: 99px; border-bottom-left-radius: 99px;}
#block15 .item .grid .timeline4 {position: relative;height: 7px;width: 100%;background-color: #F9F9F9; border-top-right-radius: 99px; border-bottom-right-radius: 99px;margin:10px 0 40px 0;}
#block15 .item .grid .timeline4::before {content: ''; position: absolute; height: 100%; width: calc(100% / 1.5); background-color: #FF4438; border-top-left-radius: 99px; border-bottom-left-radius: 99px;}
#block15 .item .grid .timeline5 {position: relative;height: 7px;width: 100%;background-color: #F9F9F9; border-top-right-radius: 99px; border-bottom-right-radius: 99px;margin:10px 0 40px 0;}
#block15 .item .grid .timeline5::before {content: ''; position: absolute; height: 100%; width: calc(100% * 5 / 6); background-color: #FF4438; border-top-left-radius: 99px; border-bottom-left-radius: 99px;}
#block15 .item .grid .timeline6 {position: relative;height: 7px;width: 100%;background-color: #F9F9F9; border-top-right-radius: 99px; border-bottom-right-radius: 99px;margin:10px 0 40px 0;}
#block15 .item .grid .timeline6::before {content: ''; position: absolute; height: 100%; width: calc(100%); background-color: #FF4438; border-radius: 99px;}
#block15 .item .grid .textitem{font-size:22px; color:#1D1D1B;}
#block15 .item .grid .nav{display: flex; gap: 5px;position: absolute;right: 32px; bottom: 32px;}
#block15 .item .grid .nav .left{width: 48px; height: 48px; background: url('./images/block15/left.png') no-repeat center center; background-size: contain; cursor: pointer; transition: background 0.2s, border 0.2s, color 0.2s, background-image 0.2s;}
#block15 .item .grid .nav .left:hover{width: 48px; height: 48px; background: url('./images/block15/left_hover.png') no-repeat center center; background-size: contain; cursor: pointer;}
#block15 .item .grid .nav .right{width: 48px; height: 48px; background: url('./images/block15/right.png') no-repeat center center; background-size: contain; cursor: pointer; transition: background 0.2s, border 0.2s, color 0.2s, background-image 0.2s;}
#block15 .item .grid .nav .right:hover{width: 48px; height: 48px; background: url('./images/block15/right_hover.png') no-repeat center center; background-size: contain; cursor: pointer;}
#block15 .items[data-item="2"],
#block15 .items[data-item="3"],
#block15 .items[data-item="4"],
#block15 .items[data-item="5"],
#block15 .items[data-item="6"] {
display: none;
}
#block16{margin-top: 140px;background:#FFF;}
#block16 h2{font-size:40px; color:#1D1D1B;font-weight: 400;text-align:center;}
#block16 .leftopinion{width: 48px; height: 48px; background: url('./images/block15/left.png') no-repeat center center; background-size: contain; cursor: pointer; transition: background 0.2s, border 0.2s, color 0.2s, background-image 0.2s;}
#block16 .leftopinion:hover{width: 48px; height: 48px; background: url('./images/block15/left_hover.png') no-repeat center center; background-size: contain; cursor: pointer;}
#block16 .rightopinion{width: 48px; height: 48px; background: url('./images/block15/right.png') no-repeat center center; background-size: contain; cursor: pointer; transition: background 0.2s, border 0.2s, color 0.2s, background-image 0.2s;}
#block16 .rightopinion:hover{width: 48px; height: 48px; background: url('./images/block15/right_hover.png') no-repeat center center; background-size: contain; cursor: pointer;}
#block16 .owl-prev-opin,#block16 .owl-next-opin{ background: none; border: none; cursor: pointer;padding: 0;}
#block16 .row {display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between;}
#block16 .opinion-container{ background: #FFFFFF; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.06); border-radius: 24px; padding: 16px; margin: 10px 10px;}
#block16 .opinion-container .image_block{display: flex; flex-direction: row;gap:5px;}
#block16 .opinion-container .image_block .item{border-radius:8px;}
#block16 .opinion-container .tag_block{display: flex; gap: 10px; align-items: center; margin: 20px 0;}
#block16 .opinion-container .tag_block .item{border-radius:4px; color:#1D1D1B; background:rgb(0 191 31 / 8%);padding:8px;font-size:12px;color:#1D1D1B;}
#block16 .opinion-container .text_block{color:#1D1D1B;height: 126px;background: linear-gradient(180deg, #1D1D1B 0%, rgba(29, 29, 27, 0.1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;cursor:pointer;}
#block16 .opinion-container .avatar_block{display: flex; gap: 10px; align-items: center; margin-top: 20px;}
#block16 .opinion-container .avatar_block .avatar{}
#block16 .opinion-container .avatar_block .avatar img{height:20px;width:100%;}
#block16 .opinion-container .avatar_block .name{}
#block16 .nav{display: flex; gap: 5px;}
#block17{margin-top: 140px;background:#F3F3F3;}
#block17 .form_place {
border-radius: 24px;
width: 100%;
height: 100%;
background: url(./images/block17/back.png) no-repeat center center;
background-size: contain;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
#block17 .row { display: flex; gap: 10px;}
#block17 .row > * {flex: 1; width: 0;}
#block17 .form_place h2{font-size:50px; color:#fff;text-align:center;font-weight:400;}
#block17 .form_place p {font-size:22px; color:#fff;text-align:center;font-weight:400;width: 50%; margin: 0px 0;}
#block17 .form_place a{text-decoration:none; font-size:22px; color:#FF4438;padding:24px 40px; border:1px solid #FF4438; background:#fff; border-radius:16px;margin-top:40px;transition: 0.3s;}
#block17 .form_place a:hover{text-decoration:none; font-size:22px; color:#FFF;padding:24px 40px; border:1px solid #FFF; background:#FF4438; border-radius:16px;margin-top:40px;transition: 0.3s;}
footer{margin-top: 0px;background:#F3F3F3;}
footer .footer_back{background:#fff; border-radius:24px; padding:60px 50px;}
/*footer .footer_back .row > * {flex: 1; width: 0;}*/
footer .footer_back .item_right { display: flex;gap: 64px;}
footer .small_text{color:#9C9C9D;font-size:12px;}
footer .footer_back .item_right ul { list-style: none; margin: 16px 0 0 0; padding: 0;}
footer .footer_back .item_right ul li {margin-bottom:12px;}
footer .footer_back .item_right ul li a{text-decoration:none;color:#1D1D1B;font-size:16px; border-bottom: 1px solid transparent; transition: border-bottom 0.3s;}
footer .footer_back .item_right ul li a:hover {border-bottom: 1px solid #1D1D1B;}
.show_mobile{display:none;}
.hide_mobile{display:block;}
@media (max-width: 575px) {
html, body { overflow-x: hidden;}
.show_mobile{display:block;}
.hide_mobile{display:none;}
.show_mobile .table_img img{width:100%;}
.row {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
}
.container {
max-width: 400px !important;
width: calc(100% - 20px) !important;
padding: 10px;
margin: 0 auto;
}
.container_row {
max-width: 360px !important;
width: calc(100% - 20px) !important;
}
.menu_popup{display:none;background:#fff;}
.menu_popup_item{position:fixed; width:100%; height:250px; top:62px; left:0;z-index:9999;background:#fff; box-shadow: 0px 8px 8px 0px #0000000A;}
.menu_popup_item ul {list-style:none;}
.menu_popup_item ul li{margin-bottom:15px;}
.owl-prev, .owl-next { display: none;}
#block11 .container_row { max-width: 350px;}
#block16 .row {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
}
header {height: 62px;}
header .header_menu ul {gap:10px;padding: 0;
list-style: none;
display: flex;
margin: 0;
justify-content: space-between;
align-content: flex-start;
flex-wrap: nowrap;
flex-direction: row;
align-items: flex-start;
}
header .header_menu:nth-child(1) img { margin-left: 10px;}
header .header_menu:nth-child(2) img { margin-left: 10px; margin-top:5px;}
header .header_menu:nth-child(1){width: 10%;}
header .header_menu:nth-child(2){width: 25%;}
header .header_menu:nth-child(3){margin-left: auto;}
header.fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
display: flow;
align-content: center;
}
header .container {
padding: 0px 0;
max-width: 100%;
}
header .header_menu ul li {padding: 0;}
header .header_menu img {}
header .header_menu .button_form a {
font-size: 12px;
padding: 16px 24px;
border-radius: 8px;
}
header .header_menu .button_form a:hover {
color: #FF4438;
border: 1px solid #FF4438;
background-color: #fff;
font-size: 12px;
padding: 16px 24px;
border-radius: 8px;
transition: 0.3s;
}
header .header_menu ul li a {
color: #1D1D1B;
font-size: 12px;
border-bottom: 2px solid transparent;
transition: border-bottom 0.3s;
}
header .header_menu .button_form {
margin-right: 0px;
}
h2, h2 span {font-size:20px;}
h1, h1 span {font-size:40px;}
#block1 .row {
/* gap: 5px; */
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
#block1 .images_block img { margin-right: 0; width: 45%;}
#block1 .images_block { margin-top: 70px; gap: 10px;}
#block1 .button_block a { font-size: 18px; padding: 24px 40px;}
#block1 h1, h1 span{font-size:40px;}
#block1 h2, h2 span{font-size:40px;}
#block1 .header_block p { font-size: 16px; margin-top: 10px;}
#block1 .button_block { width: 100%; display: block; text-align: center; margin-top: 44px;}
#block2 .block2_back h2 { font-size: 32px; padding-top: 50px;}
#block2 .images_block img { width: 50%;}
#block2 .images_block .image_text img { width: 100%;}
#block2 .images_block {
gap: 10px;
display: flex;
flex-wrap: nowrap;
flex-direction: row;
width: calc(100% - 10px);
}
#block2 .images_block > * {flex:0 0 50%;width: auto;}
#block2 .images_block img { margin: 0;}
#block2 .image_text p { font-size: 12px;
background: #FFFFFF;
box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.04);
border-radius: 8px;
padding-bottom: 20px;
}
#block2 .block2_back p { font-size: 16px; width: 70%;}
#block2 .block2_back {
background: url(./images/mobile/block2_back.png);
width: 100%;
background-size: cover;
background-repeat: no-repeat;
height: 500px;
text-align: center;
background-position-y: 0px;
border-radius: 0;
background-position-x: -10px;
}
#block2 .block2_rotate { padding: 14px; width: 70%; font-size: 16px;}
#block3 h2,#block3 h2 span { font-size: 32px; text-align: left;}
#block3 .icon_block img { width: 100%; min-width: 100px;}
#block3 .text_block h4 {font-size: 18px; margin-bottom: 10px;}
#block3 .text_block p { font-size: 14px;}
#block3 .row > * {
flex: 1;
width: auto;
}
#block4 .row {
gap: 10px;
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
#block4 .row > * {
flex: 40%;
width: 0;
}
#block4 .block4_1, #block4 .block4_2, #block4 .block4_3, #block4 .block4_4 { height: 175px; width: 175px; }
#block4 .text_block p {
font-size: 14px;
color: #000;
font-weight: 400;
margin: 0;
position: absolute;
left: 16px;
bottom: 16px;
width:80%;
}
#block4 .text_block h4 {
font-size: 14px;
color: #000;
font-weight: 400;
margin: 0;
position: absolute;
left: 16px;
top: 16px;
}
#block4 h2,#block4 h2 span { font-size: 32px; text-align: left;}
#block5 .tab_view .right_side p { font-size: 16px;}
#block5 h2 { margin-top: 40px;}
#block5 .tab_view .right_side {padding: 20px 20px 0px 20px;}
#block5 .tab_select {
display: flex;
gap: 10px;
align-items: center;
justify-content: space-between;
}
#block5 .tab_select a.active {
text-decoration: none;
color: #fff;
padding: 16px 8px;
background-color: #FF4438;
border-radius: 8px;
font-size: 12px;
}
#block5 .tab_select a {
text-decoration: none;
color: #1D1D1B;
padding: 16px 8px;
background-color: #fff;
border-radius: 8px;
font-size: 12px;
}
#block5 {
padding-bottom: 20px;
}
#block5 .tab_view {
display: flex;
margin-top: 10px;
flex-direction: column-reverse;
}
#block5 .tab_view > * {
flex: 1;
width: auto;
}
#block5 .tab_view .right_side .small {
font-size: 14px;
color: #1D1D1B;
margin: 0 0 10px 0px;
}
#block5 .tab_select a:hover {
text-decoration: none;
color: #fff;
padding: 16px 8px;
background-color: #FF4438;
border-radius: 8px;
}
#block7 .block7_back {
background: url(./images/mobile/block7_back.png);
background-size: cover;
background-repeat: no-repeat;
height: 500px;
width: 100%;
border-radius: 8px;
position: relative;
}
#block7 p {
bottom: 60px;
line-height: 14px;
font-size: 14px;
width: 80%;
}
#block7 h2 { bottom: 120px;font-size:32px;line-height: 32px;}
#block8 .row > * { flex: 0 0 48%; box-sizing: border-box;}
#block8 .block8_1,#block8 .block8_2,#block8 .block8_3,#block8 .block8_4,#block8 .block8_5,#block8 .block8_6,#block8 .block8_7,#block8 .block8_8{ height: 220px; width: 175px;}
#block8 p {
position: absolute;
top: 50px;
left: 16px;
font-size: 12px;
font-weight: 400;
margin: 0;
width: 85%;
color: #1D1D1B;
}
#block8 h2 {
position: absolute;
top: 16px;
left: 16px;
font-size: 18px;
font-weight: 400;
margin: 0;
color: #1D1D1B;
}
#block9 p {font-size: 18px; text-align: center;}
#block9 .row .image_block img{width:100%}
#block9 h2,#block9 h2 span {font-size: 32px;text-align: center;margin-top: 50px;}
#block9 .right_side{margin-top:20px;}
#block9 .row_header {
display: flex;
margin-bottom: 10px;
flex-direction: column;
align-items: center;
align-content: center;
}
#block9 .row {
display: flex;
flex-wrap: wrap;
flex-direction: row;
gap: 10px;
}
#block9 .row .image_block {
flex: 40%;
width: 0;
}
#block10 .right_side{overflow-x: scroll; width: 100%;}
#block10 .right_side .grid_left p { font-size: 14px;text-align:left;}
#block10 .grid_right img{width:100%;}
#block10 .right_side {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap: 10px;
}
#block10 .row {
display: flex;
flex-wrap: nowrap;
flex-direction: column;
justify-content: space-between;
gap: 32px;
}
#block10 .grid_left .number {
padding: 14px;
background-color: #F9F9F9;
color: #1D1D1B;
font-size: 12px;
display: inline;
border-radius: 4px;
}
#block10 .grid_tab {
display: flex;
flex-direction: column;
background: #FFFFFF;
box-shadow: 0px -5px 20px rgba(0, 0, 0, 0.04);
border-radius: 16px;
min-width: 250px;
}
#block10 block10_left_animate{position:relative !important;}
#block10 .right_side .grid_left {
padding: 10px;
flex: 1;
}
#block10 .grid_tab_link .view_status_expert img {
height: 20px;
}
#block10 .modal_left_side {
padding: 10px;
}
#block10 h2,#block10 h2 span { font-size: 32px; text-align: center;}
#block11 h2 {
font-size: 32px;
color: #1D1D1B;
font-weight: 400;
text-align: center;
margin-top: 50px;
}
#block11 .video-slider-1{width:70%; margin: 0 auto;}
#block11 .owl-prev { left: -10px;}
#block11 .owl-next { right: -10px;}
#block11 .owl-prev,#block11 .owl-next {
display: block;
}
#block12 h2 {
font-size: 32px;
color: #fff;
font-weight: 400;
margin: 0;
color: #1D1D1B;
text-align:left;
}
#block12 .item h4 { font-size: 18px; position:relative;}
#block12 .item h4:after {content:""; background:url(./images/mobile/arrow_down.png); height:24px;width:24px; position:absolute; right:0px;}
#block12 {
padding-top: 40px;
background-size: contain;
padding-bottom: 140px;
background: url(./images/mobile/block14/back.png);
background-color: rgb(255 68 56 / 5%);
}
#block12 .item {
background: #fff;
border-radius: 16px;
padding: 10px;
position: relative;
text-align: left;
}
#block12 .row {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
gap: 10px;
text-align: center;
margin-top: 20px;
}
#block13 h2 { font-size: 32px; text-align: center;margin-bottom:20px;}
#block13 .table_img{width:100%;}
#block13 .table_download {margin-top:20px;}
#block13 .table_download a{
text-decoration: none;
color: #FFF;
background: #FF4438;
border: 1px solid #FF4438;
transition: 0.3s;
display: block;
text-align: center;
font-size: 16px;
padding: 16px 0;
border-radius: 16px;
}
#block14 .row {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
gap: 10px;
}
#block14 {
padding-top: 140px;
background: url(./images/mobile/block14/back.png) no-repeat center center;
background-size: contain;
padding-bottom: 140px;
}
#block15 h2, #block15 h2 span { font-size: 32px;}
#block15 .item {
display: flex;
gap: 10px;
position: relative;
flex-direction: column;
}
#block17 .image img { width: 100%;}
#block17 .row {
display: flex;
align-content: center;
align-items: stretch;
flex-wrap: nowrap;
flex-direction: column;
gap:0;
}
#block17 .row > * {
flex: 1;
width: auto;
}
#block17 .form_place {
border-radius: 24px;
width: auto;
height: auto;
background: url(./images/block17/back.png) no-repeat center center;
background-size: contain;
display: flex;
padding: 30px;
}
#block17 .form_place h2 {
font-size: 32px;
color: #fff;
text-align: center;
font-weight: 400;
margin: 0;
padding: 0;
}
#block17 .form_place a {
font-size: 16px;
padding: 24px 40px;
border-radius: 8px;
}
#block17 .form_place a:hover {
text-decoration: none;
font-size: 16px;
color: #FFF;
padding: 24px 40px;
border: 1px solid #FFF;
background: #FF4438;
border-radius: 8px;
transition: 0.3s;
}
.modal_grid > * { flex: 1; width: 0;}
.modal_grid .modal_images img{width:100%;}
#block10 .modal_status {width: 80%;}
#block10 p {font-size: 18px;text-align:center;}
#block12 .image_item img{width:100%;}
#block13 .round-table tr td {font-size: 10px;}
#block13 .round-table th, #block13 .round-table td { padding: 0px;}
#block14 .left_side img{width:100%;}
#block15 .item .grid img{width:100%;}
#block15 .item .grid .textitem {
font-size: 14px;
color: #1D1D1B;
}
#block14 .list_base .item { padding: 24px;}
#block14 .list_base .item > *{
font-size:14px;
}
#block14 .list_base .item span {
font-size:14px;
}
#block15 .item .grid .nav {
display: flex;
gap: 5px;
position: relative;
right: 0;
bottom: 0;
justify-content: flex-end;
align-items: flex-end;
margin-top: 20px;
}
#block15 {margin-top: -100px !important;}
#block15 h2 {margin-top: 50px;}
#block14 .modal_status { width: 70%;}
#block13{margin-top:-100px !important;padding-bottom: 50px;}
#block16 .nav { justify-content: flex-end;}
#block16 .opinion-container .tag_block .item {padding: 4px 8px; font-size: 10px;}
#block16 .opinion-container .text_block { font-size: 12px;}
#block16 .opinion-container .avatar_block .name { font-size: 12px;}
#block16 .container {
max-width: 400px;
width: 100%;
padding: 10px;
margin: 0 auto;
}
#block16 .container_row {
max-width: 400px;
}
#block17 .form_place p { font-size: 14px;}
footer .footer_back .row > * {
flex: none;
width: auto;
}
footer .footer_back .row {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: center;
align-items: center;
gap:20px;
}
footer .footer_back .item_right {
display: flex;
gap: 64px;
flex-direction: row;
justify-content: space-around;
border-top: 1px solid #9C9C9D;
padding: 10px 0;
}
footer .item_footer_right{position:relative;}
footer .item_footer_right:before{content:""; width:1px;background-color:#9C9C9D;height:100%; position:absolute;left:-10px;top:-10px; }
footer .item_footer:nth-child(2){border-top: 1px solid #9C9C9D; padding: 10px 0;}
footer .footer_back .row .item img{max-width:110px;}
footer .footer_back .row .item{flex: 0 0 20%;}
footer .footer_back .item_right ul li { font-size: 12px;}
footer .footer_back .item_right ul li a { font-size: 12px;}
footer .footer_back { padding: 20px;}
#block3, #block4,#block5,#block6,#block7,#block8,#block9,#block10,#block11,#block13,#block15,#block16,#block17 {margin-top: 0px;}
#block14 {padding-top:0px;}
#block5,#block6,#block12,#block13,#block14, {padding-bottom:30px;}
#block11{padding-bottom:0px;}
/*
#form_step1.modal_status, #form_step2.modal_status {
width: 100%;
max-width: 360px;
position: absolute;
top: 0px;
left: 0px;
transform: translate(0%, -0%);
background-color: #fff;
padding: 20px;
z-index: 99999;
display: none;
border-radius: 8px;
}
*/
#form_step1.modal_status, #form_step2.modal_status {
width: auto;
max-width: 100%;
position: absolute;
top: 0px;
right: 0px;
left: 0px;
transform: translate(0%, -0%);
background-color: #fff;
padding: 20px;
z-index: 99999;
display: none;
border-radius: 8px;
}
.modal_grid {
display: flex;
flex-direction: column;
}
#block14 .modal_grid {
display: flex;
flex-direction: row;
}
#form_step1 .modal_grid > * , #form_step2 .modal_grid > * {
flex: 1;
width: auto;
}
#form_step1 h2, #form_step2 h2 {
font-size: 28px;
color: #1D1D1B;
font-weight: 400;
text-align: left;
margin: 0;
}
#form_step1 p, #form_step2 p {
margin: 30px 0;
font-size: 18px;
font-weight: 400;
}
.modal_left_side {
padding: 20px;
}
#form_step2 .modal_left_side {
padding: 0;
}
.modal_close {
position: absolute;
top: 30px;
right: 30px;
cursor: pointer;
background: url(./images/close.png);
background-size: cover;
background-repeat: no-repeat;
height: 32px;
width: 32px;
}
#block10 .modal_status {
width: 100%;
max-width: 360px;
position: absolute;
top: 0px;
left: 0px;
transform: translate(0%, -0%);
background-color: #fff;
padding: 20px;
z-index: 99999;
display: none;
border-radius: 8px;
}
#block10 .modal_grid > * {
flex: 1;
width: auto;
}
#block10 .modal_grid {
display: flex;
flex-direction: column;
}
#block10 .modal_close {
position: absolute;
top: 30px;
right: 30px;
cursor: pointer;
background: url(./images/close.png);
background-size: cover;
background-repeat: no-repeat;
height: 32px;
width: 32px;
}
#block14 .modal_status {
width: 100%;
max-width: 360px;
position: absolute;
top: 0px;
left: 0px;
transform: translate(0%, -0%);
background-color: #fff;
padding: 20px;
z-index: 99999;
display: none;
border-radius: 8px;
}
#block14 .modal_status h2 {
font-size: 32px;
color: #fff;
font-weight: 400;
margin: 0;
color: #1D1D1B;
text-align: left;
}
#block14 .modal_left_side {
padding: 10px;
}
#block14 .modal_close {
position: absolute;
top: 30px;
right: 20px;
cursor: pointer;
background: url(./images/close.png);
background-size: cover;
background-repeat: no-repeat;
height: 32px;
width: 32px;
}
} /*MOBILE*/
@media (min-width: 576px) and (max-width: 767px) {
.container { max-width: 500px; width: 100%; padding: 10px; margin: 0 auto;}
.container_row { max-width: 480px;}
#block11 .container_row { max-width: 400px;}
header .row > * {flex: 1;width: auto;}
header .header_menu ul {gap:10px;padding: 0;
list-style: none;
display: flex;
margin: 0;
justify-content: space-between;
align-content: flex-start;
flex-wrap: nowrap;
flex-direction: row;
align-items: flex-start;
}
header .header_menu ul li {padding: 0;}
header .header_menu img {width: 80%; margin-left: 10px;}
header .header_menu .button_form {display:none;}
header .header_menu .button_form a { font-size: 16px; padding: 8px 16px; border-radius: 8px;}
header .header_menu:nth-child(3){display:none}
header .header_menu ul li a {
color: #1D1D1B;
font-size: 12px;
border-bottom: 2px solid transparent;
transition: border-bottom 0.3s;
}
h2, h2 span {font-size:20px !important;line-height:20px !important;}
h1, h1 span {font-size:30px !important;line-height:30px !important;}
.row > * {flex: 1; width: 0;}
#block1 .row {gap:5px;}
#block1 .row > * {flex: 1; width: 0;}
#block1 .images_block img { margin-right: 0; width: 0;}
#block1 .images_block { margin-top: -20px; gap: 10px !important;}
#block1 .button_block a { font-size: 18px; padding: 14px 40px;}
#block2 .images_block img { width: 100%;}
#block2 .animate_block .row {gap:10px;}
#block2 .image_text p { font-size: 12px;}
#block2 .block2_back p { font-size: 12px; width: 70%;}
#block2 .block2_back h2 { padding-top: 0px;}
#block2 .block2_rotate { padding: 14px; width: 70%; font-size: 12px;}
#block3 .icon_block img { width: 100%; min-width: 50px;}
#block3 .text_block h4 {font-size: 16px;}
#block3 .text_block p { font-size: 12px;}
#block4 .block4_1,#block4 .block4_2,#block4 .block4_3,#block4 .block4_4 {height: 120px; width: 120px;}
#block4 .text_block p { font-size: 12px;}
#block5 .tab_view .right_side p { font-size: 12px;}
#block5 h2 { margin-top: 40px;}
#block5 .tab_view .right_side {padding: 20px 20px 0px 20px;}
#block5 .tab_select {
display: flex;
justify-content: center;
gap: 10px;
align-items: center;
}
#block5 .tab_select a.active {
text-decoration: none;
color: #fff;
padding: 8px;
background-color: #FF4438;
border-radius: 8px;
font-size: 14px;
}
#block5 .tab_select a {
text-decoration: none;
color: #1D1D1B;
padding: 8px;
background-color: #fff;
border-radius: 8px;
font-size: 14px;
}
#block5 {
padding-bottom: 20px;
}
#block7 .block7_back { height: 300px;}
#block7 p { bottom: 20px; line-height: 14px; font-size: 16px; width: 70%; }
#block7 h2 { bottom: 80px;}
#block8 .row > * { flex: 0 0 23%; box-sizing: border-box;}
#block8 .block8_1,#block8 .block8_2,#block8 .block8_3,#block8 .block8_4,#block8 .block8_5,#block8 .block8_6,#block8 .block8_7,#block8 .block8_8{ height: 190px; width: 200px;}
#block8 p { top: 55px; font-size: 10px;}
#block9 p { font-size: 16px;}
#block9 .row .image_block img{width:100%}
#block10 .right_side .grid_left p { font-size: 12px;}
#block10 .grid_right img{width:100%;}
#block10 .row { gap: 12px;}
#block10 .right_side .grid_left {
padding: 10px;
flex: 0 0 60%;
}
#block10 .grid_tab_link .view_status_expert img {
height: 20px;
}
#block10 .modal_left_side {
padding: 10px;
}
#block12 .item h4 { font-size: 14px;}
#block17 .image img { width: 100%;}
.modal_grid > * { flex: 1; width: 0;}
.modal_grid .modal_images img{width:100%;}
#block10 .modal_status {width: 80%;}
#block10 p {font-size: 16px;}
#block12 .image_item img{width:100%;}
#block13 .round-table tr td {font-size: 10px;}
#block13 .round-table th, #block13 .round-table td { padding: 10px;}
#block14 .left_side img{width:100%;}
#block15 .item .grid img{width:100%;}
#block15 .item .grid .textitem {
font-size: 14px;
color: #1D1D1B;
}
#block14 .list_base .item { padding: 10px;}
#block14 .list_base .item > *{
font-size:12px;
}
#block14 .list_base .item span {
font-size:12px;
}
#block15 .item .grid .nav {
display: flex;
gap: 5px;
position: relative;
right: 0;
bottom: 0;
justify-content: flex-end;
align-items: flex-end;
margin-top: 20px;
}
#block15 {margin-top: -100px !important;}
#block15 h2 {margin-top: 50px;}
#block14 .modal_status { width: 70%;}
#block13{margin-top:-100px !important;padding-bottom: 50px;}
#block16 .nav { justify-content: flex-end;}
#block16 .opinion-container .tag_block .item {padding: 4px 8px; font-size: 10px;}
#block16 .opinion-container .text_block { font-size: 12px;}
#block16 .opinion-container .avatar_block .name { font-size: 12px;}
#block16 .container {
max-width: 400px;
width: 100%;
padding: 10px;
margin: 0 auto;
}
#block16 .container_row {
max-width: 400px;
}
#block17 .form_place a {
font-size: 16px;
padding: 8px 30px;
margin-top: 10px; }
#block17 .form_place p { font-size: 14px;}
footer .footer_back .row > * { flex: none; width: 0;}
footer .footer_back .row {gap:20px;}
footer .footer_back .row .item img{width:100%;}
footer .footer_back .row .item{flex: 0 0 20%;}
footer .footer_back .row .item_right{flex: 0 0 80%;gap: 10px;}
footer .footer_back .item_right ul li { font-size: 12px;}
footer .footer_back .item_right ul li a { font-size: 12px;}
footer .footer_back { padding: 20px;}
#block3, #block4,#block5,#block6,#block7,#block8,#block9,#block10,#block11,#block13,#block15,#block16,#block17 {margin-top: 0px;}
#block14 {padding-top:0px;}
#block5,#block6,#block12,#block13,#block14, {padding-bottom:30px;}
#block11{padding-bottom:0px;}
}
@media (min-width: 768px) and (max-width: 991px) {
.container { max-width: 740px; width: 100%; padding: 10px; margin: 0 auto;}
.container_row { max-width: 700px;}
header .row > * {flex: none;width: auto;}
header .header_menu ul {gap:10px;}
header .header_menu ul li {padding: 0;}
header .header_menu img { margin-left: 0px;}
header .header_menu .button_form {display:none;}
header .header_menu .button_form a { font-size: 16px; padding: 8px 16px; border-radius: 8px;}
h2, h2 span {font-size:28px !important;line-height:28px !important;}
h1, h1 span {font-size:40px !important;line-height:40px !important;}
.row > * {flex: 1; width: 0;}
#block1 .row {gap:5px;}
#block1 .row > * {flex: 1; width: 0;}
#block1 .images_block img { margin-right: 0; width: 0;}
#block1 .images_block { margin-top: -20px; gap: 10px !important;}
#block2 .images_block img { width: 100%;}
#block2 .animate_block .row {gap:10px;}
#block2 .image_text p { font-size: 14px;}
#block2 .block2_back p { font-size: 14px; width: 70%;}
#block2 .block2_back h2 { padding-top: 100px;}
#block3 .icon_block img { width: 100%; min-width: 70px;}
#block3 .text_block h4 {font-size: 18px;}
#block3 .text_block p { font-size: 14px;}
#block4 .block4_1,#block4 .block4_2,#block4 .block4_3,#block4 .block4_4 {height: 170px; width: 170px;}
#block5 .tab_view .right_side p { font-size: 14px;}
#block7 .block7_back { height: 400px;}
#block7 p {bottom: 20px; line-height: 18px;}
#block8 .row > * { flex: 0 0 23%; box-sizing: border-box;}
#block8 .block8_1,#block8 .block8_2,#block8 .block8_3,#block8 .block8_4,#block8 .block8_5,#block8 .block8_6,#block8 .block8_7,#block8 .block8_8{ height: 220px; width: 200px;}
#block8 p { top: 55px; font-size: 12px;}
#block9 .row .image_block img{width:100%}
#block10 .right_side .grid_left p { font-size: 14px;}
#block11 .container_row { max-width: 600px;}
#block12 .item h4 { font-size: 16px;}
#block17 .image img { width: 100%;}
.modal_grid > * { flex: 1; width: 0;}
.modal_grid .modal_images img{width:100%;}
#block10 .modal_status {width: 80%;}
#block10 p {font-size: 18px;}
#block12 .image_item img{width:100%;}
#block13 .round-table tr td {font-size: 14px;}
#block14 .left_side img{width:100%;}
#block15 .item .grid img{width:100%;}
#block15 .item .grid .textitem {
font-size: 16px;
color: #1D1D1B;
}
#block15 .item .grid .nav {
display: flex;
gap: 5px;
position: relative;
right: 0;
bottom: 0;
justify-content: flex-end;
align-items: flex-end;
margin-top: 20px;
}
#block16 .nav { justify-content: flex-end;}
#block16 .opinion-container .tag_block .item {padding: 4px 8px; font-size: 10px;}
#block16 .opinion-container .text_block { font-size: 14px;}
#block16 .opinion-container .avatar_block .name { font-size: 14px;}
#block17 .form_place a {font-size: 18px; padding: 14px 40px; margin-top: 20px;}
footer .footer_back .row > * { flex: none; width: 0;}
footer .footer_back .row {gap:20px;}
footer .footer_back .row .item img{width:100%;}
footer .footer_back .row .item{flex: 0 0 20%;}
footer .footer_back .row .item_right{flex: 0 0 80%;gap: 40px;}
footer .footer_back .item_right ul li { font-size: 14px;}
footer .footer_back .item_right ul li a { font-size: 14px;}
#block3, #block4,#block5,#block6,#block7,#block8,#block9,#block10,#block11,#block13,#block15,#block16,#block17 {margin-top: 0px;}
#block14 {padding-top:0px;}
#block5,#block6,#block12,#block13,#block14, {padding-bottom:80px;}
#block11{padding-bottom:0px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.container { max-width: 950px; width: 100%; padding: 10px; margin: 0 auto;}
.container_row { max-width: 900px;}
header .row > * {flex: none;width: auto;}
header .header_menu ul {gap:10px;}
header .header_menu ul li {padding: 0;}
header .header_menu img { margin-left: 0px;}
header .header_menu .button_form { margin-right: 0px;}
header .header_menu .button_form a { font-size: 16px; padding: 8px 16px; border-radius: 8px;}
h2, h2 span {font-size:32px !important;}
.row > * {flex: 1; width: 0;}
#block1 .row {gap:5px;}
#block1 .row > * {flex: 1; width: 0;}
#block1 .images_block img { margin-right: 0; width: 0;}
#block1 .images_block { margin-top: -20px; gap: 10px !important;}
#block2 .images_block img { width: 100%;}
#block2 .animate_block .row {gap:10px;}
#block2 .image_text p { font-size: 18px;}
#block2 .block2_back p { font-size: 18px; width: 70%;}
#block2 .block2_back h2 { padding-top: 100px;}
#block4 .block4_1,#block4 .block4_2,#block4 .block4_3,#block4 .block4_4 {height: 220px; width: 220px;}
#block5 .tab_view .right_side p { font-size: 18px;}
#block7 .block7_back { height: 550px;}
#block7 p {bottom: 40px; line-height: 18px;}
#block8 p { font-size: 14px;}
#block9 .row .image_block img{width:100%}
#block11 .container_row { max-width: 700px;}
#block17 .image img { width: 100%;}
.modal_grid > * { flex: 1; width: 0;}
.modal_grid .modal_images img{width:100%;}
#block10 .modal_status {width: 80%;}
#block10 p {font-size: 18px;}
#block12 .image_item img{width:100%;}
#block14 .left_side img{width:100%;}
#block16 .nav { justify-content: flex-end;}
footer .footer_back .row > * { flex: none; width: 0;}
footer .footer_back .row .item{flex: 0 0 40%;}
footer .footer_back .row .item_right{flex: 0 0 60%;gap: 40px;}
#block3, #block4,#block5,#block6,#block7,#block8,#block9,#block10,#block11,#block13,#block15,#block16,#block17 {margin-top: 80px;}
#block12,#block14 {padding-top:0px;}
#block5,#block6,#block11,#block12,#block13,#block14, {padding-bottom:80px;}
}
@media (min-width: 1200px) and (max-width: 1399px) {
.container { max-width: 1180px; width: 100%; padding: 10px; margin: 0 auto;}
header .row > * {flex: none;width: auto;}
.row > * {flex: 1; width: 0;}
#block1 .row {gap:5px;}
#block1 .row > * {flex: 1; width: 0;}
#block1 .images_block img { margin-right: 0; width: 0;}
#block1 .images_block { margin-top: -20px; gap: 10px !important;}
#block2 .images_block img { width: auto;}
#block9 .row .image_block img{width:100%}
#block11 .container_row { max-width: 1000px;}
#block17 .image img { width: 100%;}
#block2 .block2_back h2 { padding-top: 100px;}
footer .footer_back .row > * { flex: none; width: 0;}
footer .footer_back .row .item{flex: 0 0 50%;}
footer .footer_back .row .item_right{flex: 0 0 50%;gap: 40px;}
}
@media (min-width: 1400px) and (max-width: 1680px) {#block2 .block2_back h2 { padding-top: 100px;}}