1497 lines
25 KiB
CSS
1497 lines
25 KiB
CSS
|
|
body,html{
|
|
margin: 0;
|
|
background: #ffffff;
|
|
/*font-family: 'Verdana', sans-serif;*/
|
|
font-family: -apple-system, 'Roboto', sans-serif;
|
|
/*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: 95%;
|
|
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;
|
|
}
|
|
|
|
.left_part_service{
|
|
width: 60px;
|
|
float: left;
|
|
}
|
|
|
|
.service_img{
|
|
object-fit: contain;
|
|
width: 60px;
|
|
height: 60px;
|
|
}
|
|
|
|
.right_part_service{
|
|
width: calc(100% - 80px);
|
|
float: right;
|
|
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;
|
|
}
|
|
|
|
.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: 250px;
|
|
background: none;
|
|
text-align: -webkit-center;
|
|
text-align: -moz-center;
|
|
/*margin-bottom: 23px;*/
|
|
padding: 20px;
|
|
}
|
|
|
|
.photo_container_descript_process{
|
|
text-align: center;
|
|
width: 65px;
|
|
height: 65px;
|
|
}
|
|
|
|
.txt_descript_process.standart_txt{
|
|
font-weight: 600;
|
|
padding-top: 10px;
|
|
text-align: center;
|
|
width: 100%;
|
|
color: #000000;
|
|
/*text-transform: uppercase;*/
|
|
}
|
|
.img_descript_process{
|
|
width: 65px;
|
|
height: 65px;
|
|
object-fit: contain;
|
|
object-position: bottom;
|
|
}
|
|
|
|
.form_feedback_container{
|
|
margin: auto;
|
|
width: 80%;
|
|
}
|
|
|
|
|
|
.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: bottom;
|
|
}
|
|
|
|
/*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: left;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.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%;
|
|
}
|
|
|
|
.container_content_features_block_item{
|
|
width: 17%;
|
|
display: block;
|
|
/* margin-left: 10px; */
|
|
/* margin-right: 10px; */
|
|
padding: 10px;
|
|
margin: 5px;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.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: 60px;
|
|
}
|
|
|
|
.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: relative;
|
|
}
|
|
|
|
.functions_btns_slider{
|
|
display: block;
|
|
position: absolute;
|
|
bottom: 25px;
|
|
left: 0;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.iterator_slide{
|
|
position: relative;
|
|
bottom: 6px;
|
|
margin: 0 11px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.slider_block_text{
|
|
display: block;
|
|
position: absolute;
|
|
bottom: 80px;
|
|
right: 0;
|
|
color: #ffffff;
|
|
width: 40%;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.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%;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.right_part_b_projects_slider{
|
|
transform: rotate(180deg);
|
|
}
|
|
|
|
.info_part_b_projects_slider{
|
|
padding: 0 30px;
|
|
width: 87%;
|
|
}
|
|
|
|
.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: cover;
|
|
object-position: center;
|
|
} |