@media (min-width: 1420px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1400px; }
}
::-webkit-scrollbar, html ::-webkit-scrollbar { height: 12px; width: 5px; }
::-webkit-scrollbar-track, html ::-webkit-scrollbar-track { background: rgb(236, 236, 236); }
::-webkit-scrollbar-thumb, html ::-webkit-scrollbar-thumb {background-color: rgb(255 34 25);border-radius: 5px;}
.comment-hidden { display: none; }
.quiz_buttons { justify-content: space-between; display: flex; align-items: center; background: rgb(236, 236, 236); padding: 30px; }
.white-color{color:white;}
section.quiz-block.ptb-60 { background: url("/assets/kuchni/img/back/loft-living-room-interior-design-1-(1).png") 50% center; position: relative; }
.pt-120 { padding-top: 120px; }
.vidi {
    height: 500px;
    border-radius: 10px;
}

.vidi span {
    line-height: 1.4;
    -webkit-transition: var(--transition-duration) var(--easeoutcubic, ease-out);
    transition: var(--transition-duration) var(--easeoutcubic, ease-out);
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    font-weight: 500;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-transform: rotate(-180deg) translateY(0px);
    transform: rotate(-180deg) translateY(0px);
    height: 60%;
    right: auto;
    will-change: transform;
    color: white;
    font-size: 24px;
    font-weight: 700;
    position: absolute;
    bottom: 20px;
    left: 20px;
}

.vidi:before {
    content: "";
    background: linear-gradient(45deg, #333333, transparent);
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 10px;
    opacity: 0.5;
}.quiz { background: white; border-radius: 20px; padding: 30px; }
.quiz h2 { text-align: center; }
.quiz .name { padding: 0.7rem 1.6rem; position: absolute; bottom: 0px; left: 50%; transform: translate(-50%, 0px) skew(-10deg); border-radius: 8px; box-shadow: rgba(48, 48, 48, 0.098) 0px 4px 54px 0px; background-color: rgb(255, 255, 255); font-size: 1.313rem; text-align: center; font-weight: bold; color: rgb(0, 0, 0); width: 290px; }
.quiz .name span { transform: skew(10deg); display: block; }
p.dolznost { color: rgb(112, 112, 112); font-size: 16px; text-align: center; }
.podarki h3 { font-size: 18px; }
.podarki { background: rgb(255, 249, 241); padding: 20px; }
div#progress_bar p { text-align: center; position: absolute; z-index: 5; width: 100%; color: black; }
.podarki { background: url("/assets/kuchni/img/gift-icon.png") 100% 100% / 20% no-repeat rgb(236, 236, 236); }
.img-prof { background: url("/assets/kuchni/img/back/modern-house-interior-design-project-sketch-3d-rendering-1.png") 50% center / cover no-repeat; position: relative; }
.img-prof img { max-height: 495px; margin: 0px auto; display: block; }
.podarki p { font-size: 16px; margin: 0px 0px 5px; }
.podarki h3 { font-size: 18px; font-weight: bold; margin-bottom: 20px; }
p.comment::before { content: ""; position: absolute; border-width: 15px; border-style: solid; border-color: rgb(255, 222, 201) transparent transparent; border-image: initial; bottom: -30px; left: 50%; margin-left: -15px; }
p.comment { background: rgb(255, 222, 201); padding: 20px; border-radius: 20px 30px; position: relative; }
.quiz .name .dolznost { font-weight: normal; font-size: 16px; }
.quiz_buttons p { margin: 0px; width: 50%; text-align: right; }
.prev { color: black; border-bottom: 1px dashed rgb(46, 46, 46); cursor: pointer; text-decoration: none !important; }
.next { margin-top: 0px; }
.nav-dots { position: absolute; bottom: 0px; right: 0px; height: 65px; display: flex; justify-content: flex-start; align-items: center; margin-right: 30px; }
.carousel-indicators .active { background: rgb(250, 165, 11); transform: matrix(-1, 0, 0, 1, 0, 0); }
.carousel-control-next, .carousel-control-prev { position: static; }
.carousel-indicators { position: static; margin-bottom: 0px; margin-right: 0px; margin-left: 0px; }
.image-box { margin-right: 0px; margin-left: 32px; }
.image-box img {position: relative;z-index: 8;margin-bottom: -30px;}

.image-box::after {content: "";width: 100%;height: 100%;position: absolute;top: -0px;right: 0px;/* background: #ff9d6e; */z-index: 0;border-radius: 50%;}
.image-box { position: relative; display: inline-block; }
.carousel-indicators li { position: relative; flex: 0 1 auto; width: 10px; height: 10px; margin-right: 5px; margin-left: 5px; cursor: pointer; background: rgb(255, 255, 255); transform: matrix(-1, 0, 0, 1, 0, 0); border: none; }
.carousel-control-next, .carousel-control-prev { width: 32px; height: 28px; }
.carousel-control-prev { left: 0px; margin-left: 0px; }
a.carousel-control-prev svg { transform: rotate(-180deg); }
a.foto { cursor: pointer; margin-bottom: 20px; display: block; }
.modal .modal-dialog { margin: 0px; width: 500px; left: 50%; top: 50%; transform: translate(-50%, -50%) !important; }
.s-message { display: none; }
.modal .form-header { padding: 25px 25px 0px; text-align: left; }
.back-opacity { background: rgba(244, 238, 233, 0.2); padding: 30px; border-radius: 30px; }
.modal .modal-content { border-radius: 0px; box-shadow: none !important; }
.modal .form-header i { width: 54px; height: 54px; line-height: 54px; text-align: center; color: rgb(255, 255, 255); float: left; font-size: 36px; background: rgb(24, 67, 71); }
.modal .form-header button i { width: 30px; height: 30px; line-height: 30px; text-align: center; color: rgb(138, 36, 36); float: left; font-size: 25px; background: rgba(119, 31, 31, 0); }
.modal .form-header .title_for {margin-bottom: 5px;line-height: 1.2;font-size: 30px;padding-bottom: 15px;text-align: left;font-weight: 700;color: rgb(0, 0, 0);}
.modal .form-header .text { color: rgb(85, 85, 85); text-align: left; }
.modal .modal-body { padding: 0px 25px 25px; }
.modal .form-control {width: 100%;padding: 10px 15px;margin: 15px 0px;box-shadow: none;font-size: 15px;height: 60px;border-radius: 50px;border: 1px solid rgb(236 236 236);max-width: 100%;background-color: rgb(255, 255, 255) !important;}
.modal .mf-text { padding-bottom: 10px; }
label.checked img { border: 2px solid rgb(252, 192, 99); }
label.not_img { display: block; border: 1px solid rgb(236, 236, 236); border-radius: 10px; }
.clock > div { width: 33.33%; padding: 0px 20px; margin-bottom: 20px; text-align: center; }
label.not_img span.text { padding: 0px 20px 20px; }
label.checked.not_img { border: 1px solid rgb(255, 148, 98); }
.custom-radio img { border-radius: 10px; }
.clock img { border-radius: 10px; border: 2px solid rgb(255, 249, 241); }
.custom-radio { position: absolute; z-index: -1; opacity: 0; }
.custom-radio .text { margin-top: 5550px; }
.custom-radio + label .text { display: block; user-select: none; margin-top: 20px; text-align: center; }
.custom-radio + label .text::before { content: ""; display: block; width: 1em; height: 1em; flex-shrink: 0; flex-grow: 0; border: 1px solid rgb(255, 222, 201); border-radius: 50%; margin: -30px auto 10px; z-index: 1; background: white; position: relative; }
.custom-radio:not(:disabled):not(:checked) + label:hover .text::before { border-color: rgb(179, 215, 255); }
.custom-radio:not(:disabled):active + label .text::before { background-color: rgb(179, 215, 255); border-color: rgb(179, 215, 255); }
.custom-radio:focus + label .text::before { box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem; }
.custom-radio:focus:not(:checked) + label .text::before { border-color: rgb(128, 189, 255); }
.custom-radio:checked + label .text::before { border-color: rgb(255, 222, 201); background-color: rgb(255, 222, 201); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); }
.custom-radio:disabled + label .text::before { background-color: rgb(233, 236, 239); }
.checkbox {font-size: 16px;color: rgb(115 115 115);}
.custom-checkbox input { position: absolute; z-index: -1; opacity: 0; }
.custom-checkbox + label { display: block; align-items: center; user-select: none; position: relative; }
.custom-checkbox + label::before { content: ""; display: inline-block; width: 1em; height: 1em; flex-shrink: 0; flex-grow: 0; border: 1px solid rgb(248, 169, 17); border-radius: 0.25em; position: absolute; padding: 10px; margin: 0px; left: 50%; top: -10px; transform: translate(-50%, 0%); background: white; }
.custom-checkbox:not(:disabled):not(:checked) + label:hover::before { border-color: rgb(179, 215, 255); }
.custom-checkbox:not(:disabled):active + label::before { background-color: rgb(179, 215, 255); border-color: rgb(179, 215, 255); }
.custom-checkbox:focus + label::before { box-shadow: rgb(248, 169, 17) 0px 0px 0px 0.2rem; }
.custom-checkbox:focus:not(:checked) + label::before { border-color: rgb(128, 189, 255); }
.custom-checkbox:checked + label::before { border-color: rgb(248, 169, 17); background-color: rgb(255, 255, 255); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fcc063' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }
.custom-checkbox:disabled + label::before { background-color: rgb(233, 236, 239); }
.modal .calc-but {padding: 20px 40px;font-size: 18px;border: none;line-height: 1;text-decoration: none;border-radius: 50px;margin-top: 30px;width: auto;cursor: pointer;transition: all 0.3s ease 0s;color: rgb(255, 255, 255);text-decoration: none;margin-top: 30px;background: linear-gradient(rgb(255, 62, 62) 0%, rgb(201, 58, 40) 100%);}
.form-group .custom-checkbox + label::before { position: static; margin: 0px; padding: 0px; }
.form-group .custom-checkbox + label { text-align: left; }
img { max-width: 100%; height: auto; }
.ptb-60 { padding: 90px 0px; }
.mt-180 { }
.mt-60 { margin-top: 60px; }
body { color: rgb(44, 44, 44); font-size: 18px; font-weight: 400; font-family: Bitter, serif; }
h1, h2 { font-family: Bitter, serif; }
h1 span {color: rgb(255 152 103);}
header {position: absolute;width: 100%;margin: 50px auto 0px;z-index: 55;}
.header-block { position: relative; overflow: hidden; }
header p { margin: 0px; font-size: 16px; color: rgb(255, 255, 255); }
header p i { margin-right: 10px; }
.banner {background: url("/assets/kuchni/img/back/freepik-adjust-66717-(1).jpg") 50% 50% / cover;padding: 200px 0px 200px;z-index: 400;overflow: hidden;}
section.banner::after, .quiz-block::after, .kompany::after, .raboti-block::after, .otzivi::after { content: ""; width: 100%; height: 60px; background: url("/assets/kuchni/img/back/perehod-(1)-(1).png"); position: absolute; bottom: 0px; left: 0px; }
.banner-center { border: 25px solid rgba(211, 151, 66, 0.5); padding: 30px; margin: 40px auto; text-align: center; color: black; }
.pulse {display: block;width: 30px;border-radius: 50%;background: rgb(50, 221, 131);box-shadow: rgb(50, 221, 131) 0px 0px 0px;animation: 2s ease 0s infinite normal none running pulse;}
.pulse:hover { animation: 0s ease 0s 1 normal none running none; }
@-webkit-keyframes pulse { 
  0% { box-shadow: rgba(50, 221, 131, 0.4) 0px 0px 0px 0px; }
  70% { box-shadow: rgba(204, 169, 44, 0) 0px 0px 0px 10px; }
  100% { box-shadow: rgba(204, 169, 44, 0) 0px 0px 0px 0px; }
}
@keyframes pulse { 
  0% { box-shadow: rgba(50, 221, 131, 0.4) 0px 0px 0px 0px; }
  70% { box-shadow: rgba(204, 169, 44, 0) 0px 0px 0px 10px; }
  100% { box-shadow: rgba(204, 169, 44, 0) 0px 0px 0px 0px; }
}
.block-preim-h {display:flex;margin: 60px 0 0;}
.preim-h {position: absolute;color: rgb(215, 215, 215);font-size: 15px;text-align: left;width: 33.33%;display: flex;align-items: center;}

.preim-h img {display: block;flex: 0 0 40px;margin-right: 10px;}

span.cifra { font-size: 30px; font-weight: 300; color: rgb(239, 144, 0); position: absolute; }
.banner_left p { padding-left: 50px; margin-bottom: 0px; font-size: 16px; }
.banner_left .col-sm-6 { margin-bottom: 30px; }
.banner_left p.vp-banner { font-size: 19px; color: rgb(2, 103, 170); font-weight: 400; }
.banner_right img { margin-bottom: -100px; }
form#obr_form {
    max-width: 450px;
    margin: 0 0 0 auto;
    text-align: center;
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid #CED6DE;
    border-radius: 5px;
    padding: 30px;
}
input.form-control[name=name],input.form-control[name=marka] {
    background: url(/assets/kuchni/img/element/3.-chelovek.png) white no-repeat 20px 50%;
    padding-left: 60px;
}
input.form-control[name=phone] {
    background: url(/assets/kuchni/img/element/icon.png) white no-repeat 20px 50%;
    padding-left: 60px;
}
form#obr_form h2 {
    font-size: 26px;
}
.banner .form-control {border-radius: 10px;max-width: 100%;margin: 20px 0;}
.btn {padding: 18px 36px;font-size: 18px;border: none;line-height: 1.2;transition: all 0.5s ease 0s;color: rgb(255, 255, 255);text-decoration: none;margin-top: 30px;background-image: linear-gradient(to right, #ee8b48, #c3200e 33.3%,#c3200e 66.6%, #ee8b48 100%);border-radius: 10px;background-size: 300%;background-position: 99%;background-position: var(--btn-bg-position, 99%);}
.btn:hover {color: white;/* box-shadow: rgb(250, 180, 76) 0px -150px 70px -120px inset, rgb(255, 218, 147) 0px -280px 70px -120px inset; */background-position: -1px;}
h1 {font-style: normal;font-weight: 500;font-size: 40px;line-height: 1.2;color: rgb(50, 50, 50);margin-bottom: 40px;position: relative;font-family: Bitter, serif;}
h1 span, .h2 span { }
.content-box::before {/* content: ""; */width: 120%;height: 100%;position: absolute;left: 0%;top: 0px;z-index: 5;}
.content-box { position: relative; padding: 50px 0px; height: auto; }
.content-box h1 {color: rgb(255, 255, 255);margin-bottom: 90px;}
.content-box p {color: white;max-width: 350px;}
.content-box h1::before {content: "";width: 200px;height: 3px;background: rgb(255, 148, 98);position: absolute;bottom: -40px;}
.content-box * { position: relative; z-index: 6; }
.content-box::after { content: ""; width: 1px; height: 80%; position: absolute; left: 40px; top: 10%; z-index: 5; }
header .container { position: relative; }
.header_phone img { max-width: 40px; margin-right: 20px; }
p.banner_p { font-size: 20px; line-height: 31px; margin-bottom: 35px; }
.header_logo span { font-size: 24px; color: rgb(255, 255, 255); line-height: 1.2; text-transform: uppercase; }
.header_logo img { margin-right: 20px; max-width: 80px; width: 100%; }
header a { color: rgb(255, 255, 255); font-size: 17px; }
.navbar-nav { width: 100%; flex-wrap: wrap; border-top: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.header_nav { transform: skew(20deg, 0deg); margin-top: 15px; }
.header_phone { justify-content: end; align-items: center; }
nav.navbar { transform: skew(-20deg, 0deg); padding: 20px 0px 10px; }
button.header_call { background: transparent; border-top: none; border-right: none; border-left: none; border-image: initial; font-size: 16px; border-bottom: 1px dashed rgb(223, 127, 81); color: rgb(255, 255, 255); padding: 0px; margin-left: 5px; }
.navbar .navbar-nav .nav-link { padding: 10px; margin-right: 5px; color: rgb(223, 223, 223); font-size: 18px; }
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: white; text-decoration: underline; }
.navbar .navbar-nav ul a.nav-link { color: black; }
a.nav-link { color: rgb(69, 69, 69); font-size: 16px; }
ul.link { margin: 0px; list-style: none; }
a.nav-link { position: relative; }
li.nav-item ul { margin: 0px; padding: 15px; list-style: none; font-size: 14px; text-align: left; border-right: none; border-bottom: none; border-left: none; border-image: initial; transform: translate3d(-50%, 0px, 0px); transition: opacity 0.3s ease-in-out 0s, visibility 0s ease 0s, transform 0s ease 0s, -webkit-transform 0s ease 0s; transform-origin: center top; box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px; visibility: hidden; opacity: 0; display: block; background: white; width: 250px; z-index: 444; position: absolute; left: 0px; border-top: 3px solid rgb(239, 144, 0); }
li.nav-item:hover ul { transform: translate3d(0%, 0px, 0px); visibility: visible; opacity: 1; }
li.nav-item { position: relative; }
li.nav-item.active a::before { background: rgb(228, 126, 141); }
.adress p { color: white; max-width: 280px; padding-left: 50px; }
.adress p img { vertical-align: middle; position: absolute; left: 0px; }
.header_phone span { font-weight: 600; color: white; }
.header_phone i { font-size: 20px; color: rgb(249, 177, 67); width: 50px; height: 50px; background: white; text-align: center; line-height: 50px; margin-right: 20px; border-radius: 50px; }
.header_phone a { color: rgb(255, 255, 255); font-size: 26px; line-height: 1; }
.podpis { display: flex; align-items: center; margin-left: 50px; }
.podpis img { transform: rotate(240deg); width: 60px; height: auto; }
.podpis span { color: rgb(184, 184, 184); font-size: 15px; font-family: "Cormorant Garamond"; margin-left: 20px; font-weight: 300; }
form#banner-form { margin-top: 30px; }
form#banner-form button.btn {border-radius: 0px 5px 5px 0px;height: 70px;}
li.nav-item.active a { color: black; }
.doc { position: relative; background: white; }
.h2 { font-style: normal; font-weight: 400; font-size: 32px; line-height: 1.3; margin-bottom: 80px; position: relative; padding-left: 0px; }
.preim img {width: 100px;}
.preim_title {font-style: normal;font-weight: 800;font-size: 20px;line-height: 133%;text-align: center;color: rgb(0, 0, 0);margin: 20px 0px 15px;position: relative;}
.preim_info {max-width: 380px;margin: 0px auto;font-size: 18px;}
p.preim_title::before {border-radius: 50%;content: "";width: 100px;height: 100px;/* background: rgb(255 222 201); */position: absolute;top: -120px;z-index: -1;left: 50%;margin-left: -70px;}
section.preim .container { position: relative; z-index: 1; }
.preim_info::before {content: "";background: rgb(255 148 98);width: 10px;height: 10px;position: absolute;border-radius: 50%;right: 50%;bottom: -50px;}
.kompany {background: url("/assets/kuchni/img/back/stack-of-wooden-planks-in-the-workshop-1-(1).png") 50% center / cover no-repeat;position: relative;}
.preim { position: relative; }
.kompany::before, .quiz-block::before, .raboti-block::before, .otzivi::before { content: ""; width: 100%; height: 60px; background: url("/assets/kuchni/img/back/perehod-(1)-(1).png") 50% center / cover no-repeat; position: absolute; top: -20px; left: 0px; z-index: 2; transform: rotate(180deg); }
h2 {font-style: normal;font-weight: 600;font-size: 38px;line-height: 1.3;margin-bottom: 20px;position: relative;padding-left: 0px;}
.kompany .d-flex span { font-size: 16px; margin-left: 30px; color: rgb(18, 18, 18); width: 200px; }
.kompany .d-flex { align-items: center; }
span.cifra-comp {font-weight: bold;color: rgb(0, 0, 0);font-size: 22px;position: relative;}
span.cifra-comp::before {position: absolute;content: "";background: rgb(255 152 103);width: 40px;height: 40px;border-radius: 50%;z-index: -1;left: -10px;top: 5px;}
.h2 p { font-size: 20px; line-height: 1.2; max-width: 1000px; margin: auto; text-align: center; }
.h2 h2 { margin-bottom: 10px; margin-top: 20px; }
.h2 span,.h2 b,.h2 strong { color: rgb(255, 148, 98); font-weight: 500; }
.back-skos { position: relative; }
.back-skos p { color: white; font-size: 16px; }
.back-skos { position: relative; margin: 30px 0px; }
.back-skos p {color: black;font-size: 18px;}
.contact-block h2{
    color:white
}
.back-comp .btn { margin-top: 20px; }
.apartments-plan-info {
    /* background: #f0f0f0; */
    padding: 60px;
    /* border: 15px solid #ececec; */
    border-radius: 10px;
    position: relative;
    z-index: 5;
    text-align: left;
    box-shadow: rgb(237 236 234) 0px 0px 20px 2px;
}

.btn- {
    display: flex;
    align-items: center;
}
p.price {
    font-weight: bold;
    color: #171717;
    font-size: 25px;
    position: absolute;
    right: 0;
    border-radius: 10px 0 0 20px;
    line-height: 1.2;
    top: 20px;
    background: rgb(255 255 255 / 80%);
    padding: 10px;
}

.apartments-plan-img {
    height: 100%;
    position: relative;
    border-radius: 20px;
}

.ltn__tab-menu .nav {
    align-items: center;
    justify-content: center;
    padding: 20px 0 30px;
    margin-bottom: 20px;
}
button.btn-link-border {
    margin-left: 20px;
    padding: 5px 0px;
    font-size: 18px;
    border: none;
    line-height: 1.2;
    transition: all 0.5s ease 0s;
    color: rgb(18 18 18);
    text-decoration: none;
    margin-top: 30px;
    background: none;
    border-bottom: 1px dashed #eb3c36;
}

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

.ltn__tab-menu a.active{
    border-bottom: 2px solid #ff9462;
    font-weight: bold;
    color: black;
}
.ltn__tab-menu nav {
    text-align: center;
}

.ltn__tab-menu a {
    /* background-color: #f0f0f0; */
    border-bottom: 2px solid #ececec;
    padding: 1px;
    margin-right: 50px;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    /* border-radius: 50px; */
    position: relative;
    color: #7f7f7f;
    text-decoration: none;
    /* padding: 15px 30px; */
}
.price-block {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    background: white;
    padding: 50px 50px;
    box-shadow: rgb(237 236 234) 0px 0px 20px 2px;
    width: 100%;
    border-radius: 10px;
    text-align: left;
}

.price-block img {
   transform: rotate(-15deg);
    margin-right: -10px;
    margin-left: 50px;
    margin-top: 0px;
    margin-bottom: 60px;
}
section#stoimost table {
    width: 100%;
    text-align: left;
    margin: 0px 0;
    /* border: 2px solid #fff5ef; */
}

section#stoimost td,section#stoimost th {
    padding: 10px;
}

section#stoimost tbody tr:nth-child(2n) td {
    background: rgb(236 236 236);
}

section#stoimost th {
    /* border-bottom: 2px solid #fff5ef; */
    font-weight: 600;
    color: #1d1d1d;
    background: #ececec;
    padding: 15px 10px;
}
section.uslugi-back::before { content: ""; background: url("/assets/avto/img/background/09c3a4ee554a9fe373777f1f4acea589.jpg") center center / cover no-repeat scroll; position: absolute; left: 0px; top: 0px; height: 350px; width: 100%; z-index: -1; }
section.uslugi-back::after { content: ""; background: rgba(0, 103, 174, 0.85); position: absolute; left: 0px; top: 0px; height: 350px; width: 100%; z-index: -1; }
.service_button { background: rgb(255, 255, 255); box-shadow: rgba(0, 34, 96, 0.08) 0px 10px 50px 0px; height: 100%; margin-right: 30px; }
.service_body { background: rgb(255, 255, 255); box-shadow: rgba(0, 34, 96, 0.08) 0px 10px 50px 0px; height: 100%; margin-right: 30px; padding: 50px; }
section.uslugi-back h2, section.doc-back h2 { color: white; }
section.uslugi-back, section.doc-back { padding-bottom: 40px; }
.service_ex p.h4 a { font-family: "Cormorant Garamond", sans-serif; font-style: normal; font-weight: 400; font-size: 32px; line-height: 1.3; margin-bottom: 40px; position: relative; color: rgb(33, 122, 183); }
.service_img::before { background: rgba(0, 103, 174, 0.8); content: ""; width: 60%; height: 90%; position: absolute; transform: skew(-20deg, 0deg); left: 50%; margin-left: -30%; }
.service_ex p.h4 i { color: rgb(239, 144, 0); }
.service_img { position: relative; }
.service_img img { position: relative; }
header button.navbar-toggler { display: none; }
.h2::before { content: ""; height: 50px; width: 1px; top: -50px; position: absolute; left: 50%; background: rgb(255, 148, 98); }
.h2::after { content: ""; height: 20px; width: 1px; bottom: -40px; position: absolute; left: 50%; background: rgb(255, 148, 98); }
.preim .col-sm-12 { margin-bottom: 25px; }
.cel { overflow: hidden; padding-bottom: 60px; }
.cel h2.h2 { margin-bottom: 60px; }
.circle { max-width: 300px; position: relative; }
.cel_block { padding: 20px; background: rgb(246, 246, 246); margin-bottom: 40px; position: relative; }
span.cel_cifra .bi-x { color: rgb(255, 87, 34); }
span.cel_cifra .bi-check2 { color: rgb(76, 175, 80); }
.text-left span.cel_cifra { left: -50px; font-size: 42px; }
.text-right span.cel_cifra { right: -50px; }
.circle::before { content: ""; width: 100%; height: 100%; position: absolute; transform: skew(20deg, 0deg); left: 0px; }
.circle::after { content: ""; width: 110%; height: 80%; bottom: 0px; position: absolute; transform: skew(-20deg, 0deg); left: 0%; }
.circle img {position: relative;z-index: 1;/* width: 330px; */}
span.cel_cifra { font-style: normal; font-weight: 500; font-size: 52px; line-height: 50px; position: absolute; width: 50px; height: 50px; top: 0px; background: rgb(246, 246, 246); text-align: center; }
p.cel_info { font-size: 16px; margin-bottom: 0px; }
.nav-tabs .nav-link { font-style: normal; font-weight: normal; font-size: 18px; line-height: 133%; border-bottom: 1px solid rgb(240, 240, 240); border-radius: 0px; }
.nav-tabs { margin-bottom: 25px; display: block; border-bottom: none; }
.nav-tabs a::before { width: 18px; height: 18px; bottom: -10px; top: auto; left: 50%; margin-left: -9px; }
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: rgb(255, 255, 255); background-color: rgb(51, 133, 190); border-color: transparent; }
.nav-tabs .nav-link.active::before, .nav-tabs .nav-item.show .nav-link::before { background: rgb(249, 244, 241); }
.nav-tabs .nav-link.active::after, .nav-tabs .nav-item.show .nav-link::after { content: ""; width: 15px; height: 15px; background: rgb(239, 144, 0); position: absolute; bottom: 50%; margin-bottom: -10px; right: -10px; margin-left: -5px; transform: rotate(40deg); }
.nav-tabs .nav-link { padding: 15px 30px; margin-bottom: -2px; }
.uslugi-back { position: relative; }
section.tabs-block { padding-bottom: 25px; }
div#nav-tabContent { }
p.tabc_content_title { font-family: "Cormorant Garamond", sans-serif; font-style: normal; font-weight: 500; font-size: 25px; line-height: 133%; display: block; color: rgb(92, 92, 92); margin-bottom: 25px; }
.tabs-block button.btn { margin-top: 25px; }
.tabs_info p { font-size: 16px; }
.tabs_img img { border-radius: 60px 60px 0px 0px; margin: 0px auto; position: relative; z-index: 5; max-height: 450px; }
.tabs_img { display: inline-block; position: relative; margin-top: 50px; }
.tabs_img::before { content: ""; width: 100%; height: 100%; background: rgb(248, 244, 241); position: absolute; z-index: 0; right: 50px; bottom: 50px; border-radius: 60px 60px 0px 0px; }
.tabs_img::after { content: ""; width: 100%; height: 100%; background: rgb(225, 204, 190); position: absolute; z-index: 0; left: 50px; bottom: 60px; border-radius: 60px 60px 0px 0px; }
.stroka {display: flex;justify-content: left;margin-bottom: 15px;align-items: center;background: rgb(248 248 248);padding: 10px;/* border-bottom: 1px dashed #ececec; */}
.stroka {
    justify-content: space-between;
}
.stroka.back-none {
    background:none;
}
.stroka div {margin-bottom: -2px;}

.ltn__faq-inner {
    width: 100%;
}

.stroka .price {
    /* color: #ff9462; */
    font-weight: bold;
    width: 160px;
    text-align: right;
}
.stroka div.name-block {
    font-weight: bold;
    padding-left: 0!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
}
.stroka div:first-child {
    position: relative;
    padding-left: 40px;
    text-align: left;
    padding-right: 20px;
}
.content_block {
    overflow: hidden;
    position: relative;
}

.content_block.hide {
    height: 600px;
}

.content_block.hide:after {
    content: "";
    display: block;
    height: 100px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 75%)
}

span.text-more {margin: 10px 0;cursor: pointer;color: #ca3118;}
span.text-more svg{
  margin-left: 10px;
}

.stroka div:first-child:before {
    content: "";
    width: 25px;
    height: 2px;
    position: absolute;
    background: #ff9462;
    left: 0;
    top: 10px;
}

.clock > span:hover { background: rgb(231, 214, 204); }
.clock span span { margin-right: 5px; color: rgb(170, 148, 132); display: block; font-style: normal; }
.day { padding: 20px; font-style: normal; font-size: 28px; font-weight: bold; line-height: 125%; color: rgb(76, 76, 76); background: rgba(255, 255, 255, 0.9); border-radius: 10px; margin-right: 25px; text-align: left; }
.clock { }
.clock > span { display: inline-block; margin: 5px 1px 5px 5px; font-size: 16px; background: rgba(240, 229, 223, 0.3); text-align: center; padding: 10px; border-radius: 5px; }
.clock i { color: rgb(228, 126, 141); }
.back { position: sticky; top: 0px; padding: 25px 30px; text-align: center; background: rgba(240, 229, 223, 0.3); border-radius: 10px; margin-bottom: 20px; }
.back .title { font-size: 25px; font-weight: 500; font-family: "Cormorant Garamond", sans-serif; }
.back button { margin-top: 30px; margin-bottom: 20px; }
.back img { max-height: 300px; }
.vopros-block .circle::before { content: ""; width: 60%; height: 80%; position: absolute; transform: skew(20deg, 0deg); left: 0px; bottom: 80px; }
.vopros-block .circle::after { content: ""; width: 50%; height: 80%; bottom: 0px; position: absolute; transform: skew(-20deg, 0deg); left: 15%; }
section.vopros-block .circle {width: 100%;max-width: 100%;text-align: center;background: url("/assets/kuchni/img/back/stack-of-wooden-planks-in-the-workshop-1-(1).png") 50% center;position: relative;border-radius: 20px;padding: 20px;}
.price-block {/* background: linear-gradient(rgb(255, 255, 255) 0%, rgb(240, 229, 223) 50%, rgb(255, 255, 255) 100%); */}
.tab-content {
    width: 100%;
}

.price-img {
    margin-left: 50px;
    text-align: center;
}

.price-block p.name { font-size: 25px; font-weight: 500; font-family: "Cormorant Garamond", sans-serif; }
.price-block .back { background: white; }
.contact-item {padding: 20px;text-align: center;width: 25%;border-right: 3px solid rgb(51 51 51);}
.contact-item i {color: rgb(242 61 57);font-size: 25px;margin-right: 10px;}
.accordion > .card .card-header .btn span::after {position: absolute;transition: all 0.3s ease-in-out 0s;top: 50%;font-size: 40px;left: 50%;color: rgb(240 61 56);transform: translate(-50%, -50%);font-weight: bold;}
.card-body {font-size: 18px;background: transparent;margin-bottom: 10px;padding: 0px;line-height: 1.4;position: relative;}
.card ul {
    padding-left: 20px;
}
.pt-60 {
    padding-top: 90px;
}
.block-svas {background: rgb(236, 236, 236);border-radius: 0 0 20px 20px;padding: 20px;text-align: center;margin-top: -20px;position: relative;z-index: 2;}
.accordion > .card .card-header .btn.collapsed span::after { content: "+"; }
.accordion > .card .card-header .btn span::after { content: "-"; }
.accordion button.btn.btn-link[aria-expanded="true"] { background: transparent; }
.card .btn {background: transparent;box-shadow: none;color: rgb(44, 44, 44);font-size: 20px;padding: 10px 30px 10px 0px;margin-top: 0;font-weight: 600;}
.accordion > .card > .card-header {margin-bottom: 15px;border-top: none;border-right: none;border-left: none;border-image: initial;background: none;border-bottom: 1px solid rgb(236 236 236);padding: 5px 0px;}
.accordion > .card { border: none; background: transparent; }
.accordion button.btn.btn-link span {content: "";width: 45px;height: 45px;position: absolute;top: 0;margin-top: -1px;right: 0px;z-index: 0;border-radius: 50%;}
.prepod p.title { font-size: 25px; font-weight: 500; font-family: "Cormorant Garamond", sans-serif; }
.uslugi.ptb-60, .prepod-all.ptb-60 { padding-bottom: 0px; }
.back-m {background: #575757;height: 100%;padding: 20px;border-radius: 10px;display: flex;align-items: center;flex-wrap: wrap;}
.prepod img { border-radius: 10px; }
.owl-theme .owl-nav.disabled + .owl-dots { margin: 30px 0px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: rgb(247 61 58);}
.owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; }
.owl-theme .owl-nav [class*="owl-"] { color: rgb(255, 255, 255); font-size: 14px; margin: 5px; padding: 4px 7px; background: rgb(214, 214, 214); display: inline-block; cursor: pointer; border-radius: 3px; }
.owl-theme .owl-nav [class*="owl-"]:hover { background: rgb(134, 151, 145); color: rgb(255, 255, 255); text-decoration: none; }
.owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; }
.owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; }
.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; }
.owl-theme .owl-dots .owl-dot span {width: 10px;height: 10px;margin: 5px 7px;border-radius: 50%;background: rgb(255 222 201);display: block;backface-visibility: visible;transition: opacity 200ms ease 0s;border-radius: 50px;}
.accordion { width: 100%; padding: 20px; }
.stroka div.name-block:before {
    content: none;
}
p.title-footer { font-family: "Cormorant Garamond", sans-serif; font-style: normal; font-weight: 400; font-size: 22px; line-height: 1.3; margin-bottom: 30px; position: relative; padding-left: 25px; margin-top: 50px; }
span.logo-footer img { max-width: 100px; }
span.logo-footer { margin-bottom: 25px; display: block; }
ul.link a {font-size: 18px;text-decoration: underline;color: #ffffff;}
footer li a:hover, header a:hover {color: rgb(226 152 103);}
ul.ul-col-2 { display: flex; flex-wrap: wrap; }
ul.ul-col-2 li { width: 100%; }
footer hr { margin: 30px 0px; border-top: 1px solid rgb(227, 227, 227); }
footer p { font-size: 16px; }
footer {background: #333;position: relative;overflow: hidden;}
footer .container { }
footer .soc-seti { text-align: center; padding: 20px; width: 25%; }
footer .soc-seti a i { }
footer .soc-seti a { }
.back_footer { padding: 50px 35px 45px; }
.back_footer { color: white; }
footer .back_footer a { color: white; }
.planka_bottom {padding: 20px 0px;background: rgb(28 28 28);}
.planka_bottom p {color: #ffffff;margin-bottom: 0px;}
.planka_bottom p a { color: rgb(241, 158, 0); }
.back_footer::before { background: rgba(0, 103, 174, 0.8); content: ""; width: 100%; height: 100%; position: absolute; transform: skew(-10deg, 0deg); left: -20px; bottom: 0px; }
.back_footer * { position: relative; z-index: 2; }
.back_footer { position: relative; }
footer li { list-style: none; margin-bottom: 5px; font-size: 16px; }
footer ul { margin: 0px; padding: 0px; }
footer a { color: rgb(44, 44, 44); }
footer p {margin-bottom: 0px;font-size: 18px;color: white;}
.soc-seti i { font-size: 30px; color: rgb(255, 191, 115); }
.soc-seti { text-align: right; }
.soc-seti a { margin-right: 10px; }
.soc-seti a { border-radius: 50%; display: inline-block; text-align: center; line-height: 48px; }
footer p.title-footer::before { content: ""; width: 10px; height: 3px; position: absolute; background: rgb(239, 144, 0); left: 0px; top: 12px; }
span.plus { display: none; }
.inline-page header {position: relative;margin-top: 0px;padding-bottom: 20px;padding-top: 20px;background: #6d6b6b;}
.block-header h1 { font-size: 32px; color: rgb(44, 44, 44); margin-bottom: 0px; }
.block-header { background: url("/assets/avto/img/background/banner.png") 50% 100% / cover no-repeat; position: relative; }
.modal-product-meta.ltn__product-details-menu-1 {
    padding-top: 20px;
}

.modal-product-meta.ltn__product-details-menu-1 ol {
    padding-left: 20px;
}

.modal-product-meta.ltn__product-details-menu-1 li {
    margin-bottom: 5px;
}
.modal .modal-content::before { content: ""; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0.2; }
ul.breadcrumb { background: none; margin: 0px; align-items: baseline; padding: 0px 0px 30px; text-align: left; justify-content: left; font-size: 16px; }
ul.breadcrumb a { color: rgb(0, 131, 187); text-decoration: underline; }
ul.breadcrumb i { margin: 0px 10px; font-size: 13px; }
.breadcrumbs_wrap { position: relative; }
.breadcrumbs_wrap { padding: 50px 0px 0px; text-align: left; }
p.title_product a { font-size: 25px; font-weight: 500; font-family: "Cormorant Garamond", sans-serif; color: black; margin-top: 15px; display: block; }
.uslugi .title { margin-bottom: 50px; background: rgb(250, 247, 245); padding: 0px 0px 30px; text-align: center; border-radius: 15px; }
.uslugi .title img { border-radius: 15px 15px 0px 0px; }
.block-title p.title { font-family: "Cormorant Garamond", sans-serif; font-style: normal; font-weight: 400; font-size: 24px; line-height: 1.3; margin-bottom: 50px; background: rgb(228, 126, 141); color: white; padding: 20px 35px; position: absolute; min-width: 70%; margin-left: -30px; border-radius: 50px; bottom: -20px; }
.block-title { position: relative; }
.block-title p.title span { position: absolute; right: 20px; top: 8px; cursor: pointer; }
.block-title p.title svg { width: 30px; height: 60px; }
.block-content { padding: 20px; background: rgb(250, 247, 245); }
.back-prepod { height: 100%; background: rgb(250, 247, 245); }
.prepod-all .col-lg-6 { margin-bottom: 40px; }
.block-title img { width: 100%; }
.ptb-100 { padding: 100px 0px; }
.block-zaglushka { text-align: center; }
.block-zaglushka .title { font-family: "Cormorant Garamond", sans-serif; font-style: normal; font-weight: 400; font-size: 24px; line-height: 1.3; margin-bottom: 30px; color: black; }
section.form-bottom .form-big { background: rgb(250, 247, 245); padding: 50px; border-radius: 15px; }
.checkbox a {color: rgb(27, 27, 27);text-decoration: underline;margin-left: 5px;}
section.form-bottom h2.wow { padding: 20px 0px; }
section.form-bottom .form-control { padding: 15px; height: auto; border: 1px solid rgb(250, 247, 245); }
form#obr_form2 { margin-top: 20px; }
section.form-bottom img { margin: -110px 0px; display: block; }
.sec_1_new h2 {/* font-size: 26px; *//* font-weight: bold; *//* font-family: Montserrat, sans-serif; */}
.sec_1_new h3 { font-family: Montserrat, sans-serif; font-size: 22px; font-weight: bold; }
.sec_1_new h4 { font-family: Montserrat, sans-serif; font-size: 18px; font-weight: bold; }
.sec_1_new h5 { font-family: Montserrat, sans-serif; font-size: 16px; font-weight: bold; }
.sec_1_new table { width: 100%; margin: 20px 0px; }
.sec_1_new td, .sec_1_new th { padding: 10px; border-radius: 10px; border: 3px solid white; }
.sec_1_new th { background: rgb(228, 126, 141); color: white; padding: 10px; }
.sec_1_new tr:nth-child(2n) td { background: rgb(250, 247, 245); }
.sec_1_new li {line-height: 1.5;position: relative;padding-left: 25px;list-style: none;margin-bottom: 10px;}
.sec_1_new ol, .sec_1_new ul { margin: 20px 0px; padding: 0px; }
.sec_1_new ol { counter-reset: num 0; }
.sec_1_new ol li::before { content: counter(num); counter-increment: num 1; display: inline-block; position: absolute; top: 0px; left: 0px; width: 25px; height: 25px; background: rgb(255, 255, 255); border: 1px solid rgb(228, 126, 141); color: rgb(228, 126, 141); text-align: center; line-height: 25px; font-size: 16px; border-radius: 50%; }
.sec_1_new ul li::before {position: absolute;width: 10px;height: 10px;background: rgb(255 148 98);top: 8px;left: 0px;border-radius: 50%;content: "";speak: none;line-height: 10px;text-align: center;border: 2px solid rgb(255 148 98);}
.elementor-divider { width: 200px; margin: 0px auto 30px; }
span.elementor-divider-separator::before, span.elementor-divider-separator::after { display: block; content: ""; border-bottom: 0px; -webkit-box-flex: 1; flex-grow: 1; border-top: 1px solid rgb(231, 214, 204); }
span.elementor-divider-separator { -webkit-box-align: center; align-items: center; display: flex; margin: 0px; direction: ltr; }
.elementor-icon.elementor-divider__element { margin: 0px 20px; }
svg.bi.bi-circle-half { fill: rgb(231, 214, 204); }
section.prepod-block .btn { margin: 30px 0px; }
section.prepod-block .title { position: relative; left: 20px; bottom: 30px; background: rgb(250, 247, 245); padding: 10px 35px; border-radius: 25px; width: 90%; font-size: 22px; }
.prepod .item { position: relative; }
section.prepod-block .title::before { content: ""; width: 50px; height: 25px; background: rgb(228, 126, 141); border-radius: 50px; position: absolute; right: 15px; top: 15px; }
section.prepod-block .title::after { content: ""; width: 10px; height: 10px; background: white; border-radius: 50px; position: absolute; right: 22px; top: 23px; }
.elementor-icon.elementor-divider__element i { color: rgb(231, 214, 204); font-size: 16px; }
#upbutton {background: linear-gradient(rgb(255, 62, 62) 0%, rgb(201, 58, 40) 100%);right: 45px;bottom: 140px;display: block;font-size: 35px;line-height: 60px;text-align: center;width: 60px;height: 60px;color: rgb(255, 255, 255);z-index: 9999;cursor: pointer;position: fixed !important;border-radius: 50% !important;}
p.err404 { font-weight: bold; font-size: 75px; }
p.err404 img { max-width: 200px; }
.tegi-all { position: relative; display: flex; flex-wrap: wrap; text-align: center; }
.border-teg { margin: 20px; }
section.service_included_area { background: linear-gradient(rgb(255, 255, 255) 0%, rgb(240, 229, 223) 50%, rgb(255, 255, 255) 100%); }
.border-teg span.img::before { content: ""; width: 100%; height: 100%; position: absolute; background: rgb(255, 255, 255); z-index: 0; left: 10px; top: 30px; border-radius: 15px; }
.border-teg span.img { position: relative; bottom: 20px; border-radius: 15px; padding: 0px; }
.border-teg span.img img { height: auto; display: inline-block; position: relative; border-radius: 15px; }
.border-teg span { display: block; position: absolute; font-family: "Cormorant Garamond", sans-serif; font-style: normal; font-weight: 400; font-size: 20px; bottom: 0px; z-index: 2; padding: 15px; background: rgb(250, 247, 245); width: 100%; border-radius: 0px 0px 20px 20px; }
.tegi-all.home { padding-bottom: 50px; }
.home .border-teg { border: 2px solid rgb(243, 243, 248); height: 100%; background: rgb(255, 255, 255); padding: 10px; }
.tegi-all > div { margin-bottom: 20px; }
.tegi-all a { color: black; position: relative; display: block; }
.document .icon::before { background: rgb(249, 249, 249); content: ""; width: 55%; height: 100%; position: absolute; transform: skew(-20deg, 0deg); left: 60%; margin-left: 0px; z-index: 0; bottom: 0px; }
.document .icon img { max-height: 140px; position: relative; margin-bottom: 10px; }
.small-title span { color: rgb(251, 147, 103); }
.small-title .h4 {font-weight: bold;margin-bottom: 10px;}
.car-search-wrap {padding: 40px 40px 40px 300px;background: url("/assets/kuchni/img/back/stack-of-wooden-planks-in-the-workshop-1-(1).png") 50% center;margin: 100px 0px 0px;position: relative;border-radius: 20px;}
img.img-what {position: absolute;z-index: 5;width: 320px;left: -80px;top: 20px;}
.feature-step-icon {font-weight: bold;font-size: 50px;color: rgb(0 0 0);top: 0px;width: 120px;height: 120px;position: absolute;background: rgb(236 236 236);border-radius: 50%;z-index: 2;left: 50%;margin-left: -60px;margin-top: -60px;text-align: center;z-index: -2;}
.feature-step-icon::before {content: "";width: 20px;height: 20px;position: absolute;background: rgb(255 148 98);border-radius: 50%;z-index: -1;right: 20px;}
p.feature-step-title {font-weight: 600;color: rgb(0, 0, 0);font-size: 20px;margin-bottom: 10px;}
section.shema div.col-md-4:last-of-type .feature-step-item::before { content: none; }
.feature-step-item {padding: 2px  20px 0;position: relative;background: rgb(255, 255, 255);box-shadow: rgb(237 236 234) 0px 0px 20px 2px;text-align: left;height: 100%;margin: 10px;}
.feature-step-info {margin: 20px 0px 0;text-align: left;padding: 20px;}
.etapi > div { margin-top: 110px; }
.etapi > div:nth-child(4) .feature-step-item::before, .etapi > div:nth-child(6) .feature-step-item::before { content: none; }
.feature-step-item::before {background: url("/assets/kuchni/img/element/2989500-200.png") 0% 0% / contain no-repeat;width: 140px;position: absolute;content: "";height: 100px;top: 0px;margin-top: 0px;transform: rotate(320deg);/* left: 90%; */z-index: 2;opacity: 0.2;right: -110px;}
input#file { display: none; }
.form-control {background: white;border: none;height: 60px;width: 100%;max-width: 350px;border-radius: 10px;}
.car-search-wrap .submit_btn { margin-top: 20px; }
a.whatsapp {/* background: rgb(76, 175, 80); */padding: 18px 30px;font-size: 18px;border: none;line-height: 1;transition: all 1s ease 0s;color: rgb(76, 175, 80);text-decoration: none;margin-top: 20px;display: inline-block;vertical-align: middle;border-radius: 10px;margin-left: 20px;border: 1px solid;}
a.whatsapp i { font-size: 20px; }
select.nice_select { background: white; border: none; height: 60px; padding: 10px; width: 100%; max-width: 350px; border-radius: 5px; }
label.form-control.js-labelFile {margin: 0px;text-transform: inherit;color: rgb(119, 119, 119);outline: none;box-shadow: none;transition: all 0.2s linear 0s;background: white;border: none;height: 60px;padding: 20px 10px;width: 100%;max-width: 350px;border-radius: 10px;}
.marki_item { text-align: center; margin-bottom: 25px; padding: 15px; background: white; box-shadow: rgba(13, 7, 65, 0.08) 0px 0px 20px 0px; }
.marki_item img { margin-bottom: 10px; display: inline-block; height: 60px; }
.marki_item .h4 { display: block; text-align: center; color: rgb(52, 55, 59); font: 16px "Source Sans Pro", sans-serif; margin-bottom: 0px; transition: all 300ms linear 0s; }
.vikup-home p.h5 { color: white; position: absolute; z-index: 5; bottom: 20px; right: 30px; }
.vikup-home p.h5::before { background: rgba(0, 103, 174, 0.8); content: ""; width: 140%; height: 120%; position: absolute; transform: skew(20deg, 0deg); left: -20%; z-index: -1; }
.text_body { padding: 30px; box-shadow: rgba(231, 231, 231, 0.8) 0px 0px 20px 2px; background: white; }
.raboti-home .img { height: 100%; }
.text_body li::before {content: "";width: 6px;height: 6px;background: rgb(255 148 98);display: inline-block;border-radius: 20px;margin-right: 10px;}
.raboti-home.owl-theme .owl-dots .owl-dot span {width: 35px;height: 35px;border-radius: 20px;background: white;line-height: 2;}
.raboti-home.owl-theme .owl-dots .owl-dot.active span, .raboti-home.owl-theme .owl-dots .owl-dot:hover span {background: linear-gradient(rgb(255, 62, 62) 0%, rgb(201, 58, 40) 100%);color: white;}
.raboti-home .owl-dots { margin-top: 30px; }
.text_body .h4 {font-size: 32px;font-weight: 600;padding: 0px;}
section.otzivi {background: url("/assets/kuchni/img/back/stack-of-wooden-planks-in-the-workshop-1-(1).png") 50% center;position: relative;}
.car_img { position: relative; }
.text_footer { display: flex; justify-content: space-between; font-size: 16px; border-top: 1px solid rgb(232, 232, 232); padding: 10px 0px; }
.text_footer i { color: rgb(239, 144, 0); margin-right: 5px; }
.l_collection_item { padding-bottom: 30px; }
.otzivi .text_body i { position: absolute; top: -15px; font-size: 70px; color: rgb(239, 144, 0); right: 20px; }
.otzivi .text_body { position: relative; height: 230px; }
.otzivi .owl-stage {
    display: flex;
}
button.btn.btn-width.btn-more {
    width: auto;
    margin-top:20px;
}
.otziv_img {flex: 0 0 250px;margin-right: 30px;height: 100%;}
.otziv_img img{display: block;width: 100%;height: 100%;object-fit: cover;}
.otzivi .item { background: white; }
.text-otziv { padding: 20px 20px 20px 0px; }
.otzivi .date {font-size: 14px;position: absolute;right: 20px;color: rgb(145, 145, 145);}
.text-otziv p.h4 { font-weight: bold; color: rgb(32, 32, 32); }
.otzivi .text_footer p {display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;margin-bottom: 0px;font-size: 16px;}
.otzivi .item {/* margin-bottom: 50px; */height: 100%;display: flex;}
.otzivi .text_footer { border-top: 0px; padding-top: 10px; }
section.marki::before, section.marki::after { height: 100%; }
.kviz-step { display: none; }
.kviz-step.active { display: block; }
.clock img { width: 200px; }
.clock { display: flex; flex-wrap: wrap; align-items: flex-start; place-content: flex-start left; height: 470px; border: 4px solid rgb(236, 236, 236); padding: 30px; border-radius: 10px 10px 0px 0px; overflow-y: scroll; }
.day span { color: rgb(248, 175, 20); margin-right: 10px; }
h1 b { color: rgb(250, 165, 11); }
.quiz__buttons__hint__text { display: flex; align-items: center; font-size: 16px; justify-content: space-between; flex: 0 0 auto; margin-left: 40px; }
.quiz__buttons__hint__text img { margin-right: 30px; }
.next { }
.quiz_buttons .next { margin-top: 0px; }
.quiz_buttons a[disabled] { }
.clock label { cursor: pointer; }
div#progress_bar p {text-align: center;position: absolute;z-index: 5;width: 100%;color: black;margin-top: 5px;left: 0;}
p.kak_h3 { font-size: 24px; text-align: center; margin-bottom: 30px; }
p.kak_h3 span { font-weight: bold; color: rgb(250, 168, 14); }
p.kak_h3 { font-size: 24px; text-align: center; margin-bottom: 30px; }
p.kak_h3 span { font-weight: bold; color: rgb(250, 168, 14); }
.kviz-step:not(.next-kviz) .clock { height: auto; border: none; padding: 65px 0px; overflow-y: auto; }
textarea#dannie { display: none; }
span.error.error_name { display: none; }
.kviz-step button.btn { margin-top: 0px; }
.kviz-step input.form-control { border-image: initial; height: 70px; border-right-style: initial; border-right-color: initial; border-radius: 5px 0px 0px 5px; }
.custom-checkbox { }
.checkbox .custom-checkbox { display: none; }
.kviz-step:not(.next-kviz) .clock > div { width: 100%; }
#progress_bar { width: 100%; height: 3.438rem; border-radius: 8px; background-color: rgb(236, 236, 236); padding: 0.5rem; margin-right: auto; margin-left: auto; position: relative; }
#progress_in {background-size: 30px 30px;background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);animation: 3s linear 0s infinite normal none running animate-stripes;display: inline-block;height: 100%;background-color: rgb(250, 232, 220);border-radius: 3px;box-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px inset;transition: width 0.4s ease-in-out 0s;position: absolute;top: 0px;left: 0;}
@-webkit-keyframes animate-stripes { 
  0% { background-position: 0px 0px; }
  100% { background-position: 60px 0px; }
}
@keyframes progres { 
  0% { background-position: 0px 0px, 0px 0px; }
  100% { background-position: 2000px 0px, 0px 0px; }
}
.etapi > div:nth-child(2), .etapi > div:nth-child(5) {/* margin-top: 160px; */}
.catalog-item { height: 400px; overflow: hidden; position: relative; background-size: cover !important; }
.catalog_text {font-size: 25px;position: absolute;bottom: 20px;left: 20px;font-weight: bold;color: rgb(0, 0, 0);border-radius: 50%;z-index: 3;}
.catalog-item::before {content: "";width: 90%;height: 50px;background: rgb(236 236 236);position: absolute;/* border-radius: 50%; */left: 0;bottom: 15px;z-index: 2;}
.catalog-item::after {content: "";position: absolute;width: 100%;height: 100%;z-index: 1;background: rgb(38 38 44 / 40%);}
span.comanda_title {background: rgb(255 222 201);padding: 10px 20px;border-radius: 20px 0px;font-weight: bold;color: rgb(30, 30, 30);display: block;z-index: 1;width: 200px;margin: -25px auto 0px;position: relative;}
span.comanda_dolz {display: block;padding: 10px;font-size: 18px;}
.plashka { background: rgb(236, 236, 236); text-align: center; padding: 30px; flex-wrap: wrap; }
.comanda img { border-radius: 20px; }
.raboti-block {background: url("/assets/kuchni/img/back/loft-living-room-interior-design-1-(1).png") 50% center;position: relative;}
.owl-controls { position: absolute; bottom: 150px; z-index: 555; left: 20px; padding: 20px; width: 150px; background: white; border-radius: 50px; }
.text_body h3 {font-weight: 600;font-size: 18px;}
.text_body ul { padding-left: 0px; margin: 20px 0px; list-style: none; }
.counter { font-size: 25px; text-align: center; font-weight: bold; }
button.owl-next { }
.custom-nav.owl-nav { position: absolute; width: 100%; top: 50%; left: 0px; transform: translate(0%, -50%); }
.custom-nav .owl-prev { left: 10px; }
.custom-nav .owl-next { right: 10px; }
.custom-nav button { position: absolute; border: none; background: none; top: -10px; color: red; }
.text_body p.h5 {font-size: 30px;font-weight: 600;}
.mb-30 { margin-bottom: 30px; }
@media (max-width: 1450px) {
  .clock { height: 450px; }
  .quiz__buttons__hint__text img{
    max-width:50px;
  }
}
@media (max-width: 1199px) {
  .otziv_img { flex: 0 0 200px; }
  .otziv_img img { height: 100%; }
  .otzivi .date { position: static; }
  .prev { margin-right: 20px; }
  .quiz_buttons { padding: 20px; }
  .clock > div { width: 50%; }
  .clock { height: 400px; }
  .quiz__buttons__hint__text img { display: none; }
  span.cel_cifra { position: static; }
  .service_ex.row { align-items: center; }
  .banner {padding: 180px 0px 120px;}
  .banner_right img { margin-bottom: 0px; }
  .podpis span { display: none; }
  header .adress { display: none; }
  nav.navbar.navbar-expand-xl.navbar-light { padding: 0px; transform: skew(0deg, 0deg); }
  .header_nav { transform: skew(0deg, 0deg); }
  span.plus { position: absolute; top: 0px; right: 10px; padding: 10px; display: block; }
  li.nav-item ul { position: static; width: 100%; overflow: visible; text-align: center; border-radius: 0px; transform: none; visibility: visible; opacity: 1; display: none; box-shadow: none; }
  .nav-tabs .nav-link { }
  li.nav-item ul .nav-link { border-bottom: none; }
  .tabs_img::before { right: 30px; bottom: 30px; }
  .tabs_img::after { left: 30px; bottom: 30px; }
  header button.navbar-toggler { display: block; position: absolute; padding: 10px; font-size: 1rem; top: 50%; transform: translate(10px, -50%); right: 30px; }
  .header_nav { order: 2; }
  .soc-seti a { border-color: rgb(69, 143, 194); }
  .soc-seti i { color: rgb(246, 176, 22); }
  .header_phone span { display: block; }
  .navbar .navbar-nav .nav-link { font-size: 18px; border-bottom: 1px solid rgba(217, 190, 174, 0.2); padding: 10px 0px !important; }
  .header_nav a::before { content: none; }
  .header_nav .navbar .navbar-collapse { z-index: 2; }
  .header_phone {position: relative;}
  h1 { font-size: 32px; }
  p, .preim_info, .sec_1_new li, .sec_1_new td, .sec_1_new th { font-size: 18px; }
  p.banner_p { font-size: 16px; line-height: 1.6; }
  .preim img { }
  .back-comp { }
  .back-skos::before { width: 100%; height: 120%; left: -15px; }
  span.cifra-comp { font-size: 25px; }
  .cel_circle { order: 3; }
  .kviz-step:not(.next-kviz) .clock { padding: 40px 0px; }
}
@media (max-width: 991px) {
  .price-img {
    margin-left: 0px;
}
  .price-block img {
    transform: rotate(0deg);
    margin-right: 0;
    margin-left: 0;
    margin-top: 20px;
    margin-bottom: 60px;
}
.apartments-plan-img {
    height: 350px;
    margin-top: 20px;
}
  .price-block {
    width: 100%;
    display: block;
    padding: 20px;
  }
  .content-box { position: relative; padding: 30px; }
  h1 { font-size: 27px; }
  .card .btn { font-size: 18px; font-weight: bold; padding: 10px 30px 10px 0px; }
  a.whatsapp, .car-search-wrap .submit_btn { padding: 15px 20px; font-size: 18px; }
  img.img-what { position: absolute; z-index: 5; width: 250px; left: -50px; top: 0px; }
  .car-search-wrap { padding: 40px 40px 40px 200px; margin: 50px 0px 0px; }
  .quiz_buttons .next { padding: 12px 25px; font-size: 20px; }
  .kviz-step:not(.next-kviz) .clock { padding: 20px 0px; }
  .container { max-width: 100%; }
  .quiz .name { width: 80%; }
  header p.d-flex { display: none !important; }
  .banner {padding: 150px 0px 60px;}
  header .container { width: 100%; max-width: 100%; }
  .soc-seti i { font-size: 25px; }
  .header_phone a {font-size: 25px;}
  form#obr_form {
    max-width: 100%;
  }
  .header_phone span { color: black; }
  .soc-seti a { border: none; width: 30px; height: 30px; line-height: 30px; }
  section.form-bottom img { margin: 0px auto; }
  nav.navbar.navbar-expand-xl.navbar-light { padding: 0px; }
  .tab-content > .tab-pane { text-align: center; }
  .tabs_img { margin-top: 0px; margin-bottom: 50px; }
  .nav-tabs .nav-link { text-align: center; }
  .ptb-60,.pt-60,pb-60 { padding: 60px 0px; }
    .pt-60 {
    padding-top: 60px;
}
}
@media (max-width: 767px) {
    .spec-a {
    display: none;
}
  footer .soc-seti, .contact-item { width: 50%; border-right: none; }
  img.img-what { display: none; }
  .car-search-wrap { padding: 40px; margin: 50px 0px 0px; }
  .counter { font-size: 20px; }
  .owl-controls { inset: 20px 20px auto auto; padding: 10px; width: 120px; }
  .raboti-home .img { height: 500px; }
  .feature-step-icon::before { width: 30px; height: 30px; }
  .etapi > div:nth-child(2n) .feature-step-item::before { content: none; }
  .etapi > div:nth-child(2n-1) .feature-step-item::before { content: ""; }
  .feature-step-icon { font-size: 50px; width: 80px; height: 80px; margin-left: -40px; margin-top: -50px; }
  .feature-step-item { height: 100%; }
  .etapi > div { margin-top: 80px !important; }
  .order2 { order: 2; }
  .kviz-step { margin-bottom: 30px; }
  .service_body { margin-right: 0px; padding: 20px; }
  .banner {padding: 120px 0px 60px;}
  .header_phone a { font-size: 18px; }
  .soc-seti a { margin-right: 5px; width: auto; }
  .card .btn { padding: 15px 30px 15px 15px; }
  .accordion button.btn.btn-link span { width: 40px; height: 40px; }
  .day { margin-right: 0px; margin-bottom: 10px; }
  .stroka {display: block;text-align: center;font-size: 15px;}
    .stroka .price{
        width: 100%;
        text-align: center;
    }
    .stroka div:first-child{
        padding:0;
        text-align: center;
    }
    .stroka div:first-child:before{
        content:none;
    }
  .cel_block { text-align: center; }
  .service_button { margin-right: 0px; }
  .nav-tabs .nav-link { text-align: center; }
  .nav-tabs .nav-link.active::after, .nav-tabs .nav-item.show .nav-link::after { content: ""; width: 15px; height: 15px; background: rgb(239, 144, 0); position: absolute; bottom: 0%; margin-bottom: -7px; right: 50%; margin-right: -5px; transform: rotate(45deg); }
  .price-block p.name { font-size: 20px; }
  .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 30px; }
  .back-m { margin-left: 0px; padding: 10px; margin-top: 20px; }
  .content-box::before { width: 100%; }
  .content-box {position: relative;padding: 20px;margin-bottom: 20px;text-align: center;}
  .image-box { margin-left: 0px; }
  .image-box::before { content: none; }
}
@media (max-width: 640px) {
  .modal .modal-dialog { width: 100%; }
  .modal .form-header .title_for { font-size: 20px; }
  .navbar-light .navbar-toggler { right: 20px; font-size: 15px; padding: 5px; }
  .header_phone {position: relative;}
  .header_logo span { display: none; }
  .block-preim-h {width: 100%;height: auto;display: block;background: none;border: none;margin-top: 30px;}
  .preim-h img{
    margin:10px auto;
  }
  .preim-h {position: static;padding: 0 0 20px;max-width: 100%;font-size: 14px;width: 100% !important;margin-left: 0px !important;display: block;text-align: center;}
}
@media (max-width: 575px) {
    .image-box img {

    margin-bottom: 0px;
}
  .h2::before {
    height: 30px;
    width: 1px;
    top: -30px; 
}  
    .content-box h1::before {
    content: none;

}
 .kompany::before, .quiz-block::before, .raboti-block::before, .otzivi::before,section.banner::after, .quiz-block::after, .kompany::after, .raboti-block::after, .otzivi::after{
     content:none;
 }   
.ptb-60, .pt-60, .pb-60 {
        padding: 30px 0px;
    }
    .h2::after{
        content:none;
    }
    .header_phone img {
    max-width: 30px;
    margin-right: 10px;
}
  .ltn__tab-menu a {font-size:16px;margin-right: 20px;padding: 15px;width: 100%;}
  .apartments-plan-info {
    padding: 30px;

}
  footer .soc-seti, .contact-item { width: 100%; border-right: none; }
  .accordion { padding: 0px; }
  .back-m { display: block; padding: 10px; }
  .planka_bottom, .planka_bottom .text-right { text-align: center !important; }
  .otziv_img { width: 100%; height: 400px; }
  .text-otziv { padding: 20px; }
  section#raboti .col-sm-6 { width: 50%; }
  section#raboti .car-search-wrap .col-sm-6 { width: 100%; }
  .otzivi .d-flex { display: block !important; }
  .raboti-home .img { height: 350px; }
  .text_body { padding: 20px; }
  .text_body .h4, .text_body p.h5 { font-size: 25px; }
  .etapi > div .feature-step-item::before { content: none !important; }
  .clock, .clock > div, .kviz-step:not(.next-kviz) .clock { padding: 10px; }
  .quiz { padding: 30px 20px; }
  .day { padding: 10px 0px; font-size: 22px; }
  .clock span { font-size: 18px; }
  .quiz_buttons { justify-content: center; }
  .quiz__buttons__hint__text { display: none; }
  .quiz_buttons p { text-align: center; }
  .back-skos::before { width: 100%; height: 110%; left: 0px; transform: skew(0deg, 0deg); }
  .h2 p { font-size: 18px; }
  .back-comp .btn { margin: 20px 0px 30px; width: 100%; }
  .banner_left .col-sm-6 { margin-bottom: 10px; flex: 0 0 50%; max-width: 50%; }
  .podpis { display: none; }
  footer .col-sm-12 { padding-bottom: 20px; text-align: center; }
  p.err404 img { max-width: 150px; }
  p.err404 { font-size: 55px; }
  ul.ul-col-2 li { width: 100%; }
  footer p.title-footer::before { content: none; }
  .back-skos p { width: auto; font-size: 18px; }
  .back-skos { text-align: center; margin: 20px 0px; border-bottom: 1px solid rgb(233, 220, 203); }
  footer p { text-align: center; }
  .nav-tabs .nav-link { width: 100%; text-align: center; }
  .h2, h2 { font-size: 25px; padding-left: 0px; margin-bottom: 30px; }
  .service_ex p.h4 a { font-size: 25px; }
  h2.h2::before { bottom: -10px; top: auto; }
  span.cifra-comp, .preim_title { font-size: 20px; }
  .block-title p.title span { top: 0px; }
  .block-title p.title { font-size: 18px; margin-bottom: 30px; padding: 15px 35px; margin-left: -10px; border-radius: 50px; bottom: -20px; }
  .header_logo { width: 20%; }
  .btn { padding: 15px 30px; font-size: 16px; }
  a.whatsapp, .car-search-wrap .submit_btn { width: 100%; text-align: center; margin-left: 0px; }
  .form-control, label.form-control.js-labelFile { max-width: 100%; }
  .soc-seti i { font-size: 20px; }
  .soc-seti { text-align: right; width: 25%; padding: 0px; }
  .header_phone {width: 80%;}
  .header_phone i { display: none; }
  span.cifra { position: static; }
  .banner { padding: 30px 0px 60px; }
  .banner_left p, .banner_left p.vp-banner { padding-left: 0px; font-size: 16px; }
  button.header_call { font-size: 15px; display: none; }
  .header_phone span { font-size: 16px; }
  header a { color: black; font-size: 14px; }
  .content-box h1 {font-size: 25px;margin-bottom: 20px;}
  p.preim_title::before { width: 80px; height: 80px; top: -100px; }
  .content-box::after { left: 20px; }
  header {padding: 20px 0px;background: #303036;margin: 0px;position: static;}
}
.col-xs-5th, .col-sm-5th, .col-md-5th, .col-lg-5th { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; width: 20%; float: left; }
.col-5-th { -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; }
@media (min-width: 768px) {
  .col-sm-5th { -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; }
}
@media (min-width: 992px) {
  .col-md-5th { -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; }
}
@media (min-width: 1200px) {
  .col-lg-5th { -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; }
}
@media only screen and (max-width: 992px) {
  .col-md-5th { width: 33%; float: none; display: block; -webkit-box-flex: 0; flex: 0 0 33%; max-width: 33%; }
  .col-md-5th.col-sm-5th { width: 20%; float: left; -webkit-box-flex: 0; flex: 0 0 20%; max-width: 20%; }
}
@media only screen and (max-width: 769px) {
  .col-md-5th { width: 100%; float: none; display: block; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; }
  .col-md-5th.col-sm-5th { width: 50%; float: none; display: block; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; }
}
@media only screen and (max-width: 767px) {
  .col-md-5th { width: 100%; float: none; display: block; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; }
  .col-md-5th.col-sm-5th { width: 100%; float: none; display: block; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; }
}