body,html{ margin: 0; background: #ffffff; /*font-family: 'Verdana', sans-serif;*/ font-family: -apple-system, 'Roboto', sans-serif; scroll-behavior: smooth; /*font-family:*/ /* -apple-system,*/ /* 'Raleway-Black' ,*/ /* 'Raleway-BlackItalic',*/ /* 'Raleway-Bold' ,*/ /* 'Raleway-BoldItalic' ,*/ /* 'Raleway-ExtraBold' ,*/ /* 'Raleway-ExtraBoldItalic' ,*/ /* 'Raleway-ExtraLight' ,*/ /* 'Raleway-ExtraLightItalic' ,*/ /* 'Raleway-Medium' ,*/ /* 'Raleway-MediumItalic' ,*/ /* 'Raleway-SemiBold' ,*/ /* 'Raleway-SemiBoldItalic' ,*/ /* 'Raleway-Thin' ,*/ /* 'Raleway-ThinItalic' ,*/ /* 'sans-serif';*/ box-sizing: border-box; } body.n_scroll{ overflow-y: hidden; } .header{ height: 50px; width: 100%; background: #FFFFFF; position: fixed; top: 0; padding: 10.5px 0 10.5px 0; z-index: 101; } .pointer{ cursor: pointer; } .cut-width{ max-width: 1280px; margin: auto; } .content{ width: 100%; margin-top: 70px; } .clear_both { clear: both; } /*header*/ .left_part_header{ width: 290px; float: left; text-align: -webkit-left; text-align: -moz-left; display: block; } .logo_header{ height: 49px; } .right_part_header { /* width: calc(100% - 290px); */ /* float: right; */ /* position: relative; */ display: flex; justify-content: right; align-items: center; height: 49px; } .right_part_header_mobile{ display: none; } .text_header{ padding-right: 90px; /*text-transform: uppercase;*/ } .standart_txt{ color: #ffffff; /*font-family: Spline Sans;*/ /*font-family: -apple-system, 'Raleway-Regular', sans-serif;*/ font-size: 14px; /*font-weight: 500;*/ line-height: normal; } .standart_txt.orange{ color: #FB6952; } .standart_semi_bold_txt{ color: #000000; /*font-family: Spline Sans;*/ /*font-family: -apple-system, 'Raleway-Regular', sans-serif;*/ font-size: 16px; font-weight: 600; line-height: normal; } .large_txt{ color: #000000; /*font-family: -apple-system, 'Raleway-Regular', sans-serif;*/ font-size: 36px; font-style: normal; font-weight: 600; line-height: normal; } .semi_large_light{ color: #000000; /*font-family: -apple-system, 'Raleway-Regular', sans-serif;*/ font-size: 18px; font-style: normal; font-weight: 300; line-height: normal; } .semi_large_semi_light{ color: #000000; /*font-family: -apple-system, 'Raleway-Regular', sans-serif;*/ font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } .medium_txt{ color: #000000; /*font-family: -apple-system, 'Raleway-Regular', sans-serif;*/ font-size: 24px; font-style: normal; font-weight: 600; line-height: normal; } .medium_small_bold_txt{ color: #000000; /*font-family: -apple-system, 'Raleway-Regular', sans-serif;*/ font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; } .text_header.last_right{ padding-right: 0; } .text_header.orange{ color: #FB6952; } .text_header.last_left{ padding-right: 26px; text-decoration: none; color: #10212B; } .description_page{ margin-top: 0; display: block; font-size: 20px; font-weight: 500; color: #000000; } .title_page{ font-size: 30px; font-weight: 600; /*text-transform: uppercase;*/ color: #000000; margin-top: 10px; display: block; /*margin-bottom: 60px;*/ } .splitter_text_header{ height: 37px; width: 1px; background: #888; display: inline-block; } .language_select { color: #10212B; font-size: 16px; /* padding-right: 29px; */ display: inline-block; margin-left: 43px; /* margin-right: 49px; */ background: none; border: none; outline: none; } .language_select.open > .content_select_language{ display: block; } .language_select.close > .content_select_language{ display: none; } .language_select.close .arrow_language_select{ transform: rotate(180deg); transition: 200ms; } .language_select.open .arrow_language_select{ transform: rotate(0deg); transition: 200ms; } .first_line_language_select{ width: 100%; } .curtain_main{ display: none; } .name_language{ width: calc(100% - 20px); padding-right: 10px; float: left; color: #10212B; /*text-transform: uppercase;*/ } .img_arrow_language_select{ filter: brightness(0) saturate(100%) invert(10%) sepia(22%) saturate(1270%) hue-rotate(158deg) brightness(91%) contrast(94%); } .arrow_language_select{ width: 10px; float: right; } .content_select_language{ background: #ffffff; width: 50px; border-radius: 2px; text-align: -webkit-center; text-align: -moz-center; position: absolute; padding: 10px 0; top: 34px; } .content_select_language > div{ color: #000000; } .splinner_select_language{ width: 40px; height: 1px; background: #D9D9D9; margin: 5px 0; } /*sections*/ .container_sections_buttons{ height: 55px; background: #10212B; position: sticky; top: 69px; z-index: 100; } .container_content_sections_buttons{ width: 100%; display: flex; height: 55px; } .section_btn{ display: block; text-decoration: none; } .section_btn.close{ background: #10212B; height: 55px; } .section_btn.open{ height: 45px; background: #ffffff; position: relative; bottom: -10px; border-radius: 5px 5px 0 0; } .section_btn.open > .txt_section{ color: #10212B; padding: 15px 30px 15px 30px; /*text-transform: uppercase;*/ } .section_btn.close > .txt_section{ color: #ffffff; padding: 18px 30px 18px 30px; /*text-transform: uppercase;*/ } .section_btn:hover > .txt_section{ padding: 15px 30px 15px 30px; /*text-transform: uppercase;*/ } .description_sections_buttons{ display: none; } .section_btn:hover { height: 45px; position: relative; bottom: -10px; } .txt_section{ padding: 18px 30px 18px 30px; } /* service */ .block_service{ margin: auto; display: flex; width: 100%; flex-wrap: wrap; } .block_service.two_cols{ flex-wrap: wrap; } .service_block_container{ width: 28%; margin: 0 1.5%; /* margin-bottom: 70px; */ padding: 10px; } .service_block_container.two_cols{ width: calc(50% - 70px); margin-right: 70px; margin-bottom: 25px; } .childs_service_container{ border-left: 1px solid #9CDDF7; padding-left: 10px; margin-top: 20px; } .services_block_child{ margin-top: 15px; margin-bottom: 15px; padding: 10px; display: flex; } .left_part_service{ width: 60px; } .service_img{ object-fit: contain; width: 60px; height: 60px; } .right_part_service{ /*width: calc(100% - 80px);*/ padding-left: 20px; font-weight: 600; color: #000000; /*text-transform: uppercase;*/ } .right_part_service.two_cols{ font-weight: 500; /*text-transform: uppercase;*/ } .right_part_service.child{ font-weight: 500; } .right_part_service.w_100{ width: 100%; float: unset; padding-left: 0; height: 72px; } .px30_txt{ font-size: 30px; } /*how with us working*/ .container_how_w_us_working{ background: url("images/how_with_us_working_background.svg"); background-size: cover; background-repeat: no-repeat; background-position: top; width: 100%; } .large_txt.h_w_u_w{ /*padding: 0 0 20px 0;*/ text-align: center; padding-bottom: 30px; } .descript_process_block{ display: flex; width: 100%; /*padding-bottom: 70px;*/ margin: auto; flex-wrap: wrap; justify-content: center; } .descript_process_container{ width: 20%; background: none; text-align: -webkit-center; text-align: -moz-center; /*margin-bottom: 23px;*/ padding: 1%; } .photo_container_descript_process{ text-align: center; width: 150px; height: 150px; } .txt_descript_process.standart_txt{ font-weight: 600; padding-top: 10px; text-align: center; color: #000000; width: 80%; /*text-transform: uppercase;*/ } .img_descript_process{ width: 150px; height: 150px; object-fit: contain; object-position: bottom; } .form_feedback_container{ margin: auto; width: 80%; scroll-margin-top: 140px; } .top_border_gradient{ border-radius: 6px 6px 0 0; height: 6px; width: 100%; background: linear-gradient(270deg, #FB6952 63.38%, #DD4F39 80.71%, #B73825 104%); } .form_feedback{ background: #ffffff; border-radius: 0 0 6px 6px; position: relative; } .title_form_feedback{ /*text-transform: uppercase;*/ } .container_content_form_feedback{ padding: 40px; display: flex; flex-direction: row-reverse; } .container_content_form_feedback.hide{ opacity: 0; } .place_f_after_send.hide{ display: none; } .place_f_after_send{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; } .container_input{ margin-bottom: 25px; } .input_form_feedback{ border: none; border-bottom: 1px solid #E3E3E3; width: calc(100% - 20px); color: #000000; /*font-family: -apple-system, 'Raleway-Regular', sans-serif;*/ font-size: 16px; font-weight: 500; outline: none; padding-bottom: 5px; padding-left: 20px; transition: 500ms; } .input_form_feedback.error{ border-bottom: 1px solid #FF3F20; transition: 500ms; } .input_form_feedback::placeholder{ color: #9a9a9a; } .label_feedback_form{ color: #9a9a9a; padding-left: 20px; padding-bottom: 5px; display: block; font-weight: 400; font-size: 16px; transition: 500ms; } .textarea_form_feedback{ border: 1px solid #E3E3E3; width: calc(100% - 20px); min-height: 120px; max-width: calc(100% - 20px); min-width: calc(100% - 20px); outline: none; padding: 20px 0 20px 20px; font-size: 16px; font-family: -apple-system, 'Roboto', sans-serif; transition: 500ms; } .textarea_form_feedback.error{ border: 1px solid #FF3F20; transition: 500ms; } .description_form_feedback_txt{ margin-top: 30px; margin-bottom: 135px; color: #000000; width: 100%; overflow-wrap: break-word; } .right_bottom_part_feedback{ position: relative; bottom: 0; } .form_feedback_content{ width: 73%; margin-right: 50px; } .description_form_feedback{ width: 40%; position: relative; } .button_form_feedback{ width: 100%; border: 1px solid #FB6952; color: #FB6952; transition: 200ms; background: none; padding: 15px 0; border-radius: 5px; position: absolute; bottom: 0; } .button_form_feedback.hide{ display: none; } .button_form_feedback:hover{ color: #ffffff; background: #FB6952; transition: 200ms; } .checkbox_container{ width: 100%; margin-bottom: 10px; position: absolute; bottom: 50px; } .check_box_form_feedback{ border: 1px solid #000000; background: none; display: inline-block; width: 15px; height: 15px; outline: none; transition: 500ms; } .a_user_agreement{ color: #FB6952; } .check_box_form_feedback.error{ border: 1px solid #FF3F20; transition: 500ms; } .label_feedback_form_checkbox{ font-size: 12px; color: #000000; font-weight: 400; width: 90%; float: right; transition: 500ms; } .label_feedback_form_checkbox.error{ color: #FF3F20; transition: 500ms; } /* block plugin*/ .plugin_container{ margin: auto; width: 90%; /*padding-bottom: 100px;*/ } .plugin_txt{ margin-bottom: 35px; width: 100%; font-size: 30px; } .plugin_description{ margin-bottom: 35px; } .btn_download_plugin{ border-radius: 5px; background: #0C54A0; width: 100%; border: none; outline: none; transition: 200ms; } .btn_download_plugin:hover{ background: #0a3f79; transition: 200ms; } .btn_inf_about_plugin{ border: 1px solid #0C54A0; background: none; color: #0C54A0; transition: 200ms; outline: none; width: 100%; border-radius: 5px; margin-top: 20px; } .btn_inf_about_plugin:hover{ background: #0C54A0; transition: 200ms; } .btn_inf_about_plugin:hover .btn_inf_about_plugin_txt{ color: #ffffff; } .btn_inf_about_plugin_txt{ color: #0C54A0; } .container_content_btn_download{ width: 96%; padding: 15px 2%; } .left_part_btn{ width: 24px; float: left; } .img_download_f_btn{ width: 24px; } .right_part_btn{ width: 100%; margin: auto; color: #ffffff; /*position: relative;*/ /*top: 5px;*/ } .plugin_container_content{ width: 100%; display: flex; justify-content: space-between; } .left_part_plugin_container{ width:65%; } .right_part_plugin_container{ width: 32%; /*position: relative;*/ } .logo_3d_sec_designer{ height: 100%; width: 100%; object-fit: contain; object-position: top; } /*faq*/ .large_txt.faq{ width: 100%; text-align: center; } .container_content_faq{ margin: 100px 170px 0 170px; padding-bottom: 90px; } .faqs_container{ width: 100%; display: block; margin-top: 40px; } .faq_container{ width: 100%; background: #ffffff; box-shadow: 3px 4px 5.3px 0 rgba(151, 167, 176, 0.20); } .first_line_faq{ width: 100%; } .container_content_first_line{ padding: 22px; width: calc(100% - 44px); } .name_faq{ float: left; width: calc(100% - 25px); margin-right: 10px; } .faq_icon{ width: 15px; float: right; } .faq_icon_img{ width: 15px; display: block; position: relative; top: 6px; } .faq_container.open .faq_icon_img{ transition: 200ms; transform: rotate(180deg); } .faq_container.close .faq_icon_img{ transition: 200ms; transform: rotate(0deg); } .faq_container.close .faq_content{ display: none; } .faq_container.open .faq_content{ display: block; } .faq_content{ color: #000000; padding: 20px; width: calc(100% - 40px); } /*footer*/ .block_footer{ width: 100%; background: #10212B; } .footer_els_container{ width: 84%; display: flex; flex-wrap: wrap; } .footer_el{ width: 26%; margin-right: 50px; margin-bottom: 20px; } .footer_name_str{ color: #ffffff; font-weight: 500; } .footer_el_childs{ margin-top: 20px; } .footer_name_str{ margin-top: 20px; display: block; text-decoration: none; /*text-transform: uppercase;*/ } .flex_container_footer{ display: flex; width: 100%; padding-top: 70px; padding-bottom: 60px; } .btn_contacts_footer{ border-radius: 2px; border: 1px solid #FB6952; padding: 15px 0; color: #FB6952; background: none; width: 100%; transition: 200ms; text-decoration: none; display: block; text-align: center; } .btn_contacts_footer:hover{ border-radius: 2px; border: 1px solid #FB6952; padding: 15px 0; background: #FB6952; color: #ffffff; transition: 200ms; } .logo_footer{ height: 35px; } .inf_contacts_footer{ padding: 20px 0 15px 0; } .txt_footer{ padding-bottom: 5px; text-decoration: none; display: block; } /* how dev*/ .block_how_dev{ width: 100%; } .block_how_dev_title{ width: 100%; text-align: left; margin-bottom: 20px; } .how_dev_container_widgets{ width: 100%; display: flex; flex-wrap: wrap; justify-content: center; } .how_dev_widget{ width: 260px; padding: 10px; margin: 5px 0; } .how_dev_widget_description{ width: 90%; font-weight: 400; font-size: 16px; color: #000000; margin-top: 15px; margin-bottom: 25px; text-transform: unset; height: 95px; } .img_how_arrow{ width: 35px; } .how_dev_arrow_container{ width: 35px; height: 35px; padding: 10px 0; } .how_dev_widget_txt{ width: 100%; margin-right: 20px; font-weight: 600; } .block_container_how_dev_widget { display: flex; } .first_line_widget_how_dev{ width: 100%; display: block; height: 48px; } .widget_how_dev_characters{ width: 100%; } .widget_how_dev_characters_title{ font-weight: 700; color: #000000; } .list_characters_widget_how_dev{ padding-left: 15px; } .list_characters_widget_how_dev > li{ color: #000000; text-transform: unset; list-style: '- '; } /*block present technology*/ .a_block_present_technology{ text-decoration: none; } .txt_block_present_technology{ width: 100%; display: block; text-align: center; padding-bottom: 5px; padding-top: 5px; } .content_block_present_technology{ width: 71%; text-align: -webkit-right; text-align: -moz-right; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: auto; } .left_part_block_present_technology{ width: 75%; text-align: -webkit-left; text-align: -moz-left; margin-right: 5%; } .right_part_block_present_technology{ width: 20%; } .img_block_present_technology{ width: 100%; height: 100%; object-fit: contain; } /* functional features*/ .content_block_functional_features{ width: 100%; position: relative; display: flex; justify-content: right; flex-wrap: wrap; } .first_line_block_functional_features{ display: flex; width: 100%; flex-direction: row; justify-content: space-between; min-height: 250px; } .title_block_functional_features{ font-size: 30px; margin-bottom: 30px; font-weight: 600; } .container_image_block_functional_features{ width: 45%; } .image_functional_features{ max-width: 100%; object-fit: contain; border-radius: 10px; } .container_txt_first_line_block_functional_features{ width: 50%; } .functional_features_option_txt{ margin-bottom: 15px; width: 100%; overflow-wrap: anywhere; font-size: 14px; font-weight: 400; } .container_content_functional_features_block_items{ border-radius: 5px; background: rgba(255, 255, 255, 0.80); box-shadow: 1px 1px 10px 0 rgba(16, 33, 43, 0.10); width: 95%; padding: 10px; /*position: relative;*/ /*bottom: 20px;*/ display: flex; flex-wrap: wrap; margin-top: -3%; justify-content: center; } .container_content_features_block_item { width: 20%; display: block; /* margin-left: 10px; */ /* margin-right: 10px; */ padding: 10px; margin: 5px; /* flex: auto; */ /* flex: auto; */ } .container_content_features_block_item.bottom{ /*margin-bottom: 100px;*/ } .img_item_container_functional_features{ width: 100%; margin-bottom: 10px; height: 150px; text-align: center; } .img_item_functional_features{ max-width: 100%; object-fit: contain; object-position: bottom; height: 100%; } .description_item_features_container{ font-size: 14px; /*font-weight: 600;*/ color: #000000; text-align: left; max-height: 85px; overflow: hidden; width: 150px; margin: auto; } .title_item_features_container{ font-weight: 600; font-size: 16px; margin-bottom: 15px; text-align: center; } .options_functional_features{ height: 180px; overflow: hidden; } /* slider block */ .container_sliders{ height: calc(100vh - 125px); margin-top: 70px; } .one_slide_container{ height: 100%; position: relative; } .one_slide_container.show{ display: block; } .one_slide_container.hide{ display: none; } .picture_slider_container{ display: block; height: 100%; } .picture_slider{ height: 100%; width: 100%; object-fit: cover; object-position: center; } .slider_block_text_container{ width: 100%; position: absolute; top: 0; height: 100%; margin: auto; } .cut_width_slider{ height: 100%; position: relative; } .bottom_part_container_slide{ position: absolute; bottom: 80px; } .top_part_container_slide{ position: absolute; top: 290px; right: 0; width: 40%; } .functions_btns_slider{ display: block; position: relative; bottom: 0; left: 0; color: #ffffff; } .iterator_slide{ position: relative; bottom: 6px; margin: 0 11px; display: inline-block; } .slider_block_text{ display: block; color: #ffffff; border-left: 3px solid #fff; padding-left: 20px; } .title_slide{ font-size: 40px; font-weight: 600; margin-bottom: 30px; } .description_slide{ overflow-wrap: break-word; } /* presentation aerBim*/ .container_block_presentation_aerBim{ width: 100%; display: block; } .w_one_present{ width: 100%; display: flex; flex-wrap: wrap; padding: 25px; margin-top: 10px; margin-bottom: 10px; box-sizing: border-box; } .w_one_present.odd{ flex-direction: row-reverse; } .w_one_present.even{ flex-direction: row; } .txt_part_w_one_present{ width: 43%; } .w_one_present.even .txt_part_w_one_present{ margin-right: 5%; padding-left: 2%; } .w_one_present.odd .txt_part_w_one_present{ margin-left: 5%; padding-left: 2%; } .title_w_one_present{ color: #000000; /*text-transform: uppercase;*/ font-size: 30px; font-weight: 600; } .splinner_w_one_present{ height: 1px; margin: 15px 0; width: 50%; background: #9CDDF7; } .description_w_one_present{ color: #000000; font-size: 14px; font-weight: 400; overflow-wrap: break-word; } .img_container_part_w_one_present{ width: 50%; } .img_part_w_one_present{ width: 100%; height: 100%; object-fit: contain; object-position: top; max-height: 50vh; } /* project request*/ .first_title_project_request{ width: 100%; text-align: left; font-weight: 500; font-size: 20px; margin-bottom: 40px; } .second_title_project_request{ font-size: 24px; font-weight: 600; width: 100%; text-align: center; } .form_project_request{ margin-top: 40px; } .title_of_group_from_p_j{ font-weight: 400; font-size: 20px; padding-bottom: 10px; } .content_group_inputs_f_p_j{ padding: 30px 70px 0 70px; border-top: 1px solid #9CDDF7; } .label_f_project_request{ font-size: 16px; font-weight: 400; display: block; } .input_f_project_request{ border-radius: 1px; border: 1px solid #E3E3E3; background: #FFF; box-shadow: 1px 1px 2px 0 rgba(151, 167, 176, 0.20); } /* errors */ .error_input_html{ color: #FF3F20; padding: 2px 0 0 0; font-size: 12px; } .error_input_html > ul{ padding: 0; margin: 0; list-style: none; } .error_input_html > li{ padding: 0; margin: 0; list-style: none; } /* form feedback after send*/ .w_after_send{ width: 100%; text-align: center; height: 100%; font-size: 36px; padding: 26px 0; } /* contacts */ /*.b_contacts{*/ /* margin: 100px 0;*/ /*}*/ .title_of_the_page_contacts{ font-size: 36px; font-weight: 600; /*text-transform: uppercase;*/ text-align: left; width: 100%; } .mobile_additionals_btns .checkbox_container{ display: none; } .mobile_additionals_btns .checkbox_container{ display: none; } .mobile_additionals_btns .button_form_feedback{ display: none; } .cards_contacts_container { padding: 80px 70px; display: flex; flex-direction: row; flex-wrap: wrap; } .card_contacts{ width: 45%; margin: 0 2.5%; } .container_img_card_contacts{ width: 100%; height: 300px; } .img_card_contacts{ width: 100%; height: 100%; border-radius: 5px 5px 0 0; } .description_contact{ width: 100%; padding: 25px; border-radius: 0 0 5px 5px; background: #FFF; box-shadow: 1px 1px 11.3px 0 rgba(16, 33, 43, 0.12); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .name_contact{ font-size: 30px; font-weight: 600; padding-bottom: 10px; } .description_office_contact{ font-size: 14px; font-weight: 400; padding-bottom: 20px; } .label_work_time{ font-size: 14px; font-weight: 600; } .work_time_office{ font-weight: 400; font-size: 14px; padding-bottom: 20px; } .label_contact{ display: inline-block; font-size: 14px; font-weight: 600; } .text_contact{ display: inline-block; font-size: 14px; font-weight: 400; } /* examples project*/ .b_projects_slider{ display: flex; flex-wrap: wrap; flex-direction: row; width: 100%; justify-content: space-between; align-items: center; } .left_arrow_proj{ width: 34px; } .right_arrow_proj{ width: 34px; } .right_part_b_projects_slider{ transform: rotate(180deg); } .info_part_b_projects_slider{ padding: 0 30px; width: 90%; } .el_container_projects_slider{ display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: row; } .el_container_projects_slider.hide{ display: none; } .left_part_proj{ width: 47.5%; margin-right: 2.5%; } .title_proj { font-size: 14px; font-weight: 400; color: #0C54A0; border-radius: 5px; background: #003f811f; padding: 5px 10px; width: fit-content; margin-bottom: 15px; } .name_proj{ font-size: 30px; font-weight: 600; margin-bottom: 30px; /*text-transform: uppercase;*/ } .task_title{ font-size: 14px; font-weight: 600; margin-bottom: 15px; } .task_description{ font-size: 14px; font-weight: 400; } .right_part_proj{ width: 47.5%; margin-left: 2.5%; height: 350px; } .img_proj{ width: 100%; height: 100%; object-fit: contain; object-position: center; }