/* POPUP */

.popup_back {position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: #000; opacity: 0.6; z-index: 998; cursor: pointer;}

.popup {background: #F2F2F2; border-radius: 10px; width: 640px; margin: 0 0 0 -300px; transform: translateY(-50%); box-sizing: border-box; position: fixed; left: 50%; top: 50%; z-index: 999;}

.popup_close {position: absolute; right: 20px; top: 20px; transition: 0.2s;}
.popup_close:hover {cursor: pointer;}

.popup_body {text-align: center; box-sizing: border-box; padding: 80px 30px 72px;}
.popup_title {font-weight: 700; font-size: 32px; line-height: 120%; text-transform: uppercase; margin: 0 0 10px; width: 100%;}
.popup_subtitle {font-size: 16px; line-height: 1.5; margin: 0 0 30px;}
.popup_form {max-width: 320px; margin: 0 auto;}
.popup_form .form_agreement {margin: 0 0 20px;}
.popup_form .form_agreement span {font-size: 12px;}
.popup_or {text-align: center; padding: 30px 0 20px; font-size: 16px; line-height: 120%;}
.popup_messengers {display: flex; flex-flow: row wrap; justify-content: space-between; max-width: 320px; margin: 0 auto;}
.popup_messengers a {width: calc((100% - 20px)/2);}
.popup_messengers .button {width: 100%; height: 60px; display: flex; justify-content: center; align-content: center; align-items: center; text-transform: none; font-weight: normal; font-size: 14px;}
.popup_messengers .button svg {margin: 0 12px 0 0;}
 
.popup_thx .popup_body {display: flex; height: 246px; padding: 0; align-items: center; align-content: center; justify-content: center; text-align: center; flex-flow: row wrap;}
.popup_thx .popup_title {color: #3A90F3;}
.popup_thx .popup_subtitle {margin: 0;}



/* FORM */
 
.screen-reader-response,
.wpcf7-not-valid-tip,
.wpcf7-response-output {display: none !important;}

.field_wrap {position: relative; margin: 0 0 20px;} 

.form_field {height: 60px; background: #FBFBFB; border: 1px solid #D6D6D6; border-radius: 6px; padding: 0 24px; font-size: 16px; text-align: left; width: 100%; box-sizing: border-box; resize: none; transition: 0.2s;}
.form_field.wpcf7-not-valid {border-color: red;} 

.mail_wrap .form_field {font-size: 19px;}

.wpcf7 .button_wrap {position: relative;}
.wpcf7 .button_wrap:hover .button {border-color: #1475E7; background: #1475E7; color: #FFF;}
.wpcf7 .button {width: 100%;} 
 
.form_cover {position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; cursor: pointer; display: block;}

.phone_cover {display: none; position: absolute;}

.form_agreement {padding: 0 0 0 32px; margin: 0 0 30px; min-height: 24px; display: flex; align-content: center; align-items: center; position: relative; cursor: pointer; transition: 0.2s; text-align: left;}
.form_agreement__icon {position: absolute; left: 0; top: 0; width: 24px; height: 24px; background: transparent; border: 1px solid #3A90F3; border-radius: 6px; transition: 0.2s; box-sizing: border-box;}
.form_agreement__icon svg {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: 0.2s; opacity: 0;}
.form_agreement span {font-size: 14px; line-height: 120%; color: #000; display: block; transition: 0.2s;}
.form_agreement a {color: #000; position: relative; white-space: nowrap; transition: 0.2s;}
.form_agreement a:before {content:""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; opacity: 0.9; background: #000; transition: 0.2s;}
.form_agreement a:hover:before {opacity: 0;}
.form_agreement.error span,
.form_agreement.error a {color: red;}
.form_agreement.error a:before {background: red;}
.form_agreement.error .form_agreement__icon {border-color: red;}
.form_agreement br {display: none;}

.form_agreement.checked .form_agreement__icon svg {opacity: 1;}

.file_field_wrap {position: relative; padding: 4px 0; margin: 0 0 20px; font-size: 16px; cursor: pointer; color: #000; display: flex; flex-flow: row wrap; align-content: center; align-items: center;}
.file_field_wrap .file_field {position: absolute; position: absolute; left: 0; top: 0; width: 100%; opacity: 0; height: 100%; cursor: pointer; z-index: 5; pointer-events: auto;}
.file_field_wrap .file_field:hover {cursor: pointer;}
.file_field_wrap .file_chose {font-size: 16px; line-height: 100%; color: #3A90F3; cursor: pointer; position: relative; padding: 0 0 0 32px;}
.file_field_wrap .file_plus {position: absolute; left: -1px; top: 50%; transform: translateY(-50%);}
.file_field_wrap .file_data {display: none; width: 100%; position: relative; padding: 0 30px; box-sizing: border-box;}
.file_field_wrap .file_data:after {content:""; position: absolute; left: 0; bottom: -12px; right: 0; height: 1px; background: #D6D6D6;}
.file_field_wrap .file_name {position: relative; margin: 0 10px 0 0;} 
.file_field_wrap .file_size {position: relative; margin: 0 0 0 auto; opacity: 0.4; white-space: nowrap;}
.file_field_wrap .file_icon {position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.file_field_wrap .file_remove {position: absolute; right: 0; top: 50%; transform: translateY(-50%); cursor: pointer;}
 
.file_field_wrap.uploaded .file_chose,
.file_field_wrap.uploaded .file_field {display: none;}
.file_field_wrap.uploaded .file_data {display: flex; flex-flow: row wrap; justify-content: space-between;}

.file_field_wrap2,
.file_field_wrap3 {display: none;}

::-webkit-input-placeholder {color: #000;}
:-ms-input-placeholder      {color: #000;}
:-moz-placeholder 					{color: #000;}
::-moz-placeholder 					{color: #000;}



/* CATALOG */

.catalog_container {}
.catalog_container .catalog_block {padding: 0 0 160px;}

.catalog_container .catalog_left {padding: 0; margin: 0 0 82px;}

.catalog_container .block_title {margin: 0 0 20px;}

.catalog_container .catalog_subtitle {font-weight: 500; font-size: 20px; line-height: 120%;}

.catalog_container .catalog_items {display: flex; flex-flow: row wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start;}

.catalog_container .catalog_item {position: relative; width: calc((100% - 60px * 2)/3); margin: 0 60px 60px 0; border-radius: 10px; overflow: hidden;}
.catalog_container .catalog_item:before {content:""; position: absolute; left: 0; top: 0; width: 100%; height: 40%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0)); z-index: 2;}

.catalog_container .catalog_item:nth-child(2),
.catalog_container .catalog_item:nth-child(5) {top: -80px;}

.catalog_container .catalog_item:nth-child(3),
.catalog_container .catalog_item:nth-child(6) {top: -160px; margin-right: 0;}

.catalog_container .catalog_item__content {position: relative; padding: 0 0 100%; z-index: 3;}
.catalog_container .catalog_item__title {position: absolute; left: 40px; top: 40px; color: #FBFBFB; font-size: 26px; font-weight: 500; line-height: 120%; z-index: 3;}
.catalog_container .catalog_item__button {position: absolute; left: 40px; bottom: 40px; width: 160px; height: 40px; padding: 0; font-size: 12px; border-radius: 6px; z-index: 3;}

.catalog_container .catalog_other {position: absolute; right: 0; bottom: -40px; width: calc((100% - 60px * 2)/3);}
.catalog_container .catalog_other__content {position: relative; padding: 0 0 100%;}

.catalog_container .catalog_other .p_top {position: absolute; left: 0; top: 0; width: 100%; height: 2px; background: url('/img/punktir1.png') 0 0 repeat-x; background-size: auto 100%;}
.catalog_container .catalog_other .p_bottom {position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: url('/img/punktir1.png') 0 0 repeat-x; background-size: auto 100%;}
.catalog_container .catalog_other .p_left {position: absolute; left: 0; top: 0; width: 2px; height: 100%; background: url('/img/punktir2.png') 0 0 repeat-y; background-size: 100% auto;}
.catalog_container .catalog_other .p_right {position: absolute; right: 0; top: 0; width: 2px; height: 100%; background: url('/img/punktir2.png') 0 0 repeat-y; background-size: 100% auto;}

.catalog_container .catalog_other .c_top_left,
.catalog_container .catalog_other .c_top_right,
.catalog_container .catalog_other .c_bottom_left,
.catalog_container .catalog_other .c_bottom_right {position: absolute; width: 24px; height: 24px; background: url('/img/punktir3.png') 0 0 no-repeat; background-size: 100% 100%;}

.catalog_container .catalog_other .c_top_left {left: 0; top: 0;}
.catalog_container .catalog_other .c_top_right {right: 0; top: 0; transform: scaleX(-1);}
.catalog_container .catalog_other .c_bottom_left {left: 0; bottom: 0; transform: rotate(270deg);}
.catalog_container .catalog_other .c_bottom_right {right: 0; bottom: 0; transform: rotate(180deg);}

.catalog_container .catalog_other__top {position: absolute; left: 40px; top: 40px; right: 40px;}
.catalog_container .catalog_other__title {position: relative; color: #3A90F3; margin: 0 0 14px; font-size: 32px; font-weight: 700; line-height: 120%; text-transform: uppercase;}
.catalog_container .catalog_other__text {position: relative; font-size: 14px; font-weight: 500; line-height: 120%;}
.catalog_container .catalog_other__button {position: absolute; left: 40px; bottom: 40px; width: 160px; height: 40px; padding: 0; font-size: 12px; border-radius: 6px;}



/* BRANDS */

.brands_container {padding: 60px 0 60px;}
.brands_container .brands_block {}

.brands_container .brands_top {position: absolute; left: 0; top: 0; z-index: 2;}
.brands_container .block_title {margin: 0 0 20px;}
.brands_container .brands_subtitle {font-weight: 500; font-size: 20px; line-height: 120%;}

.brands_container .brands_mob {display: none;}

.brands_container .brands_cols {padding: 90px 0 30px; display: flex; flex-flow: row wrap; justify-content: space-between; position: relative;}

.brands_container .brands_col {width: 200px; position: relative;}
.brands_container .brands_item {width: 100%; margin: 0 0 40px; position: relative; transition: 0.2s; opacity: 0.6; filter: grayscale(1);}
.brands_container .brands_item img {width: 100%; border-radius: 10px; position: relative;} 
.brands_container .brands_item:hover {opacity: 1; filter: none;}

.brands_container .brands_col1 {padding-top: 160px;}
.brands_container .brands_col2 {padding-top: 120px;}
.brands_container .brands_col3 {padding-top: 80px;}
.brands_container .brands_col4 {padding-top: 40px;}
.brands_container .brands_col5 {}

.brands_container .brands_need {padding: 90px 0 0 52px; height: 410px; width: 450px; right: 0; bottom: 170px; box-sizing: border-box; position: absolute; z-index: 1; font-weight: 700; font-size: 28px; line-height: 120%; text-transform: uppercase; color: #FBFBFB;}
.brands_container .brands_need span {position: relative; z-index: 5;}

.brands_container .brands_need__cover {position: absolute; z-index: 1;}

.brands_container .brands_need__cover1,
.brands_container .brands_need__cover2,
.brands_container .brands_need__cover3,
.brands_container .brands_need__cover5,
.brands_container .brands_need__cover6 {background: #3A90F3;}

.brands_container .brands_need__cover1 {top: 40px; height: 190px; left: 0; right: 0; border-radius: 10px 0 10px 0;}
.brands_container .brands_need__cover2 {top: 0; width: 200px; height: 40px; right: 0; border-radius: 10px 10px 0 0;}
.brands_container .brands_need__cover3 {right: 200px; top: 40px; margin-top: -20px; width: 20px; height: 20px;}
.brands_container .brands_need__cover4 {left: 0; top: 0; right: 200px; height: 40px; background: #FBFBFB; z-index: 2; border-radius: 0 0 10px 0;}
.brands_container .brands_need__cover5 {left: 0; top: 230px; right: 80px; bottom: 0; border-radius: 0 0 10px 0;}
.brands_container .brands_need__cover6 {right: 60px; top: 230px; width: 20px; height: 20px;}
.brands_container .brands_need__cover7 {top: 230px; right: 0; height: 40px; width: 80px; bottom: 0; z-index: 2; background: #FBFBFB; border-radius: 10px 0 0 0;}

.brands_container .brands_find {position: absolute; bottom: 10px; right: 170px; width: 530px; padding: 40px 40px; box-sizing: border-box; background: #FFF; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.05); border-radius: 10px; z-index: 2;}
.brands_container .brands_find__title {margin: 0 0 20px; font-weight: 700; font-size: 24px; line-height: 120%; text-transform: uppercase;}
.brands_container .brands_find__text {font-size: 14px; line-height: 120%; margin: 0 0 30px;}
.brands_container .brands_find__text p {margin: 0 0 15px 0; padding: 0;}
.brands_container .brands_find__text p:last-of-type {margin: 0;}



/* HOW WE WORK */

.how_container {}
.how_container:before {content:""; position: absolute; left: 50%; width: 1440px; top: 0; bottom: 216px; transform: translateX(-50%); background: #DCECFF; border-radius: 60px;}
.how_container .how_block {padding: 106px 0 0;}

.how_container .how_title {margin: 0 0 50px; font-size: 36px; text-align: center; color: #000;}
.how_container .how_title strong {color: #000;}

.how_container .how_items {display: flex; flex-flow: row wrap; justify-content: flex-start;}

.how_container .how_item {position: relative; width: calc(100% / 3); margin: 0 0 48px; box-sizing: border-box; text-align: center;}
.how_container .how_item:before {content:""; position: absolute; left: 50%; top: 32px; width: 100%; height: 2px; background: url('/img/punktir4.png') 0 0 repeat-x; background-size: auto 100%;}
.how_container .how_item__index {width: 65px; height: 65px; margin: 0 auto 9px; position: relative; display: flex; align-items: center; align-content: center; justify-content: center; text-align: center;}
.how_container .how_item__index:before {content:""; position: absolute; left: 50%; top: 50%; width: 52px; height: 52px; border-radius: 10px; background: #FFF; transform: translate(-50%, -50%) rotate(45deg);}
.how_container .how_item__index span {position: relative; color: #3A90F3; font-size: 20px; font-weight: 500; top: 2px; line-height: 100%; display: block; z-index: 2;}
.how_container .how_item__title {font-size: 20px; font-weight: 500; line-height: 120%;}
.how_container .how_item__title span {color: #3A90F3; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px;}
.how_container .how_item__title span:hover {text-decoration: none;}

.how_container .how_item:nth-child(3n):before {display: none;}

.how_container .how_item:last-of-type {margin: 0 auto;}
.how_container .how_item:last-of-type:before {display: none;}
.how_container .how_item:last-of-type .how_item__index:before {background: #3A90F3;}
.how_container .how_item:last-of-type .how_item__index span {color: #FFF;}
.how_container .how_item:last-of-type .how_item__title {color: #3A90F3; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px;}
.how_container .how_item:last-of-type:hover .how_item__title {text-decoration: none; cursor: pointer;}

.how_container .benefits_items {padding: 108px 0 0 0; width: 100%; box-sizing: border-box; display: flex; flex-flow: row wrap; justify-content: space-between; align-content: flex-start; align-items: flex-start;}

.how_container .benefits_item {width: calc((100% - 30px * 2 )/3); position: relative; padding: 60px 30px 30px; box-sizing: border-box; background: #FBFBFB; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.05); border-radius: 10px;}
.how_container .benefits_item img {position: absolute; left: 30px; top: -40px;}
.how_container .benefits_item__title {margin: 0 0 20px; font-weight: 700; font-size: 20px; line-height: 120%; text-transform: uppercase;}
.how_container .benefits_item__text {font-size: 14px; line-height: 150%;}
.how_container .benefits_item__text p {margin: 0 0 20px; padding: 0;}
.how_container .benefits_item__text p:last-of-type {margin: 0;}
.how_container .benefits_item__button {margin: 20px 0 0 0; width: 210px; height: 46px; font-size: 12px; display: none; align-items: center; align-content: center; justify-content: center; border-radius: 6px;}  
.how_container .benefits_item__button svg {margin: 0 6px 0 0;}

.how_container .benefits_item:nth-child(2) {margin-top: 70px;}
.how_container .benefits_item:nth-child(2) .benefits_item__button {display: flex;}



/* DELIVERY */

.delivery_container {padding: 122px 0 100px;}
.delivery_container .delivery_block {display: flex; flex-flow: row wrap; justify-content: space-between;}

.delivery_container .delivery_img {width: 486px; position: relative;}
.delivery_container .delivery_img .back_img {right: 30px; top: -20px;}

.delivery_container .delivery_right {position: relative; width: 628px;}
.delivery_container .block_title {margin: 0 0 20px; font-size: 36px;}
.delivery_container .delivery_subtitle {margin: 0 0 20px; font-size: 16px; line-height: 130%;}
.delivery_container .delivery_more {position: relative; padding: 0 32px 0 0; font-weight: 700; font-size: 16px; line-height: 130%; display: inline-block; vertical-align: top; color: #3A90F3; cursor: pointer; transition: 0.2s;}
.delivery_container .delivery_more svg {position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.delivery_container .delivery_more path {transition: 0.2s;}
.delivery_container .delivery_more:hover {color: #1475E7;}
.delivery_container .delivery_more:hover path {fill: #1475E7;}

.delivery_container .delivery_formbox {margin-top: 42px; padding: 40px; background: #FBFBFB; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.05); border-radius: 10px; position: relative;}
.delivery_container .delivery_formbox__title {margin: 0 0 10px; font-weight: 700; font-size: 22px; line-height: 120%; text-transform: uppercase;}
.delivery_container .delivery_formbox__title strong {color: #3A90F3;}
.delivery_container .delivery_formbox__subtitle {margin: 0 0 27px; font-size: 14px; line-height: 120%;}

.delivery_container .delivery_formbox form {display: flex; flex-flow: row wrap; justify-content: flex-start;}
.delivery_container .delivery_formbox .field_wrap {width: 240px; height: 60px; margin: 0 20px 0 0;}
.delivery_container .delivery_formbox .form_field {font-size: 14px;}
.delivery_container .delivery_formbox .button_wrap {width: 240px;}
.delivery_container .delivery_formbox .button {width: 100%; height: 60px; padding: 0; font-size: 12px; border-radius: 6px;}

.delivery_container .wpcf7-response-output {display: none !important;}


/* ВОПРОСЫ */


.faq_container {}
.faq_container .faq_block {padding: 0 0 70px;}

.faq_container .block_title {text-align: center; margin: 0 0 60px;}
.faq_container .block_title strong {color: #000;}

.faq_container .faq_cols {display: flex; flex-flow: row wrap; justify-content: space-between;}

.faq_container .faq_col {width: calc((100% - 40px)/2); position: relative;}

.faq_container .faq_item {position: relative; margin: 0 0 20px; background: #FFF; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.05); border-radius: 10px; transition: 0.2s;}
.faq_container .faq_item__question {position: relative; padding: 20px 80px 20px 30px; min-height: 98px; box-sizing: border-box; display: flex; align-content: center; align-items: center; font-weight: 500; font-size: 16px; line-height: 140%; color: #000; border-radius: 10px; transition: 0.3s; cursor: pointer; z-index: 2;}
.faq_container .faq_item__icon {position: absolute; right: 33px; top: 50%; transform: translateY(-50%); width: 26px; height: 26px; border-radius: 50%; cursor: pointer;}
.faq_container .faq_item__icon:before {content:""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #3A90F3; border-radius: 50%; z-index: 1; opacity: 0; transition: 0.2s;}
.faq_container .faq_item__icon svg {position: absolute; left: 0; top: 0; transition: 0.2s; z-index: 2; cursor: pointer;}
.faq_container .faq_item__icon path {transition: 0.2s; cursor: pointer;}
.faq_container .faq_item__answer {position: relative; display: none; z-index: 1; padding: 28px 30px 30px;}
.faq_container .faq_item__answer p {margin: 0 0 20px; padding: 0; font-size: 14px; line-height: 150%;}
.faq_container .faq_item__answer p:last-of-type {margin: 0;}

.faq_container .faq_item.active .faq_item__question {background: #3A90F3; color: #FFF;}

.faq_container .faq_item.active .faq_item__icon:before {opacity: 1;}
.faq_container .faq_item.active .faq_item__icon path {fill: #FFF;}
.faq_container .faq_item.active .faq_item__icon svg {transform: rotate(45deg);}

.faq_container .faq_col .faq_item:last-of-type {margin: 0;}


/* MAP */

.map_container {padding: 70px 0 100px;}
.map_container .map_block {height: 687px;}

.map_container .map {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: #F2F2F2; border-radius: 10px; overflow: hidden;}

.map_container .map_covers {position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 5; pointer-events: none;}

.map_container .map_cover,
.map_container .map_top_cover {position: absolute; background-size: 100% 100%; z-index: 2; background-repeat: no-repeat; background-position: 0 0;}

.map_container .map_cover2,
.map_container .map_cover3,
.map_container .map_cover5,
.map_container .map_top_cover2,
.map_container .map_top_cover4,
.map_container .map_top_cover5 {width: 10px; height: 10px; background-image: url('/img/cover2.png');}
 
.map_container .map_top_cover2,
.map_container .map_top_cover4,
.map_container .map_top_cover5 {transform: rotate(180deg);}

.map_container .map_cover1 {left: 0; bottom: 0; width: 76px; height: 232px; border-radius: 0 10px 0 0; background: #FBFBFB;}
.map_container .map_cover2 {left: 0; bottom: 232px;}
.map_container .map_cover3 {left: 76px; bottom: 0;}
.map_container .map_cover4 {right: 0; bottom: 0; width: 140px; height: 144px; background: #FBFBFB;}
.map_container .map_cover5 {right: 0; bottom: 144px; transform: rotate(-90deg);}

.map_container .map_top {position: absolute; right: 0; top: 0; width: 690px; padding: 0 0 0 60px; box-sizing: border-box; display: flex; align-content: flex-end; align-items: flex-end;}

.map_container .map_top_cover1 {left: 0; right: 0; top: 0; height: 70px; border-radius: 0 0 0 10px; background: #FBFBFB;}
.map_container .map_top_cover2 {right: 100%; top: 0;}
.map_container .map_top_cover3 {left: 97px; right: 0; top: 70px; height: 54px; border-radius: 0 0 0 10px; background: #FBFBFB;}
.map_container .map_top_cover4 {left: calc(97px - 10px); top: 70px;}
.map_container .map_top_cover5 {right: 0; top: calc(70px + 54px);}

.map_container .map_top__title {font-weight: 700; font-size: 42px; margin: 0 40px 0 0; line-height: 120%; text-transform: uppercase; color: #3A90F3; z-index: 4;}
.map_container .map_top__title span {margin-left: 76px;}
.map_container .map_top__subtitle {position: relative; z-index: 4; font-size: 14px; padding: 0 0 8px; line-height: 120%;}

.map_container .map_bottom {position: absolute; padding: 45px 40px 110px; width: 500px; right: 64px; bottom: -36px; box-sizing: border-box; background: #FFF; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.05); border-radius: 10px; z-index: 2;}
.map_container .map_bottom__address {position: relative; padding: 0 0 0 34px; margin: 0 0 20px; font-size: 14px; line-height: 120%;}
.map_container .map_bottom__address svg {position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.map_container .map_bottom__address br {display: none;}
.map_container .map_bottom__phone {display: inline-block; vertical-align: top; margin: 0 0 10px; font-weight: 700; font-size: 42px; line-height: 120%; text-transform: uppercase; color: #3A90F3;}
.map_container .map_bottom__mail {display: inline-block; vertical-align: top; font-weight: 700; font-size: 28px; line-height: 120%; color: #000;}
.map_container .map_bottom__buttons {display: flex; flex-flow: row wrap; justify-content: space-between; position: absolute; left: 10px; right: 10px; bottom: 10px;}
.map_container .map_bottom__wa .button,
.map_container .map_bottom__tg .button {width: 70px; height: 70px; display: flex; justify-content: center; align-content: center; align-items: center;}
.map_container .map_bottom__wa svg,
.map_container .map_bottom__tg svg {left: 1px; top: -1px; position: relative;}

[class*="ymaps-2"][class*="-ground-pane"] { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(100%);}
[class*="ymaps-2"][class*="-map-copyrights-promo"] {display: none !important;}



/* PRICE */

.price_container {z-index: 2; padding: 70px 0 0 0;}
.price_container .price_block {width: 1320px; padding: 0; display: flex; flex-flow: row wrap; border-radius: 60px 60px 60px 0; background: #3A90F3;}

.price_container .price_cover {position: absolute; background-size: 100% 100%; z-index: 2; background-repeat: no-repeat; background-position: 0 0;}

.price_container .price_cover1 {background: #FBFBFB; width: 615px; height: 355px; left: 0; bottom: 0; z-index: 1;}
.price_container .price_cover2 {left: 0; bottom: 355px; width: 60px; height: 60px; background-image: url('/img/cover2.png'); z-index: 2;}
.price_container .price_cover3 {left: calc(615px - 60px); bottom: calc(355px - 60px); width: 60px; height: 60px; background-image: url('/img/cover3.png'); transform: rotate(180deg); z-index: 2;}
.price_container .price_cover4 {left: 615px; bottom: 0; width: 60px; height: 60px; background-image: url('/img/cover2.png'); z-index: 2;}

.price_container .price_left {position: relative; min-height: 585px; width: 580px; box-sizing: border-box; padding: 85px 60px 60px 120px; z-index: 2;}
.price_container .price_left__content {position: relative; z-index: 2; color: #FBFBFB;}

.price_container .block_title {margin: 0 0 10px; font-weight: 700; font-size: 54px; line-height: 120%; text-transform: uppercase;}

.price_container .price_subtitle {margin: 0 0 52px; font-weight: 500; font-size: 22px; line-height: 120%;}

.price_container .price_text {font-weight: 400; font-size: 18px; line-height: 150%;}
.price_container .price_text p {margin: 0 0 25px; padding: 0;}
.price_container .price_text p:last-of-type {margin: 0;}

.price_container .price_right {position: relative; width: calc(100% - 580px); box-sizing: border-box; padding: 100px 120px 200px; z-index: 2; display: flex; justify-content: flex-end; align-items: flex-start;}

.price_container .price_formbox {width: 500px; padding: 50px 50px 50px; box-sizing: border-box; background: #FFF; border-radius: 20px; z-index: 2; position: relative;}
.price_container .price_formbox__title {margin: 0 0 4px; font-weight: 700; font-size: 24px; line-height: 120%; text-transform: uppercase;}
.price_container .price_formbox__title br {display: none;}
.price_container .price_formbox__subtitle {margin: 0 0 30px; font-size: 14px; line-height: 150%;}
 


/* PAGE */

.page_container {}
.page_container .page_block {padding: 80px 0;}
.page_container .page_content {max-width: 720px;} 
.page_container h1 {margin: 0 0 35px;}
.page_container h2 {padding: 5px 0 0 0; margin: 0 0 30px; font-size: 26px;}
.page_container p {font-size: 16px; line-height: 150%; margin: 0 0 25px; padding: 0;}



/* THANKS */

.thanks_container {margin: 0 0 70px;}
.thanks_container .back_img {border-radius: 0 0 0 60px; overflow: hidden;}
.thanks_container .thanks_block {padding: 0; z-index: 2;}
.thanks_container .thanks_content {max-width: 480px; height: 673px; padding: 130px 0 0 0;}

.thanks_container h1 {margin: 0 0 23px; width: 100%; font-size: 56px;}

.thanks_container .thanks_subtitle {margin: 0 0 30px; font-weight: 500; font-size: 24px; line-height: 120%; width: 100%;}

.thanks_container .thanks_urgent {margin: 0 0 30px; font-size: 18px; line-height: 120%; width: 100%;}

.thanks_container .thanks_buttons {display: flex; flex-flow: row wrap; justify-content: space-between; position: relative; width: 100%;}
.thanks_container .thanks_buttons .button_callback {font-size: 26px;}
.thanks_container .thanks_wa,
.thanks_container .thanks_tg {width: 70px;}
.thanks_container .thanks_wa .button,
.thanks_container .thanks_tg .button {width: 100%; display: flex; justify-content: center; align-content: center; align-items: center;}
.thanks_container .thanks_wa svg {left: 1px; top: 1px; position: relative;}