.header {
    margin-bottom: 23px;
    margin-top: 23px;
}

.header_contents {
    display: flex;
    justify-content: space-between;
}

.header_logo {
    margin-right: 34px;
    margin-left: 3px;
}

.header_burger {
    display: flex;
    width: 538px;
    justify-content: space-between;
    margin-right: 31px;
}

.header_content {
    display: flex;
    align-items: center;
}

.header_burger li {
    list-style-type: none;
}

.header_burger li a {
    font-family: MonropeMedium, sans-serif;
    text-decoration: none;
    color: #EEEEEE;
    font-size: 16px;
}

.header_phone_number {
    margin-left: 5px;
}

.header_phone_number p {
    font-family: MonropeBold, sans-serif;
    font-weight: 500;
    font-size: 16px;
    padding: 5px 12px;
    color: #EEEEEE;
    text-decoration: none;
}

.header_social {
    display: flex;
    justify-content: space-between;
    margin-left: 37px;
    width: 175px;
}

.header_social a {
    text-decoration: none;
}

.wechat_button {
    text-decoration: none;
    border: none;
}

.header_translation {
    display: flex;
    align-items: center;
    margin-left: 34px;
}

.header_translation_logo {
    margin-left: 12px;
}


select {
    border: none;
    outline: none;
    color: #FFFFFF;
    font-size: 16px;
    -webkit-appearance: none;
    padding: 0 2px 0 13px;

}

option {
    padding: 0 15px;

}


.main_info {
    margin-top: 203px;
    margin-bottom: 223px;
}

.main_contents {
    display: grid;
}

.main_text {
    width: 636px;
}

.main_contents h1 {
    font-family: Prosto, sans-serif;
    font-weight: 400;
    color: #EEEEEE;
    font-size: 40px;
    line-height: 57px;
    text-transform: uppercase;
    margin-left: 10px;
    grid-row: 1;

}

.main_button {
    font-family: Prosto, sans-serif;
    font-weight: 400;
    color: #EEEEEE;
    font-size: 36px;
    line-height: 1;
    text-transform: uppercase;
    margin-top: 95px;
    padding: 0 20px 14px 20px;
    border-bottom: 2px solid #035DE8;
    text-align: left;
    width: 500px;
    grid-row: 2;

}

.slider {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 450px;
    height: 300px;
    overflow: hidden;
    grid-row: 1;
}

.slider img {
    background-color: transparent;
    transform: scale(1.5);
}

.slider_burger {
    text-align: center;
}

.slider_burger img {
    width: 400px;
}

.professional_hand {
    position: relative;
    overflow: hidden;
}

.professional_hand_info {
    margin-bottom: 190px;

}

.professional_hand_info h2 {
    font-family: Prosto, sans-serif;
    font-weight: 400;
    font-size: 34px;
    color: #EEEEEE;
    width: 590px;
    text-transform: uppercase;
    margin-bottom: 77px;
    line-height: 41px;
}

.professional_hand_image img {
    position: absolute;
}

.professional_hand_image_one {
    top: 0;
    left: calc(50% + 60px);
}

.professional_hand_image_two {
    top: 0;
    right: calc(50% + 670px);
}

/**/

.about_us {
    overflow: hidden;
    padding-bottom: 138px;
}

.about_us_info h2 {
    font-family: Prosto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
    color: #EEEEEE;

}

.about_us_title {
    font-family: Prosto, sans-serif;
    font-size: 34px;
    font-weight: 400;
    line-height: 42px;
    width: 561px;
    color: #EEEEEE;
    margin-top: 60px;
    margin-bottom: 100px;
    text-transform: uppercase;
    position: relative;

}

.about_us_block {
    display: flex;
    justify-content: space-between;
}

.about_us_text_info {
    position: relative;
    width: 445px;
    z-index: 2;
    background-color: transparent;

}

.about_us_text_info div {
    display: inline-block;
    padding: 10px;
    background-color: #EEEEEE;
    margin-bottom: 16px;
    text-transform: uppercase;
    font-family: Prosto, sans-serif;
    font-size: 34px;


}

.about_us_text_and_image {
    position: relative;
}

.about_us_text {
    position: relative;
    font-family: ManropeLight, sans-serif;
    width: 437px;
    color: #EEEEEE;
    font-size: 20px;
    z-index: 2;
    background-color: transparent;
}

.about_us_images {
    position: relative;

}


.about_us_images_one {
    position: absolute;
    top: -430px;
    right: 230px;
    background-color: transparent;
}

.about_us_images_two {
    position: absolute;
    left: -325px;
    top: -515px;
    background-color: transparent;

}

.about_us_images_three {
    position: absolute;
    right: -145px;
    top: -520px;
    background-color: transparent;
}

.geography {
    margin-top: 5px;
    overflow: hidden;

}

.geography_info h2 {
    font-family: Prosto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #0E4190;
    text-transform: uppercase;
}

.geography_title {
    margin: 60px 0 115px 0;
    font-family: Prosto, sans-serif;
    font-size: 34px;
    font-weight: 400;
    text-transform: uppercase;
    color: #EEEEEE;
}

.geography_block_images {
    display: flex;
    justify-content: space-between;
}

.geography_block_images p {
    font-family: gothampro, sans-serif;
    font-size: 34px;
    background-color: transparent;
    color: #035DE8;
    font-weight: 400;
    text-transform: uppercase;
}

.geography_block_images_eu p {
    margin-left: 90px;
}


.geography_block_images_china {
    background-image: url("../images/geography/china.png");
    width: 321px;
    height: 231px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
}

.geography_block_images_eu {
    background-image: url("../images/geography/eu.png");
    width: 305px;
    height: 247px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;

}

.geography_block_images_cia {
    background-image: url("../images/geography/cis.png");
    width: 364px;
    height: 227px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;

}

.geography_text {
    font-family: ManropeLight, sans-serif;
    font-size: 20px;
    font-weight: 300;
    width: 558px;
    color: #EEEEEE;
    margin-top: 138px;
    padding-bottom: 160px;
}

.geography_images {
    position: relative;
}

.geography_images img {
    position: absolute;
    background-color: transparent;
    top: 55px;
    left: 10%;
}

.mission {
    padding-bottom: 160px;
    position: relative;
}

.mission_info h2 {
    font-family: Prosto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #0E4190;
    text-transform: uppercase;
}

.mission_title {
    margin: 60px 0 112px 0;
    font-family: Prosto, sans-serif;
    font-size: 34px;
    font-weight: 400;
    text-transform: uppercase;
    color: #EEEEEE;
}

.mission_block_images {
    display: flex;
    justify-content: center;
}

.mission_text {
    display: flex;
    justify-content: space-between;
    margin: 113px 0 291px 57px;
    width: 1134px;
}

.mission_text div {
    font-family: Prosto, sans-serif;
    font-size: 20px;
    color: #EEEEEE;
    text-transform: uppercase;
}


.guarantee_image {
    position: absolute;
    left: 0;
    bottom: 0;
}


.guarantee_text {
    font-family: Prosto, sans-serif;
    text-transform: uppercase;
    font-size: 34px;
    width: 524px;
    color: #EEEEEE;
    margin-left: 610px;
}

.services {
    margin-top: 160px;
}

.services_info h2 {
    font-family: Prosto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #0E4190;
    text-transform: uppercase;
}

.services_info {
    margin-bottom: 180px;
}

.services_title {
    margin: 60px 0 60px 0;
    font-family: Prosto, sans-serif;
    font-size: 34px;
    font-weight: 400;
    text-transform: uppercase;
    color: #EEEEEE;
}

.two_blocks {
    display: flex;
    justify-content: normal;
}

.one_block {
    margin-right: 91px;
}

.block {
    width: 521px;
    height: 155px;
    border: 1px solid rgba(3, 93, 232);
    background-color: rgba(3, 93, 232, 0.1);
    padding: 36px 40px 40px 50px;
}

.block img {
    background-color: transparent;
    margin-bottom: 50px;
}

.services_text {
    display: inline-block;
    margin-left: 13px;
    color: #EEEEEE;
    background-color: transparent;
    font-family: Prosto, sans-serif;
    font-size: 20px;
    text-transform: uppercase;
}

.services_text_one {
    width: 326px;
}

.services_text_two {
    width: 100px;
}

.advantages_title {
    font-family: Prosto, sans-serif;
    font-size: 16px;
    color: #0E4190;
    text-transform: uppercase;
}

.advantages_title_text {
    font-family: Prosto, sans-serif;
    font-size: 34px;
    line-height: 42px;
    text-transform: uppercase;
    width: 742px;
    font-weight: 400;
    color: #EEEEEE;
    margin: 60px 0;
}

.advantage {
    display: flex;
    margin: 0 0 61px 10px;
}

.advantage img {
    width: 53px;
    height: 15px;

}

.advantage_text {
    font-family: Prosto, sans-serif;
    font-size: 20px;
    line-height: 25px;
    text-transform: uppercase;
    width: 742px;
    color: #FFFFFF;
    margin-left: 50px;
}

.kafel_section {
    margin-top: 180px;
    position: relative;
    overflow: hidden;
}

.kafel_words_adaptive {
    display: none;
    justify-content: space-around;
    position: absolute;
    top: 70px;
    left: calc(50% - 383px);
    width: 766px;
    z-index: 5;
    background-color: transparent;
}

.kafel_word_adaptive {
    background-color: transparent;
    color: #EEEEEE;
    font-size: 54px;
    font-family: Prosto, sans-serif;
}

.kafel_image_left, .kafel_image_right {
    position: absolute;
}

.kafel_image_left {
    right: calc(50% + 550px);
}

.kafel_image_right {
    left: calc(50% + 550px);
}

.kafel_container {
    position: relative;
    width: 1105px;
    margin: 0 auto;
    display: flex;
    justify-content: space-evenly;
}

.kafel_word {
    width: 221px;
    height: 288px;
    background-color: #EEEEEE;
    align-content: center;
    text-align: center;
    font-size: 64px;
    font-family: Prosto, sans-serif;
    color: #035DE8;
}

.kafel_cards {
    width: 1102px;
    position: absolute;
    display: flex;
    background-color: transparent;
    justify-content: space-evenly;
}

.kafel_card {
    width: 218px;
    height: 288px;
    background-color: #035DE8;
    align-content: center;
}

.kafel_cards_one {
    transition: .7s;
}

.kafel_cards_one:hover {
    opacity: 0;
}


.kafel_card_text {
    background-color: transparent;
    font-family: Prosto, sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    color: #EEEEEE;
    text-align: center;

}

.kafel_card_text_eng {
    margin: 0 auto;
    width: 140px;
    padding-bottom: 30px;
    border-bottom: 2px solid white;
}

.kafel_card_text_rus {
    padding-top: 30px;
}


.footer {
    margin-top: 51px;
}

.footer_content {
    display: flex;
    align-items: center;
    margin-bottom: 53px
}

.footer_logo {
    margin-right: 80px;
}

.footer_burger {
    display: flex;
}

.footer_burger li {
    list-style-type: none;
    padding-right: 43px;

}

.footer_burger li a {
    font-family: MonropeRegular, sans-serif;
    text-decoration: none;
    color: #EEEEEE;

}

.footer_phone_number {
    margin-bottom: 15px;
}

.footer_phone_number p {
    font-family: MonropeBold, sans-serif;
    font-weight: 400;
    font-size: 36px;
    padding-left: 20px;
    color: #EEEEEE;
}

.footer_social a {
    text-decoration: none;

}

.footer_address {
    padding-top: 34px;
    padding-bottom: 54px;
    border-top: 1px solid rgba(217, 217, 217, 1);
}

.address p {
    font-family: ManropeRegular, sans-serif;
    font-size: 14px;
    padding-bottom: 10px;
    color: #EEEEEE;
}

.footer_social {
    display: flex;
    justify-content: space-between;
    width: 185px;
    margin-left: 55px;
}

.header_content_two {
    display: none;
    position: relative;
}


.burger_button {
    text-decoration: none;
    border: none;
}

.header_content_close {
    text-decoration: none;
    border: none;
    position: absolute;
    right: 15px;
    top: 15px;
}

.header_content_two {
    z-index: 999;
    position: fixed;
    top: 0;
    width: 100%;
    height: 812px;
}

.burger_menu {
    display: none;
}

.header_burger_content {
    display: flex;
    justify-content: center;
    margin-top: 80px;

}

.header_burger_content li {
    list-style-type: none;
    text-align: center;
    margin-bottom: 30px;


}

.header_burger_content li a {
    font-family: MonropeMedium, sans-serif;
    font-weight: 500;
    color: #EEEEEE;
    font-size: 32px;
    text-decoration: none;

}

.header_content_phone_number {
    width: 219px;
    margin: 0 auto;
}

.header_content_phone_number p {
    font-family: MonropeBold, sans-serif;
    font-weight: 500;
    font-size: 22px;
    background-color: #035DE8;
    padding: 7px 17px;
    color: #EEEEEE;
}

.header_content_social {
    display: flex;
    justify-content: space-between;
    margin: 40px auto 0 auto;
    width: 220px;
}

.header_content_social a {
    text-decoration: none;
}

.header_content_social svg {
    fill: #EEEEEE;
}

.header_content_translation {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    align-items: center;
}

.text_translation {
    transition: opacity 0.2s;
}


#popupWeChat {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.popup-content {
    position: relative;
    margin: 10% auto;
    background-color: #035DE8;
    width: 440px;
    height: 316px;
    text-align: center;

}

.popup-content h2 {
    background-color: transparent;
    font-family: ManropeRegular, sans-serif;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 16px;
    position: absolute;
    width: 264px;
    top: 245px;
    left: calc(50% - 132px);
}
.wechat_text_adaptive{
    background-color: transparent;
    position: absolute;
    left: calc(50% - 81px);
    top: 280px;
    display: none;

}
.popup-content h3 {
    background-color: transparent;
    font-family: ManropeRegular, sans-serif;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 500;
    line-height: 16px;
    width: 163px;
    margin-bottom: 20px;
}

.close_popup_wechat {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 24px;
    cursor: pointer;
    background-color: transparent;
}

#qrcode {
    position: absolute;
    top: calc(50% - 80px);
    left: calc(50% - 70px);
    background-color: transparent;
    width: 140px;
    height: 140px;

}