887 lines
14 KiB
CSS
887 lines
14 KiB
CSS
|
|
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;
|
|
z-index: 101;
|
|
}
|
|
|
|
.pointer{
|
|
cursor: pointer;
|
|
}
|
|
|
|
.cut-width{
|
|
max-width: 1280px;
|
|
margin: auto;
|
|
}
|
|
|
|
.content{
|
|
width: 100%;
|
|
margin-top: 19px;
|
|
}
|
|
|
|
.clear_both {
|
|
clear: both;
|
|
}
|
|
|
|
|
|
/*header*/
|
|
|
|
.left_part_header{
|
|
width: 290px;
|
|
float: left;
|
|
text-align: -webkit-left;
|
|
display: block;
|
|
}
|
|
|
|
.logo_header{
|
|
height: 50px;
|
|
}
|
|
|
|
.right_part_header {
|
|
width: calc(100% - 290px);
|
|
float: right;
|
|
padding: 17px 0 15px 0;
|
|
position: relative;
|
|
text-align: -webkit-right;
|
|
}
|
|
|
|
.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: 16px;
|
|
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: 700;
|
|
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: 18px;
|
|
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: 700;
|
|
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: 800;
|
|
line-height: normal;
|
|
}
|
|
|
|
.text_header.last_right{
|
|
padding-right: 0;
|
|
}
|
|
.text_header.orange{
|
|
color: #FB6952;
|
|
}
|
|
.text_header.last_left{
|
|
padding-right: 26px;
|
|
}
|
|
.description_page{
|
|
margin-top: 50px;
|
|
display: block;
|
|
font-size: 24px;
|
|
font-weight: 500;
|
|
color: #000000;
|
|
}
|
|
|
|
.title_page{
|
|
font-size: 36px;
|
|
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;
|
|
position: absolute;
|
|
top: 10px;
|
|
}
|
|
|
|
.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;
|
|
position: relative;
|
|
top: 5px;
|
|
}
|
|
|
|
.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;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.arrow_language_select{
|
|
width: 10px;
|
|
float: right;
|
|
}
|
|
|
|
.content_select_language{
|
|
background: #ffffff;
|
|
width: 50px;
|
|
border-radius: 2px;
|
|
text-align: -webkit-center;
|
|
position: absolute;
|
|
padding: 10px 0;
|
|
top: 24px;
|
|
}
|
|
|
|
.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: 59px;
|
|
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;
|
|
transition: 300ms;
|
|
}
|
|
.section_btn.open > .txt_section{
|
|
color: #10212B;
|
|
padding: 15px 30px 15px 30px;
|
|
transition: 300ms;
|
|
text-transform: uppercase;
|
|
}
|
|
.section_btn.close > .txt_section{
|
|
color: #ffffff;
|
|
padding: 18px 30px 18px 30px;
|
|
transition: 500ms;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.section_btn:hover > .txt_section{
|
|
padding: 15px 30px 15px 30px;
|
|
transition: 300ms;
|
|
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: 80px 25px;
|
|
display: flex;
|
|
width: calc(100% - 50px);
|
|
flex-wrap: unset;
|
|
}
|
|
|
|
.block_service.two_cols{
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.service_block_container{
|
|
width: calc(33% - 70px);
|
|
margin-right: 70px;
|
|
margin-bottom: 70px;
|
|
}
|
|
|
|
.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: 20px;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.services_block_child{
|
|
margin-top: 30px;
|
|
}
|
|
|
|
.left_part_service{
|
|
width: 60px;
|
|
float: left;
|
|
}
|
|
|
|
.service_img{
|
|
object-fit: scale-down;
|
|
width: 60px;
|
|
height: 60px;
|
|
}
|
|
|
|
.right_part_service{
|
|
width: calc(100% - 80px);
|
|
float: right;
|
|
padding-left: 20px;
|
|
font-weight: 700;
|
|
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;
|
|
}
|
|
|
|
/*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: 70px 0 70px 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.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;
|
|
margin-bottom: 23px;
|
|
}
|
|
|
|
.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;
|
|
text-transform: uppercase;
|
|
}
|
|
.img_descript_process{
|
|
padding-top: 45px;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.form_consultation_container{
|
|
padding: 70px 90px 0 90px;
|
|
padding-bottom: 90px;
|
|
margin-top: 70px;
|
|
|
|
}
|
|
|
|
|
|
.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;
|
|
}
|
|
|
|
.title_form_consultation{
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.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{
|
|
color: #ffffff;
|
|
background: #FB6952;
|
|
transition: 200ms;
|
|
}
|
|
|
|
/* block plugin*/
|
|
|
|
.plugin_container{
|
|
margin: 120px 90px 0 90px;
|
|
width: calc(100% - 180px);
|
|
padding-bottom: 100px;
|
|
}
|
|
|
|
.plugin_txt{
|
|
margin-top: 8px;
|
|
margin-bottom: 35px;
|
|
}
|
|
|
|
.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: calc(100% - 70px);
|
|
padding: 15px 35px;
|
|
}
|
|
|
|
.left_part_btn{
|
|
width: 24px;
|
|
float: left;
|
|
}
|
|
.img_download_f_btn{
|
|
width: 24px;
|
|
}
|
|
|
|
.right_part_btn{
|
|
width: calc(100% - 24px);
|
|
margin-left: 15px;
|
|
color: #ffffff;
|
|
position: relative;
|
|
top: 5px;
|
|
}
|
|
|
|
.plugin_container_content{
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.left_part_plugin_container{
|
|
width:60%;
|
|
}
|
|
.right_part_plugin_container{
|
|
width: 300px;
|
|
position: relative;
|
|
}
|
|
|
|
|
|
.logo_3d_sec_designer{
|
|
width: 300px;
|
|
position: absolute;
|
|
bottom: 0;
|
|
}
|
|
|
|
/*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;
|
|
}
|
|
.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;
|
|
}
|
|
|
|
/* how dev*/
|
|
.block_how_dev{
|
|
width: 100%;
|
|
}
|
|
|
|
.block_how_dev_title{
|
|
width: 100%;
|
|
text-align: left;
|
|
margin-bottom: 50px;
|
|
}
|
|
|
|
.how_dev_container_widgets{
|
|
width: 100%;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
}
|
|
|
|
.how_dev_widget{
|
|
width: 295px;
|
|
margin-right: 25px;
|
|
margin-bottom: 100px;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
.how_dev_widget_txt{
|
|
width: calc(100% - 55px);
|
|
margin-right: 20px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.first_line_widget_how_dev{
|
|
width: 100%;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.widget_how_dev_characters{
|
|
width: 100%;
|
|
}
|
|
|
|
.widget_how_dev_characters_title{
|
|
font-weight: 700;
|
|
color: #000000;
|
|
}
|
|
|
|
.list_characters_widget_how_dev > li{
|
|
color: #000000;
|
|
text-transform: unset;
|
|
}
|
|
|
|
/*block present technology*/
|
|
|
|
.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;
|
|
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;
|
|
margin-right: 5%;
|
|
}
|
|
.right_part_block_present_technology{
|
|
width: 20%;
|
|
}
|
|
|
|
.img_block_present_technology{
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: scale-down;
|
|
} |