/* ABOUT */

/* COMMON */
.section_about h1, .section_about .h3 {font-size: 32px; font-weight: 600; line-height: 130%; margin-bottom: 12px;}
.section_about p {font-size: 16px; line-height: 150%; margin-bottom: 3px;}
.section_about p.strong {font-weight: 600;}
.section_about .about_container {max-width: 1280px; margin: 0 auto}

.section_about .about_block {display: block; width: 100%; padding: 64px 160px;}
.section_about .about_block:first-child {padding: 94px 160px 60px 160px;}
.section_about .about_block:nth-child(odd) {background-color: #fff;}
.section_about .about_block:nth-child(even) {background-color: #F8F8F8;}

.section_about .about_double_flex {display: flex;}
.section_about .about_double_flex > div {width: 50%; position: relative;}

.section_about .about_triple_flex {display: flex; margin-top: 100px;}
.section_about .about_triple_flex > div {width: 32%;}
.section_about .about_triple_flex > div:not(:last-child) {margin-right: 80px;}
.section_about .about_triple_flex img {width: 48px; height: 48px;}
.section_about .about_triple_flex p {margin-top: 24px; color: #11131F;}

.section_about .about_list {margin-top: 30px; padding-left: 16px; font-size: 16px; position: relative;}
.section_about .about_list::before {content: ''; width: 8px; height: 8px; position: absolute; top: 5px; left: 0; background-color: #082167; border-radius: 50%;}

.section_about .signature {position: absolute; top: 168px; right: 58px; width: 138px; height: 196px; background-image: url("../images/about/signature.png"); background-repeat: no-repeat;}

@media only screen and (max-width: 600px) {
    .section_about h1, .section_about .h3 {font-size: 24px;}
    .section_about .about_block {padding: 16px 16px 16px 16px;}
    .section_about .about_block:first-child {padding: 16px;}
    .section_about .about_double_flex, .section_about .about_triple_flex {display: block;}
    .section_about .about_double_flex > div, .section_about .about_triple_flex > div {width: 100%;}
    .section_about .about_triple_flex > div {margin-top: 50px;}
    .section_about .signature {top: 158px; right: 16px;}
}

/* SECTION 1 */
.section_about .about_section_1 .about_double_flex >div:nth-child(2) {text-align: right; padding-top: 60px;}
.section_about .about_important {position: relative; left: -30px; width: 136px; height: 60px; background-image: url("../images/about/about_important.png"); background-repeat: no-repeat;}
.section_about .about_important > div {position: absolute; top: 20px; left: 30px; font-size: 18px; font-weight: 600;}
.section_about .about_section_1 img {width: 220px; height: 220px;}

@media only screen and (max-width: 600px) {
    .section_about .about_section_1 img {display: none;}
    .section_about .about_important {left: 0; margin-top: 20px;}
}

/* SECTION 2 */
.section_about .about_section_2 {text-align: center;}

@media only screen and (max-width: 600px) {
    .section_about .about_section_2 {padding-bottom: 150px;}
}

/* SECTION 3 */
#img_sect_3 {width: 100%; height: auto; position: absolute; top: -115px; left: 0;}
#img_sect_3_mob, #about_img2_section_3_mob {display: none;}
#about_img2_section_3 {height: auto; position: absolute; top: -16px; left: 80px;}
.section_about .about_section_3 .about_double_flex:first-child > div:nth-child(2) {padding-left: 30px;}
.section_about .about_section_3 .about_double_flex:nth-child(2) {margin-top: 180px;}
.section_about .about_section_3 .about_double_flex:nth-child(2) > div:first-child {width: 43%;}
#about_block_section_3_mob p:nth-child(3) {margin-bottom: 70px;}

@media only screen and (max-width: 600px) {
    #img_sect_3, #about_img2_section_3 {display: none;}
    #img_sect_3_mob {display: block; width: 100%; height: auto; position: absolute; top: -26px; left: -34px;}
    #sect_3_block_mob_margin {padding: 370px 16px 0 16px;}
    #about_img2_section_3_mob {display: block; width: 100%; height: auto; position: relative;}
    #about_block_section_3_mob {position: relative; top: -108px; left: 0; width: 95%; background-color: #fff; padding: 24px 16px 0;}
    #about_block_section_3_mob p:nth-child(3) {margin-bottom: 18px;}
    .section_about .about_section_3 {padding: 0;}
    .section_about .about_section_3 .about_double_flex:nth-child(2) > div:first-child {width: 100%;}
    .section_about .about_section_3 .about_double_flex:nth-child(2) {margin-top: 30px; padding: 0;}
}

/* SECTION 4 */
.section_about .about_section_4 > div {width: 64%; display: block; margin: 0 auto; text-align: center;}
.section_about .about_section_4 > div p {margin-top: 130px; margin-bottom: 28px;}

@media only screen and (max-width: 600px) {
    .section_about .about_section_4 > div p {margin-top: 24px; margin-bottom: 24px;}
    .section_about .about_section_4 > div {width: 100%; margin: 0;}
}

/* SECTION 5 */
.section_about .about_section_5 {padding-bottom: 100px;}
.section_about .about_section_5 .about_double_flex >div:first-child {width: 40%;}
.section_about .about_section_5 .about_double_flex >div:nth-child(2) {width: 60%;}
.section_about .about_section_5 .about_double_flex >div:first-child img {width: 100%; height: auto;}
.section_about .about_section_5 .about_double_flex >div:nth-child(2) {padding-left: 80px; padding-top: 50px;}
.section_about .about_section_5 .about_double_flex >div:nth-child(2) p {margin-bottom: 30px;}
#sect_5_address_mob {display: none;}

@media only screen and (max-width: 600px) {
    #sect_5_address_mob {display: block;}
    #sect_5_address {display: none;}
    .section_about .about_section_5 {padding: 20px 0;}
    .section_about .about_section_5 .about_double_flex >div:first-child {width: 95%;}
    .section_about .about_section_5 .about_double_flex >div:nth-child(2) {padding-left: 16px; padding-top: 20px; padding-right: 48px; width: 100%;}
}

/*header fixed*/
header.header {position: fixed; top:0; left: 0; right: 0}
#overlay_header_catalog {top:128px;}
.section_about .about_block:first-child {padding: 162px 16px 60px 16px;}
.section_about .about_block:first-child > .about_double_flex > div:first-child {width: 100%;}
.section_about .about_block:first-child > .about_double_flex > div:last-child {display: none}
@media only screen and (max-width: 1400px) {
    .section_about .about_block:first-child {padding: 96px 86px 16px 86px;}
}
@media only screen and (max-width: 1000px) {
    .section_about .about_block:first-child {padding: 96px 16px 16px 16px;}
}