* {border: 0; padding: 0; box-sizing: border-box;}
body{font-family: 'FiraSans-Light'; font-size: 18px; margin: 0 auto; max-width: 2000px; margin-left: 0; margin-bottom: 0; margin-top: 0 ;color: #000000; background-color: #fff; background: url(/images/ground.jpg) 50% 50%; position: relative; z-index: 1;}
img {border: 0px;}
p{color: #000000; text-align: left;}
a{color: #000000; text-decoration: underline}
a:hover{color: #35b3f1; text-decoration: underline;}
li {text-align: left; margin-left: 40px}
ul {}
h1 {font-size: 32px}
h2,h3,h4 {font-size: 28px}
.delete {display: none;}

/* element */
body .hight_font {font-size: 40px; font-family: 'FiraSans-ExtraBold'; line-height: 37px;}
body .min_hight_bottom {margin-bottom: 10px;}
body .light_font {font-family: 'FiraSans-Light';}
.messenger .msgr img {width: 30px;}
body .green_btn {text-decoration: none; color: #ffffff; padding: 10px 20px; border-radius: 8px; font-size: 16px; background-color: #33cc00; border: 2px solid #33cc00;cursor: pointer; display: flex; align-items: center;}
body .green_btn.calc {background-image: url(/images/calc.svg); padding-left: 37px;background-repeat: no-repeat; background-size: 22px; background-position-y: center; background-position-x: 12px; padding-top: 3px; padding-bottom: 3px; overflow: hidden; position: relative;}
body .green_btn.calc:hover {color: #000000;}
body .btn_bottom .brd_btn.calc {background-image: url(/images/calc.svg); padding-left: 37px;background-repeat: no-repeat; background-size: 22px; background-position-y: center; background-position-x: 12px;padding-top: 6px; padding-bottom: 6px;background-color: #33cc00;; border: 2px solid #33cc00}
body .green_btn.calc img {width: 25px; margin-top: -3px;}
.green_btn:hover {color: #000000; border: 2px solid #33cc00; background: none; text-decoration: none;}
form .green_btn.arrow {background-image: url(/images/arrow-up.svg); padding-left: 35px;background-repeat: no-repeat; background-size: 22px; background-position-y: center; background-position-x: 12px;}
.green_btn .arrow::before {content:''; display: inline-block; background: url(/images/arrow-up.svg) no-repeat; width: 22px; height: 22px; }
body .brd_btn {text-decoration: none; padding: 12px 20px; border-radius: 8px; font-size: 20px; color: #ffffff; border: 2px solid #33cc00; background-color: #33cc00;cursor: pointer;display: flex; align-items: center;}
body .brd_btn:hover {color: #000000; border: 2px solid #000000; background: none; text-decoration: none; background: none;}
body .brd_btn.arrow {background-image: url(/images/arrow-up.svg); padding-left: 35px;background-repeat: no-repeat; background-size: 22px; background-position-y: center; background-position-x: 12px;}
body .brd_btn.arrow_gift {background-image: url(/images/gift.svg); padding-left: 45px;background-repeat: no-repeat; background-size: 32px; background-position-y: center; background-position-x: 12px;}
.brd_btn .icon::before {content:''; display: inline-block; background: url(/images/cm.svg) no-repeat; width: 20px; height: 20px; }
body .brd_wh_btn {text-decoration: none; color: #ffffff; padding: 10px 20px; border-radius: 8px; font-size: 18px; border: 2px solid #ffffff;cursor: pointer;}
body .brd_wh_btn:hover {color: #ffffff; border: 2px solid #33cc00; background: none; text-decoration: none; background-color: #33cc00;}
body .footer_wrap .calc img {width: 25px; margin-top: -3px;}

body .brd_btn.arrow.black_line {color: #000000; border: 2px solid #000000; background: none; background-image: url(/images/arrow-up.svg); padding-left: 40px;background-repeat: no-repeat; background-size: 22px; background-position-y: center; background-position-x: 12px; }
body .brd_btn.arrow.black_line:hover {color: #ffffff; border: 2px solid #33cc00; background-color: #33cc00;}

body .brd_btn.black_line {color: #000000; border: 2px solid #000000; background: none; background-repeat: no-repeat; background-size: 22px; background-position-y: center; background-position-x: 12px; }
body .brd_btn.black_line:hover {color: #ffffff; border: 2px solid #33cc00; background-color: #33cc00;}

body .main_quiz .brd_btn.arrow {padding: 15px 20px; background-image: url(/images/arrow-up.svg); padding-left: 40px;background-repeat: no-repeat; background-size: 22px; background-position-y: center; background-position-x: 12px; background-color: #33cc00; border: 2px solid #33cc00; color: #ffffff; font-size: 20px; }
body .main_quiz .brd_btn.arrow:hover {color: #000; background: none;background-image: url(/images/arrow-up.svg); padding-left: 40px;background-repeat: no-repeat; background-size: 22px; background-position-y: center; background-position-x: 12px}

body .main_index_wrap.raschet .left .btn_main_raschet a {padding: 15px 20px; background-image: url(/images/arrow-up.svg); padding-left: 40px;background-repeat: no-repeat; background-size: 22px; background-position-y: center; background-position-x: 12px; border: 2px solid #33cc00; color: #ffffff; font-size: 20px; background-color: #33cc00; font-weight: bold;}
body .main_index_wrap.raschet .left .btn_main_raschet a:hover {color: #000; background: none;background-image: url(/images/arrow-up.svg); padding-left: 40px;background-repeat: no-repeat; background-size: 22px; background-position-y: center; background-position-x: 12px; border: 2px solid #231d0c}

.free {height: 77px;}
.title_h2 {font-size: 28px; font-weight: bold; margin: 10px 0 10px 0}
.title_h2 span {color: #33cc00;}
.title_h2.gray {opacity: .2;}
h1 span {color: #33cc00;}
h2 span {color: #33cc00;}
.title_h3 span {color: #33cc00;}
h3 span {color: #33cc00;}
.title_h3 {font-size: 24px; font-weight: bold; margin: 10px 0 10px 0}
.title_h4 {font-size: 24px; font-weight: bold; margin: 10px 0 10px 0}
#topcontrol .pageup {background: #33cc00; width: 55px; height: 60px; border-radius: 8px;display: flex; justify-content: center; align-items: center; opacity: 0.5;}
#topcontrol .pageup:hover {opacity: 1;}
#topcontrol .pageup:before {content: ""; display: block;-webkit-transform: translate(-50%, 0) rotate(45deg); transform: translate(-50%, 0) rotate(45deg);width: 13px; height: 13px; border-bottom: 3px solid #ffffff; border-right: 3px solid #ffffff; -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(20%) rotate(-135deg);}
#topcontrol {z-index: 3000;}
article[data-readmore] {transition: height 500ms; overflow: hidden;}
.hiddentext[data-readmore] {transition: height 500ms; overflow: hidden;}
.pricehidden[data-readmore] {transition: height 500ms; overflow: hidden;}
.fundamenthidden[data-readmore] {transition: height 500ms; overflow: hidden;}
.drevesina[data-readmore] {transition: height 500ms; overflow: hidden;}
.hiddentext_link {color: #35b3f1; display: block; margin-bottom: 10px;}
.otzyvy_ld[data-readmore] {transition: height 500ms; overflow: hidden;}
.keys_height[data-readmore] {transition: height 500ms; overflow: hidden;}
.short_text_hidden[data-readmore] {transition: height 500ms; overflow: hidden;}
.grayfiltr {filter: grayscale(1);-ms-filter: grayscale(1);-webkit-filter: grayscale(1);-moz-filter: grayscale(1);-o-filter: grayscale(1);}
.btn_main_top {display: flex;}
.link_blue {color: #35b3f1;}
.event-more {margin-bottom: 40px; margin-top: 20px; display: flex; width: 100%;}
.event-more a {text-decoration: none; color: #ffffff; padding: 10px 30px 10px 20px; border-radius: 8px; font-size: 18px; background-color: #f13546; border: 2px solid #f13546;cursor: pointer; display: flex; align-items: center; font-weight: bold;}
.event-more a:hover {color: #000000; border: 2px solid #f13546; background: none; text-decoration: none;}
.event-more .arrow::before {content:''; display: inline-block; background: url(/images/set-square.svg) no-repeat; width: 22px; height: 22px; margin-right: 5px;}
body .fancybox-close-small {z-index: 6000;}
.akciya {margin: 0 0 50px 0; padding: 10px 20px; border-radius: 10px; border: 2px solid #f7d943}
.mini_material {width: 35px; margin: 0 5px 0 5px; height: 35px; border-radius: 50%; -o-object-fit: cover; object-fit: cover;}
#landing {position: relative; overflow: hidden;}
#eventpage {position: relative; overflow: hidden;}
#layout {position: relative; overflow: hidden;}
#page {position: relative; overflow: hidden;}
.back_left {position: absolute; z-index: 50; background: url(/images/men_krov_1.webp) no-repeat; width: 100%; height: 800px; opacity: 0.3; margin-top: -200px;}
.main_index.ruller {overflow: hidden;}
.back_ruller {position: absolute; z-index: 50; background: url(/images/ruller_gaus.webp) no-repeat; width: 345px; height: 365px; margin-top: -400px;}
.back_lestnica {position: absolute; z-index: 50; background: url(/images/stremyanka.webp) no-repeat; width: 450px; height: 450px; right: 50px; transform: scaleX(1) rotate(45deg); -webkit-transform: scaleX(1) rotate(45deg); -webkit-filter: blur(3px); filter: blur(3px); background-size: cover; opacity: .4; margin-top: -400px;}
.back_lestnica.back_page {right: 50px; bottom: 800px; margin-top: 0;}
.back_house {position: absolute; z-index: 50; background: url(/images/back_kollektor.webp) no-repeat; width: 350px; height: 270px; left: -10px; background-size: cover; -webkit-filter: blur(3px) brightness(120%); filter: blur(3px) brightness(120%); transform: scaleX(-1) rotate(-15deg); -webkit-transform: scaleX(-1) rotate(-15deg); z-index: 100; opacity: .5; top: 100px;}
.back_ruller.right {margin-top: -200px; right: -50px; transform: scaleX(1) rotate(200deg); -webkit-transform: scaleX(1) rotate(200deg);}
.back_ruller.right.page_raboty {margin-top: 150px; }
.back_house_wrap.pod_otzyv .back_house {top: -400px; left: auto; right: 0;}
.back_house_wrap.pod_otzyv {right: 0;}
.height20 {height: 20px;}
.height40 {height: 40px;}
.height50 {height: 50px;}
.main_index_padding {padding-right: 40px; padding-left: 40px;}

.scroll_head_block {display: flex; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; scrollbar-width: none;/* Firefox */-ms-overflow-style: none;/* IE 10+ */-webkit-overflow-scrolling: touch;}
.scroll_head_block_1200 {overflow-x: scroll; scrollbar-width: thin;}
.mini_material {width: 27px; height: 27px; border-radius: 0; margin-top: -5px; margin-bottom: -5px;;}
.w1200 {max-width: 1300px; margin: 0 auto; padding-right: 15px; padding-left: 15px;;;}
.fx {display: flex;}
.fxa {display: flex; align-items: center;}
.fxw {display: flex; flex-wrap: wrap;}
.fxd {display: flex; flex-direction: column;}
.fxsb {display: flex; justify-content: space-between;}
.fxsa {display: flex; justify-content: space-around;}
.fxc {display: flex; justify-content: center;}
.pdr10 {padding-right: 10px;}
.pdr20 {padding-right: 20px;}
.pdr30 {padding-right: 30px;}
.pdr40 {padding-right: 40px;}
.wd40 {width: 40%;}
.wd50 {width: 50%;}
.wd60 {width: 60%;}
.w100 {width: 100%;}
.por {position: relative;}
.poa {position: absolute;}
.lowercase {text-transform: lowercase;}
.op4 {opacity: .4;}
.op3 {opacity: .3;}
.oh {overflow: hidden;}


/* zima */
.zima_nav {color: #62c6f7;}
.zima_nav img {width: 18px; margin-top: -3px;}
.zima {margin-top: 80px; margin-bottom: 100px; background: url(/images/y_back.webp) 50% 50% no-repeat; background-size: cover;border-radius: 20px; position: relative; z-index: 500;}
.zima_wrap {position: relative; z-index: 500; padding: 30px 30px; }
.zima_dedmoroz {position: absolute; z-index: 400; background: url(/images/y_ded1.webp) 50% 50% no-repeat; background-size: cover; width: 400px; height: 343px; right: -100px; bottom: 0;}
.zima_dedmoroz_ruka {position: absolute; z-index: 300; background: url(/images/y_ded2.webp) 50% 50% no-repeat; background-size: cover; width: 337px; height: 332px; right: 30px; bottom: -10px;}
.zima_vetka {position: absolute; z-index: 400; background: url(/images/y_vetka.webp) 50% 50% no-repeat; width: 376px; height: 241px; left: 50px; bottom: -90px; /* -ms-transform:rotate(-25deg); -webkit-transform:rotate(-25deg); transform:rotate(-25deg); */}
.zima_wrap .more .btn_popup img {width: 30px; }
.zima_wrap .more .btn_popup {font-size: 20px; font-weight: bold;;}
@media screen and (max-width: 600px){.zima_dedmoroz {opacity: .4; right: 0; width: 320px; height: 274px;}
.zima_dedmoroz_ruka {opacity: .4; right: 100px; width: 270px; height: 266px;}} .animation_ruka {animation:animation_ruka 4s ease-in-out infinite; }
@keyframes animation_ruka{0%{transform: rotate(-0.07turn);} 50%{transform: rotate(0.0turn);} 100%{transform: rotate(0.07turn);} to{transform: rotate(-0.07turn);}}
.animation_vetka {animation:animation_vetka 4s ease-in-out infinite;}
@keyframes animation_vetka {0% {transform: translate3d(0, 0, 0);} 45% {transform: translate3d(0, -4%, 0);} 55% {transform: translate3d(0, -4%, 0);} 100% {transform: translate3d(0, 0, 0);}}
#surveyform .form-group.messquizinput input {position: relative; z-index: 500;}
#surveyform .form-group.messquizinput {position: relative; z-index: 500;}
#surveyform .form-group .zima_vetka_quiz {position: absolute; z-index: 400;background: url(/images/y_vetka2.webp) no-repeat; width: 220px; height: 150px; left: 10px; top: 0; background-size: cover; opacity: 1;}
#surveyform .form-buttons {position: relative; z-index: 500;}
.zima_quiz_title {background: url(/images/y_snow.webp) no-repeat; border-radius: 5px; padding: 5px 10px; background-position-y: top; display: inline-block;}
#surveyform .error-message {position: relative; z-index: 500;}
#surveyform .error-message{background-color: #ffffff;}
#surveyform .final_offer_dop span::before {content:''; width: 17px; height: 17px; margin-right: 5px; display: inline-block; background: url(/images/ico_garant2.svg) no-repeat; background-size: cover; margin-bottom: -3px;}
#surveyform .dop_offer .title {font-weight: bold; margin-top: 10px; margin-bottom: -10px;}
#surveyform .dop_offer li {list-style: none; margin-left: 20px;}
#surveyform .dop_offer li span::before {content:''; width: 17px; height: 17px; margin-right: 5px; display: inline-block; background: url(/images/ico_check.svg) no-repeat; background-size: cover; margin-bottom: -3px;}

.vetka_ticket {display: none; background: url(/images/y_vetka.webp); width: 376px; height: 241px; background-repeat: no-repeat; background-size: cover; position: absolute; top: -175px; left: -50px;}
/* zima */
.up_price {font-weight: bold; /* color: #f13546;*/ font-size: 16px; margin-bottom: 10px; padding: 5px 12px; border-radius: 5px;background-color: #f7da50;}

/* sale */
.sale {margin-top: 80px; margin-bottom: 100px;}
.sale .title_h2 span {color: #ffffff;}
.sale_wrap {padding: 30px 40px; border-radius: 20px; background-color: #f7da50; }
.sale_wrap .right {min-width: 210px;}
.sale_wrap .left {padding-right: 20px;}


/* phone blok for sergey */
.phone_blok {margin-top: 40px; margin-bottom: 90px; padding: 30px 30px; border: 2px dashed #000000; border-radius: 10px;}
.phone_blok h2 {margin: 0; font-size: 30px; text-align: center;}
.phone_blok h2 a {color: #000; margin-right: 15px;}
.phone_blok h2 img {margin-top: -3px;}

/* for client */
.for_wrap {margin-top: 80px; margin-bottom: 80px; position: relative;}
.for_wrap .image img {width: 100%; border-radius: 15px; -o-object-fit: cover; object-fit: cover;}
.for_wrap .title {font-size: 22px; font-weight: bold; padding-right: 10px;}
.for_wrap .block {padding: 0 10px; text-align: center;}
.for_wrap .fot_circle_wrap .image img {width: 100%; border-radius: 15px; -o-object-fit: cover; object-fit: cover;}
.fot_circle p {opacity: .3;}
.for_wrap.davai p, h3 {position: relative; z-index: 500;}
.for_wrap.davai { padding: 10px 30px 10px; border: 2px dashed #000000; border-radius: 15px; position: relative;}
.for_wrap.davai .back_image {position: absolute; z-index: 50; background: url(/images/uyut.webp) 50% 50% no-repeat; width: 540px; height: 400px; right: -100px; top: -200px; opacity: 1;}
.main_index_wrap.davai_family {z-index: 400;}

.instrument .for_wrap .block {padding: 15px 10px 5px 10px; border: 1px solid #000; border-radius: 10px; margin-right: 5px; display: flex;}
.instrument .for_wrap .block .image {padding: 10px 20px 10px;}

/* pluses top */
.srub_wrap {margin-top: 80px; margin-bottom: 80px; display: flex;; flex-wrap: wrap; padding: 30px 30px; border: 2px dashed #000000; border-radius: 15px; position: relative;}
.srub_wrap .title_h2 {position: relative; z-index: 52; max-width: 90%; font-size: 28px; line-height: normal;}
.srub_wrap .srub {position: relative; z-index: 50; flex-direction: row-reverse;}
.srub_wrap .srub .image img {border-radius: 20px;}
.srub_wrap .srub .title {margin-left: 25px; font-size: 20px;}
.srub_wrap .srub .vedro img {max-width: 250px; border-radius: 15px;}
.srub_wrap .srub .vedro {position: relative; z-index: 1;}
.srub_wrap .srub .block {position: relative; z-index: 2;}
.srub_wrap .srub .block .pluses {display: flex;align-items: center; font-size: 20px; margin-bottom: 10px; width: 50%; padding-left: 5px;}
.srub_wrap .srub .block .pluses span {padding: 10px 10px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: #F5F8F9; margin-right: 5px;}
.srub_wrap .srub .block .pluses span::before {content:''; background: url(/images/ico_check_green.svg) no-repeat 50% 50%; width: 10px; height: 10px; background-size: cover;}

.garant_plus {position: absolute; width: 250px; height: 250px; background: url(/images/garant.webp) no-repeat; background-size: cover; right: -50px; top: -60px; z-index: 51;;}


/* kachestva block */
.kachestva {margin-top: 80px; margin-bottom: 80px;}
.kachestva .min_hight_bottom {margin-bottom: 0;}
.kachestva .title_pod_h {font-size: 35px; margin-bottom: 20px; margin-top: 0;}
.kachestva_wrap .block {width: 33%;}
.kachestva_wrap .block_wrap {padding: 10px 10px 30px;}
.kachestva_wrap .block_wrap .title {margin: 20px 0 10px; font-weight: bold;}

.kachestva.zachem2 .kachestva_wrap {justify-content: space-between;}
.kachestva.zachem2 .block_wrap {display: flex;}
.kachestva.zachem2 .block_wrap .title {margin-top: 0; margin-bottom: 10px;}
.kachestva.zachem2 .block_wrap .image {padding-right: 20px;}
.kachestva.zachem2 .block {padding: 20px 10px 10px; background-color: #f5f5f5; width: 32.8%; margin-bottom: 5px; border-radius: 5px;}
.kachestva.zachem2 .kachestva_wrap .block_wrap {padding: 10px 10px 20px;}

/* zachem block */
.zachem {margin: 80px 0 0 0;}
.zachem .title_h2 {font-size: 40px; line-height: 38px;}
.zachem .left {max-width: 400px; width: 100%;}
.zachem .left img {border-radius: 10px;}
.zachem_plus {margin-top: 0; margin-bottom: 100px; gap: 20px;}
.zachem_plus .block {border-radius: 15px; border: 2px solid #eeeeee; padding: 30px 30px; display: flex;}
.zachem_plus .block span {padding: 5px 0; margin-right: 5px;}
.zachem_plus .block span::before {content:''; background: url(/images/check_red.svg) no-repeat; width: 22px; height: 22px; display: inline-block; background-size: contain; background-position: center;}
.montag_wrap {margin-bottom: 80px;}

/* master zamer block */
.master_zamer {padding: 30px 0 0;}
.master_zamer_wrap .title_h2 {font-size: 40px; line-height: 38px;}
.master_zamer_wrap .title_h2 .rgt {max-width: 100px; margin-left: 10px;}
.master_zamer_wrap .title_h2 .rgt img {width: 100%; }
.master_zamer_wrap {margin-bottom: 80px; background: url(/images/back_window.webp) no-repeat; background-size: cover;}
.master_zamer_wrap .pluses {justify-content: space-between; margin-top: 50px; margin-bottom: 50px;}
.master_zamer_wrap .pluses .block {padding: 0 20px 20px 20px; background-color: #ffffff; box-shadow: 0 10px 20px rgba(0, 0, 0, .14); border-radius: 10px; width: 30%; text-align: center; position: relative;}
.master_zamer_wrap .pluses .block .galka {position: relative;top: -20px;}
.master_zamer_wrap .pluses .block .galka span {padding: 10px 10px; border-radius: 5px; background: #f1c40f; display: inline-block;}
.master_zamer_wrap .pluses .block .galka span::before {content:''; display: block; background: url(/images/check_wh.svg); width: 22px; height: 22px; background-repeat: no-repeat;}
.master_zamer_wrap .pluses .block .title {font-size: 22px; font-weight: bold; margin-bottom: 15px;}
.master_zamer_wrap .right {max-width: 35%; width: 100%; position: relative;}
.master_zamer_wrap .right img {width: 100%; position: absolute; bottom: 0;}
.master_men {padding: 0 10px 0 0;}
.master_men .left {position: relative; z-index: 55;}
.master_men .right {position: relative; z-index: 51;}
.master_men #privacy_register {padding-bottom: 30px;}
.master_men .title_hidden {display: none;}
.master_men .block.title {font-size: 26px; margin-bottom: 20px; font-weight: bold;;;}
.master_men .block.radio fieldset {display: flex; flex-wrap: wrap; margin-bottom: 20px;}
.master_men .block.radio fieldset div input {width: 20px; height: 20px; margin-right: 5px;cursor: pointer;}
.master_men .block.radio fieldset div {display: flex; align-items: center; padding: 0 20px 5px 0; font-size: 22px; cursor: pointer;}
.master_men .block.radio fieldset div label {cursor: pointer;}
body .master_men .green_btn {padding: 17px 30px; font-size: 20px; padding-left: 45px;}
.master_men .pole_zamer {display: flex; flex-wrap: wrap;}
.master_men .pole_zamer .block {margin-right: 10px;}
.master_men .pole_zamer .block input {height: 60px; font-size: 24px; border-radius: 4px; outline: none; padding-left: 10px; font-family: 'FiraSans-Light'; border: 1px solid #000000; margin-bottom: 10px; min-width: 200px;;}
.master_men .pole_zamer .box_label_input .label_input {top: 45%;}
.block.box_label_input.error input {border: 2px solid #f03434;}

.slider_faq .image img {max-width: 400px; border-radius: 15px;}
.slider_faq .image {border-radius: 15px; overflow: hidden;}


.material_wrap_wrap {margin-top: 80px; margin-bottom: 80px;}
.material_block {width: 25%; padding: 20px 20px; box-shadow: 0 10px 20px rgba(0, 0, 0, .14); background: url(/images/bg_wood.png) 50% 50% / auto #fff; border-radius: 5px; text-align: center;}
.material_block .title {margin: 20px 0 20px; font-size: 20px; font-weight: bold;;}
.material_block .image {overflow: hidden; position: relative;}
.material_block .image::before {content:''; position: absolute; width: 100%; height: 100%; z-index: 100;}


.beer_slider_wrap {margin-bottom: 120px; margin-top: 20px;}
.beer_slider {width: 100%; height: 100vh; max-width: 700px; max-height: 544px; }
body .beer-slider { width: 100%; height: 100vh; max-width: 700px; max-height: 544px; }

.otdo {margin-bottom: 80px;}
.otdo .block {flex: 1; padding: 0 10px; text-align: center;}
.otdo .block .image {margin-bottom: 5px;}
.otdo .block img {width: 80%; border-radius: 50%;}
.otdo .block .image::before {content:''; position: absolute; width: 100%; height: 100%;}
.otdo .block .title {font-weight: bold; margin-bottom: 0; font-size: 22px;}
.otdo .block .text {} 

.brigada_main {margin-bottom: 40px;}
.brigada_main .left {width: 25%; padding-right: 30px;}
.brigada_main .left img {width: 100%; border-radius: 10px;}
.brigada_main .right {width: 75%;}
.brigada_main .right h2 {margin: 0;}
.brigada_main .right p span {display: inline-block; border: 1px dashed #000000; border-radius: 7px; padding: 5px 15px; margin-top: 5px;}
.brigada_main .title_h2 {margin: 0 0 -5px;}

/* HEAD RAITING */
.head_raiting {position: relative; display: flex; }
.head_raiting_text {font-size: 12px; color: #ffffff; width: 135px; position: relative; margin: 0 5px 0 5px; }
.head_raiting_flag {position: relative; width: 40px; text-align: center; color: #fff; font-size: 16px; font-weight: bold; margin-left: 20px}
.head_raiting_flag span {position: relative; z-index: 100;}
.head_raiting_flag:after {content: ""; display: block; width: 40px; height: 60px; position: absolute; top: -20px; left: 0; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAABjCAYAAAAsE9hTAAACOklEQVR4nO3cwWvOcRzA8Rd/hKtkjCQOlBS1Iw5KuSwH5UBJSSsOSikHSlJSHJSDXNTKgZXUisMuOCi77LCkdqGoNbVs9FvfA/u2Ndt+zzM+n9dtfb9PPe9nv9/v+3kuz7qBFxt+Cmp91HAZH1jGR5XxUWV8VBkfVcZHlfFRZXxUGR9VxkeV8VFlfFQZH1XGR5XxUWV8VBkfVcZHlfFRZXxUGR9VxkeV8VFlfFQZH1XGR5XxUWV8VBkfVcZHlfFRZXxUGR9VxkeV8VFlfFQZH1XGR5XxUWV8VN2Mn8J1bMRVTFY7WtaN+GncQQ8u4SOuYCseYLZ6RUs6GT+Dh+jFOUzMW2/+PoU9GK5e3YJOxDc/MPoEO3ES49WOP71DHw7jQ7W6itqOf1b+k8cxWq0u7jl24Sw+L7pzmdqKf4UDOIK31erS/cBdbMENfF/L8W9wCAfxulpdvq+4iG14XG6lFVut+NFyae/FULW6epqToR/7MdLt+PHyENtZHmqd+vXkkfIBHMNYtbpEy42fKMdVbzm+Zqod7Ws+6EHswEC5NVqN/1IGk54yqExXOzqveQ83y0Px9t+8p6XGT5YRdHMZSaeqHd3XHIfny5UwuBrxzdFyC5vKCPqt2rH2jJVnQV8ZmBa0UHxzvt4v8/aFtoaMlg2XAau/nBKV+fHNl4pH2I7T+FS94t8yW+aCZj64PP+b4+/xT7EbJ1ZyfKxRze17rVzJ98qVPRf/EvtwFO//s+j5miP6zNx3BoZ+AVGoWx0x6vcDAAAAAElFTkSuQmCC); background-repeat: no-repeat; background-size: contain; background-position: center top;}


.other_usluga {margin-bottom: 80px; margin-top: 20px;}
.other_usluga .title {opacity: .2; font-size: 28px; font-weight: bold; margin-bottom: 10px;}
.other_usluga_wrap {display: flex; flex-wrap: wrap;}
.other_usluga_wrap .block a {font-size: 20px; color: #58aee1; }
.other_usluga_wrap .block {display: flex; padding: 10px 15px; width: 100%; border: 1px solid #eeeeee; border-radius: 10px;;}
/* .other_usluga_wrap span::before {content:''; display: block; background: url(/images/check_normal.svg); width: 22px; height: 22px; background-repeat: no-repeat; background-size: cover; margin-right: 10px; margin-top: 5px;} */
.other_usluga_wrap .block_wr {padding-right: 5px; width: 25%; margin-bottom: 10px;  }
.other_usluga_wrap span img {width: 70px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; height: 70px;}
.other_usluga_wrap span {margin-right: 5px;}
.other_usluga_wrap .block {display: flex; align-items: center;}

.head_raiting_text span:before {content:''; background: url(/images/star.svg) no-repeat 50% 50%; display: inline-block; width: 16px; height: 16px; background-size: cover;}

.slova {margin-bottom: 60px; margin-top: 60px; padding: 0 10px; overflow: hidden;}
.js-marquee-wrapper {display: flex;}
.slova_wrap .js-marquee {display: flex; }
.slova_wrap .block_wrap {align-items: center;}
.slova_wrap .block {text-align: left; font-size: 45px; padding: 0 40px 0 0; opacity: .2;}
.slova_wrap .block .image img {max-width: 250px; width: 100%; border-radius: 15px; height: 170px; overflow: hidden; -o-object-fit: cover; object-fit: cover;}
.slova_wrap .block .text {opacity: 1; margin-top: 5px;}
.slova2 {background: #f5f5f5; padding: 30px 0;}
.slova .marquee {overflow:hidden;}
.slova .marquee {width:10000pc;}


.short_text {margin-bottom: 80px;}
.short_text_hidden {margin-bottom: 20px;}
.about_remont {padding: 15px 10px; border-radius: 5px; border: 1px solid #25d266; margin-bottom: 5px;}
.about_remont .title {font-weight: bold;}
.about_remont .lft img {opacity: .1;}

.imask_photo .specific {position: absolute; bottom: 10px; z-index: 55; display: flex;}
.imask_photo .specific .space {padding: 7px 15px; background: #ffda26; border-radius: 4px;}
.imask_photo {width: 100%; margin: 0 auto; margin-top: 20px; position: relative;}
.imask_photo img {width: 80%; border-radius: 8px; position: relative; z-index: 51;}
.imask {position: relative; width: 100%; overflow: hidden;border-radius: 0 10px 10px 0;}
.imask .left {position: relative; z-index: 50; width: 60%;}
.imask .right {position: absolute;; z-index: 51; right: 0; top: 0; opacity: .5;}
.pokazateli {/* background: radial-gradient(68.51% 159.33% at 50% 0%, #fff7f2 0%, #fffcfa 100%); */ position: relative; display: flex; padding: 10px 20px 20px 20px; border-radius: 15px; overflow: hidden; margin-bottom: 20px; margin-top: 20px;}
.pokazateli_wrap {position: relative; z-index: 55;}
.pokazateli .header_wrap_bg {opacity: .8; right: 0; left: 200px; background: url(/images/maket.svg) 50% 50%; background-size: cover; display: none;}
.pokazateli_wrap h3 {margin: 20px 0 15px 0;}
.price_main_block.scroll_head_block {overflow-x: scroll; scrollbar-width: thin;}
.price_main_dom .price_main_block .block {margin-bottom: 20px; padding: 20px 10px 10px 10px; min-width: 350px;}
.event_end {margin-top: 40px; margin-bottom: 60px; border-left: 5px solid #ffda26; padding-left: 10px;}
.imask .right img {transform: scaleX(-1); -webkit-transform: scaleX(-1);}

.profile_contacts img {width: 20px; height: 20px;}
.profile_contacts .profile_yt {width: 25px; height: 25px;}

.garant .garant_wrap {margin-bottom: 40px;}
.garant .garant_wrap .block .left {display: flex; justify-content: center; width: 100%; margin-bottom: -20px; }
.garant .garant_wrap .block .right .title {margin-top: 10px; font-size: 20px; font-weight: bold; margin-bottom: 5px;}
.garant .garant_wrap .block .block_wrap {padding: 20px 15px; background: #fff5f3; border-radius: 10px; text-align: center;}
.garant .garant_wrap .block { margin-bottom: 15px; padding: 10px;}
.garant .garant_wrap .block .lft {padding-right: 10px;}
.selecting {background: #fff5f3; padding: 15px 15px; border-radius: 5px;}
.back_stul {display: none; position: absolute; z-index: 50; background: url(/images/mountain.webp) no-repeat; width: 1052px; height: 700px; opacity: 0.2; left: 0; bottom: 0; filter: grayscale(.5);-ms-filter: grayscale(.5);-webkit-filter: grayscale(.5);-moz-filter: grayscale(.5);-o-filter: grayscale(.5);}

.back_dogovor {position: absolute; z-index: 50; background: url(/images/back_dogovor.webp) no-repeat; width: 1000px; height: 660px; opacity: 0.30; left: 0; bottom: -100px; filter: grayscale(.5);-ms-filter: grayscale(.5);-webkit-filter: grayscale(.5);-moz-filter: grayscale(.5);-o-filter: grayscale(.5); background-size: cover;}
.back_kviz {position: absolute; z-index: 50; background: url(/images/back_disc.webp) no-repeat; width: 550px; height: 550px; opacity: 0.20; right: -300px; top: 200px; filter: grayscale(.1);-ms-filter: grayscale(.1);-webkit-filter: grayscale(.1);-moz-filter: grayscale(.1);-o-filter: grayscale(.1); background-size: cover;-webkit-filter: blur(3px); filter: blur(3px)}
.back_kviz.bottom {top: 50px;}
.back_dub {position: absolute; z-index: 55; background: url(/images/back_disc.webp) no-repeat; background-size: cover; width: 450px; height: 450px; opacity: 0.4; left: -250px; top: 30px;  -webkit-filter: blur(3px); filter: blur(3px)}

.back_zelen {position: absolute; z-index: 50; background: url(/images/back_trava.webp) no-repeat; width: 541px; height: 524px; opacity: 0.30; left: 0; top: 400px;  background-size: cover;}
.back_usluga {position: absolute; z-index: 50; background: url(/images/back_disc.webp) no-repeat; width: 600px; height: 600px; opacity: 0.20; left: -300px; top: 300px; background-size: cover;transform: scaleX(-1); -webkit-transform: scaleX(-1);-webkit-filter: blur(3px); filter: blur(3px)}


.main_page .main_index_wrap.gost_page {padding: 0;}
.main_page .main_index_wrap.gost_page .main_materials {margin: 40px 0 80px 0;}
.list_category {gap: 10px;}
.list_category .block {background: #fff5f3; padding: 10px 15px; border-radius: 5px;}
.photo_block .lft {max-width: 300px;}
.photo_block .lft img {width: 100%; border-radius: 5px;}
.photo_block .rgt {width: fit-content;}
.photo_block h2 {margin-top: 0;}
.opacity {opacity: .3;}
.star_oferta {margin-top: 20px; font-size: 14px; opacity: .4; display: none;}
.page_seo {margin-top: 40px;}
.page_seo .left {width: fit-content;}
.page_seo .right {max-width: 300px;}
.page_seo .right img {width: 100%; margin-top: 40px; border: 1px solid #eeeeee; border-radius: 5px; padding: 10px;}
.maps {border-radius: 10px; overflow: hidden;}
.top_garant .right {margin-top: 20px;}

.page_step_wrap .block {width: 33.333%; padding: 20px 20px; box-shadow: 0 10px 20px rgba(0, 0, 0, .14); background: url(/images/bg_wood.png) 50% 50% / auto #fff; border-radius: 5px;}
.page_step_wrap .block .number img {max-width: 50px; border: 5px solid #d5ffd7; border-radius: 50%;}
.page_step_wrap .block .title {font-weight: bold; font-size: 20px; margin-bottom: 5px;}
.page_step_wrap.garantii .block {width: 33.333%; padding: 20px 20px; box-shadow: 0 10px 20px rgba(0, 0, 0, .14); background: url(/images/bg_wood.png) 50% 50% / auto #fff; border-radius: 5px;}
.page_step_wrap.garantii .block img {max-width: 50px; border:0; border-radius: 0;}
.page_step_wrap.rezultat .block {width:25%; padding: 20px 20px; box-shadow: 0 10px 20px rgba(0, 0, 0, .14); background: url(/images/bg_wood.png) 50% 50% / auto #fff; border-radius: 5px;}
.page_step_wrap.rezultat {margin-bottom: 30px;}
.rezultat_wrap .brd_btn.arrow {font-weight: bold; color: #ffffff; padding-left: 45px;}
.rezultat_wrap .brd_btn.arrow:hover {background: none; color: #000; border: 2px solid #000000;background-image: url(/images/arrow-up.svg); background-repeat: no-repeat; background-size: 22px; background-position-y: center; background-position-x: 12px;}
.page_step_wrap.rezultat.scroll_head_block {overflow-x: scroll; scrollbar-width: thin;}
.page_step_wrap.rezultat .block {min-width: 270px;}
.rezultat_landing .tags {margin-bottom: 20px;}
.rezultat_landing .tags span { margin-right: 5px; margin-bottom: 3px; border-radius: 4px; padding: 4px 10px; color: #000; display: inline-block; font-size: 18px; background: url(/images/bg_menu_mini.jpg) 50% 50%;}


.page_step_wrap.rezultat .block img {width: 100%; position: relative; border-radius: 10px;}
.page_step_wrap.rezultat .block .image {position: relative; z-index: 50;}
.page_step_wrap.rezultat .block .image::before {content:''; position: absolute; width: 100%; height: 100%; z-index: 100;}
.page_step_wrap.rezultat .block .icons {padding: 10px 10px; border-radius: 5px; background: #33cc00; display: inline-block; margin-top: 10px; margin-bottom: 10px;}
.page_step_wrap.rezultat .block .icons span::before {content:''; display: block; background: url(/images/check_wh.svg); width: 22px; height: 22px; background-repeat: no-repeat;}

/* rezultat2 */
.rezultat2 {margin-top: 80px; margin-bottom: 80px;}
.rezultat2 .title_pod_h {font-size: 35px; margin-bottom: 20px; margin-top: -10px;}
.rezultat2_wrap .block {display: flex;}
.rezultat2_wrap .block_wrap {width: 33.333%; border-radius: 15px; background-color: #f6f6f6; background-image: url(/images/back_rez.webp); background-position: 100% 100%; background-repeat: no-repeat; background-size: contain;  margin-bottom: 5px;}
.rezultat2_wrap .block .right {display: flex; align-items: flex-start; padding-top: 40px; min-width: 70px; padding-right: 10px;}
.rezultat2_wrap .block .right img {width: 100%;}
.rezultat2_wrap .block .left {padding: 40px 10px 10px 30px; }
.rezultat2_wrap .block .left .title {font-size: 24px; font-weight: bold;}
.rezultat2_wrap .block .left .line {margin: 20px 0; height: 2px; background-color: #33cc00; width: 30px;}





/* type usluga */
.block_type {margin-bottom: 80px;}
.page_step_wrap.type .block .image img {width: 100%; border-radius: 5px; max-width: 100%;}
.page_step_wrap.type .block .image {position: relative;}
.page_step_wrap.type .block .image::before {content: '';    position: absolute;    width: 100%;    height: 100%;}
/* .page_step_wrap.type .block .info .title {background: #f13546; color: #fff; padding: 5px 12px; margin-top: 10px; border-radius: 5px;} */

.page_step_wrap.type .block {min-width: 600px;}
.page_step_wrap.type .block .title {margin-bottom: 8px; font-size: 24px;}
.page_step_wrap.type .block .info {margin-bottom: 15px;}



/* family block */
.main_index_wrap.family_block {margin-top: 40px; margin-bottom: 150px;}
.family_block .left img {border-radius: 20px;}
.family_block li {font-size: 20px; font-weight: bold;}
.family_block li img {width: 30px; margin-top: -5px;}
.family_block .right {position: relative; display: flex;}
.family_block .right_wrap {position: relative; z-index: 500;}
.family_block .back_image {position: absolute; z-index: 400; background: url(/images/teplo_family.webp) 50% 50% no-repeat; width: 350px; height: 269px; right: -100px; bottom: -100px; opacity: .4;}


/* new update 29.05 */
.back_house_wrap {position: absolute; width: 500px; height: 305px; margin-top: 50px; z-index: 551; display: none;}
.back_house_wrap.all_page {margin-top: -150px;}
.back_vertical {position: absolute; width: 345px; height: 365px; }
.back_vertical.right {right: 0;}
.promo {margin-top: 15px; max-width: 250px; opacity: .6;}
.promo:hover {opacity: 1;}
.promo a{text-decoration: none;}
.promo span {font-size: 10px; background: #ffffff; padding: 4px 7px 2px 5px; border-radius: 2px; color: #000000; }

/* FAQ */
.zamena_h2 {font-size: 28px; margin-top: 60px; font-weight: bold;}
.voprosotvet .container {max-width:100%;width:100%; margin-bottom: 30px;}
.voprosotvet .acc .vopros_h3 {font-size:22px; padding:15px 40px 15px 15px;margin:0;cursor:pointer;position:relative; display: flex;}
.voprosotvet .acc .vopros_h3 span:before {content: ""; background:url(/images/plus.svg) no-repeat; width: 24px; height: 24px;z-index: 100;}
.voprosotvet .acc.active .vopros_h3 span:before {content: ""; background:url(/images/plus2.svg) no-repeat; }
.voprosotvet .acc .vopros_h3 span {position:absolute;right:10px; z-index:1;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;transition:all ease-in-out .3s; display: flex; align-items: center; justify-content: center;}
.voprosotvet .acc.active .vopros_h3 span{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);z-index:1;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;transition:all ease-in-out .3s}
.voprosotvet .acc.active {border-bottom: none}
.voprosotvet .acc.active .vopros_h3 span:after {content: ""; display: block; width: 40px; height: 40px; position: absolute; background: #ff9900; border-radius: 50%; }
.voprosotvet .acc .content-inner {background: #fff; border-radius: 5px; border: 1px dashed #dddddd;}
.voprosotvet .content {display:none; }
.voprosotvet .content-inner {padding: 25px 15px}
.voprosotvet .content *{margin-top:0;}
.voprosotvet .acc {border-bottom:1px solid #bbb}
.voprosotvet .all {margin-top: 20px; }
.voprosotvet .all a {font-size: 16px; color: #000000}

/* osobennosti */
.osobennosti h3 {font-size: 40px; line-height: 38px;}
.osobennosti {align-items: flex-start; position: relative; z-index: 500;}
.osobennosti .left {width: 50%;}
.osobennosti .right {width: 50%;}
.osobennosti_block .block {margin-bottom: 15px; display: flex;;}
.osobennosti_block .block .title {font-weight: bold;}
.osobennosti_block .block .number {color: #ffffff; margin-right: 7px;}
.osobennosti_block .block .number span {background-color: #33cc00; border-radius: 50%; color: #ffffff; margin-right: 7px; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px;;}

/* price table */
.event_price table { width: 100%; border-collapse: collapse; border-spacing: 0;}
.event_price table tr:hover {background: #f0f0f0;}
.event_price table td {border: 1px solid #999; padding: 10px 10px; vertical-align: middle;}
.event_price {margin: 0 auto; overflow: auto; max-height: 470px;     margin-bottom: 20px;}
.event_price a {color: #2ca5e0; border-bottom: 1px dotted; text-decoration: none;}
.event_price .download {margin: 0 0 20px 0}
.event_price .download img {width: 40px}
.event_price .download a {color: #75bcf0}
.event_price table {margin-bottom: 10px;}
.event_price table { width: 100%; border-collapse: collapse; border-spacing: 0;}
.event_price table tr:hover {background: #f0f0f0;}
.event_price table td {    border: 1px solid #999; padding: 5px 10px; vertical-align: middle;}
.bgfone {background: #eaeaea;}
.event_price .left_price {margin-bottom: 40px;}

/* price page */
.page_price .imgprice {width: 50px; border-radius: 5px; margin-left: 5px; }
.page_price .zamena_h2 {display: flex; align-items: center;}
.page_price table {margin-bottom: 10px;}
.page_price table { width: 100%; border-collapse: collapse; border-spacing: 0;}
.page_price table tr:hover {background: #f0f0f0;}
.page_price table td {    border: 1px solid #999; padding: 5px 10px; vertical-align: middle;}

/* for dom page */
.house {width: 100%; display: flex; flex-wrap: wrap; }
.house .blok {padding: 0 10px 20px 10px; width: 20%}
.house .blok .title {font-size: 18px; font-weight: bold}
.house .blok .title ul {margin-top: 5px; }
.house .blok .image img {width: 100%; border-radius: 5px;}

/* footer prosmotr */
.footer_vopros {width: 100%; margin: 0 auto; background: radial-gradient(68.51% 159.33% at 50% 0%, #fde8e4 0%, #fffcfa 100%), radial-gradient(159.33% 159.33% at 50% 0%, #503d71 0%, #464647 100%);; margin-top: 50px; margin-bottom: -30px; position: relative; overflow: hidden;}
.footer_vopros .blok {max-width: 1300px; display: flex; margin: 0 auto; padding: 30px 10px 20px 10px; align-items: center; position: relative; z-index: 55;}
.footer_vopros .blok h3 {margin: 0 0 -10px 0}
.footer_vopros .blok .left img {width: 60px; }
.footer_vopros .blok .right img {border-radius: 4px; max-width: 200px; width: 100%;}
.footer_vopros .blok .right {padding: 0 0 0 20px; min-width: 220px;}
.footer_vopros .blok .right .callback_popup {padding: 12px 50px; text-decoration: none; border: 1px solid #000000; position: relative; display: inline-block; font-size: 14px; font-weight: bold; color: #000000; text-transform: uppercase; transition: 400ms all; -webkit-transition: 400ms all;  border-radius: 5px; color: #000000; }
.footer_vopros .blok .right .callback_popup:hover {background-color: #ffd940; color: #000000; border: 1px solid #ffd940; }
.brigadir-prorab {color: #bbb; margin-top: 5px;}
.footer_vopros .header_wrap_bg {left: 0; width: 150%;}

body .btn_main.after_price a {font-size: 18px; font-weight: bold;}
body .btn_main.after_price  .green_btn.arrow {background-image: url(/images/arrow-calc.svg); padding-left: 40px;background-repeat: no-repeat; background-size: 20px; background-position-y: center; background-position-x: 12px; max-width: 380px;}
body .btn_main.after_price  .green_btn.arrow:hover {text-shadow: #333 10px 1px 25px}
body .dogovor_onload {max-width: 1000px; border-radius: 15px;}

/* page calculator */
.pagecalculator {display: flex; width: 100%; flex-wrap: wrap}
.pagecalculator .event_calc {width: 25%; padding: 40px 10px;}
.pagecalculator .event_calc .image img {max-width: 200px; border-radius: 5px;margin-bottom: 5px;border: 1px solid #000;width: 100%;}
.pagecalculator .event_calc .title img {width: 30px;margin-right: 7px;}
.pagecalculator .event_calc .title a {font-weight: bold; font-size: 18px; color: #277dc7;}
.allkalkulyator {display: flex; width: 100%; flex-wrap: wrap}
.allkalkulyator a {text-decoration: none}
.allkalkulyator .box {padding: 20px 30px; border-radius: 5px; margin-right: 10px; background: #f3ebe3; margin-bottom: 5px; color: #998f86}
.allkalkulyator .box img {width: 20px;margin-right: 7px;}
.allkalkulyator .box span {font-size: 18px; font-weight: bold; color: #000000}
.social img {width: 35px; margin-left: 5px;}
.pagebox {display: flex; width: 100%}
.pagebox .left_page img {max-width: 120px; margin-right: 10px;}


/* ticket list and order ticket */
.fancybox-slide--html .fancybox-close-small:hover {animation:animation_rotate 1s ease-in-out;}
body .fancybox-content {overflow: hidden;}
.logo_block.close .logo_wrap .right .burger {width: 45px; height: 45px; padding: 20px 0 0 0;}
#marquiz .marquiz_close:hover {animation:animation_rotate 1s ease-in-out; margin-top: 0;}
.close .animation_rotate:hover {animation:animation_rotate 1s ease-in-out; margin-top: 0;}
@keyframes animation_rotate{to{transform: rotate(360deg);}}

.animation_vertical {animation:animation_vertical 6s ease-in-out infinite;}
.animation_mask {animation:animation_mask 4s ease-in-out infinite; }
@keyframes animation_vertical {
    0% {transform: translate3d(0, 0, 0);}
    45% {transform: translate3d(0, -14%, 0);}
    55% {transform: translate3d(0, -14%, 0);}
    100% {transform: translate3d(0, 0, 0);}}
@keyframes animation_mask{
    0%{transform: scale3d(80%,80%,80%);}
    50%{transform: scale3d(90%,90%,90%);}
    100%{transform: scale3d(100%,100%,100%);}
    to{transform: scale3d(80%,80%,80%);}}
@keyframes flickerAnimation{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-o-keyframes flickerAnimation{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-moz-keyframes flickerAnimation{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-webkit-keyframes flickerAnimation{0%{opacity:1}50%{opacity:0}100%{opacity:1}}
.animate-flicker:before{content:'';-webkit-animation:flickerAnimation 1.3s infinite;-moz-animation:flickerAnimation 1.3s infinite;-o-animation:flickerAnimation 1.3s infinite; animation:flickerAnimation 1.3s infinite;width:8px;height:8px; border-radius:50%; background-color:#25d266;vertical-align:middle; margin-right:4px}
.animate-flicker{display:flex;justify-content:end; position: relative; top: -30px;}

/* rewies on main page */
.main_otzyv .block {padding-right: 10px; padding-bottom: 10px;}
.main_otzyv .block_wrap {padding: 40px 20px 30px; border: 1px solid #eeeeee; border-radius: 10px;}
.main_otzyv .block .face {margin-bottom: 10px;}
.main_otzyv .block .face .left {width: 70px; height: 70px; margin-right: 15px;}
.main_otzyv .block .face .left img {width: 100%; -o-object-fit: cover; object-fit: cover;}
.main_otzyv .block .face .name {font-weight: bold; font-size: 20px; color: #35b3f1;}
.main_otzyv .block .face .znatok {font-size: 14px; opacity: .4;}
.main_otzyv .block .star .star_block span {display: inline-block; height: 15px; width: 85px; background-image: url(/images/star.svg);;}
.main_otzyv .block .star .date {margin-left: 10px; color: #7b92a4;}
.main_otzyv .block img {border-radius: 10px;}
.main_otzyv .block img {width: 100%;}

.main_otzyv .otzyvy_photo {display: flex; flex-wrap: wrap;}
.main_otzyv .otzyvy_photo .block_photo {max-width: 100px; margin-right: 10px; height: 75px; margin-bottom: 10px;}
.main_otzyv .otzyvy_photo .block_photo img {width: 100%; height: 100%;-o-object-fit: cover; object-fit: cover}
.main_otzyv .otzyvy_adress {opacity: .4; display: none;}
.main_otzyv .otzyvy_price {opacity: .4; display: none;}



.youtube .box {position: relative; width: 98%;}
.youtube .box img {width: 100%; border-radius: 10px;}
.youtube .box:after {content:"";display:block;position:absolute;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjEwMCUiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxwYXRoIGQ9Ik01MDEuMjk5LDEzMi43NjZjLTUuODg4LC0yMi4wMyAtMjMuMjM0LC0zOS4zNzcgLTQ1LjI2NCwtNDUuMjY0Yy0zOS45MzIsLTEwLjcwMSAtMjAwLjAzNywtMTAuNzAxIC0yMDAuMDM3LC0xMC43MDFjMCwwIC0xNjAuMTA1LDAgLTIwMC4wMzgsMTAuNzAxYy0yMi4wMjUsNS44ODcgLTM5LjM3NiwyMy4yMzQgLTQ1LjI2NCw0NS4yNjRjLTEwLjY5NiwzOS45MjggLTEwLjY5NiwxMjMuMjM2IC0xMC42OTYsMTIzLjIzNmMwLDAgMCw4My4zMDggMTAuNjk2LDEyMy4yMzJjNS44ODgsMjIuMDMgMjMuMjM5LDM5LjM4MSA0NS4yNjQsNDUuMjY4YzM5LjkzMywxMC42OTcgMjAwLjAzOCwxMC42OTcgMjAwLjAzOCwxMC42OTdjMCwwIDE2MC4xMDUsMCAyMDAuMDM3LC0xMC42OTdjMjIuMDMsLTUuODg3IDM5LjM3NiwtMjMuMjM4IDQ1LjI2NCwtNDUuMjY4YzEwLjcwMSwtMzkuOTI0IDEwLjcwMSwtMTIzLjIzMiAxMC43MDEsLTEyMy4yMzJjMCwwIDAsLTgzLjMwOCAtMTAuNzAxLC0xMjMuMjM2WiIgc3R5bGU9ImZpbGw6I2VkMWYyNDtmaWxsLXJ1bGU6bm9uemVybzsiLz48cGF0aCBkPSJNMjA0Ljc5NiwzMzIuODAzbDEzMy4wMTgsLTc2LjgwMWwtMTMzLjAxOCwtNzYuODAxbDAsMTUzLjYwMloiIHN0eWxlPSJmaWxsOiNmZmY7ZmlsbC1ydWxlOm5vbnplcm87Ii8+PC9nPjwvc3ZnPg==);width:78px;height:78px;top:calc(50% - 40px); left:calc(50% - 40px);transition:.2s}
.video_wrap {margin-top: 80px; margin-bottom: 80px;}

/* marquiz loader */
.marquiz_load {position: fixed;  z-index: 5000; bottom: 10px; right: 80px; max-width: 325px; padding: 20px 10px 20px 20px; background: #ffffff; box-shadow: 0 10px 20px rgba(0,0,0,.14); border-radius: 8px; cursor: pointer; display: none; background: url(/images/bg_wood2.png); background-size: cover;}
.marquiz_load .left {padding-right: 5px; font-weight: bold;}
.marquiz_load .right {min-width: 60px;}
.marquiz_load .right .face {position: absolute; top: -10px;}
.marquiz_load .right .face img {width: 60px; height: 60px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; border: 3px solid #ffffff; box-shadow: 0 10px 20px rgba(0,0,0,.04); background-color: #d6f3fb;}
.marquiz_disabled {display: none;}

/* marquiz body */
#marquiz {position: fixed;  z-index: 5000; bottom: 10px; right: 80px; padding: 0; box-shadow: 0 10px 20px rgba(0,0,0,.14); border-radius: 5px; overflow: visible; padding-top: 10px; padding-bottom: 10px; background: #ffffff; background: url(/images/bg_wood.png) 50% 50% / auto #fff;}
#marquiz .quiz .right {width: 100%;}
#marquiz #surveyform .progressbar {display: none;}
.marquiz_face_block .rght {padding-left: 3px;}
.marquiz_face_block .rght .face img {width: 60px; height: 60px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; border: 3px solid #ffffff; box-shadow: 0 10px 20px rgba(0,0,0,.04); background-color: #cff3fd}
.marquiz_face_block .rght .animate-flicker {top: -55px;}
.marquiz_gift {padding: 20px 0 0 0; font-size: 16px;}
.marquiz_gift b {font-weight: normal;}
#marquiz .final_offer_dop b {font-weight: normal;}
.marquiz_gift .animation_wrap img {animation:animation_icon_skidka 2s ease-in-out infinite; width: 25px; margin-top: -5px;}
body .zakaz_callback .marquiz_gift .animation_wrap {display: inline-block;}
#marquiz .quiz .right .title_h3 .animation_wrap {display: inline-block;}
#marquiz .final_offer {margin-bottom: 5px; line-height: 24px; font-size: 22px;;}
#marquiz .final_offer_dop {margin-bottom: 10px; opacity: .4; font-size: 16px;}
#marquiz .final_step {margin-bottom: 0; opacity: .4; margin-top: 10px;}
#marquiz #surveyform .survey__panel__question.final_offer_mess {margin-bottom: 10px; font-size: 20px;;}
#marquiz #surveyform .form-group.messquiz {margin-bottom: 10px;}

#marquiz .marquiz_close {width: 35px; height: 35px; position: absolute; top: -7px; right: -5px;; background: url(/images/close-black.svg) 50% 50% no-repeat; margin: 0 auto; background-color: #ffffff; border-radius: 50%; box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.07); background-position: center; background-size: 15px; cursor: pointer; z-index: 5001;}

body .zakaz_callback.landing_marquiz::after {display: none;}
#marquiz .zakaz_callback_wrap {position: relative; width: 100%; height: 100% ;overflow: hidden; padding: 20px 20px 10px 25px; overflow-y: scroll; scrollbar-width: thin; max-width: 350px; max-height: 480px; border-radius: 5px; }
/* #marquiz .zakaz_callback_wrap::after {content:'';position: absolute; width: 400px; height: 525px; background: url(/images/proekt_bg.webp) 50% 50% no-repeat; z-index: 50; bottom: 0; right: -200px; opacity: 0.3; transform: rotate(-35deg);opacity: 0.1;}
*/

/* landing page */
.rezultat_landing .helper_scroll {position: relative; right: 200px;}
.rezultat_landing {margin-bottom: 100px; flex-direction: row-reverse;}
.rezultat_landing .left{width: auto;align-items: baseline; padding-left: 20px; display: flex; align-items: center; position: absolute; z-index: 400; right: -150px;}
.rezultat_landing .left img {width: 140%; }
.rezultat_landing .right{width: 100%; position: relative; z-index: 50;}
#eventpage.landing .logo_block .logo_wrap .right .burger {display: none;}
#eventpage.landing .back_house_wrap.all_page {margin-top: 100px;}
#eventpage.landing .header_index .header_center .btn_main_top .page-scroll {margin-left: 10px;}
#eventpage.landing .imask .left {width: 65%;}
#eventpage.landing .imask .right {position: relative; width: 35%;}
#eventpage.landing .imask .right img {width: 100%; border-radius: 5px; margin-top: 30px;}
#eventpage.landing .imask .right .prices {padding: 20px 20px; box-shadow: 0 10px 20px rgba(0, 0, 0, .08); background: url(/images/bg_wood.png) 50% 50% / auto #fff; border-radius: 5px;}
#eventpage.landing .imask .right .prices .block .price {font-weight: bold; font-size: 24px; font-family: 'FiraSans-ExtraBold';}
#eventpage.landing .logo_block .logo_wrap .right .phone_top {padding-right: 0; text-align: right; padding-left: 20px;}
#eventpage.landing .menu_top {position: fixed;}
#eventpage.landing .logo_block.shadow {box-shadow: none;}
.ld_scroll {margin-top: -110px; position: absolute;}
#eventpage.landing .menu_top {position: fixed; width: 100%; max-width: 100%; box-shadow: 0 10px 20px rgba(0,0,0,.14); border-top: 1px solid #000; background: url(/images/beton.webp);}
#eventpage.landing .header_index {margin-bottom: 40px;}
#eventpage.landing .advantage_new .rght .title {font-weight: bold; font-family: 'FiraSans-ExtraBold'; font-size: 20px;}
#eventpage.landing .imask_photo .specific .space {font-weight: bold; font-family: 'FiraSans-ExtraBold'; font-size: 20px;}
#eventpage.landing .header_index .header_center {padding: 0 10px;}
#eventpage.landing .header_index .header_center .left {padding: 30px 0 10px;}
#eventpage.landing .header_index {margin-top: auto; }


/* quiz calculator */
body #calculator {max-width: 1000px;}
.quiz {display: flex; width: 100%;flex-direction: row-reverse;}
.quiz .left {width: 40%; padding-left: 20px;}
.quiz .left .image img {width: 80%; border-radius: 10px; }
.quiz .left .time {display: flex; margin-top: 10px; align-items: center; line-height: 16px; margin-bottom: 5px;}
.quiz .left .time .gray {color: #cccccc}
.quiz .left .time.animation_wrap {margin-bottom: 20px; margin-left: 4px;}
.quiz .left .pluses .title {font-weight: bold;}
.quiz .left .pluses ul {margin-top: 5px;}
.quiz .left .pluses li {list-style: none; margin: 0 0 5px 0; opacity: .5; padding: 5px 10px; border-radius: 5px; border: 1px solid #ccc; font-size: 16px;}
.quiz .left .pluses li span::before {content:''; width: 17px; height: 17px; margin-right: 5px; display: inline-block; background: url(/images/check_normal.svg) no-repeat; background-size: cover; margin-bottom: -3px;}
.quiz .right {width: 60%;}

/* landing quiz event */
body #calculator.landing_quiz_event {max-width: 100%; height: 100%; width: 100%;}
#calculator_wrap {width: 100%; height: 100%; justify-content: center;}
#calculator_wrap .quiz {width:auto; max-width: 900px; flex-direction: row-reverse;}
#calculator_wrap #surveyform .progressbar {opacity: .4; max-width: 800px; margin-top: 0; margin: 0; margin-bottom: 20px; display: none;}
#calculator_wrap .final_zagolovok {padding: 0 0 0 0; max-width: 800px;}
#calculator_wrap .final_zagolovok .title_h3 {font-size: 24px; line-height: 26px; margin-bottom: 20px;}
#calculator_wrap .title_h3.final_offer {font-size: 24px; line-height: 26px; margin-bottom: 10px;}
#calculator_wrap #surveyform .visuallyhidden {position: relative; color: #000000; opacity: .3; margin-right: 10px;;}
#calculator_wrap .final_zagolovok .rght {padding-left: 3px;}
#calculator_wrap .final_zagolovok .rght .face img {width: 90px; height: 90px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; border: 3px solid #ffffff; box-shadow: 0 10px 20px rgba(0,0,0,.10); background-color: #b3e7f7}
#calculator_wrap .final_zagolovok .rght .animate-flicker {top: -70px;}
.zakaz_callback #calculator_wrap .info .title_h3 img {/* width: 25px; margin-right: 0px;;*/}
#calculator_wrap #surveyform .button {margin: 0 10px 0 0;}
#calculator_wrap #surveyform .form-buttons {margin: 0;}

#surveyform .survey__panel {padding: 0 0 20px 0;}
#surveyform label {font-size: 20px;}
#surveyform .survey__panel__question {margin: 0 0 0 0;}
#calculator_wrap #surveyform .survey__panel__question {margin: 0 0 20px 0;}
.marquiz_face_block {margin-bottom: 20px; flex-direction: row-reverse; }
.marquiz_face_block .rght {padding-left: 0; padding-right: 6px;}
.razmer_slom .title {margin-bottom: 5px;}


#landing .garant_cena .title_text {margin-bottom: 15px;}
body #landing .main_index_wrap.usluga_price .garant_cena {padding: 40px 20px;}
#landing .gk_wrap .block .title_text span {display: none;}
#landing .logo_block.shadow {box-shadow: none;}
#landing .logo_block .logo_wrap .right .phone_top {padding-right: 0;}
#landing .logo_block .logo_wrap .left .name_text {max-width: 100%;}
#landing .logo_block .logo_wrap {padding: 7px 10px;}
#landing .advantage_top .right {padding-bottom: 20px;}
#landing .advantage_top .left {padding-bottom: 20px;}
#landing .main_proekt .mini_material {width: 27px; height: 27px; border-radius: 0; margin-top: -5px; margin-bottom: -5px;;}
#landing .usluga_index .usluga .image .specific {position: absolute; top: 10px; left: 10px; z-index: 500; display: flex;}
#landing .usluga_index .usluga .image .specific .floor {padding: 7px 15px; background: #ffffff; border-radius: 4px; margin-right: 5px;}
#landing .usluga_index .usluga .image .specific .space {padding: 7px 15px; background: #ffda26; border-radius: 4px; margin-right: 5px;}
#landing .usluga_index .usluga .image {position: relative;}
#landing .usluga_index .slick-dots {top: 5px;}
#landing .usluga_index .usluga .title {font-size: 22px; font-weight: bold;}
#landing .usluga_index .usluga {width: 32%; margin-right: 10px; display: block;}
.usluga_index .usluga.nenashli .usluga_wrap {height: 100%;}
#landing .usluga_index .usluga:nth-child(3n) {margin-right: 0;}
#landing .footer .footer_wrap {align-items: center; padding-top: 20px;}
#landing .footer .footer_privacy {padding-bottom: 10px;}
#landing .footer .footer_privacy .line {padding-top: 10px;}
#landing .event-more {margin-bottom: 5px;}
#landing .usluga_index .usluga {margin-bottom: 50px;}
#landing .header_index .btn_main_top {margin-bottom: 5px;}
.header_gift_wrap {margin-bottom: 40px;}
.header_gift_wrap .header_gift {padding: 17px 0 0 10px; color: #000000;  opacity: .4;}
.header_gift_wrap .header_gift img {width: 30px; }
.header_gift_wrap .lft {transform: scaleX(-1) rotate(180deg); -webkit-transform: scaleX(-1) rotate(180deg); fill: #000000; padding: 0; padding-left: 20px;}
svg[data-header_gift] {width: 45px;}
#landing .sucess .mini_material {width: 27px; height: 27px; border-radius: 0; margin-top: -5px; margin-bottom: -5px;;}


body .btn_bottom .green_btn.calc.ldbtn {font-size: 18px; padding: 6px 20px; padding-left: 40px; display: block;}
body #landing .brd_wh_btn {font-size: 18px; padding: 12px 20px; padding-left: 40px;}
#landing .main_materials_block .brd_btn.arrow {background-color: #33cc00; border: 2px solid #33cc00; color: #ffffff;font-size: 18px; padding: 12px 20px; padding-left: 40px;}
#landing .main_materials_block .brd_btn.arrow:hover {background-color: #ffffff; color: #000000;border: 2px solid #ffffff;}
body #landing .btn_main_price .brd_btn {background-color: #33cc00; border: 2px solid #33cc00; color: #ffffff; font-size: 18px; padding: 12px 20px; padding-left: 40px;}
body #landing .btn_main_price .brd_btn:hover {background: none; color: #000000;border: 2px solid #000000;}
body #landing .btn_price_index .brd_btn {background-color: #33cc00; border: 2px solid #33cc00; color: #ffffff; padding-left: 25px;}
body #landing .btn_price_index .brd_btn:hover {background: none; color: #000000;border: 2px solid #000000;}
body #landing .usluga .btn_popup.brd_btn {background-color: #33cc00; border: 2px solid #33cc00; color: #ffffff; font-size: 18px; padding: 12px 20px; padding-left: 40px; margin-right: 0; border-radius: 10px;}
body #landing .usluga .btn_popup.brd_btn:hover {background: none; color: #000000;border: 2px solid #000000;}
body #landing .usluga.nenashli .btn_popup.brd_btn {background: none; border: 2px solid #000000; color: #000000; padding-left: 20px; border-radius: 5px; margin-bottom: 5px;}
body #landing .usluga.nenashli .btn_popup.brd_btn:hover {background: #33cc00; color: #ffffff;border: 2px solid #33cc00;}
body #landing .btn_main_price .brd_btn.arrow {background-image: url(/images/arrow-up.svg); background-repeat: no-repeat; background-size: 22px; background-position-y: center; background-position-x: 12px;}
body #landing .usluga .btn_popup.brd_btn.arrow {background-image: url(/images/arrow-up.svg); background-repeat: no-repeat; background-size: 22px; background-position-y: center; background-position-x: 12px;}


body .feedback_block .green_btn {font-size: 18px; font-weight: bold; padding: 17px 25px;padding-left: 40px; }
.feedback_block .right {padding: 20px 20px; position: relative; z-index: 250;}
.feedback_block .left.smeta {background: url(/images/master4.webp) 50% 50%; background-size: cover;}
.feedback_block .left.director {background: url(/images/master4.webp) 50% 50%; background-size: cover;}
.feedback_block .left.skidka {background: url(/images/feedback_3.jpg) 50% 50%; background-size: cover;}
.feedback_block .left.catalog {background: url(/images/feedback_4.jpg) 50% 50%; background-size: cover;}
.feedback_block .left.proektother {background: url(/images/calc-house.webp) 50% 50%; background-size: cover;}
.feedback_block .left.register {background: url(/images/master0.webp) 50% 50%; background-size: cover;}
.feedback_block .right .face {max-width: 100px; margin-right: 10px;}
.feedback_block .right .face img {width: 100px; height: 100px; border-radius: 50%; -o-object-fit: cover; object-fit: cover;}
#skidka .feedback_block .right .face img {width: 90px; height: 90px; border-radius: 50%; -o-object-fit: cover; object-fit: cover;}
.feedback_block .right .text {margin-top: -10px; margin-bottom: 20px;}
.feedback_block .right .text img {margin-top: -5px; margin-bottom: -5px; width: 25px; height: 25px;}

body .zakaz_callback.landingld .animation_wrap {margin-right: 10px; display: flex; align-items: center; display: inline-block;}
body .zakaz_callback.landingld .info.skidka .title_h3 {width: 100%;}
body .zakaz_callback.landingld .info.skidka .title_h3 .animation_wrap img {animation:animation_icon_skidka 2s ease-in-out infinite;}
body .zakaz_callback.landingld .info .title_h3 .animation_wrap img {animation:animation_icon 2s ease-in-out infinite; margin-top: 0;}


#landing .price_main_dom.scroll_head::after {content:'';position: absolute; width: 292px; height: 200px; background: url(/images/strugka.avif) 50% 50%; z-index: 50; bottom: -80px; left: -100px; opacity: 0.7;}
.title_text.more {max-width: 80%;}
body #calculator.landing_quiz .animation_wrap {display: inline-block; margin-right: 0;}
body #calculator.landing_quiz_event .animation_wrap {display: inline-block; margin-right: 0;}
body #calculator.landing_quiz .animation_wrap img {position: relative; margin-top: -5px; width: 30px;}
body #calculator.landing_quiz_event .animation_wrap img {position: relative; margin-top: -5px; width: 30px;}


body #calculator.landing_quiz .final_zagolovok {margin-bottom: 2rem;}
.final_offer {margin-top: 0; margin-bottom: 20px;}
.title_h3.final_offer img {width: 30px; margin-top: -5px;animation:animation_icon 2s ease-in-out infinite;;}
.final_offer_dop {opacity: .4;}
.final_offer_dop img {width: 30px; height: 30px; border-radius: 0; margin-bottom: -5px; margin-top: -5px;}
.none_title {display: none;}
#surveyform .progressbar.none_title {display: none;}



/* breadcrumb */
.breadcrumb {font-size: 10px; color: #aaa; margin-top: 20px;}
.breadcrumb ul {margin-left: -10px;}
.breadcrumb li {color: #aaa; display: inline-block; margin: 0 10px 0 10px; font-size: 16px; }
.breadcrumb li a {color: #aaa; font-size: 16px; text-decoration: none}

/* konkurent */
.konkurent_disabled {display: none;}
.konkurent {position: fixed;  z-index: 5000; bottom: 200px; left: 5px;}
.konkurent .block {width: 144px; height: 133px; background: url(/images/konkurent.png) 50% 50%;}
.konkurent .konkurent_close {width: 35px; height: 35px; background: url(/images/close-black.svg) 50% 50% no-repeat; margin: 0 auto; background-color: #ffffff; border-radius: 50%; box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.07); background-position: center; background-size: 15px; margin-top: -15px; cursor: pointer;}
.konkurent .konkurent_close:hover {width: 40px; height: 40px;}
.konkurent .konkurent_wrap {position: absolute; bottom: 0px;animation: animation_konkurent 3s ease-in-out infinite;}
.konkurent .konkurent_wrap:hover{animation-play-state: paused;}
@keyframes animation_konkurent {
0% {transform: translate3d(0, 0, 0);}
45% {transform: translate3d(0, -14%, 0);}
55% {transform: translate3d(0, -14%, 0);}
100% {transform: translate3d(0, 0, 0);}}


/* type lestnica */
.lest_type {position: relative; z-index: 100;background: url(/images/bg_bottom.webp) 50% 50%}
.lest_type .hight_font {margin-top: 0; margin-bottom: 0;;}
.lest_type .slider_main_wrap {padding: 50px 10px 0 10px;}
.lest_type .helper_scroll .helper_scroll_wrap .block_animation {background: none;}
.lest_type .helper_scroll .helper_scroll_wrap .block_animation {width: 60px;}
.lest_type .helper_scroll .helper_scroll_wrap .block_animation .block_animation_second {width: 60px; border-left: 10px !important;}
.lest_type .helper_scroll .helper_scroll_wrap .block_animation .block_animation_first {width: 60px;}
.karkas_type .page_step_wrap.rezultat .block {background: #fff; min-width: 370px;}

/* scroll helper */
.helper_scroll{display:flex;align-items:center;justify-content:flex-end; margin-bottom: 10px; width: 100%;}
.helper_scroll .helper_scroll_wrap{position:relative;display:flex;align-items:center;width:100px;height:40px;overflow:hidden}
.helper_scroll .helper_scroll_wrap .block_static{width:60px;height:50px;background-color:#f9f9f9;transition:background-color .2s;position:absolute;top:0;left:0;z-index:0; border-radius: 5px;}
.helper_scroll .helper_scroll_wrap .block_animation{width:70px;height:50px;background-color:#ffffff;transition:background-color .2s;position:absolute;top:0;right:0;z-index:2;animation:animation_block 2s infinite;margin-right:-100px;display:flex;align-items:center;justify-content:flex-end;gap:10px}
.helper_scroll .helper_scroll_wrap .block_animation .block_animation_first{flex-shrink:0;width:60px;height:50px;background-color:#f9f9f9;transition:background-color .2s; border-radius: 5px;}
.helper_scroll .helper_scroll_wrap .block_animation .block_animation_second{width:70px;border-left:10px solid #ffffff !important;transition:border-left .2s; border-radius: 5px;}
.helper_scroll .helper_scroll_wrap .block_hand{background-size:contain;background-repeat:no-repeat;width:30px;height:30px;position:absolute;top:5px;z-index:3;animation:animation_hand 2s infinite;color:#9f9f9f;transition:color .2s}
@keyframes animation_block{
0%{opacity:1}
30%{right:0}
80%{right:70px}
95%{opacity:1}
to{opacity:1;right:70px}}
@keyframes animation_hand{
0%,20%{right:0}
30%{right:0}
80%{right:73px}
to{right:0}}


.sale .title_h2 img {animation:animation_icon_skidka 2s ease-in-out infinite; margin-top: -8px;}

body .zakaz_callback .animation_wrap {display: flex; align-items: center;}
body .zakaz_callback .info.skidka .title_h3 .animation_wrap img {animation:animation_icon_skidka 2s ease-in-out infinite;}
body .quiz .animation_wrap img {animation:animation_icon 2s ease-in-out infinite; margin-top: 0;}
.skidka.animation_icon .title_h3 span {color: #ffffff; margin-left: 10px;}
.animation_icon .title_h3 {display: flex; align-items: center;}
.animation_icon .title_h3 span {margin-left: 30px;}
.animation_wrap img {width: 40px;}
@keyframes animation_icon_skidka{
    0%{transform: scale3d(90%,90%,90%);}
    50%{transform: scale3d(115%,115%,115%);}
    100%{transform: scale3d(130%,130%,130%);}
    to{transform: scale3d(90%,90%,90%);}}
@keyframes animation_icon{
    0%{transform: scale3d(80%,80%,80%);}
    50%{transform: scale3d(100%,100%,100%);}
    100%{transform: scale3d(110%,110%,110%);}
    to{transform: scale3d(80%,80%,80%);}}

/* logo_block */
.logo_block {width: 100%;  z-index: 5001; position: fixed; background: #ffffff; background: url(/images/bg_wood2.png) 50% 50% / auto #fff;}
.logo_block.shadow {box-shadow: 0 20px 40px rgba(0,0,0,.14);}
.logo_block .logo_wrap {display: flex; justify-content: space-between; align-items: center; margin: 0 auto;padding: 6px 20px; max-width: 1300px;}
.logo_block .logo_wrap .left {display: flex; justify-content: left;align-items: center;}
.logo_block .logo_wrap .left .logo img {width: 40px; margin-right: 7px;}
.logo_block .logo_wrap .left .name_logo a {font-size: 22px; font-weight: bold; text-decoration: none; color: #000000;}
.logo_block .logo_wrap .left .name_logo a:hover {color: #000000; text-decoration: underline;}
.logo_block .logo_wrap .left .name_text {font-size: 15px; max-width: 320px; line-height: 15px; color: #000000;}
.logo_block .logo_wrap .right {display: flex; justify-content: right;align-items: center;}
.logo_block .logo_wrap .right .btn_top {padding: 0 0 0 30px;}
.logo_block .logo_wrap .right .phone_top {padding: 0 20px 0 20px; color: #000000; font-size: 15px;}
.logo_block .logo_wrap .right .phone_top .phone a {font-size: 22px; font-weight: bold; color: #000000; text-decoration: none;}
.logo_block .logo_wrap .right .phone_top .whatsapp a {color: #33cc00; text-decoration: underline;}
.logo_block .logo_wrap .right .phone_top .whatsapp .telegramm img {width: 27px;}
.logo_block .logo_wrap .right .phone_top .whatsapp .vacap img {width: 27px; margin-left: 5px;}
.logo_block .logo_wrap .right .messenger {padding: 0 20px 0 0;}
.logo_block .logo_wrap .right .burger {width: 45px; cursor: pointer; position: relative; z-index: 5001;;}
.logo_block .logo_wrap .right .burger span {display: block; background-color: #000000; border-radius: 3px; right: 0; height: 5px;}
.logo_block .logo_wrap .right .burger span:first-child {width: 100%; background: #f13546;}
.logo_block .logo_wrap .right .burger span:nth-child(2) {width: 70%; margin: 7px 0 7px 0; }
.logo_block .logo_wrap .right .burger span:last-child {width: 100%;}
.logo_block.close .logo_wrap .right .burger span {background-color: #000000; }
.logo_block .logo_wrap .left .name_text .plusdelete a {color: #1bbbeb;}

/* menu header */
.menu_top {width: 100%; margin: 0 auto; position: relative; z-index: 5000;background: #ffffff; background-size: cover;box-shadow: 0 10px 20px rgba(0,0,0,.14); border-top: 1px solid #000; background: url(/images/beton.webp); }
.menu_top .menu::after {content:'';position: fixed; width: 292px; height: 200px; background: url(/images/strugka.avif) 50% 50%; z-index: 50; top: -0; right: -100px;background-size: cover; display: none;}
.menu_top .menu {max-width: 1300px; display: flex; justify-content: space-between; align-items: center; margin: 0 auto; padding: 10px 10px;}
.menu_top .menu .block a {color: #000000; font-size: 18px; text-decoration: none;font-weight: bold;}
.menu_top .menu .block a:hover {text-decoration: underline}
.menu_top .menu .block .submenu { visibility: hidden; opacity: 0;}
.menu_top .menu .block .submenu { position: absolute; top: 100%; left: 0; width: 100%; z-index: 10; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; width: max-content;  top: 0; padding: 20px 0 0 0;}
.menu_top .menu .block:hover .submenu {  visibility: visible; opacity: 1;}
.menu_top .block li:first-child {border-radius: 5px 5px 0 0;}
.menu_top .block li:last-child {border-radius: 0 0 5px 5px;}
.menu_top .block li {list-style: none; margin: 0; padding: 10px 25px; background-color: #f13546; border-bottom: 1px solid #d22e3c;}
.menu_top .block li:hover {background-color: #ee525f}
.menu_top   > .block {  display: inline-block; margin-right: 20px; position: relative;}
.menu_top   > .block:last-child {  margin-right: 0;}
.menu_top  .block {transition: .3s linear; margin: 0 10px; position: relative; z-index: 500;;}
.menu_top .menu_top_wrap {z-index: 500; position: relative;}
.menu_top  .block.gift img {width: 35px; margin-top: -3px;}
.menu_top  .block.gift {overflow: hidden;}
.menu_top .menu .block .submenu li a { text-decoration: none; color: #ffffff; font-size: 16px}
.menu_top .menu .block .submenu li a:hover { color: #ffffff; }
.menu_top .menu .block .submenu.submenu {left: -120px; top: -10px;}
.menu_top .menu .block.spisok .submenu.submenu {left: -95px;}
.fa-angle-down:before {content:''; background: url(/images/ico_menu.svg) no-repeat 50% 50%; margin-right: 5px; display: inline-block; width: 18px; height: 18px; background-size: cover;margin-bottom: -3px; margin-left: -2px; }
.green_btn.calc:after {content: "";    display: block;    width: 10px;    height: 300px;    margin-left: 60px;    background: #fff;    background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.7) 100%);    background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.7) 100%);    background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.7) 100%);    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#b3ffffff',GradientType=0 );    position: absolute;    left: -40px;    top: -150px;    z-index: 1;    -webkit-transform: rotate(45deg);    transform: rotate(45deg);    -webkit-transition: all 0.1s;    transition: all 0.1s;    -webkit-animation-name: slideme;    animation-name: slideme;    -webkit-animation-duration: 3s;    animation-duration: 3s;    -webkit-animation-delay: 0.05s;    animation-delay: 0.05s;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;    -webkit-animation-iteration-count: infinite;    animation-iteration-count: infinite;}
@-webkit-keyframes slideme {
    0% { left: -30px; margin-left: 0px; }
    30% { left: 110%; margin-left: 80px; }
    100% { left: 110%; margin-left: 80px; } 
}

/* footer */
.footer {width: 100%; margin: 0 auto; background: #ededed; margin-top: 30px;max-width: 2000px; background-size: cover; color: #000000; background: url(/images/beton.webp) 50% 50%; position: relative; z-index: 500;}
.footer .footer_wrap {max-width: 1300px; display: flex; justify-content: space-between; margin: 0 auto; padding: 30px 10px 15px 10px; ;}
.footer .footer_wrap .left {max-width: 30%; }
.footer .footer_wrap .left .info {font-size: 16px; }
.footer .footer_wrap .left .logo {display: flex; align-items: center; margin-bottom: 5px;;}
.footer .footer_wrap .left .logo img {width: 43px; margin-right: 7px; opacity: 1;}
.footer .footer_wrap .left .logo a {font-size: 28px; font-weight: bold; text-decoration: none; color: #000000}
.footer .footer_wrap .left .logo a:hover {color: #f13546;}
.footer .footer_wrap .left .btn_bottom {margin-top: 10px; display: flex;}
.footer .footer_wrap .right .title_h2 {font-size: 24px; font-weight: normal;}
.footer .footer_wrap .right .contacts div {margin-bottom: 3px;}
.footer .footer_wrap .right .contacts .adres {margin-bottom: 6px;}
.footer .footer_wrap .right .phone {margin-bottom: 10px;}
.footer .footer_wrap .right .phone a{font-size: 26px; text-decoration: none; font-weight: bold; color: #000000;}
.footer .footer_wrap .right .phone a:hover{color: #f13546;}
.footer .footer_wrap .right .adres:before {content:''; background: url(/images/ico-adres.svg) no-repeat 50% 50%; margin-right: 5px; display: inline-block; width: 18px; height: 18px; background-size: cover;margin-bottom: -3px; margin-left: -2px;}
.footer .footer_wrap .right .worktime:before {content:''; background: url(/images/ico-clock.svg) no-repeat 50% 50%; margin-right: 5px; display: inline-block; width: 15px; height: 15px; background-size: cover;margin-bottom: -3px;}
.footer .footer_wrap .right .email:before {content:''; background: url(/images/ico-post.svg) no-repeat 50% 50%; margin-right: 5px; display: inline-block; width: 18px; height: 18px; background-size: cover;margin-bottom: -3px;}
.footer .footer_wrap .right .email a {color: #2ca5e0; opacity: .7;}
.footer .footer_wrap .right .messenger {margin-top: 10px;}
.footer .footer_wrap .center .title {font-size: 24px;color: #000000;}
.footer .footer_wrap .center {padding: 0 10px;}
.footer .footer_wrap .center li img {width: 24px;}
.footer .footer_wrap .center li a {color: #000000;}
.footer .footer_wrap .center li a:hover {color: #f13546;}
.footer .footer_privacy {max-width: 1300px; margin: 0 auto; color: #8c8b8b; font-size: 14px; padding: 0px 10px 10px 10px; }
.footer .footer_privacy span {display: block;}
.footer .footer_privacy a {color: #8c8b8b; }
.footer .footer_privacy .line {border-top: 1px solid #a19f9f;padding: 10px 0 0 0px; }
.footer_brick {/* background: url(/images/bg_kp.png) repeat-x; */ height: 4px; width: 100%;}
.footer .footer_wrap .messenger .msgr img {width: 40px;}

/* burger menu */
.burger_menu {z-index: 5000;position: fixed; width: 100%; background-color: #eee; height: 100%;-webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; display: none; background: url(/images/bg_mobile.jpg) 50% 50% no-repeat; background-size: cover; }
.burger_menu.mobile {top: 0;display: block;}
.logo_block.close.shadow {box-shadow: none;}
.logo_block.close {background: none;}
.logo_block.close .logo_wrap {justify-content: right;padding: 24px 10px;}
.logo_block.close .logo_wrap .left {display: none;}
.logo_block.close .logo_wrap .btn_top {display: none;}
.logo_block.close .logo_wrap .phone_top {display: none;}
.logo_block.close .logo_wrap .messenger {display: none;}
.logo_block.close .logo_wrap .right .burger span:first-child {-webkit-transform: rotate(45deg); transform: rotate(45deg);position: absolute;  background: #f13546}
.logo_block.close .logo_wrap .right .burger span:nth-child(2) {background: none; width: 45px; height: 45px; position: absolute; margin: 0;}
.logo_block.close .logo_wrap .right .burger span:last-child {-webkit-transform: rotate(-45deg); transform: rotate(-45deg); width: 100%;position: absolute; }
.burger_menu_wrap {display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; flex-wrap: wrap; position: relative;z-index: 52;}
.burger_menu_wrap .burger_menu_block .logo {display: flex; align-items: center; ;}
.burger_menu_wrap .burger_menu_block .logo img {width: 50px; margin-right: 7px;}
.burger_menu_wrap .burger_menu_block .logo a {font-size: 22px; text-transform: uppercase; font-weight: bold; text-decoration: none; color: #f13546;}
.burger_menu_wrap .burger_menu_block .logo a:hover {color: #000000;}
.burger_menu_wrap .burger_menu_block .logo .logo_text {opacity: .4;}
.burger_menu_wrap .burger_menu_block {margin-top: -30px;}
.burger_menu_wrap .burger_menu_block .menu li {list-style: none; margin-bottom: 10px;}
.burger_menu_wrap .burger_menu_block .menu li a {font-size: 22px; text-decoration: none; font-weight: bold;}
.burger_menu_wrap .burger_menu_block .menu li a:hover {color: #f13546;}
.burger_menu_wrap .burger_menu_bottom {position: absolute; bottom: 10px; text-align: center; color: #bbbbbb;}
.burger_menu_wrap .burger_menu_bottom .phone {display: flex; justify-content: center; align-items: center;}
.burger_menu_wrap .burger_menu_bottom .phone a{font-size: 22px; text-decoration: none; font-weight: bold;}
.burger_menu_wrap .burger_menu_bottom .phone a:hover{color: #000000;}
.burger_menu_wrap .burger_menu_bottom .phone .messenger {margin-left: 10px;}
.burger_menu_wrap .burger_menu_bottom .contacts .adres:before {content:''; background: url(/images/ico-adres-red.svg) no-repeat 50% 50%; margin-right: 5px; display: inline-block; width: 20px; height: 20px; background-size: cover;margin-bottom: -3px;}
.burger_menu_wrap .burger_menu_bottom .contacts .email:before {content:''; background: url(/images/ico-post-red.svg) no-repeat 50% 50%; margin-right: 5px; display: inline-block; width: 20px; height: 20px; background-size: cover;margin-bottom: -3px;}
.burger_menu_wrap .burger_menu_bottom .contacts a {color: #bbbbbb; text-decoration: none;}
.burger_menu .cloud {background: url(/images/maket.svg) 50% 50%; background-size: cover; z-index: 51; width: 100%; height: 100%; position: absolute; opacity: .4; top: 0; right: -200px; display: none;}

/* popup callback */
body .zakaz_callback {max-width: 450px; color:#000000; border-radius: 10px;background: #ffffff; padding: 30px 30px 20px; overflow: hidden; border-radius: 5px;}
.zakaz_callback .info .text img {width: 22px;}
.zakaz_callback .info {margin-bottom: 15px; position: relative; z-index: 400;}
.zakaz_callback form {position: relative; z-index: 500;}
.zakaz_callback .info .title_h3 img {width: 40px; margin-right: -5px; margin-top: -5px;}
.zakaz_callback .info.skidka .title_h3 {background: #f50808; padding: 5px 15px; color: #ffffff; border-radius: 5px;}
.zakaz_callback .info.skidka .title_h3 img {width: 25px; margin-right: 0;}
.zakaz_callback .block {margin: 10px 0;}
.zakaz_callback .block select {font-family: 'FiraSans-Light'; font-size: 22px; padding-left: 10px; width: 100%; height: 60px; border-radius: 4px; cursor: pointer; outline: none; background-image: url(/images/select.png); background-position: right center; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; -ms-appearance: none; appearance: none!important; background-position: 95% 50%; border: 1px solid #000000; color: #1bc3eb;}
.zakaz_callback .block input {width: 100%; height: 60px; font-size: 24px; border-radius: 4px; outline: none; padding-left: 10px;border: 1px solid #000000;font-family: 'FiraSans-Light';  width: 100%;}
.zakaz_callback .block .text_label_input.error {border: 3px solid #f58993;}
.zakaz_callback .block textarea {width: 100%; height: 100px; font-size: 20px; border-radius: 4px; outline: none; padding-left: 10px;  padding-top: 5px;border: 1px solid #000000;font-family: 'FiraSans-Light'; }
.zakaz_callback .check_privacy input {width: 15px; height: 15px;}
.zakaz_callback .check_privacy {font-size: 14px; margin-top: 15px; color: #000000; opacity: .4;}
.zakaz_callback .check_privacy a {color: #cccccc;}
.zakaz_callback .title_hidden {display: none;}
.order_callback .title_hidden {display: none;}
.zakaz_callback .block.radio {margin: 0; margin-top: 5px; margin-bottom: 15px;}
.zakaz_callback .block.radio fieldset {display: flex; flex-wrap: wrap;align-items: center; }
.zakaz_callback .block.radio fieldset div {padding: 0 15px 5px 0; font-size: 18px;}
.zakaz_callback .block.radio input {width: auto; height: auto; margin-left: 0; margin-right: 2px;}
.zakaz_callback .block.radio label {margin-right: 10px; cursor: pointer;}
.zakaz_callback .block.radio label:last-child {margin-right: 0px;}
.zakaz_callback .block.title {margin: 10px 0 10px 0; font-weight: bold;}
.zakaz_callback .block.files {margin: 0 0 15px;cursor: pointer;}
.zakaz_callback .block.files input {margin-left: 0; font-size: 16px; cursor: pointer; padding: 5px; border: 1px solid #ddd; height: auto; background: #ffffff; padding: 10px 10px;}
.zakaz_callback .block.box_label_input.files input {margin-left: 0; font-size: 14px; cursor: auto; padding: 5px; border: 1px solid #ddd; height: 40px;}
.zakaz_callback .block.box_label_input.files {margin: 5px 0 15px;}
body .zakaz_callback::after {content:'';position: absolute; width: 500px; height: 355px; background: url(/images/proekt_bg.webp) 50% 50% no-repeat; z-index: 50; bottom: 0; right: -200px; opacity: 0.1; /* transform: rotate(-35deg); */}
body .zakaz_callback.landingld .check_privacy {;}
body .zakaz_callback.landingld {padding: 0; max-width: 800px; width: 100%;}

#smetaproekt.zakaz_callback .block input {min-width: auto;}
#smetaproekt.zakaz_callback .block.radio input {width: 22px; height: 22px; margin-right: 2px;}
#smetaproekt.zakaz_callback .zakaz_callback .block input {height: 55px;}
#smetaproekt.zakaz_callback .block.radio fieldset div {display: flex; align-items: center; padding-bottom: 10px;}
#smetaproekt.zakaz_callback .block.title {margin-top: 20px;}

#smetaproekt .feedback_block .gray {/* opacity: .2; */}
#smetaproekt .feedback_block .animation_wrap {display: inline-block; margin-right: 0;}
#smetaproekt .feedback_block .animation_wrap img {position: relative; margin-top: -5px;}

/* page */
.header_page { background: radial-gradient(68.51% 159.33% at 50% 0%, #fde8e4 0%, #fffcfa 100%), radial-gradient(159.33% 159.33% at 50% 0%, #503d71 0%, #464647 100%); max-width: 2000px; margin: 0 auto; background-size: cover; position: relative; width: 100%; overflow: hidden; z-index: 2000; ; margin-top: -23px; margin-bottom: 20px; background-position: center;}
.header_page.usluga_header {width: 100%; height: 100%; }
.header_page .header_wrap {display: flex; }
.header_page .header_center {max-width: 1300px; width: 100%;  margin: 0 auto; position: relative; z-index: 550; padding: 50px 10px; min-height: 250px; display: flex; align-items: center;}
.header_page.usluga_header .header_center {padding: 40px 10px;}
.header_page .header_center h1 {color: #ffffff;}
.main_page {margin: 0 auto; max-width: 1300px; padding: 0 10px; z-index: 3000; position: relative;}
.section {margin: 0 auto; max-width: 1300px; padding: 0 10px; z-index: 1000; position: relative;}
.silder_usluga {margin-top: 80px;}
.silder_usluga .usluga_block .block .image {overflow: hidden; margin-right: 3px; border-radius: 5px;filter: grayscale(1);-ms-filter: grayscale(1);-webkit-filter: grayscale(1);-moz-filter: grayscale(1);-o-filter: grayscale(1);}
.silder_usluga .usluga_block .block .image img {width: 100%;  overflow: hidden;}
.silder_usluga .usluga_block .block .image:hover {filter: grayscale(0);-ms-filter: grayscale(0);-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-o-filter: grayscale(0);}
.silder_usluga .usluga_block .block .title {margin-top: 5px; padding-right: 20px; padding-left: 3px;}
.silder_usluga .usluga_block .block .title a{font-size: 18px; text-decoration: none; font-weight: bold;}
.header_page .header_center .advantage {font-size: 18px; color: #ffffff; font-weight: bold; margin-left: 20px; margin-top: 20px;}
.header_page .header_center .advantage .arr {width: 30px; height: 30px; margin-right: 5px; background: #33cc00; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.header_page .header_center .advantage span img {display: inline-block; position: relative; width: 0.7rem; height: 0.7rem;}
.header_page .header_center .advantage .block {margin: 5px 0 5px 0; display: flex; align-items: center;}
.page_about {margin: 0 0 60px 0;}
.page_about .block_photo {display: flex;}
.page_about .block_photo .left {width: 40%; padding: 0 30px 0 0;}
.page_about .block_photo .left img{width: 100%; border-radius: 5px;}
.page_about .block_photo .right {width: 60%; }
.page_about .block_photo .right h3 {margin: 0; }
/*
.page_about ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.page_about .garantii li {list-style: none; background: #c5edc3; padding: 15px 20px; border-radius: 5px; margin: 0 0 10px 0; width: 49%; display: flex;}
.page_about li strong {display: contents;}
*/
.page_about .advantage {padding: 15px 20px; border-radius: 5px; background: #f7f4f4; margin: 20px 0 20px 0; display: flex; align-items: center;}
.page_about .advantage .left {width: 15%; padding: 0 20px 0 0;}
.page_about .advantage .left img {width: 100%; }
.page_about .advantage .right {width: 85%; }
.page_about .advantage .title_h2 {font-weight: normal;}
.page_about .advantage .title_h2 span {font-weight: bold;}
.page_contacts {margin: 0 0 60px 0;}
.page_contacts .block_contacts {display: flex;}
.page_contacts .block_contacts .left {width: 60%; padding: 0 20px 0 0;}
.page_contacts .block_contacts .right {width: 40%; }
.page_contacts .messenger .msgr img {width: 40px;}
.page_contacts .phonemail {margin: 5px 0;}
body .page_contacts .block_contacts .right .order_callback {margin-left: 0;}
.stroiploshadka {margin: 50px 0 50px 0;}
.stroiploshadka_wrap {display: flex; justify-content: space-between;} 
.stroiploshadka_wrap img {border-radius: 10px; width: 100%;}
.stroiploshadka_wrap .left {margin: 0 10px 0 0;}
.stroiploshadka_wrap .right {margin: 0 10px 0 0;}
.page_about .price_main_block ul {display: inline;}
.portfolio_razmer {margin: -10px 0 10px 0;}
.main_page .usluga_photo_wrap.portfolio_page {margin-bottom: 80px;}
.portfolio_title h2 {font-family: 'FiraSans-ExtraBold';}
.portfolio_title p {margin: -20px 0 40px 0;}
.page_about.page_price {margin: 0 0 80px 0;}
.page_price .usluga_price {margin: 0 0 60px 0;}
.proekt_podarok.page_price {align-items: start;}
/* proekt page */
.proekt_podarok {display: flex; align-items: center;}
.proekt_podarok .left {width: 65%; padding-right: 10px;}
.proekt_podarok .right {width: 35%; }
.proekt_podarok .right img {width: 100%; border-radius: 10px;}
.proekt_podarok h2 {font-family: 'FiraSans-ExtraBold'}
.proekt_complete h3 {width: 100%; margin-bottom: -10px;font-family: 'FiraSans-ExtraBold'}
.proekt_complete {display: flex; flex-wrap: wrap; justify-content: space-between; margin: 80px 0;}
.proekt_complete .block {width: 50%; padding: 20px 20px; display: flex;}
.proekt_complete .block .left {width: 35%;}
.proekt_complete .block .left img {width: 100%; border-radius: 5px; box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.02);}
.proekt_complete .block .right {width: 65%; padding-left: 20px; margin: 0;;}

.proekt_podarok.proektirovanie {margin: 20px 0 50px 0;}
.proekt_podarok.proektirovanie .left { width: 60%; padding-right: 0;}
.proekt_podarok.proektirovanie .right { width: 40%;}
.proekt_podarok.proektirovanie.eskiz {flex-direction: row-reverse; margin: 80px 0 50px 0;}

.proektirovanie_adv {display: flex; justify-content: space-between;}
.proektirovanie_adv .block {width: 33%; padding: 30px 20px 30px 20px; display: flex; border-radius: 5px; background: url(/images/bg_wood.png) 50% 50% / auto #fff; box-shadow: 0px 4px 30px 0px rgba(0,0,0,0.05);}
.proektirovanie_adv .block .left {width: 20%;}
.proektirovanie_adv .block .left img {width: 100%;}
.proektirovanie_adv .block .right {width: 80%; padding-left: 10px;}
.proektirovanie_adv .block .right .title_h2 {margin-top: 0;}


/* category page */
.category_all {margin: 20px 0 50px 0;}
.category_all a {color: #35b3f1; margin-right: 10px; display: inline-block; background: #ffffff; padding: 5px 10px; border-radius: 5px; margin-bottom: 5px; background: url(/images/bg_menu.jpg) 50% 50%; line-height: 30px; text-decoration: none; color: #000000; }
.category_all a:hover {color: #33cc00;}
.category_all .gift {margin-left: 0;}
.category_all .gift img {width: 35px; margin-top: -2px;}
.category_all .gift.proektirovanie {margin-left: 40px;}
.category_all .gift.proektirovanie img {width: 25px; }
.afisha_proekt {display: flex; align-items: center;}
.afisha_proekt .left {max-width: 140px;}
.afisha_proekt .left img {width: 100%; border-radius: 5px;}
.afisha_proekt .right {padding-left: 20px;}
.afisha_proekt .hight_font {margin-bottom: 0; margin-top: 20px;}


/* HEADER new */
.new_header .background_image_header {background: url(/images/bg_bottom.webp) no-repeat; background-size: cover; position: absolute; z-index: 40; width: 100%; height: 100%; top: 0; background-position: right;}
.new_header .shadow {background: #000000; position: absolute; z-index: 42; width: 100%; height: 100%; opacity: .001; top: 0;}
#eventpage .new_header_wrap {margin-top: 43px;}
.new_header {width: 100%; position: relative; margin-bottom: 0; }
.new_header_wrap {margin: 0 auto; max-width: 1300px; position: relative; padding: 0 10px; z-index: 3000; margin-top: 0; padding-top: 40px; padding-bottom: 20px; }
.new_header_wrap_wrap {display: flex;}
.new_header_wrap_wrap .right .image_top {width: 100%;}
.new_header_wrap_wrap .right .image_top img {border-radius: 15px; width: 100%;}
.new_header_wrap_wrap .right {width: 60%; padding-left: 15px; position: relative; z-index: 55;}
.new_header_wrap_wrap .left {position: relative; z-index: 55;}
.new_header_wrap_wrap .left h1 span {color: #f5d01c; color: #33cc00;}
.new_header_wrap_wrap .left .info {font-size: 24px; margin-bottom: 30px; margin-top: 20px; font-weight: bold;}
.new_header_wrap_wrap .left .info img {width: 35px; margin-top: -5px;;}
.new_header_wrap_wrap .btn_main_top {display: flex; flex-wrap: wrap; }
.new_header_wrap_wrap .btn_main_top .green_btn {max-width: 252px; font-weight: bold; font-size: 20px; font-weight: bold;margin-bottom: 10px}
.new_header_wrap_wrap .btn_main_top .green_btn.arrow {background-image: url(/images/arrow-calc.svg); padding-left: 40px;background-repeat: no-repeat; background-size: 20px; background-position-y: center; background-position-x: 12px; max-width: 375px; margin-right: 10px;}
.new_header_wrap_wrap .btn_main_top .green_btn.arrow:hover {color: #000000; /* background-image: url(/images/arrow-calc-white.svg) */}
.new_header_wrap_wrap .btn_main_top .gift {display: flex; align-items: center; border: 1px dashed #000000; border-radius: 7px; padding: 10px 15px; color: #000000;}
.new_header_wrap_wrap .btn_main_top .gift img {margin-right: 5px; width: 30px;}

.new_header .advantage_new.marquee_bulit {flex-wrap: nowrap; overflow: hidden;}
.new_header .advantage_new.marquee_bulit .js-marquee {display: flex; }
.new_header .advantage_new.marquee_bulit .js-marquee .block_wrap {min-width: 350px;}
.new_header .advantage_new.marquee_bulit .block {color: #000;;}


/* main page */
.header_wrap_bg {background: #000000; background-size: cover; z-index: 510; width: 100%; height: 100%; position: absolute;  opacity: .5;}
.header_index {background-size: cover; position: relative; width: 100%; overflow: hidden; z-index: 2000; margin-top: -23px; z-index: 500; margin-bottom: 40px;}
.header_index .header_wrap {display: flex; min-height: 650px; align-items: center; position: relative; z-index: 5005;}
.header_index .header_center {max-width: 1300px; width: 100%;  margin: 0 auto; z-index: 550; padding: 0 10px; display: flex; }
.header_index .header_center h1 {color: #ffffff; margin: 0;font-family: 'FiraSans-ExtraBold'; font-size: 42px; margin-bottom: 0; line-height: 40px;max-width: 900px; }
.header_index .header_center .title_h2 {color: #ffffff; font-size: 24px; margin-bottom: 35px; margin-top: 20px;;max-width: 900px;}
.header_index .header_center .title_h2 img {width: 35px; margin-top: -5px;}
.header_index .header_center h1 span {color: #f5d01c; }
.header_index .header_center .line {display: block; background: #ffd550; width: 100px;height: 2px;margin: -10px 0 20px 0}
.header_index .header_center .btn_main_top .green_btn {max-width: 252px; font-weight: bold; font-size: 20px; font-weight: bold;}
.header_index .header_center .btn_main_top {margin-bottom: 20px;}
body .header_index .header_center .btn_main_top .green_btn.arrow {background-image: url(/images/arrow-calc.svg); padding-left: 40px;background-repeat: no-repeat; background-size: 20px; background-position-y: center; background-position-x: 12px; max-width: 375px;}
body .header_index .header_center .btn_main_top .green_btn.arrow:hover {color: #ffffff;background-image: url(/images/arrow-calc-white.svg)}
.header_index .header_center .left {position: relative; z-index: 5000; padding: 0 0 10px; width: 100%; max-width: 900px;}
.header_index .cloud {/* background: url(/images/shapka-top.jpg) 50% 50%; background-size: cover; z-index: 51; width: 100%; height: 100%; position: absolute; left: -0; display: none;*/}
.header_index .cloud img {/* width: 100%; display: block; */}
.header_index .cloud { background: url(/images/cloud.png) 50% 50%; background-size: cover; top: -100px; z-index: 51; width: 100%; height: 100%; position: absolute; left: 0; opacity: .5;}
.header_index .shadow {background: #000000; position: absolute; z-index: 52; width: 100%; height: 100%; opacity: .6; }
.header_index .header_center .right {position: absolute; margin-left: -100px; z-index: 500; top: 0; right: 0; width: 100%; max-width: 1000px;}
.header_index .header_center .right .house {/*position: absolute; width: 1300px;left: calc(50% - 500px + 300px);*/}
.header_index .header_center .right .house img {width: 100%; display: block;}
.header_index .header_wrap_back {position: absolute;    z-index: 50;    width: 100%;    height: 100%;    top: 0;    filter: grayscale(0.04);    -ms-filter: grayscale(0.04);    -webkit-filter: grayscale(0.04);    -moz-filter: grayscale(0.04);    -o-filter: grayscale(0.04);  background: url(/images/top_pristroika.webp) 50% 50% no-repeat; background-size: cover;}
.header_index .header_center .btn_main_top a {margin-right: 10px;}
.header_index .header_center .btn_main_top .gift {display: flex; align-items: center; border: 1px dashed #ffffff; border-radius: 7px; padding: 10px 15px; color: #ffffff;}
.header_index .header_center .btn_main_top .gift img {margin-right: 5px; width: 30px;}

.header_page .right {position: absolute; z-index: 500; top: 0; left: 0; width: 100%; height: 100%;background: #ffffff}
.header_page .right .house img {width: 100%; opacity: 1;-o-object-fit: cover; object-fit: cover;}
.header_page .right .house {height: 100%}
.header_page .header_wrap_bg {;}

.advantage_new {width: 100%; font-size: 18px; margin-top: 20px; }
.advantage_new .block_wrap {width: 50%; margin-bottom: 18px;}
.advantage_new .block {padding-right: 20px; color: #ffffff;}
.advantage_new .block .lft {margin-right: 15px;}
.advantage_new .block .lft .icon {padding: 10px 10px; border-radius: 5px; border: 2px solid #feea8c; background-color: #feea8c;}
.advantage_new .block .lft .icon span::before {content:''; display: block; background: url(/images/check_normal.svg); width: 22px; height: 22px; background-repeat: no-repeat;}
.advantage_new .block .rght .text {max-width: 400px;}

.partner_wrap {padding: 0 10px;}
.partner_wrap .block img {width: 100%;}
.partner_wrap .block {padding: 15px 15px; border: 1px solid #eeeeee; border-radius: 15px;}
.partner_wrap .block_wrap {padding: 0 5px;}

/* old advantage */
.header_index .header_center .advantage .advantage_wrap div {display: flex; align-items: center; padding: 3px 0; position: relative; z-index: 5000;}
.header_index .header_center .advantage .advantage_wrap {padding: 20px 30px; border-radius: 10px;}
.header_index .header_center .advantage {font-size: 18px; color: #000000; position: relative; z-index: 5000; width: fit-content;}
.header_index .header_center .advantage::before {content:''; width: 100%; height: 100%; position: absolute; z-index: 50;background: url(/images/bg_wood.png) 50% 50%; border-radius: 5px; opacity: 0.90;}
.header_index .header_center .advantage .advantage_wrap div:before {content:''; font-size:20px; margin-right: 5px; background: url(/images/circle.svg); min-width: 30px; height: 24px; display: inline-block;background-repeat: no-repeat;}

.header_material {position: relative; padding: 30px 20px 10px;background: url(/images/bg_wood.png) 50% 50% / auto #fff; border-radius: 10px;}
/* .header_material::after {content:'' ; background: #000000; position: absolute; z-index: 50; width: 100%; height: 100%; top: 0;} */
.header_material .block {margin-bottom: 15px; position: relative; z-index: 500;;}
.header_material .block.center {text-align: right;}
.header_material .block .title {font-weight: bold; font-size: 18px;;}
.header_material .block img {max-width: 130px; width: 100%; border-radius: 10px;}

body .header_index .green_btn:hover {color: #fff; border: 2px solid #f13546; background: none; text-decoration: none;}
.main_index {width: 100%; max-width: 2000px; margin: 0 auto; border-radius: 5px;}
.main_index_wrap {margin: 0 auto; max-width: 1300px; padding: 0 10px; z-index: 1000; position: relative;}
.usluga_index {display: flex; flex-wrap: wrap;}
.usluga_index .usluga {width: 32%; margin-bottom: 40px; display: flex; padding: 0 5px 0 0;}
.usluga_index .usluga .usluga_wrap {width: 100%; ;margin: 0 5px 0 5px; box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.07); display: flex; flex-direction: column; border-radius: 10px;     background: url(/images/bg_wood.png) 50% 50% / auto #fff;}
.usluga_index .usluga .info {padding: 0 20px 0 20px;}
.usluga_index .usluga .image {width: 100%; display: flex; justify-content: center; position: relative;}
.usluga_index .usluga .image img {width: 100%; border-radius: 10px 10px 0 0; position: relative; z-index: 50;}
.usluga_index .usluga .more .brd_btn {display: inline-block; padding: 12px 15px; margin-right: 5px; font-size: 20px; font-weight: bold; padding-left: 40px;}
.usluga_index .usluga .more .brd_btn:hover {color: #fff; border: 2px solid #f13546; background-color: #f13546; text-decoration: none;}
.usluga_index .usluga .more .brd_btn.brd_gray {color: #ccc; border: 2px solid #ccc; display: flex; background: none; padding-left: 15px;}
.usluga_index .usluga .more .brd_btn.brd_gray:hover {color: #ffffff; border: 2px solid #f13546; background: #f13546;}
.usluga_index .usluga .more {margin-top: auto; padding: 10px 20px 20px 20px;display: flex;justify-content: space-between; }
.usluga_index .usluga .usluga_wrap .more img {width: 30px; margin-top: -2px;}
.usluga_index .usluga .title a {font-size: 24px; text-decoration: none; font-weight: bold;}
.usluga_index .usluga .title {font-size: 24px; text-decoration: none; font-weight: bold;}
.usluga_index .usluga .title.lowercase span {text-transform: lowercase;;}
.usluga_index .usluga .title {margin: 20px 0 10px 0; text-transform: none;}
.usluga_index .usluga .price {font-size: 22px; margin: 0 0 10px 0;}
.usluga_index .usluga .slick-initialized .slick-slide {width: -webkit-fill-available;}
.usluga_index .usluga .image .gallery_list {width: 100%; position: relative; z-index: 500;}
.usluga_index .usluga .image .specific {position: absolute; top: 10px; left: 10px; z-index: 501; display: flex;}
.usluga_index .usluga .image .specific .floor {padding: 7px 18px; background: #feea8c; border-radius: 4px; margin-right: 5px; font-size: 24px; color: #000000;}
.usluga_index .usluga .image .specific .space {padding: 7px 18px; background: #ffda26; border-radius: 4px; margin-right: 5px; font-size: 24px; color: #000000;}
.usluga_index .usluga .image .gallery_list .block {}
.usluga_index .usluga.nenashli .usluga_wrap {padding: 20px 0; flex-direction: row; flex-wrap: wrap; align-items: center; position: relative; overflow: hidden; z-index: 500; min-height: 450px; background: radial-gradient(68.51% 159.33% at 50% 0%, #f5f9f5 0%, #f7dc90 100%), radial-gradient(159.33% 159.33% at 50% 0%, #503d71 0%, #464647 100%)}
.usluga_index .usluga.nenashli .usluga_wrap .more {margin: 0; padding: 20px 0 0 0; flex-wrap: wrap;}
.usluga_index .usluga.nenashli .usluga_wrap::after {content:'';position: absolute; width: 500px; height: 355px; background: url(/images/proekt_bg.webp) 50% 50% no-repeat; z-index: 50; bottom: 0; left: 250px; top: 0; opacity: 0.5; transform: rotate(-35deg);}
.usluga_index .usluga.nenashli .usluga_wrap .info {position: relative; z-index: 500;}
.usluga_index .usluga .material img {width: 30px;;}
.usluga_index .usluga .price .material span {color: #000; text-decoration: underline;}
.usluga_index .usluga .price span {color: #cccccc;}
.usluga_index .usluga.raboty .image {max-height: 200px; overflow: hidden;;}
.usluga_wrap .info li {opacity: .4;;}

.usluga_index .usluga .more .brd_btn.ld {padding-left: 15px;}
.usluga_index .usluga .more .brd_btn.ld:hover {color: #fff; border: 2px solid #f13546; background: #f13546; text-decoration: none;}
.usluga_index .usluga .more .brd_btn.ld img {width: 20px;}

.main_index_wrap.proekt .title_h2 {font-family: 'FiraSans-ExtraBold';}
.main_proekt .title_text {margin: 0 0 20px 0;}
.usluga_index .slick-prev {left: 0; background: url(../../images/slider_left.png) no-repeat;}
.usluga_index .slick-next {right: 0; background: url(../../images/slider_right.png) no-repeat;}
.usluga_index .slick-dots {position: relative; margin-top: 10px; margin-bottom: 0;}
.usluga_index .slick-dotted.slick-slider {margin-bottom: 0;}

.usluga_back {padding: 40px 0 80px; background-size: cover;}
.main_proekt .title_h2  {color: #000000; }
.main_proekt .title_h2 span {color: #33cc00; /* text-shadow: 0 5px 15px rgba(0,0,0,.24); */}

.keys_wrap {width: 20%; padding: 0 5px 10px 5px; }
.keys_wrap_wrap {border-radius: 5px; /* border: 1px solid #eeeeee; */ overflow: hidden;}
.keys_wrap .image .gallery_list_keys img {width: 100%; height: 100%;-o-object-fit: cover; object-fit: cover}
.keys_wrap .image {position: relative; }
.keys_wrap .image .gallery_list_keys {position: relative; z-index: 1000;border-radius: 5px;}
.keys_wrap .image .gallery_list_keys .block {position: relative;height: 350px; border-radius: 5px; overflow: hidden;}
.keys_wrap .image .specific {position: absolute; z-index: 1001; top: 10px; left: 10px; padding: 7px 15px; border-radius: 5px; background: #ffffff; display: none;}
.keys_wrap .slick-next {right: 0;}
.keys_wrap .slick-prev {left: 0;}
.keys_wrap .info {padding: 0 10px 0 10px; display: none;}
.keys_wrap .info .title {font-weight: bold; font-size: 20px;}
.keys_wrap .info ul {margin-top: 10px;}
.keys_wrap .slick-dotted.slick-slider {margin-bottom: 0;}
.keys_wrap .slick-dots {margin-top: -40px; background: #ffffff; border-radius: 5px;}

.keys {margin-bottom: 15px;}
.keys_btn {margin-top: 60px;}
.keys_btn .btn_main_ekskursia {margin-bottom: 80px;}
.keys_btn .btn_main_ekskursia .brd_btn {max-width: 300px; font-weight: bold; font-size: 20px;}
.keys_btn .btn_main_ekskursia .brd_btn.arrow {background-image: url(/images/arrow-up.svg); padding-left: 35px;background-repeat: no-repeat; background-size: 20px; background-position-y: center; background-position-x: 12px;}
.keys_btn p {margin-top: -20px;}

.proektirovanie_wrap {margin: 40px 0 40px 0; padding: 30px 30px; border: 2px dashed #000000; border-radius: 15px; flex-direction: row-reverse;}
.proektirovanie_wrap .right {min-width: 300px; max-width: 350px;}
.proektirovanie_wrap .right.slider_zamer img {width: 100%; border-radius: 15px;}
.proektirovanie_wrap .btn_main_raschet {margin-top: 10px;}
.proektirovanie_wrap .btn_main_raschet a {display: inline-block;}
.proektirovanie_wrap .btn_main_raschet img {width: 25px; display: inline-block;}
.proektirovanie_wrap .text img {margin-bottom: -5px; margin-top: -5px; max-width: 35px;}

.usluga_price .title_text {margin: 0 0 10px 0;}
.usluga_price .title_text_phone {margin: 10px 0 20px 0;}
.btn_usluga_index {margin: 15px 0 40px 0;display: none;}
.main_index_wrap.text_main {margin-top: 50px; margin-bottom: 50px;;}
.advantage_top {background: url(/images/bg_wood.png) 50% 50% / auto #fff;box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.06); display: flex; border-radius: 15px; margin: 0 auto; margin-bottom: 40px; /* margin-top: -90px; */ position: relative; z-index: 1000; width: 100%; flex-direction: row-reverse;}
.advantage_top .left {width: 55%; padding: 30px 30px 30px 30px; background: #ffc13b; border-radius: 15px 0 0 15px; background: url(/images/bg_menu.jpg) 50% 50%; background-size: cover; border-radius: 0 15px 15px 0;}
.advantage_top .title_h2 {font-size: 26px; margin-top: 0;}
.advantage_top .two_right .title_h2 {font-size: 24px; text-align: center;}
.advantage_top .left .title_text {font-size: 16px; margin: 20px 0 0 0;}
.advantage_top .right {padding: 30px 30px 30px 30px; border-radius: 0 10px 10px 0; }
.advantage_top .right .block {width: 100%; display: flex; margin-bottom: 20px;}
.advantage_top .right .block .img img {width: 50px; padding: 5px;}
.advantage_top .right .block .img {padding: 0 20px 0 0;}
.advantage_top .right .block .title {font-size: 30px; font-weight: bold;}
.advantage_top .btn_main_top {display: flex; flex-wrap: wrap; display: none;}
.advantage_top .btn_main_top a {margin-bottom: 5px; margin-right: 5px;}
.advantage_top .two_right {max-width: 400px; width: 100%; padding: 30px 0 0 30px;}
.advantage_top .two_right .image {margin-bottom: 7px;}
.advantage_top .two_right img {width: 100%; border-radius: 10px;}
.main_index_wrap .family {margin: 0 auto; max-width: 800px; text-align: center; margin-top: 80px; margin-bottom: 80px;}
.main_index_wrap .family .left {padding-right: 10px;}
.main_index_wrap .family .left img {width: 150px; height: 150px; border-radius: 50%; -o-object-fit: cover; object-fit: cover;box-shadow: 0 10px 20px rgba(0,0,0,.10);}
.advantage_top .left .title_text span {display: inline-block; border: 1px dashed #000000; border-radius: 7px; padding: 5px 15px; margin-top: 5px; font-size: 18px;}

.main_index_wrap.portfolio.slide100 {margin-bottom: 10px;}
.main_index_wrap.portfolio.slide100 h3 {margin-bottom: 10px;}
.portfolio_main.slide100 .block {padding: 5px; height: 300px;}
.portfolio_main.slide100 .block img {width: 100%; height: 100%;-o-object-fit: cover; object-fit: cover}
.main_index_wrap.portfolio {margin-bottom: 60px;}
.main_index_wrap.portfolio h3 {font-family: 'FiraSans-ExtraBold';}
.main_index_wrap.portfolio .title_text {margin: 0 0 20px 0;}
.main_index_wrap.portfolio .btn_main_ekskursia {margin-top: 20px;}
.main_index_wrap.portfolio .btn_main_ekskursia .brd_btn {max-width: 300px; font-weight: bold; font-size: 20px;}
.main_index_wrap.portfolio .btn_main_ekskursia .brd_btn.arrow {background-image: url(/images/arrow-up.svg); padding-left: 35px;background-repeat: no-repeat; background-size: 20px; background-position-y: center; background-position-x: 12px;}

.main_index_wrap.etapy {margin-top: 80px; margin-bottom: 80px;}
.main_index_wrap.etapy .steps {display: flex; justify-content: space-between;}
.main_index_wrap.etapy .etap {position: relative;}
.main_index_wrap.etapy .etap.step1 {background: url(/images/step_bg_dr.jpg) 50% 50%; background-size: cover; color: #ffffff;}
.main_index_wrap.etapy .etap.step1 a {color: #ffffff;}
.main_index_wrap.etapy .etap.step2 {background: url(/images/step_bg_li.jpg) 50% 50%; background-size: cover;}
.main_index_wrap.etapy .etap.step3 {background: url(/images/step_bg_li.jpg) 50% 50%; background-size: cover;}
.main_index_wrap.etapy .etap {width: 30%;border-radius: 20px;min-height: 400px;box-shadow: 0 10px 25px 0 rgba(6, 12, 34, 0.04); overflow: hidden;position: relative;}
.main_index_wrap.etapy .etap {}
.main_index_wrap.etapy .etap .image {position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; width: 100%;-o-object-fit: cover; object-fit: cover;}
.main_index_wrap.etapy .etap .image_wrap {position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; width: 100%;-o-object-fit: cover; object-fit: cover; height: 100%;}
.main_index_wrap.etapy .etap .image_wrap::before {content:''; position: absolute; width: 100%; height: 100%; z-index: 2;}

.main_index_wrap.etapy .etap .etap_wrap {padding: 30px 30px 30px 30px; position: relative; z-index: 2;;}
.main_index_wrap.etapy .etap.step1 .brd_wh_btn {color: #ffffff; border: 2px solid #33cc00;}
.main_index_wrap.etapy .etap.step1 .brd_wh_btn.arrow {background-image: url(/images/arrow-up.svg); padding: 12px 20px; padding-left: 35px;background-repeat: no-repeat; background-size: 22px; background-position-y: center; background-position-x: 12px; background-color: #33cc00;}
.main_index_wrap.etapy .etap.step1 .brd_wh_btn:hover {background-color: #ffffff; color: #000000; border: 2px solid #ffffff;}
.main_index_wrap.etapy .etap.step1 .btn_main_etap {margin: 30px 0 0 0;}
.main_index_wrap.etapy .etap .title_h2 {font-family:'FiraSans-ExtraBold' ; padding-left: 0;}
.main_index_wrap.etapy .etap .title_text {padding-left: 0;}
.main_index_wrap.etapy .etap .title_h3 {font-family:'FiraSans-ExtraBold'; text-shadow: 0 10px 20px rgba(0,0,0,.84);}
.main_index_wrap.etapy h3 {margin-bottom: 30px;;}

.main_index_wrap.etapy .etap.step1 .title_text {max-width: 60%;}
.main_index_wrap.etapy .etap.step1 .image {bottom: -60px;}


/* shag 2 */
.steps2 {background: url(/images/bg_bottom.webp) no-repeat center top; background-size: cover; padding: 50px 0 30px; margin-top: 80px; margin-bottom: 80px;}
.steps2 .main_index_wrap.etapy {margin-top: 0; margin-bottom: 0; color: #000000;}
.steps2 .steps_wrap {margin-bottom: 0;}
.steps2 .main_index_wrap.etapy .etap {width: auto; min-height: auto; border-radius: 0; box-shadow: none; max-width: 250px;}
.steps2 .icon_wrap {background: #ffffff; border-radius: 50%; padding: 25px; position: relative; z-index: 5;}
.steps2 .icon {padding: 15px; border-radius: 50%; border: 2px solid #ffffff; display: inline-block; position: relative;}
.steps2 .icon_num {position: absolute; background: linear-gradient(0deg, rgb(51 204 0) 0%, rgb(95 231 49) 100%); width: 35px; height: 35px; border-radius: 50%; z-index: 15; color: #ffffff;
display: flex; align-items: center; justify-content: center; top: 5px; left: 5px;}
.steps2 .title {font-size: 22px; font-weight: bold; margin-top: 20px; margin-bottom: 20px;}
.steps2 .block a {color: #000000}
.steps2 .block {text-align: center; padding: 0 5px;}
.steps2 .block .text .btn_main_zvonok {justify-content: center; margin-top: 7px;}

.steps2 .icon_wrap::before {content:''; position: absolute; width: 100%; height: 100%;}

/* etap steps */
body .helper_scroll_1200 {display: flex;}
.steps_wrap {margin-bottom: 80px; }
.steps_wrap .etap_wrap .image {position: relative;}
.steps_wrap .etap_wrap .image img {width: 100%;}
.steps_wrap .etap_wrap .image::before {content:''; position: absolute; width: 100%; height: 100%;}
.steps_wrap .etap_wrap .title_text {font-size: 18px; margin-bottom: 10px; padding-left: 10px;;}
.steps_wrap .etap_wrap .title_h2 {padding-left: 10px;;}
.steps_wrap .etap.step {min-width: 600px;}

.main_index_wrap .gosti_wrap {display: flex; justify-content: space-between; margin-top: 60px; margin-bottom: 80px; flex-direction: row-reverse;}
.main_index_wrap .gosti_wrap .left {width: 50%; padding: 0 0 0 30px;}
.main_index_wrap .gosti_wrap .right {width: 50%; border-radius: 15px; overflow: hidden;;}
.main_index_wrap .gosti_wrap .right img {border-radius: 5px; width: 100%;}
.main_index_wrap .gosti_wrap .right iframe {height: 100%;}
.main_index_wrap .gosti_wrap .right .grayfiltr {height: 100%;}
.contacts_main {margin: 30px 0 30px 0;}
.contacts_main .block {display: flex; margin: 0 0 25px 0;}
.contacts_main .block .number span {padding-right: 6px; border-radius: 4px; display: flex; align-items: center; justify-content: center; min-width: 17px; min-height: 17px; }
.contacts_main .block.adres .number span::before {content:''; background: url(/images/check_normal.svg) no-repeat 50% 50%; width: 22px; height: 22px; background-size: cover;}
.contacts_main .block.phone .number span::before {content:''; background: url(/images/check_normal.svg) no-repeat 50% 50%; width: 20px; height: 20px; background-size: cover;}
.contacts_main .block.worktime .number span::before {content:''; background: url(/images/check_normal.svg) no-repeat 50% 50%; width: 24px; height: 24px; background-size: cover;}
.contacts_main .block .number img {width: 100%;;}
.contacts_main .block .info .title {font-family: 'FiraSans-ExtraBold'; font-size: 20px;;}
.contacts_main .block .info {padding: 0 0 0 10px;}
.main_index_wrap .gosti_wrap .btn_main_zvonok {display: flex;}
.main_index_wrap .gosti_wrap .btn_main_zvonok {}


.step_work_wrap .scroll_head_block {overflow-x: scroll; scrollbar-width: thin;} 
.step_work_wrap .block {min-width: 300px; padding: 40px 20px 20px 30px;; box-shadow: 0 10px 20px rgba(0, 0, 0, .10); border-radius: 15px; background: url(/images/bg_wood.png) 50% 50% / auto #fff; margin-bottom: 15px; display: flex;}
.step_work_wrap .block .left {position: relative;}
.step_work_wrap .block .right {padding-left: 15px;}
.step_work_wrap .block .icon {position: relative; z-index: 500; bottom: -20px;}
.step_work_wrap .block .number {position: absolute; z-index: 50; font-size: 30px; opacity: 1; top: -20px; font-weight: bold; left: 0;}
.step_work_wrap .block .title {font-weight: bold; margin: 5px 0 5px;}
.step_work_wrap .block .icon::before {content:''; position: absolute; width: 100%; height: 100%;}

.main_index_wrap.raschet {margin-top: 80px; margin-bottom: 80px; display: flex; justify-content: end;}
.main_index_wrap.raschet .raschet_wrap {display: flex; justify-content: space-between; border-radius: 10px; padding: 50px 50px;position: relative; z-index: 500; width: 100%; background: url(/images/bg_bottom.webp) no-repeat; background-size: cover;}
.main_index_wrap.raschet .left {width: 60%; }
.main_index_wrap.raschet .left .btn_main_raschet {display: flex;}
.main_index_wrap.raschet .left .title_h2,.title_h3 {font-family: 'FiraSans-ExtraBold';}
.main_index_wrap.raschet .left .title_h2 span {color: #33cc00;}
.main_index_wrap.raschet .right {width: 40%; position: relative;}
.main_index_wrap.raschet .right_wrap {position: relative; max-width: 450px;}
.main_index_wrap.raschet .right img {width: 100%; border-radius: 5px; opacity: .8;}
.main_index_wrap.raschet .right .calculator {position: absolute; max-width: 350px; bottom: -120px;  right: 0;}
.main_index_wrap.raschet .right .calculator img {width: 100%; opacity: 1;}
.main_index_wrap.raschet .left .btn_main_raschet img {width: 25px;}
.main_index_wrap.raschet::after {content:'';position: absolute; width: 345px; height: 365px; background: url(/images/ruller_gaus.webp) 50% 50% no-repeat; z-index: 50; bottom: -80px; left: -100px; opacity: 0.7; background-size: cover;}
.main_index_wrap.raschet .left .btn_main_raschet a {display: inline-block;}

/* rewies */
.rewies .title_h2 {margin-bottom: 20px;}
.rewies_wrap .block_wrap {min-height: 300px; max-height: 300px; overflow: hidden; background: #161616; border-radius: 10px; padding-top: 20px; padding-bottom: 10px;}
.rewies_wrap .block {padding-right: 10px; width: 33%; padding-bottom: 10px;border-radius: 10px; }
.rewies_wrap .block img {width: 100%; }

.main_index_wrap.gk {margin-top: 80px; margin-bottom: 80px; }
.gk_wrap {display: flex; justify-content: space-between; flex-wrap: wrap;}
.gk_wrap .block {width: 50%; margin: 0 0 5px 0; padding: 0 10px 0 0;}
.gk_wrap .block .image {max-width: 100%; min-height: 200px; padding: 20px 20px; border-radius: 10px;}
.gk_wrap .block .image.fund{background: url(/images/gk_fund.jpg) 50% 50%; background-size: cover;}
.gk_wrap .block .image.dom{background: url(/images/gk_dom.jpg) 50% 50%; background-size: cover;}
.gk_wrap .block .image.krovlya{background: url(/images/gk_krovlya.jpg) 50% 50%; background-size: cover;}
.gk_wrap .block .title_h2 {background: #ffd550; padding: 10px 20px; max-width: 70%; border-radius: 10px; font-size: 22px;}
.gk_wrap .block .title_h3 {padding: 0 20px; font-size: 22px;}
.gk_wrap .block .title_text {margin: 10px 0; max-width: 500px;padding: 0 0 0 40px;}
.gk_wrap .block .title_text a {color: #35b3f1;}
.gk_wrap .block.kluch {display: flex; align-items: center;}
.main_index_wrap.gk h3 {margin-bottom: 0;}
.main_index_wrap.gk .title_h2 {font-family: 'FiraSans-ExtraBold'}
.main_index_wrap.gk h3 span {color: #33cc00;}

.main_quiz {margin: 5px 0 80px 0; border: 5px solid #ffd550; border-radius: 10px; padding: 40px 50px 20px;}
.main_quiz .header_gift_wrap {margin-bottom: 0;}
.main_quiz .title {margin: 0 0 15px 0; display: flex; align-items: center;}
.main_quiz .title .left img {width: 70px;}
.main_quiz .title .right {padding: 0 0 0 0; display: flex; align-items: center; flex-wrap: wrap;}
.main_quiz .title .right .title_h2 {font-family: 'FiraSans-ExtraBold'; width: 100%; margin: 0;}
.main_quiz .title .right .title_text {color: #cccccc; margin: 0 0 0 0; width: 100%;}
.main_quiz .title h2 {margin: 0 0 0 0;}
.main_quiz_wrap {display: flex; margin-top: 30px;}
.main_quiz_wrap .left {max-width: 330px;}
.main_quiz_wrap .left img {width: 100%; border-radius: 10px;}
.main_quiz_wrap .right .title_text {margin: -5px 0 20px 0; background: #ffd550; padding: 3px 10px; border-radius: 4px; display: inline-block;}
.main_quiz_wrap .left p {margin: 0;}
.main_quiz_wrap .right {padding: 0 0 0 20px;}
.main_index_wrap.proekt .main_quiz_wrap .title_h2 {font-size: 20px; font-family: 'FiraSans-Light';}
.main_quiz .event_block {margin-bottom: 10px;}
.main_quiz .block.consultation {max-width: 200px;}
.main_quiz .btn_popup {text-decoration: none;}
.main_quiz .btn_popup:hover {color: #000000;}
.quiz_face .rght {min-width: 220px; text-align: center;}
.quiz_face .rght .architector {width: 100%;}
.quiz_face .rght .architector img {width: 150px; height: 150px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; border: 5px solid #eeeeee;}
.quiz_face .rght .title_text {background: #ffd550; padding: 3px 10px; border-radius: 5px; display: inline-block; position: relative; margin-top: -40px;}
.main_quiz .vopros .title {font-size: 28px; font-weight: bold;;}
.main_quiz .vopros .number {font-size: 16px; opacity: .4; margin-bottom: 10px;;}
.main_quiz .wrap .block {width: 33.33%; padding: 0 20px 30px 0;}
.main_quiz .wrap .block .block_wrap img {width: 100%;}
.main_quiz .wrap .block .image {margin-bottom: 7px; background: #e6e9e6; border-radius: 10px; width: 90%;}
.main_quiz .wrap .block img {border-radius: 10px; }
.main_quiz .wrap .block .floor {font-size: 18px; font-weight: bold;}
.main_quiz .header_gift_wrap .header_gift {color: #000000;}
.main_quiz .right {;}
.main_quiz .right {background-color: #f5f5f5; border-radius: 10px; padding: 20px 20px;;}
.main_quiz .right {max-width: 300px; width: 100%; background: url(/images/bg_menu_vert.webp) 50% 50%;}
.main_quiz .right .right_face {margin-bottom: 20px;}
.main_quiz .right .right_face img {width: 100%; max-width: 200px;}
.main_quiz .right .right_face .image {position: relative;}
.main_quiz .right .title_text {background: #feea8c; padding: 12px 20px; margin-top: -60px; color: #000; border-radius: 10px; position: relative;}
.main_quiz .right .right_text {margin-bottom: 10px;}
.main_quiz .right .right_text .info {opacity: .4; font-size: 16px;}
.main_quiz .right .right_get .title {font-weight: bold; font-size: 18px; margin-bottom: -10px;}
.main_quiz .right .right_get ul li {font-size: 16px;}
.main_quiz .btn_main_top a {margin-right: 20px;}
.main_quiz .btn_main_top .gift {display: flex; align-items: center; border: 1px dashed #ccc; border-radius: 7px; padding: 0 15px;}
.main_quiz .btn_main_top .gift img {margin-right: 5px; width: 30px;}
.main_quiz .wrap .block .floor .lft {padding-right: 7px;}
.main_quiz .wrap .block .floor .lft input {width: 20px; height: 20px;}

.quiz_title .left {padding-right: 10px;}
.quiz_title .left img {max-width: 100px;}
.quiz_title .right h2 {margin-top: 0; margin-bottom: 0;}
.quiz_title .right .title_h2 {margin-top: -5px;}

.main_quiz_compl {justify-content: space-evenly; margin-bottom: 10px; display: none;}
.main_quiz_compl .block {font-weight: bold; font-size: 26px; padding: 3px 30px 5px; border-radius: 15px; border: 2px solid #000000; opacity: .15;}

.main_materials {margin: 80px 0 80px 0;}
.main_materials .title_h2 {width: 100%;}
.main_materials_block {width: 30%;}
.main_materials_block:last-child {padding-right: 0;}
.main_materials_block .block::after {content:'';position: absolute; width: 100%; height: 100%; z-index: 50; background: #000000; opacity: 0.2; top: 0;}

.main_materials_block .block.beton {background: url(/images/gost-direct.jpg) 50% 50% no-repeat; background-size: cover; }
.main_materials_block .block.armatura {background: url(/images/gost-vedenie.jpg) 50% 50% no-repeat; background-size: cover;}
.main_materials_block .block.gost {background: url(/images/gost-site.jpg) 50% 50% no-repeat; background-size: cover;}
.main_materials_block .block.razmetka {background: url(/images/gost-seo.jpg) 50% 50% no-repeat; background-size: cover;}

.main_materials_block .block .block_wrap {padding: 0 30px;color: #ffffff; text-shadow: #111111 10px 1px 15px;position: relative; z-index: 500;}
.main_materials_block .block {margin-right: 10px; min-height: 250px; max-height: 400px; margin-bottom: 10px; border-radius: 10px; display: flex; flex-wrap: wrap; align-items: center; overflow: hidden;position: relative; z-index: 500; box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.07);}
.main_materials_block .block .title_h2 {font-size: 32px;}
.main_materials_block .block .title_text {width: 100%; font-size: 26px; font-weight: bold; margin-bottom: 10px; margin-top: 50px;}
.main_materials_block .brd_btn.arrow {border: 2px solid #ffffff; background-color: #ffffff; }
.main_materials_block .brd_btn.arrow:hover {background-color: #33cc00;border: 2px solid #33cc00;}
.main_materials_block .btn_main_top a {text-shadow: none;}
.main_materials .slick-dotted.slick-slider {margin-bottom: 0;}
.main_materials_wrap {display: flex; justify-content: space-between;}


.vitrag {margin-top: 0; margin-bottom: 80px;;}
.vitrag .main_index_wrap .title_h2 {opacity: .15;}
.vitrag_wrap {margin-top: 15px;}
.vitrag_wrap_block {width: 33.333%; display: flex;}
.vitrag_wrap_block .block {width: 100%; min-height: 250px; max-height: 400px; display: flex; flex-wrap: wrap; align-items: center; overflow: hidden;position: relative; z-index: 500;}
.vitrag_wrap_block .block::after {content:'';position: absolute; width: 100%; height: 100%; z-index: 50; background: #000000; opacity: 0.4; top: 0;}

.vitrag_wrap_block .block.vitrag_1 {background: url(/images/vitrag_suho.webp) 50% 50% no-repeat; background-size: cover; }
.vitrag_wrap_block .block.vitrag_2 {background: url(/images/vitrag_krep.webp) 50% 50% no-repeat; background-size: cover; }
.vitrag_wrap_block .block.vitrag_3 {background: url(/images/vitrag_45.webp) 50% 50% no-repeat; background-size: cover; }
.vitrag_wrap_block .block.vitrag_4 {background: url(/images/vitrag_ruki.webp) 50% 50% no-repeat; background-size: cover; }
.vitrag_wrap_block .block.vitrag_5 {background: url(/images/vitrag_nebo.webp) 50% 50% no-repeat; background-size: cover; }
.vitrag_wrap_block .block.vitrag_6 {background: url(/images/vitrag_set.webp) 50% 50% no-repeat; background-size: cover; }

.vitrag_wrap_block .block .block_wrap {color: #ffffff; text-shadow: #111111 10px 1px 15px;position: relative; z-index: 500;; padding: 10px 30px}
.vitrag_wrap_block .block .title_h2 {font-size: 32px;}
.vitrag_wrap_block .block .title_text {width: 100%; font-size: 26px; font-weight: bold; margin-bottom: 10px; margin-top: 50px;}

.vitrag.top_usluga .vitrag_wrap {margin-top: 0;}
.vitrag_wrap_block .block.top_vitrag_1 {background: url(/images/top_bur_1.webp) 50% 50% no-repeat; background-size: cover; }
.vitrag_wrap_block .block.top_vitrag_2 {background: url(/images/top_proem_4.webp) 50% 50% no-repeat; background-size: cover; }
.vitrag_wrap_block .block.top_vitrag_3 {background: url(/images/top_rezka_1.webp) 50% 50% no-repeat; background-size: cover; }
.vitrag_wrap_block .block.top_vitrag_4 {background: url(/images/top_1.webp) 50% 50% no-repeat; background-size: cover; }
.vitrag_wrap_block .block.top_vitrag_5 {background: url(/images/top_balkon_1.webp) 50% 50% no-repeat; background-size: cover; }
.vitrag_wrap_block .block.top_vitrag_6 {background: url(/images/top_4.webp) 50% 50% no-repeat; background-size: cover; }
.vitrag.top_usluga .vitrag_wrap_block .block::after {opacity: 0.4; ;}


/* dom price main */
.price_wrap {margin-top: 0; margin-bottom: 80px;}
.price_wrap h3 {margin-top: 0;}
.price_wrap .text_title {margin-bottom: 0;}
body .main_index_wrap.usluga_price {margin-top: 80px; margin-bottom: 80px;;}
.price_main_dom .price_main_block {display: flex; justify-content: space-between; gap: 20px}
.price_main_dom.pol .price_main_block {justify-content: start;}
.price_main_dom .price_main_block .block {width: 33%; background: #ffffff; border-radius: 10px; box-shadow: 0 10px 25px 0 rgba(6, 12, 34, 0.1); padding: 40px 20px 20px 20px; }
.price_main_dom .price_main_block .price {font-size: 28px; text-align: center; margin-bottom: 10px;}
.price_main_dom .price_main_block .line {height: 1px; background: rgba(0,0,0,.1); margin: 20px 0 5px;}
.price_main_dom .price_main_block li {list-style: none; margin: 13px 0 13px 20px;}
.price_main_dom .price_main_block li span::before {content:''; background: url(/images/icon-check-black.svg) no-repeat 50% 50%; margin-right: 5px; display: inline-block; width: 15px; height: 15px; background-size: cover;margin-bottom: -3px;}
.price_main_dom .price_main_block .title_h2 {text-align: center;}
.price_main_dom .price_main_block p {text-align: center;}
.price_main_dom .price_main_block .custom {padding: 10px 20px; background: url(/images/bg_menu.jpg) 50% 50%; background-size: cover; border-radius: 10px; margin-bottom: 10px; background: url(/images/bg_wood.png) 50% 50% / auto #fff; box-shadow: 0px 4px 30px 0px rgba(0,0,0,0.09);}
.price_main_dom .price_main_block .block.star {background: url(/images/star.webp) 50% 50%; background-size: cover;}
.price_main_block .hiddentext_link {margin-left: 20px;}
.price_main_title {margin-bottom: 10px;}

body .main_index_wrap.usluga_price h3 {margin-bottom: 0;}
body .main_index_wrap.usluga_price h3 span {color: #33cc00;}
body .main_index_wrap.usluga_price .title_h2.text {margin: -25px 0 30px 0; font-size: 20px;color: #33cc00;}
body .main_index_wrap.usluga_price .btn_main_price {display: flex;}
body .main_index_wrap.usluga_price::after {content:'';position: absolute; width: 292px; height: 200px; background: url(/images/strugka.avif) 50% 50%; z-index: 50; bottom: -80px; left: -100px; opacity: 0.7;}
body .main_index_wrap.usluga_price div,h3,p {position: relative; z-index: 100;}
body .main_index_wrap.usluga_price .garant_cena {background: url(/images/garant-cena.jpg) 50% 50%; background-size: cover; padding: 60px 40px; margin-top: 20px; border-radius: 10px; margin-left: auto; width: 90%;}
.price_main_dom .price_main_block .variant {margin: 5px 0 0 0; text-align: center;}
.price_main_dom .price_main_block .image {display: flex; justify-content: center;margin-bottom: 10px;position: relative;}
.price_main_dom .price_main_block .image::before {content: '';    position: absolute;    width: 100%;    height: 100%;}
.price_main_dom .price_main_block .image img {border-radius: 10px; width: 100%; max-width: 220px;}
.garant_cena .title_h2 {font-family: 'FiraSans-ExtraBold';}
.garant_cena .title_h2 span {background: #f50808; padding: 2px 15px 4px 15px; border-radius: 4px; color: #ffffff;}
.garant_cena .title_text a {text-decoration: none; color: #35b3f1; border-bottom: 1px dotted #35b3f1;}
.garant_cena .title_h3 {margin-top: 20px;}
.garant_cena .title_text {margin: 0;}
.garant_cena .fire img {width: 50px; margin-left: 20px;}
.garant_cena .fire {background: #f50808; padding: 5px 25px; border-radius: 10px; color: #ffffff; display: flex; align-items: center; width: fit-content;}



/* table price */
.price_main {padding: 0 30px;}
.price_main .slick-prev {left: 5px;}
.price_main .slick-next {right: 10px;}
.usluga_price table {width: 100%; border-collapse: collapse; border-spacing: 0;}
.usluga_price table tr:hover {background: #f7f4f4;}
.usluga_price table td {border: 1px solid #999; padding: 5px 10px; vertical-align: middle;}
.usluga_price .title_table {background: #33cc00; padding: 10px; color: #ffffff;font-weight: bold; font-size: 20px;}
.usluga_price .title_table img {width: 50px;}

/* price slider index */
.main_index_wrap.price_slider {padding: 0 30px;}
.main_index_wrap.price_slider h3 {margin: 30px 0 0 0;}
.price_main_block .block {width: 97%;}
/* body .main_index_wrap .price_main_block {display: flex; justify-content: center;} */
.price_slider .title_text {margin: 0 0 0 0;}
.price_slider .title_text_phone {margin: 0 0 20px 0; font-weight: bold;}
.btn_price_index {margin: 30px 0 20px 0; display: flex;}
.btn_price_index span::before {content:''; background: url(/images/ico-exell.svg) no-repeat 50% 50%; margin-right: 5px; display: inline-block; width: 20px; height: 20px; background-size: cover;margin-bottom: 0px; }


/* our object */
.object_main {margin: 70px 0 20px 0;}
.object_main .object_block {display: flex; justify-content: space-between; flex-wrap: wrap;}
.object_main .object_block .block {width: 25%;padding: 10px;text-align: center;}
.object_main .object_block .block_wrap {width: 100%; height: 100%;background: #f7f4f4; border-radius: 5px; padding-bottom: 15px;}
.object_main .object_block .block img {width: 100%;}
.object_main .object_block .block .title {font-size: 18px; font-weight: bold;}

/* advantage */
.advantage_main {margin: 100px 0 50px 0;}
.advantage_main .advantage_main_wrap {display: flex; justify-content: space-between; }
.advantage_main .left {width: 60%; display: flex; flex-wrap: wrap;}
.advantage_main .right {width: 40%; text-align: right; margin-top: -40px;}
.advantage_main .right img {width: 100%;}
.advantage_main .right .title_text {font-size: 14px; color: #cccccc; padding-left: 20px;}
.advantage_main .right .title_h2 {font-size: 20px; text-decoration: underline; margin-top: -20px; font-weight: normal;}
.advantage_main .slider_advantage {display: flex; justify-content: space-between;}
.advantage_main .slider_advantage .block {background-color: #f7f4f4;  width: 33%; display: flex; border-radius: 10px; overflow: hidden;}
.advantage_main .slider_advantage .block_wrap {display: flex;align-items: center;padding: 20px 0;}
.advantage_main .slider_advantage .block_wrap.inst {background: url(/images/av-instr.png);background-position: 8rem 1rem; background-repeat: no-repeat; background-size: contain;}
.advantage_main .slider_advantage .block_wrap.uborka {background: url(/images/av-uborka.png);background-position: 8rem 1rem; background-repeat: no-repeat; background-size: contain;}
.advantage_main .slider_advantage .block_wrap.musor {background: url(/images/av-musor.png);background-position: 8rem 1rem; background-repeat: no-repeat; background-size: contain;}
.advantage_main .slider_advantage .block_wrap .text {padding: 10px 15px; width: 60%; font-weight: bold;}
.advantage_main .title_h2 strong {font-weight: bolder;}
.advantage_main .title_h2 {font-weight: normal; line-height: 26px; margin-bottom: 40px;}
.advantage_main h3 {margin-top: 0; color: #33cc00; margin-bottom: -5px;}
.advantage_main .advantage_main_wrap.two {flex-direction: row-reverse; margin-top: 20px;align-items: center;}
.advantage_main .advantage_main_wrap.two .left {width: 65%; padding-left: 30px;}
.advantage_main .advantage_main_wrap.two .right {width: 35%; text-align: left;}
.advantage_main .advantage_main_wrap.two .right .title_h2 { margin-top: -10px; }
.advantage_main .advantage_main_wrap.two .right .title_text {padding-left: 0;}

.number_block {display: flex; margin: 0 0 25px 0; width: 50%; padding-right: 10px;}
.number_block .number {max-width: 50px; min-width: 50px;}
.number_block .number img {width: 100%; background: #fcd444; padding: 15px; border-radius: 50%;}
.number_block .info .title {font-family: 'FiraSans-ExtraBold'; font-size: 20px;;}
.number_block .info {padding: 0 0 0 10px;}

body .main_index .advantage_slider {margin-top: 40px;background: url(/images/beton.webp) 50% 50%;  color: #ffffff; margin-bottom: 80px; background-attachment: fixed; position: relative; display: flex;} /* index */
body .main_page .advantage_slider {margin-top: 40px;background: url(/images/beton.webp) 50% 50%; padding: 60px 0 10px 0; color: #ffffff; margin-bottom: 40px;} /* usluga */
.advantage_slider_wrap {display: flex; width: 100%;}
.advantage_slider_wrap .right {width: 55%; padding: 0 10px 0 0;}
.advantage_slider_wrap .left {width: 45%; position: relative;padding: 0 20px 0; }
.advantage_slider_wrap .left img {width: 100%; border-radius: 10px;}
.advantage_slider_wrap .left .perforator {width: 55%; padding: 0; position: absolute; bottom: 50%; left: 40%;}
.advantage_slider_wrap .title_h2 {text-shadow: #111111 10px 1px 15px;}
.advantage_slider_wrap .title_text {text-shadow: #111111 10px 1px 15px;}
body .main_index .advantage_slider .advantage_slider_wrap_wrap {position: relative; z-index: 100;padding: 30px 10px 0 10px;}
body .main_index .advantage_slider .header_wrap_bg {opacity: 0.5; background-color: #ffffff;}
.advantage_slider .title_h2 {margin: 0 auto; max-width: 1300px; padding: 0 10px; z-index: 1000; position: relative; color: #000000; padding-top: 30px;}
.portfolio_main {padding: 0 20px;}
.portfolio_main .block {width: 25%;}
.portfolio_main .block img {width: 100%; padding: 1px; border-radius: 5px;}
.portfolio_main .block img:hover {opacity: .5;;}
.portfolio_main .slick-prev {left: 0;}
.portfolio_main .slick-next {right: 0;}
.portfolio_main_tabs {padding: 0 20px;}
.portfolio_main_tabs .block {width: 25%;}
.portfolio_main_tabs .block img {width: 100%; padding: 1px; border-radius: 5px;}
.portfolio_main_tabs .block img:hover {opacity: .5;;}
.portfolio_main_tabs .slick-prev {left: 0;}
.portfolio_main_tabs .slick-next {right: 0;}

.slider_main {width: 100%; position: relative; background: url(/images/blur.jpg) 50% 50%; background-attachment: fixed; margin: 0 0 50px 0;background-size: cover;}
.slider_main_wrap {margin: 0 auto; max-width: 1300px; display: flex; position: relative; z-index: 1000; padding: 50px 10px; width: 100%;}
.slider_main .left {width: 30%; padding-right: 20px;}
.slider_main .left img {width: 100%; border-radius: 10px;}
.slider_main .right {width: 70%; }
.slider_main .right h2 {margin-top: 5px; margin-bottom: 5px;}
.slider_main .right h3 {margin-top: 10px; margin-bottom: 5px;}
.slider_main .right .advantage {margin: 5px 0; }
.slider_main .right .advantage div {background: #646561; border-radius: 3px; padding: 3px 15px; margin: 6px 0; color: #ffffff; width: fit-content;}
.slider_main .header_wrap_bg {opacity: 0.05; right: 0; left: 0; background: #ffffff;}
.slider_main .header_wrap_bg_maket {opacity: .6; background: url(/images/maket.svg) 20% 20%; background-size: cover; z-index: 52;right: -40%; position: absolute; width: 100%; height: 100%;}
.btn_main_face {display: flex;}
.btn_main_face .brd_btn {margin-right: 5px;}



/* order main page */
.main_index_wrap.order {margin-top: 60px;text-align: center;margin-bottom: -30px;}
.main_index_wrap.order h3 {margin-bottom: 0;}
.main_index_wrap.order .title_h2 {margin-top: 0; font-weight: normal; margin-bottom: 20px;}
.order_main {display: flex; align-items: flex-end;justify-content: center;}
.order_main .left {max-width: 400px;}
.order_main .left img {width: 80%;}
/* order main page */
body .order_callback {max-width: 450px; color:#000000; border-radius: 20px;background: #ffffff;border: 5px solid #ffd940; padding: 20px 30px;box-shadow: 0 0 30px 0 rgba(0,0,0,.15);margin-left: -60px; margin-bottom: 30px;}
.order_callback .info .text img {width: 22px;}
.order_callback .info {margin-bottom: 15px;}
.order_callback .block {margin: 10px 0;}
.order_callback .block2 {margin: 10px 0}
.order_callback .block select {font-family: 'FiraSans-Light'; font-size: 18px; padding-left: 10px; width: 100%; height: 50px; border-radius: 4px; cursor: pointer; outline: none; background-image: url(/images/select.png); background-position: right center; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; -ms-appearance: none; appearance: none!important; background-position: 95% 50%; border: 1px solid #000000; color: #33cc00}
.order_callback .block input {width: 100%; height: 50px; font-size: 18px; border-radius: 4px; outline: none; padding-left: 10px;border: 1px solid #000000; font-family: 'FiraSans-Light';}
.order_callback .block textarea {width: 100%; height: 100px; font-size: 18px; border-radius: 4px; outline: none; padding-left: 10px;  padding-top: 5px;border: 1px solid #000000; font-family: 'FiraSans-Light';}
.order_callback .check_privacy input {width: 15px; height: 15px;}
.order_callback .check_privacy {font-size: 14px; opacity: .4;}
.order_callback .block .text_label_input.error {border: 3px solid #f58993;}

.order_callback .block.radio {margin: 0; margin-top: 5px; margin-bottom: 15px;}
.order_callback .block.radio fieldset {display: flex; flex-wrap: wrap;align-items: center; }
.order_callback .block.radio fieldset div {padding: 0 15px 5px 0; font-size: 18px;}
.order_callback .block.radio input {width: auto; height: auto; margin-left: 0; margin-right: 2px;}
.order_callback .block.radio label {margin-right: 10px; cursor: pointer;}
.order_callback .block.radio label:last-child {margin-right: 0px;}
.order_callback .block.title {margin: 10px 0 10px 0; font-weight: bold;}

/* page usluga */
.header_event_page {width: 100%;  margin: 0 auto; position: relative; z-index: 550; background: url(/images/bg_mobile.jpg) 50% 50%; background-size: cover; margin-top: -23px; overflow: hidden;}
.header_event_page .header_wrap {display: flex; min-height: 600px; align-items: center;}
.header_event_page .header_wrap.page_raboty {min-height: auto; ;}
.header_event_page .header_center {max-width: 1300px; width: 100%;  margin: 0 auto; position: relative; z-index: 550; padding: 15px 10px;  }

.header_event_page h1 {font-family: 'FiraSans-ExtraBold'; margin-top: 40px; margin-bottom: 15px;}
.event_page_wrap {display: flex;}
.event_page_wrap .left {min-width: 45%; padding-right: 20px;}
.event_page_wrap .left .gallery_1 img {width: 100%; border-radius: 5px;}
.event_page_wrap .left .gallery_2 {margin: 10px 0 0 0;}
.event_page_wrap .right {padding: 40px 40px; border-radius: 5px;  background: url(/images/bg_wood.png) 50% 50% / auto #fff; box-shadow: 0px 4px 30px 0px rgba(0,0,0,0.05);}
.event_page_wrap .right .specifications {display: flex; flex-wrap: wrap; justify-content: space-between;}
.event_page_wrap .right .specifications .block {width: 48%; margin-bottom: 15px;}
.event_page_wrap .right .specifications .block .block_wrap {display: flex; padding: 10px 10px; background: #f8f8f8; height: 100%; border-radius: 5px;}
.event_page_wrap .right .specifications .block .block_wrap .image {max-width: 45px; min-width: 40px; width: 100%; padding-right: 10px;}
.event_page_wrap .right .specifications .block .block_wrap .image img {width: 100%;}
.event_page_wrap .right .specifications .block.razmer .block_wrap .image img {width: 90%;}
.event_page_wrap .right .specifications .block .block_wrap .info .text {color: #777777;}
.event_page_wrap .right .specifications .block .block_wrap .info .title {font-size: 20px; font-weight: bold; font-family: 'FiraSans-ExtraBold';}

.specifications .block_wrap .lft {margin-right: 10px;}
.specifications .block_wrap .lft .icon {background: #f5d01c; padding: 10px 10px; border-radius: 5px;}
.specifications .block_wrap .lft .icon span::before {content:''; display: block; background: url(/images/check_normal.svg); width: 22px; height: 22px; background-repeat: no-repeat;}

.event_page_wrap .right .deadlines {margin: 40px 0 40px 0;}
.event_page_wrap .right .deadlines .block {}
.event_page_wrap .right .deadlines .block img {max-width: 25px; margin-right: 5px;}
.event_page_wrap .right .deadlines .block span {font-weight: bold;font-family: 'FiraSans-ExtraBold';}
.event_page_wrap .right .prices {margin: 20px 0 40px 0;}
.event_page_wrap .right .prices .block {align-items: center; justify-content: center;justify-content: space-between; gap: 10px;}
.event_page_wrap .right .prices .block .price {font-weight: bold; font-size: 24px; font-family: 'FiraSans-ExtraBold';}
.event_page_wrap .right .btn_main {display: flex; align-items: center;}
.event_page_wrap .right .btn_main .btn_popup.green_btn {font-size: 18px; font-weight: bold;-webkit-transition: background-color .3s ease,color .3s ease; transition: background-color .3s ease,color .3s ease;}
.event_page_wrap .right .btn_main a {margin-right: 10px; max-width: 340px;}
.event_page_wrap .right .btn_main .arrow::before {content:''; display: inline-block; background: url(/images/set-square.svg) no-repeat; width: 50px; height: 22px; margin-right: 8px;}
.header_event_page .breadcrumb {margin: 0 0 20px 0;}
.header_event_page .event_material {margin: -10px 0 10px 0;}
.header_event_page .event_material img {width: 40px; border-radius: 5px; margin-right: 5px; margin-left: 5px;}
.event_page_wrap .right .phone_block {margin: 40px 0 20px 0;}
.event_page_wrap .right .phone_block .title {font-size: 18px; }
.event_page_wrap .right .phone_block .number a {font-size: 30px; font-weight: bold; text-decoration: none;}
.event_prices {margin: 80px 0 40px 0;}
.price_main_dom.event_table {background: #ffffff; border-radius: 10px; box-shadow: 0 10px 25px 0 rgba(6, 12, 34, 0.1); padding: 20px 20px 20px 20px;}
.price_main_dom.event_table .price_main_block {}
.price_main_dom.event_table .price_main_block .block {background: none; padding: 20px 20px 20px 20px; box-shadow: none;;}
#complete {margin-top: -80px; position: absolute;}
.main_page.usluga_page h2 {margin-bottom: 0;}
.main_page.usluga_page .event_prices h3 {margin-bottom: 20px;}

.usluga_page .materials {padding: 30px 30px 10px; background: url(/images/bg_menu.jpg) 50% 50%; background-size: cover; border-radius: 5px; display: inline-block;}
.usluga_page .materials .title {font-size: 20px; margin-bottom: 10px;;}
.usluga_page .materials .block {margin-bottom: 10px;}
.usluga_page .materials .block .mini_material {width: 55px; height: 55px;}


#eventpage .usluga_page .silder_usluga {margin: 0 0 80px 0;}
.usluga_description {display: flex;}
.usluga_description .left {width: 30%;}
.usluga_description .left img {width: 100%; border-radius: 10px;}
.usluga_description .right {width: 70%; padding: 0 0 0 25px; }
.usluga_photo_wrap .block {width: 25%; padding: 1px;}
.usluga_photo_wrap .block img {width: 100%; border-radius: 5px;}
.usluga_photo_wrap .block img:hover {opacity: .5;;}
.usluga_page .usluga_price .title_text_phone {margin: 0 0 20px 0; font-weight: bold;}
.usluga_page .usluga_price h3 {margin: 30px 0 0 0;}
.usluga_page .usluga_price .title_text {margin: 0 0 0 0;}
.usluga_stoimost {background: #ffcc33; padding: 10px 30px; font-size: 20px; font-weight: bold; border-radius: 5px;display: inline-block;margin-top: -18px; margin-bottom: 5px;}
.usluga_stoimost_text {color: #bbbbbb; font-size: 14px; max-width: 600px;}
.usluga_page .footer_brick {margin: 40px 0 50px 0;}
.usluga_order_top {display: flex; }
.usluga_order_top .left {width: 70%;}
.usluga_order_top .right {width: 30%; margin-top: -150px;}
.usluga_order_top .left .phone {display: flex; width: 100%;}
.usluga_order_top .left .phone .btn_main_top {width: 50%; display: flex; align-items: center;}
.usluga_order_top .left .phone .phone_block {width: 50%; padding-right: 10px;}
.usluga_order_top .left .phone .phone_block .title {font-size: 18px; }
.usluga_order_top .left .phone .phone_block .number a {font-size: 30px; font-weight: bold; text-decoration: none;}
.usluga_order_top .left .phone .calculator {display: inline-block; padding: 0 10px 0 10px;}
.usluga_order_top .left .phone .calculator_wrap {display: flex; align-items: center; font-size: 18px;}
.usluga_order_top .left .phone .calculator span {background: url(/images/calculator.svg); display: inline-block; width: 32px; height: 35px; background-repeat: no-repeat;}
.usluga_page .director_face {display: flex; width: 100%; margin: 80px 0 50px 0;}
.usluga_page .director_face .left {width: 40%; padding: 0 30px 0 0;}
.usluga_page .director_face .left img {width: 100%; border-radius: 10px;}
.usluga_page .director_face .right {width: 60%; ;}

.usluga_zamer {background: url(/images/bg_zamer.jpg) 50% 50%; background-size: cover; width: 100%; min-height: 300px; background-attachment: fixed; border-radius: 10px; display: flex; flex-wrap: wrap; align-items: center; padding: 20px 40px;}
.usluga_zamer .usluga_zamer_wrap {max-width: 80%;}
.usluga_zamer .btn_zamer {display: flex;}
.usluga_zamer .btn_zamer .arrow::before {content:''; display: inline-block; background: url(/images/arrow-up.svg) no-repeat; width: 22px; height: 22px; }
.usluga_zamer .title_h2 {font-size: 32px;}
.usluga_zamer .title_text {font-size: 18px; font-weight: bold;}

.usluga_photo_wrap {padding: 0 20px;}
.usluga_photo_wrap .slick-prev {left: 0;}
.usluga_photo_wrap .slick-next {right: 0;}

/* director usluga */
.director_face .director_advanced {width: 100%; padding: 20px 0 0 0; display: flex; flex-wrap: wrap; box-sizing: border-box; align-items: center;}
.director_face .director_advanced .block {width: 33%; display: flex; padding: 0 10px 0 0;}
.director_face .director_advanced .block .img img {width: 40px; padding: 5px;}
.director_face .director_advanced .block .img {padding: 0 10px 0 0;}
.director_face .director_advanced .block .title {font-size: 30px; font-weight: bold;}
.director_face .moscow .moscow_map img {width: 100%;}
.director_face .moscow .moscow_map {max-width: 50%;}

/* map usluga */
.director_map {margin: 80px 0 0 0; width: 100%; display: flex;}
.director_map .right {width: 35%;}
.director_map .right img {width: 100%;}
.director_map .left {width: 65%; padding-right: 10px;}
.director_map .left .title_h2 {margin: -20px 0 40px 0;}
.director_map .left .title_text {margin: 0 0 40px 0;}
.director_map .map_advantage {display: flex; flex-wrap: wrap; width: 100%;}
.director_map .map_advantage .block {width: 50%; padding: 0 20px 40px 0; display: flex;}
.director_map .map_advantage .block .images {width: 25%;}
.director_map .map_advantage .block .images img {width: 100%; padding-right: 10px;}
.director_map .map_advantage .block .text_advantage {width: 75%;}
.director_map .map_advantage .block .text_advantage .title {font-size: 18px; font-weight: bold; margin: 0 0 0 0;;}
.director_map .title_h2 span {color: #33cc00;}

/* order top usluga */
body .usluga_order_top .right .block_wrap {max-width: 450px; color:#000000; border-radius: 10px;background: #ffffff;border: 5px solid #ededed; padding: 10px 30px;box-shadow: 0 0 30px 0 rgba(0,0,0,.15);margin-left: -60px; margin-bottom: 30px;}
.usluga_order_top .right .block_wrap .info .text img {width: 22px;}
.usluga_order_top .right .block_wrap .info {margin-bottom: 15px;}
.usluga_order_top .right .block_wrap .block {margin: 10px 0;}
.usluga_order_top .right .block_wrap .block2 {margin: 10px 0}
.usluga_order_top .right .block_wrap .block select {font-family: 'FiraSans-Light'; font-size: 16px; padding-left: 10px; width: 100%; height: 50px; border-radius: 4px; cursor: pointer; outline: none; background-image: url(/images/select.png); background-position: right center; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; -ms-appearance: none; appearance: none!important; background-position: 95% 50%; border: 1px solid #000000;}
.usluga_order_top .right .block_wrap .block input {width: 100%; height: 40px; font-size: 16px; border-radius: 4px; outline: none; padding-left: 10px;border: 1px solid #000000;font-family: 'FiraSans-Light';}
.usluga_order_top .right .block_wrap .block textarea {width: 100%; height: 70px; font-size: 16px; border-radius: 4px; outline: none; padding-left: 10px;  padding-top: 5px;border: 1px solid #000000;font-family: 'FiraSans-Light';}
.usluga_order_top .right .block_wrap .check_privacy input {width: 15px; height: 15px;}
.usluga_order_top .right .block_wrap .check_privacy {font-size: 14px;}
.usluga_order_top .right .block_wrap .box_label_input .label_input {font-size: 16px;}


/* category page */
.category_usluga .category_wrap {margin: 30px 0 60px 0; width: 50%;}
.category_usluga .category_block {display: flex; width: 100%;}
.category_usluga .category_block .left {max-width: 33%;}
.category_usluga .category_block .left img {width: 100%; border-radius: 10px;}
.category_usluga .category_block .right {width: 75%; padding: 0 0 0 20px;}
.category_usluga .category_block .right .title {font-size: 24px; margin: 0 0 5px 0; font-weight: bold;}
.category_usluga .category_block .right .text ul {display: flex; flex-wrap: wrap;}
.category_usluga .category_block .right .text li {list-style: none; margin-left: 0;}
.category_usluga .category_block .right .text li a {display: inline-block; background: #c5edc3; padding: 5px 20px; border-radius: 5px; color: #000000; text-decoration: none; margin: 0 5px 2px 0;}
.category_usluga .category_block .right .text li a:hover {background: #33cc00; color: #ffffff}
.category_usluga .category_block .right .more {margin: 20px 0 0 0; display: flex;}

/* order popup */
.window_success {width: 100%; height: 100%; position:fixed; z-index:10000; background:url(/images/bg_load.png); top:0px; font-size: 16px; display: flex; justify-content: center; align-items: center;}
.window_success .window {background: #ededed; padding: 5px 30px 25px 20px; border-radius: 5px; max-width: 400px; margin: 10px;}
.window_success .window h2 {margin-bottom: 10px;}
.window_success .window .text div {font-size: 20px; color: #fff; margin-bottom: 10px; }
.window_success .window .phone {margin: 15px 0 15px 0; }
.window_success .window .phone a {text-decoration: none;font-size: 20px; font-weight: bold;}
.window_success .window .phone.catalog a {text-decoration: underline;}
body .window_success .window .close {display: flex;}
body .window_success .window .close .brd_btn .arrow::before {content:''; display: inline-block; background: url(/images/arrow-up.svg) no-repeat; width: 22px; height: 22px; background-size: cover;}

/* sitemap usluga */
.sitemap_usluga {display: flex; flex-wrap: wrap; }
.sitemap_usluga_block {width: 20%; margin: 20px 0; box-sizing: border-box; padding: 0 10px}
.sitemap_usluga_block .title a {border-bottom: 1px solid #f03434; text-decoration: none}
.sitemap_usluga_block img {width: 100%; border-radius: 5px;}
.sitemap_alphabet {font-size: 30px; font-weight: bold; border-bottom: 1px dotted; cursor: pointer; margin-bottom: 10px; display: inline-block; margin-right: 15px;}
.sitemap_alphabet:hover {color: #cc6600}

/* advantage usluga */
.usluga_advantage .slider_advantage {display: flex; flex-wrap: wrap; flex-direction: column; align-items: end;}
.usluga_advantage .slider_advantage .block {margin: 5px 0 5px 10px; background-color: #e9e7e7;  width: 60%; display: flex; border-radius: 10px; overflow: hidden; height: 100%;}
.usluga_advantage .slider_advantage .block_wrap {display: flex;align-items: center;padding: 20px 0;}
.usluga_advantage .slider_advantage .block_wrap.inst {background: url(/images/av-instr.png);background-position: right; background-repeat: no-repeat; width: 100%;}
.usluga_advantage .slider_advantage .block_wrap.uborka {background: url(/images/av-uborka.png);background-position: right; background-repeat: no-repeat; width: 100%;}
.usluga_advantage .slider_advantage .block_wrap.musor {background: url(/images/av-musor.png);background-position: right; background-repeat: no-repeat; width: 100%;}
.usluga_advantage .slider_advantage .block_wrap .text {padding: 10px 15px; width: 80%; font-weight: bold; font-size: 18px; text-shadow: #ffffff 5px 1px 15px;}
.slider_main_wrap .usluga_advantage .slider_advantage {align-items: start;}
.slider_main_wrap .usluga_advantage .slider_advantage .block_wrap {padding: 10px 0;}

/* TABS portfolio */
.taby_portfolio {display: none;}
#tabs_portfolio{}
.tabs_portfolio-nav{overflow:hidden}
.tabs_portfolio-nav li{display:block;float:left;list-style:none; margin-left: 0; margin-bottom: 5px;}
.tabs_portfolio-nav a{margin-right: 20px; border: 2px dotted #000000; padding: 10px 15px; border-radius: 15px;color: #000000;font-size: 20px; opacity: .3;}
.tabs_portfolio-nav a{display:block;text-decoration:none;text-align:center}
.tabs_portfolio-nav a.active{color:#000000;border: none; padding-left: 0; opacity: 1; font-weight: bold;}


/* TABS */
#tab1 {background-image: none;}
.tabs {max-width: 1300px; margin: 0 auto; position: relative; z-index: 100; }
#tabs-event section {display: none;  padding: 25px 0 0 0;}
.tabs input {display: none;}
#tabs-event #content4 {padding: 25px 10px 0 10px}
.tabs label {display: inline-block;color: #35b3f1; margin-right: 10px; text-decoration: none; font-size: 20px; font-weight: normal; margin-right: 20px; border: 2px dotted #35b3f1; padding: 10px 15px; border-radius: 5px;}
.tabs label:hover {cursor: pointer; }
.tabs input:checked + label {font-weight: bold; border: none; padding-left: 0;}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5 {display: block;}
#tabs-event .event-comment .titleforma {color: #000; font-weight: bold;}

/* box_label */
.box_label_input{position:relative}
.text_label_input[type="search"]::-webkit-search-decoration,.text_label_input[type="search"]::-webkit-search-cancel-button,.text_label_input[type="search"]::-webkit-search-results-button,.text_label_input[type="search"]::-webkit-search-results-decoration{-webkit-appearance:none}
.text_label_input:disabled,.text_label_input[readonly]{background-color:#f9f9f9;opacity:1}
.box_label_input .text_label_input{height:calc(2.5rem + 2px);padding:0.5rem 0.75rem}
.box_label_input .label_input{position:absolute;top:50%;left:0.3125rem;display:flex; transform:translateY(-50%);pointer-events:none;border:none; background-color:#fff;color:#000000; padding-left:0.5rem;padding-right:0.5rem; transition:top 0.1s ease-in-out,scale 0.1s ease-in-out; font-size: 18px;border-radius: 4px;}
.box_label_input .label_input.label_input_textarea {top:24px;}
.usluga_order_top .box_label_input .label_input.label_input_textarea {top:18px;}
.box_label_input .label_input.label_input_search {left:40px;background: none;}
.box_label_input .label_input.label_input_rew {margin-top: auto; height: auto;padding: 3px 5px;}
.box_label_input .text_label_input::-moz-placeholder{color:transparent}
.box_label_input .text_label_input::placeholder{color:transparent}
.box_label_input .text_label_input:focus~.label_input,.box_label_input .text_label_input:not(:placeholder-shown)~.label_input{top:0;transform:translateY(-50%) scale(0.75);margin-left: -10px; box-sizing:border-box; color: #cccccc;}
.box_label_input .text_label_input:focus~.label_input.label_input_search,.box_label_input .text_label_input:not(:placeholder-shown)~.label_input.label_input_search{transform:translateY(-5%) scale(0.75);margin-left: -20px;}



*,*::before,*::after{box-sizing:border-box}
:root{--darkBlue:#010a43;--lightGreen:#b7d9fe;--whiteClr:#fff;--lightBlue:rgba(0,64,128,0.2);--intenseBlue:#46b3e6}
#surveyform .container{min-height:100vh;display:grid;grid-gap:40px;align-content:center}
#surveyform .main{display:block;align-self:start}
#surveyform button,input,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
#surveyform button,input{overflow:visible}
#surveyform button,select{text-transform:none}
#surveyform button,[type="button"],[type="submit"]{-webkit-appearance:button}
#surveyform button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
#surveyform button:-moz-focusring,[type="button"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
#surveyform [type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}
#surveyform [type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
#surveyform .illustration{width:100%;border-style:none}
#surveyform label{cursor:pointer; font-size: 20px;}
@media (min-width:700px){.container{grid-template-columns:1fr 1fr;max-width:1400px;margin:0 auto;align-items:center}
#surveyform .header,.main{grid-row:1}
#surveyform }
#surveyform .progressbar{margin:0rem 1rem 2rem; /* display:flex; */ flex-direction:row;justify-content:space-between;counter-reset:list;height:30px; display: none; }
#surveyform .progressbar__step{position:relative;width:20%;line-height:1.4}
#surveyform .progressbar__step.active:before{background-color:var(--lightGreen)}
#surveyform .progressbar__step:nth-child(2)::after,.progressbar__step:nth-child(3)::after,.progressbar__step:nth-child(4)::after,.progressbar__step:nth-child(5)::after,.progressbar__step:nth-child(6)::after,.progressbar__step:nth-child(7)::after{content:"";position:absolute;left:-100%;top:12px;z-index:-1;width:100%;height:2px;background-color:var(--lightBlue)}
#surveyform .progressbar__step.active:nth-child(2)::after,.progressbar__step.active:nth-child(3)::after,.progressbar__step.active:nth-child(4)::after,.progressbar__step.active:nth-child(5)::after,.progressbar__step.active:nth-child(6)::after,.progressbar__step.active:nth-child(7)::after{background-color:var(--lightGreen)}
#surveyform .progressbar__step:before{counter-increment:list;content:counter(list);position:absolute;display:block;width:25px;height:25px;font-size:0.85rem;background-color:var(--whiteClr);text-align:center;border:3px solid var(--lightBlue);border-radius:100%}
#surveyform .survey{display:flex;flex-direction:column}
#surveyform .survey__panel{display:none; visibility: hidden; position: absolute; padding: 0 0 20px 0;}
#surveyform .survey__panel--current{display:none; visibility: visible; position: relative;}
#surveyform .survey__panel__question{font-size: 22px; line-height: 22px;}
#surveyform .survey__panel strong{--darkGrey:#4b4b4b;display:block;margin-bottom:0.3rem;font-weight:normal;font-size:0.95rem;color:var(--darkGrey)}
#surveyform .error-message{margin-bottom:0;margin-top:5px;color:#f13546; font-weight: bold;}
#surveyform [role="alert"]{display:block}
#surveyform .survey__panel__period{/* display:grid;grid-gap:13px;grid-template-columns:repeat(2,150px)*/ display: flex; flex-wrap: wrap;}
#surveyform .survey__panel__period .form-group.messquizinput {border: 0;}
#surveyform .survey__panel__period .form-group.messquizinput input {border: 2px solid var(--lightBlue); min-height: 65px; margin-bottom: 0;}
#surveyform .survey__panel__period .form-group {width: 47%; margin-right: 10px; margin-bottom: 10px; border: 2px solid var(--lightBlue); border-radius: 5px; border-radius: 5px;}
#surveyform .survey__panel__period .form-group:nth-child(even) {margin-right: 0;}

#surveyform .survey__panel__period .form-group img {width: 90px; margin-right: 5px; border-radius: 5px; }
#surveyform .survey__panel__period label {display: flex; align-items: center; padding: 4px 4px;}
#surveyform .survey__panel__period label span {text-align: left;}

#surveyform .survey__panel__period [type="radio"]{opacity:0;display:block;width:5px;height:5px;position:absolute;z-index:1;cursor:pointer}
.survey__panel__period label{display:inline-block;position:relative; width: 100%;min-height: 65px;padding:0;text-align:center;border-radius:3px}
#surveyform .survey__panel__period label:hover,.survey__panel__period [type="radio"]:checked + label{border-color:var(--intenseBlue);background: #b7d9fe}
#surveyform .survey__panel__period label:hover {background: #b7d9fe;}
#surveyform .review__period [type="radio"]:checked + label{border:var(--intenseBlue)}
#surveyform .radiobox,.radiobox:checked,.radiobox:not(:checked),.checkbox,.checkbox:not(:checked){opacity:0}
#surveyform .radiobox:checked + label,.radiobox:not(:checked) + label,.checkbox:checked + label,.checkbox:not(:checked) + label{position:relative;padding-left:30px}
#surveyform .radiobox:checked + label:before,.radiobox:not(:checked) + label:before,.checkbox:checked + label:before,.checkbox:not(:checked) + label:before{content:"";position:absolute;left:0;top:0;width:23px;height:23px;border:1px solid #b8b7b7;border-radius:100%;background-color:var(--whiteClr)}
#surveyform .radiobox:checked + label:after,.radiobox:not(:checked) + label:after{content:"";width:9px;height:9px;background-color:var(--intenseBlue);position:absolute;left:7px;top:7px;border-radius:100%;transition:transform 0.2s cubic-bezier(0.785,0.135,0.15,0.86),opacity 0.2s cubic-bezier(0.785,0.135,0.15,0.86)}
#surveyform .radiobox:not(:checked) + label:after,.checkbox:not(:checked) + label:after{opacity:0;transform:scale(0)}
#surveyform .radiobox:checked + label:after,.checkbox:checked + label:after{opacity:1;transform:scale(1)}
#surveyform .form-group .dop_checkbox {width: 20px; height: 20px; margin-right: 12px;}
.dop_checkbox_wrap .form-group {display: flex;align-items: center;}
#surveyform .form-group {margin-bottom: 17px;}
#surveyform .form-group-textarea{margin-top:1rem}
#surveyform .form-group-textarea label{display:block;font-size:0.95rem}
#surveyform .form-group-textarea textarea{padding:10px;overflow:auto;font-size:0.9rem;display:block;border:2px solid var(--lightBlue);font-family:inherit;width:100%;resize:vertical;min-height:100px;max-width:300px;color:var(--darkBlue);-webkit-appearance:none}
#surveyform .survey__panel .radiobox{margin-left:0;display: none;}
#surveyform .checkbox:checked + label:before,.checkbox:not(:checked) + label:before{border-radius:0}
#surveyform .checkbox:checked + label:before{background-color:var(--intenseBlue)}
#surveyform .checkbox:checked + label:after,.checkbox:not(:checked) + label:after{content:"";position:absolute;left:4px;top:7px;width:2px;height:2px;background-color:var(--whiteClr);box-shadow:2px 0 0 var(--whiteClr),4px 0 0 var(--whiteClr),4px -2px 0 var(--whiteClr),4px -4px 0 var(--whiteClr),4px -6px 0 var(--whiteClr),4px -8px 0 var(--whiteClr);transform:rotate(45deg);transition:transform 0.2s cubic-bezier(0.785,0.135,0.15,0.86),opacity 0.2s cubic-bezier(0.785,0.135,0.15,0.86),background-color 0.2s cubic-bezier(0.785,0.135,0.15,0.86)}
#surveyform .survey__panel__personaldetails .form-group{margin:1rem 0}
#surveyform .survey__panel__personaldetails .name,.survey__panel__personaldetails .email,.survey__panel__personaldetails .age{display:block;font-size:0.95rem}
#surveyform .survey__panel__personaldetails [name="name"],.survey__panel__personaldetails [name="email"],.survey__panel__personaldetails [name="country"]{width:100%;padding:0.6rem 0.75rem;border:2px solid var(--lightBlue);max-width:300px;-webkit-appearance:none}
#surveyform .survey__panel__personaldetails [name="age"]{padding:0.6rem 0.75rem;border:2px solid var(--lightBlue);-webkit-appearance:none}
#surveyform .form-buttons{display:flex;max-width:400px;margin-top:auto}
#surveyform .button{--btnClr:#5f6caf;display:inline-block;padding:10px 20px;background-color:var(--btnClr);color:var(--whiteClr);border:2px solid var(--btnClr);border-radius:3px;font-family:inherit;cursor:pointer; margin-right: 10px;}
#surveyform .button:nth-child(3) {margin-right: 0;}
#surveyform button[disabled]{display:none}
#surveyform .button:hover{--btnHoverClr:#444e83;background-color:var(--btnHoverClr);border-color:var(--btnHoverClr)}
#surveyform .visuallyhidden{position:relative; margin-right: 10px; color: #000; opacity: .3;;}
#quiz_mr #surveyform .visuallyhidden{color: #6fb9e5; opacity: 1;;}

#surveyform .form-group.messquiz input {width: 0; height: 0;}
#surveyform .form-group.messquiz {margin-bottom: 20px; display: flex; flex-wrap: wrap;}
#surveyform .form-group.messquiz .block {margin: 0 10px 10px 0;}
#surveyform .form-group.messquizinput input {width: 100%; height: 50px; font-size: 20px; border-radius: 4px; outline: none; padding-left: 10px;border: 1px solid #000000;font-family: 'FiraSans-Light';margin-bottom: 5px;max-width: 400px;}
#surveyform .gift {width: 30px; margin-right: 0; margin-top: -10px;}

.marquiz_face_block_bottom {font-size: 16px; margin-bottom: 7px;}
.survey__panel__satisfaction {margin-top: 20px;}