/* ------------------------------- MODAL -------------------------------- */
.producer_send_request_modal {align-items: flex-start;}
.producer_send_request_modal h1 {color: #082167; font-weight: 600; font-style: normal; font-size: 24px; line-height: 120%; margin-bottom: 8px;}
.producer_send_request_modal p {font-size: 14px; color: hsl(222, 11%, 37%); margin-bottom: 16px;}
.producer_send_request_modal {max-width: 645px !important; display: flex; flex-direction: column; min-height: unset !important; padding:22px 32px 20px 32px; border-radius: 8px; text-align: left; position: relative;}
.producer_send_request_modal > button#modal_close {position: absolute; right: 15px;top:15px; cursor: pointer}
.producer_send_request_modal > button#modal_close > i {color:#86868B; font-size: 10px;}
.producer_send_request_modal .button_dark_blue {max-width: 316px; width: 100%; margin: 20px auto 0;}
.producer_send_request_inner {width: 100%;}
.producer_send_request_content .header_modal { align-self: flex-start;}
.producer_send_request_content .inputs_bloсk {margin-top: 8px; width: 100%; display: flex; justify-content: space-between}
.producer_send_request_content .inputs_bloсk > .label_block {width: 49%;}
.producer_send_request_content { width: 100%; display: flex; flex-direction: column; align-items: center;}
.producer_send_request_content .label_block {height: 52px;}
.producer_send_request_content .label_block label {font-style: normal;font-weight: normal;font-size: 14px;color: #929BAD;position: absolute;top: 18px;left: 8px;-webkit-transition: all .35s ease;-o-transition: all .35s ease;transition: all .35s ease;}
.producer_send_request_content .label_block label.label_top {top: 5px; -webkit-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease;}
.producer_send_request_content .label_block input {box-sizing: border-box; border-radius: 4px; height: 52px; padding: 22px 8px 6px; min-width: 40%; flex-grow: 1; font-size: 14px}
.producer_send_request_content .access_block {margin-top: 25px; }
.producer_send_request_content .access_block a {text-decoration: none; color: #46A6FF;}
.white_background_iphone{display: none;}

@media only screen and (max-width: 800px) {
    div.producer_send_request_modal { padding: 30px 24px 12px 24px; margin-top: 50px;}
    .producer_send_request_content .inputs_bloсk { margin-top: 0; width: 100%; display: flex; flex-direction: column; justify-content: flex-start}
    .producer_send_request_content .inputs_bloсk > .label_block {width: 100%; margin-top: 10px;}
    .producer_send_request_content {margin-top: unset; margin-bottom: 120px; position: relative; z-index: 9}
    .producer_send_request_form {margin-top: 30px;}
    .producer_send_request_content .access_block {margin-top: 15px; }
    .producer_send_request_modal .catalog_block_buttons {position: fixed;bottom: 0;right: 0;left: 0;z-index:100;background: white;display: flex;flex-direction: column; padding: 8px 24px 12px; height: 96px;}
    .producer_send_request_modal .button_dark_blue {max-width: 400px; margin-top: 5px}
    .white_background_iphone { display:block; position: fixed; top:50%; left: 0; right: 0; z-index: 3; background: #fff; height: 50vh; width: 100%}
}

/* ------------------------------- COMMON ------------------------------- */

.provider_container {max-width: 1440px; padding: 0 20px; margin: 0 auto;}
.provider_container > h2 {color: #082167; font-size: 32px; font-weight: 600; text-align: center; padding-top: 72px; width: 100%;}

@media only screen and (max-width: 1000px) {
    .provider_container {padding: 0 16px;}
    .provider_container > h2 {font-size: 24px; padding-top: 42px;}
}

/* ------------------------------- HEADER ------------------------------- */

.provider_header_preview {background: #11131F;}

.header.inner .header_navigation_basic > li > a {color: #FFFFFF;}

@media only screen and (max-width: 1000px) {
    #menu_burger {margin-right: 16px; padding: 5px 0;}
    /*.metal_logo_img {height: 42px;}*/
}

.header_navigation_basic {justify-content: flex-start;}
.header_navigation_basic > li:not(:nth-child(1)) {margin-left: 60px;}

.connect_to_us {background: #46A6FF; border-radius: 4px; font-size: 16px; font-weight: 600; letter-spacing: 0.5px; color: #FFFFFF; padding: 11px 28px; cursor: pointer; white-space: nowrap; margin-left: 8px}
.connect_to_us_big {background: #46A6FF; font-size: 16px; font-weight: 600; letter-spacing: 0.5px; color: #FFFFFF; padding: 19px 70px 19px 70px; cursor: pointer; white-space: nowrap;}
.connect_to_us:hover, .connect_to_us_big:hover {background: #138EFF;}

@media only screen and (max-width: 1000px) {
    /*.connect_to_us {padding: 8px 16px;}*/
}
.provider_header_preview {margin-top: 168px;}
.provider_header_preview .header_fixed {padding: 0;}
.provider_header_preview > .provider_container { background-image: url("../images/provider_page/header_bg.png"); background-size: 40%; background-repeat: no-repeat; background-position: top 38% right 10%; min-height: 386px; padding-top: 50px; padding-bottom: 142px;  }
.provider_header_preview > .provider_container > div {max-width: 608px; margin-left: 8%; }
.provider_header_preview > .provider_container > div > h1 {color: #FFFFFF; font-size: 44px; font-weight: 300; line-height: 130%;}
.provider_header_preview > .provider_container > div > h1 > b {font-weight: 600;}
.provider_header_preview > .provider_container > div > p {color: #E3E4E6; letter-spacing: 0.15px; line-height: 130%; font-size: 18px; margin: 16px 0; font-weight: 300;}

@media only screen and (max-width: 1400px) {
    .provider_header_preview > .provider_container > div > p {padding-right: 50px;}
}

@media only screen and (max-width: 1200px) {
    .provider_header_preview > .provider_container > div > p {padding-right: 150px;}
}

@media only screen and (max-width: 1000px) {

    .provider_header_preview > .provider_container { background-size: 275px; background-position: top left; padding-top: 50px; padding-bottom: 52px;}
    .provider_header_preview > .provider_container > div > h1 {font-size: 30px;}
    .provider_header_preview > .provider_container > div {max-width: 100%; margin-left: 0; margin-top: 163px; }
    .provider_header_preview > .provider_container > div > p {padding-right: 0; font-size: 16px;}
}

@media only screen and (max-width: 800px) {
    .provider_header_preview {margin-top: 158px;}
}

@media only screen and (max-width: 600px) {
    .provider_header_preview > .provider_container > div > button {width: 100%;}
    .provider_header_preview > .provider_container > div > p {font-size: 14px;}
    .connect_to_us {display: none}
}

@media only screen and (max-width: 480px) {
    .provider_header_preview {margin-top: 101px;}
}

/* ------------------------------- CONTENT ------------------------------- */

.section_gray {background: #F8F8F8; padding-bottom: 40px;}
.section_gray > .provider_container {display: flex;flex-direction: row;flex-wrap: wrap;}
.section_gray > .provider_container > h2 {padding-top: 88px; margin-bottom: 80px; }
.section_gray > .provider_container > section {width: 33.33%; text-align: center; padding: 40px;}
.section_gray > .provider_container > section > i {font-size: 48px; color:#082167; margin-bottom: 46px; }
.section_gray > .provider_container > section > p {font-size: 16px; font-weight: normal; line-height: 150%; color: #11131F; padding: 0 15px; }

@media only screen and (max-width: 1000px) {
    .section_gray {background: #F8F8F8; padding-bottom: 76px;}
    .section_gray > .provider_container > h2 {padding-top:42px; margin-bottom: 20px;}
}

@media only screen and (max-width: 800px) {
    .section_gray > .provider_container > section {width: 100%; text-align: center; padding: 20px 0;}
    .section_gray > .provider_container > section > br {display: none;}
    .section_gray > .provider_container > section > i {margin-bottom: 12px;}
    .section_gray > .provider_container > section > p {padding: 0; font-size: 14px;}

}
@media only screen and (max-width: 600px) {
    .section_gray > .provider_container > h2 {padding: 42px 10% 0;}
}


.provider_categories > div {display: flex; flex-direction: row; justify-content: space-between; position: relative; margin-top: 48px;}
.provider_categories > div > section { width: 24%; height: 412px; position: relative; background: #F8F8F8; border-radius: 12px; text-align: center}
.provider_categories > div > section:not(:nth-last-child(1)) {margin-right: 17px;}
.provider_categories > div > section > div { height: 70%; position: relative; display: flex; }
.provider_categories > div > section > div > img{ max-width: 100%; padding: 40px;  align-self: center;}
.provider_categories > div > section > a {color: #11131F; font-size: 24px; font-weight: 600; line-height: 112%; text-decoration: none; text-align: center; display: flex; justify-content: center; }

@media only screen and (max-width: 1000px) {
    .provider_categories > div > section { width: 24%; height: 312px; display: flex; flex-direction: column; align-items: center;}
    .provider_categories > div > section > a {font-size: 18px;}
    .provider_categories > div > section > a > br {display: none;}
}

@media only screen and (max-width: 800px) {
    .provider_categories > div {flex-direction: column;}
    .provider_categories > div > section { width: 100%; height: 238px; margin-bottom: 16px;}
    .provider_categories > div > section > div > img{ max-width: 320px;  align-self: center;}
    .provider_categories > div > section > a {font-size: 18px;}
}

.provider_steps > div {display: flex; flex-direction: row; justify-content: space-between; position: relative; margin-top: 100px; margin-bottom: 62px;}
.provider_steps > div > section { width: 33.33%; position: relative; text-align: center}
.provider_steps > div > section > h3 {color: #082167; font-size: 32px; font-weight: 600; line-height: 130%; margin-bottom: 32px; position: relative;}
.provider_steps > div > section > h3:after {content: ""; height: 1px; width: 50%; background: #D0D0D0; position: absolute; top: 50%; left: 75%;}
.provider_steps > div > section:nth-last-child(1) > h3:after {display: none;}
.provider_steps > div > section > p {color: #545A68; font-size: 14px; line-height: 150%; margin-bottom: 32px; padding: 0 12%;}

@media only screen and (max-width: 1000px) {
    .provider_steps > div {flex-direction: column; margin-top: 38px; margin-bottom: 30px;}
    .provider_steps > div > section {width: 100%; margin-top: 25px;}
    .provider_steps > div > section:nth-child(1) {margin-top: 0;}
    .provider_steps > div > section > h3 {font-size: 24px; margin-bottom: 16px;}
    .provider_steps > div > section > h3:after {width: 1px; height: 27px; left: 50%; top: -42px;}
    .provider_steps > div > section:nth-last-child(1) > h3:after {display: block;}
    .provider_steps > div > section:nth-child(1) > h3:after {display: none;}
    .provider_steps > div > section > p {padding: 0;}
}

/* ------------------------------- FOOTER ------------------------------- */

.provider_big_footer {background: #11131F;}
.provider_big_footer > .provider_container {display: flex; flex-direction: column; align-items: center; padding: 87px 0 58px; max-width: 633px;}
.provider_big_footer > .provider_container > h6 {color: #FFFFFF; font-size: 32px; font-weight: 600; line-height: 130%; text-align: center; margin-bottom: 16px;}
.provider_big_footer > .provider_container > p {color: #8F97A6; font-size: 16px; font-weight: normal; line-height: 130%; text-align: center; margin-bottom: 46px;}

@media only screen and (max-width: 1000px) {
    .provider_big_footer > .provider_container { padding: 40px 16px 25px;}
    .provider_big_footer > .provider_container > h6 {font-size: 24px;}
    .provider_big_footer > .provider_container > p {font-size: 14px; margin-bottom: 16px;}
}

.footer_main_section {padding: 29px 40px 32px 40px;}
@media only screen and (max-width: 1000px){
    .footer_main_section {padding: 16px;}
}

.questions_contact_ico_block > p {display: none;}
@media only screen and (max-width: 1000px) {.questions_contact_ico_block > p {display: block; font-size: 13px;}}

.go_to_marketplace {display: table; text-decoration: none; color: #fff; margin-left: auto; margin-right: 0; margin-top: 27px; position: relative;}
.go_to_marketplace > div {display: inline-block; margin-right: 48px;}
.go_to_marketplace > div > h6 {font-size: 24px; font-weight: 600; line-height: 120%; margin-bottom: 8px; letter-spacing: 0.5px;}
.go_to_marketplace > button {display: inline-block; vertical-align: top; margin-top: 8px;}

@media only screen and (max-width: 1000px) {
    .go_to_marketplace{padding: 16px 16px 16px 18px; background: #212E53; border-radius: 4px; margin-left: 0; margin-bottom: 24px; width: 100%;}
    .go_to_marketplace > div > h6 {font-size: 18px;}
    .go_to_marketplace > button {display: inline-block; vertical-align: top; margin-top: 0;}
}

@media only screen and (max-width: 800px) {
    .go_to_marketplace {margin-top: 0;}
}

/*header fixed*/
header.header {position: fixed; top:0; left: 0; right: 0}
#overlay_header_catalog.show-header-catalog .header_navigation_basic>li>a, #overlay_header_catalog.show-header-catalog .header_navigation_right>li>a {color: #fff}
#overlay_header_catalog.show-header-catalog {padding-top: 8px}