body,html{ margin: 0; background: #ffffff; 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'; } .header{ height: 50px; width: 100%; background: #10212B; position: fixed; top: 0; padding: 5px 0 5px 0; } .cut-width{ max-width: 1280px; margin: auto; } .content{ width: 100%; margin-top: 55px; } /*header*/ .left_part_header{ width: 25%; float: left; text-align: -webkit-right; } .right_part_header { width: 75%; float: right; padding: 17px 0 15px 0; position: relative; text-align: -webkit-right; } .text_header{ padding-right: 90px; } .standart_txt{ color: #ffffff; /*font-family: Spline Sans;*/ font-family: -apple-system, 'Raleway-Regular', sans-serif; font-size: 16px; font-weight: 500; line-height: normal; text-transform: uppercase; } .large_txt{ color: #000000; font-family: -apple-system, 'Raleway-Regular', sans-serif; font-size: 36px; font-style: normal; font-weight: 700; line-height: normal; } .medium_txt{ color: #000000; font-family: -apple-system, 'Raleway-Regular', sans-serif; font-size: 24px; font-style: normal; font-weight: 700; line-height: normal; } .text_header.last_right{ padding-right: 0; } .text_header.orange{ color: #FB6952; } .text_header.last_left{ padding-right: 26px; } .splitter_text_header{ height: 37px; width: 1px; background: #888; display: inline-block; position: absolute; top: 6px; } .language_select{ color: #ffffff; font-size: 16px; padding-right: 29px; display: inline-block; margin-left: 43px; margin-right: 49px; background: none; border: none; outline: none; } /*sections*/ .container_sections_buttons{ height: 55px; background: #10212B; position: sticky; top: 60px; } .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; transition: 300ms; } .section_btn.open > .txt_section{ color: #10212B; padding: 15px 30px 15px 30px; transition: 300ms; } .section_btn.close > .txt_section{ color: #ffffff; padding: 18px 30px 18px 30px; transition: 500ms; } .section_btn:hover > .txt_section{ padding: 15px 30px 15px 30px; transition: 300ms; } .section_btn:hover { height: 45px; position: relative; bottom: -10px; } .txt_section{ padding: 18px 30px 18px 30px; } /* service */ .block_service{ margin: 80px 25px; } /*how with us working*/ .container_how_w_us_working{ background: url("images/how_with_us_working_background.svg"); width: 100%; } .large_txt.h_w_u_w{ padding: 70px 0 70px 0; text-align: center; } .descript_process_block{ display: flex; width: 100%; margin: 0 138px 0 138px; } .descript_process_container{ width: 20%; background: none; text-align: -webkit-center; } .photo_container_descript_process{ background: #ffffff; text-align: center; width: 150px; height: 150px; } .txt_descript_process.standart_txt{ font-weight: 600; padding-top: 30px; text-align: center; width: 100%; color: #000000; } .img_descript_process{ padding-top: 45px; padding-left: 10px; } .form_consultation_container{ margin: 130px 90px 110px 90px; padding-bottom: 110px; } .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_consultation{ background: #ffffff; border-radius: 0 0 6px 6px; } .container_content_form_consultation{ padding: 40px 60px 70px 80px; display: flex; flex-direction: row-reverse; } .input_form_consultation{ border: none; border-bottom: 1px solid #E3E3E3; width: calc(100% - 20px); color: #10212B; font-family: -apple-system, 'Raleway-Regular', sans-serif; font-size: 16px; font-weight: 500; outline: none; padding-bottom: 15px; padding-left: 20px; margin-bottom: 20px; } .input_form_consultation::placeholder{ color: #10212B; } .label_consultation_form{ padding-left: 20px; padding-bottom: 15px; } .textarea_form_consultation{ 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; } .description_form_consultation_txt{ margin-top: 30px; margin-bottom: 50px; color: #000000; width: 100%; } .form_consultation_content{ width: 73%; margin-right: 100px; } .description_form_consultation{ width: 40%; } .button_form_consultation{ width: 100%; border: 1px solid #FB6952; color: #FB6952; transition: 200ms; background: none; padding: 15px 0; border-radius: 5px; } .button_form_consultation:hover{ border: none; color: #ffffff; background: #FB6952; transition: 200ms; }