@import "https://fonts.googleapis.com/css2?family=Montserrat&display=swap";
@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap";
html {
    padding: 0;
    margin: 0
}
.body {
    padding: 0;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.6;
}
html,
body {
    overflow-x: hidden
}
*,
:before,
:after {
    padding: 0;
    margin: 0;
    border: 0;
    box-sizing: border-box;
}
.modal-open {
    padding-right: 0 !important
}
.container {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto
}
.banner {
    background-image: url(../img/banner-mon.webp);
    background-repeat: no-repeat;
    height: 100%;
    background-size: 100% 100%;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative
}
@media (max-width: 1440px) {
    .banner {
        background-image: url(../img/banner-plb.webp);
        background-repeat: no-repeat;
        width: 100%;
        background-position: center;
        background-position: top
    }
}
@media (max-width: 1024px) {
    .banner {
        background-image: url(../img/banner-pl.webp);
        background-repeat: no-repeat;

        width: 100%;
        background-position: center;
        background-position: top
    }
}
@media (max-width: 500px) {
    .banner {
        background-image: url(../img/banner-mobi.webp);
        background-repeat: no-repeat;
        width: 100%;
        background-position: center;
        background-position: top
    }
}
@media (max-width: 350px) {
    .banner {
        background-image: url(../img/banner-mob.webp);
        background-repeat: no-repeat;
        width: 100%;
        background-position: center;
        background-position: top
    }
}
.container-one {
    padding-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center
}
.container-duaq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.logo img {
    width: 150px
}
@media (max-width: 1024px) {
    .logo img {
        width: 135px
    }
}
@media (max-width: 576px) {
    .logo img {
        width: 120px
    }
}
@media (max-width: 450px) {
    .logo img {
        width: 112px
    }
}
@media (max-width: 375px) {
    .logo img {
        width: 110px
    }
}
.multiyazi-blok {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center
}
.block-teelfonw {
    text-align: center
}
.wpapper {
    width: 100%;
    height: 60px
}
@media (max-width: 767px) {
    .wpapper {
        height: 48px
    }
}
.header {
    width: 100%;
    left: 0;
    z-index: 50
}
.header:before {
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}
.header_body {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    height: 60px;
    align-items: center
}
.header_burger {
    display: none;
    right: 15px
}
@media (max-width: 550px) {
    .header_burger {
        margin-left: 20px
    }
}
.header_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 3;
    margin: auto;
    padding: 0
}
.header_list li {
    list-style: none;
    margin: 0 0 0 20px
}
.header_link {
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    font-weight: 500
}
.header_list a:hover {
    color: #f05656;
    text-decoration: none
}
.header_menu {
    width: 100%
}
@media (max-width: 767px) {
    body.lock {
        overflow: hidden;
        position: fixed;
        width: 100%;
        height: 100%
    }
    .header_body {
        height: 50px
    }
    .header_burger {
        display: block;
        position: relative;
        width: 30px;
        height: 20px;
        position: relative;
        z-index: 3
    }
    .header_logo {
        flex: 0 0 40px
    }
    .header_burger span {
        position: absolute;
        background-color: #fff;
        left: 0;
        width: 100%;
        height: 2px;
        top: 9px;
        transition: all .3s ease 0
    }
    .header_burger:before,
    .header_burger:after {
        content: '';
        background-color: #fff;
        position: absolute;
        width: 100%;
        height: 2px;
        left: 0;
        transition: all .3s ease 0
    }
    .header_burger:before {
        top: 0
    }
    .header_burger:after {
        bottom: 0
    }
    .header_burger.active span {
        transform: scale(0)
    }
    .header_burger.active:before {
        transform: rotate(45deg);
        top: 9px
    }
    .header_burger.active:after {
        transform: rotate(-45deg);
        bottom: 9px
    }
    .header_menu {
        position: fixed;
        top: 61px;
        left: -850px;
        width: 100%;
        height: 100%;
        overflow: auto;
        background-color: #191816;
        background-repeat: no-repeat;
        transition: all .7s ease 0;
        padding: 30px 10px 20px;
        border-radius: 15px
    }

    .header_menu.active {
        left: 0
    }

    .header_list {
        display: block;
        text-align: center
    }

    .header_link {
        font-size: 22px
    }

    .header_list li {
        margin: 0 0 20px
    }
}
#block-burger {
    display: none
}
@media (max-width: 767px) {
    #block-burger {
        width: 30px;
        display: block
    }
}
@media (max-width: 767px) {
    .block-burger-menu {
        width: 60px;
        top: 10px;
        right: 0
    }
}
.block-burger-menu {
    position: absolute;
    width: 60px;
    right: 0;
    z-index: 50
}
.block-burger-menu:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}
.container-dua {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center
}
.lng-medvegatniki {
    margin-bottom: 0;
    color: #FFF
}
.tel a {
    font-size: 21px;
    font-weight: 500;
    padding-right: 30px;
    color: #fff
}
@media (max-width: 767px) {
    .tel a {
        padding-right: 10px
    }
}
@media (max-width: 576px) {
    .tel a {
        font-size: 20px;
        font-weight: 400;
        padding-right: 5px
    }
}
@media (max-width: 375px) {
    .tel a {
        font-size: 18px;
        font-weight: 400
    }
}
@media (max-width: 576px) {
    .tel img {
        width: 22px
    }
}
.tel img {
    width: 22px;
    height: 12px
}
.knopka {
    background: rgba(0, 0, 0, 0);
    border-radius: 50px;
    border: 3px solid #CF1C1C;
    padding: 3px 10px 7px;
    color: #fff;
    font-size: 25px;
    margin-top: 10px
}
.line {
    border-bottom: 1px solid #fff;
    margin-top: 10px
}
.content {
    padding: 100px 0 0
}
.content_text {
    font-size: 18px;
    line-height: 25px
}
.content_text p {
    margin: 0 0 0 20px
}
.block-iconki {
    display: none
}
@media (max-width: 767px) {
    .block-iconki {
        display: block
    }
}
@media (max-width: 767px) {
    .block-iconki {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center
    }
}
@media (max-width: 767px) {
    .block-iconki img {
        width: 25px;
        height: 25px
    }
}
.vscritie {
    font-size: 40px;
    color: #fff;
    padding-top: 8vh;
    max-width: 740px;
    line-height: 1.3
}
@media (max-width: 1500px) {
    .vscritie {
        padding-top: 5vh;
        max-width: 600px;
        top: 30vh
    }
}
@media (max-width: 768px) {
    .vscritie {
        padding-top: 3vh;
        max-width: 600px;
        top: 30vh
    }
}
@media (max-width: 600px) {
    .vscritie {
        padding-top: 3vh;
        text-align: center
    }
}
.vskr {
    color: #fff;
    font-size: 35px
}
.vskr h1 {
    font-size: 1em
}
.khark {
    font-size: 20px;
    max-width: 350px;
    margin: 0;
    margin-top: 17px;
    font-family: 'Roboto', sans-serif
}
@media (max-width: 600px) {
    .khark {
        margin: 0 auto;
        margin-top: 17px;
        font-size: 20px
    }
}
.dot {
    background-image: url(../img/galochka.svg);
    background-repeat: no-repeat;
    padding: 0 0 0 30px
}
.galochhc {
    font-size: 16px;
    color: #ed0d0d
}
.pereckusl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px
}
@media (max-width: 600px) {
    .pereckusl {
        justify-content: center
    }
}
.vskriti-block br {
    display: none
}
@media (max-width: 600px) {
    .vskriti-block br {
        display: block
    }
}
.block-perezv {
	padding-bottom: 50px;
    left: 0;
    right: 0
}
.block-perezvs {
    width: 100%
}
.ostavtie {
    color: #fff;
    max-width: 200px;
    margin: 0 auto;
    margin-top: 40px;
    text-align: center
}
.trubka-pozvon {
    text-align: center
}
#telefsi {
    margin: 10px;
    border-radius: 25px 25px 25px 25px;
    padding: 9px 0;
    text-align: center;
    border: none;
    width: 200px
}
.knopkasi {
    margin: 10px;
    cursor: pointer;
    padding: 9px 18px;
    text-transform: uppercase;
    vertical-align: middle;
    background: #b31616;
    border: none;
    color: #fff;
    border-radius: 25px 25px 25px 25px;
    box-shadow: 0 0 10px red;
    transition: all 1s;
    width: 200px
}
.usluga {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 15px;
    color: #333332
}
@media (max-width: 600px) {
    .usluga {
        font-size: 22px
    }
}
.vslritie-zamkov {
    font-size: 22px;
    color: #252525;
    font-family: Roboto;
    font-weight: 700;
    letter-spacing: 1.1px;
    text-decoration: underline 3px;
    text-decoration-color: #B31616
}
.max-blok {
    margin-top: 13px;
    color: #1E0101;
    font-family: Roboto
}
@media (max-width: 375px) {
    .max-blok {
        max-width: 100%
    }
}
.block-uslug-vseh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap
}
.block-uslugs {
    flex: 0 0 33.333%;
    max-width: 400px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}
@media (max-width: 1245px) {
    .block-uslugs {
        flex: 0 0 50%;
        max-width: 400px;
        margin: 0 auto
    }
}
@media (max-width: 835px) {
    .block-uslugs {
        flex: 0 0 100%;
        max-width: 400px;
        justify-content: center
    }
}
.block-uslug {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 20px;
    background: #FFF;
    justify-content: center;
    padding: 5px;
    box-shadow: 0 0 100px 0 rgba(69, 69, 69, 0.25);
    align-items: center;
    max-width: 400px;
    margin: 30px 0;
    padding: 10px
}
@media (max-width: 835px) {
    .block-uslug {
        margin: 15px 0
    }
}
@media (max-width: 375px) {
    .block-uslug {
        display: block
    }
}
@media (max-width: 375px) {
    .block-grupb {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-around
    }
}
@media (max-width: 375px) {
    .block-grupb img {
        width: 70px
    }
}
.knopkaq {
    border-radius: 50px;
    border: 3px solid #FFF;
    background: #B31616;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    font-size: 20px;
    color: #fff;
    padding: 3px 10px 7px;
    margin-top: 40px
}
@media (max-width: 375px) {
    .knopkaq {
        margin: 3px 0
    }
}
.block-kartin img {
    width: 104px;
    height: 104px
}
@media (max-width: 375px) {
    .block-kartin {
        display: none
    }
}
.bespl_konsult {
    background-image: url(../img/back-besplatn.webp);
    max-width: 1920px;
    margin: 0 auto;
    margin-top: 40px
}
.besplatn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
    flex-direction: column
}
@media (max-width: 600px) {
    .besplatn {
        display: block;
        padding: 10px;
        text-align: center
    }
}
.vklik {
    color: #fff;
    font-size: 25px
}
@media (max-width: 768px) {
    .vklik {
        font-size: 20px
    }
}
@media (max-width: 425px) {
    .vklik {
        font-size: 22px
    }
}
.knopkas {
    background: rgba(0, 0, 0, 0);
    border-radius: 50px;
    border: 3px solid #fff;
    color: #fff;
    font-size: 25px;
    padding: 5px 15px;
    background-color: #b31616
}
.besplatnay_konsultacia {
    margin-top: 18px
}
@media (max-width: 600px) {
    .besplatnay_konsultacia {
        padding-left: 0;
        margin-top: 10px
    }
}
.ocenka {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 20px;
    color: #333332
}
@media (max-width: 600px) {
    .ocenka {
        font-size: 22px
    }
}
.ocenkas p {
    max-width: 450px;
    margin: 0 auto;
    margin-bottom: 15px
}
@media (max-width: 486px) {
    .ocenkas p {
        margin-bottom: 0
    }
}
.ocenkas {
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
    border-radius: 25px;
    border: 5px solid #333332;
    padding: 10px
}
.forma input {
    border-radius: 50px;
    border: 3px solid #333332;
    padding: 6px;
    margin: 0 10px
}
@media (max-width: 486px) {
    .forma input {
        margin-top: 10px
    }
}
.control-file {
    margin-top: 10px;
    margin-bottom: 10px
}
.knop {
    color: #fff;
    background-color: #333332;
    border-radius: 50px;
    border: 3px solid #333332;
    font-size: 25px;
    padding: 5px 15px
}
#fileFF {
    border: none
}
.poshimu_mi {
    margin-top: 15px
}
.poshemu {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
    padding-top: 30px;
    color: #333332
}
@media (max-width: 600px) {
    .poshemu {
        font-size: 22px
    }
}
.block-poshemu {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: space-around;
    text-align: center;
    margin-top: 40px;
    grid-row-gap: 10px
}
@media (max-width: 825px) {
    .block-poshemu {
        grid-template-columns: repeat(2, 1fr)
    }
}
@media (max-width: 460px) {
    .block-poshemu {
        grid-template-columns: repeat(1, 1fr)
    }
}
.poperv img {
    width: 75px;
    height: 75px
}
.cena {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 20px;
    color: #333332
}
@media (max-width: 600px) {
    .cena {
        font-size: 22px
    }
}
.block_ceni {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
    margin-top: 40px
}
@media (max-width: 980px) {
    .block_ceni {
        display: block;
        justify-content: center
    }
}
.block_opicanie {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.block_opicanie p {
    max-width: 300px;
    line-height: 1.1
}
@media (max-width: 486px) {
    .block_opicanie p {
        max-width: 250px;
        line-height: 1.1
    }
}
.cenni {
    border-left: 3px solid #dbdbdb;
    margin-left: 20px;
    padding-left: 10px;
    height: 95px;
    font-size: 30px;
    color: #dbdbdb;
    font-weight: 700;
    line-height: 1.2
}
.logniivis {
    border-radius: 50px;
    border: 3px solid #b31616;
    max-width: 320px;
    margin: 0 auto;
    padding: 5px;
    margin-top: 20px
}
.logniivis h5 {
    font-size: 1rem
}
.logni {
    text-align: center;
    margin-bottom: 0
}
.mnogozam {
    text-align: center;
    margin-top: 10px
}
.mnogozam img {
    max-width: 100%
}
.vagnie {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 15px;
    color: #333332
}
@media (max-width: 600px) {
    .vagnie {
        font-size: 22px
    }
}
.text-avt {
    max-width: 950px;
    margin: 0 auto;
    text-align: center
}
.lng-zakaza {
    max-width: 950px;
    margin: 0 auto;
    text-align: center;
    margin-top: 30px
}
.block-vskritie {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
    align-items: center;
    justify-content: center
}
@media (max-width: 768px) {
    .block-vskritie {
        flex-wrap: wrap;
        order: 1;
        margin: 0 auto
    }
}
.block-vskritie-text {
    padding-left: 15px;
    padding-right: 15px
}
@media (max-width: 768px) {
    .block-vskritie-text {
        order: 1
    }
}
.block-vskritie-tex {
    margin-left: 50px
}
@media (max-width: 768px) {
    .block-vskritie-tex {
        margin-left: 0
    }
}
.block-kartinki {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    position: relative
}
@media (max-width: 1050px) {
    .block-kartinki {
        grid-template-columns: repeat(2, 1fr)
    }
}
.block-vskritie-img img {
    width: 250px;
    border-radius: 10px
}
@media (max-width: 768px) {
    .block-vskritie-img img {
        width: 200px
    }
}
@media (max-width: 768px) {
    .block-vskritie-img {
        margin: 0 auto;
        margin-top: 15px;
        margin-bottom: 15px
    }
}
.block-vskritie-img {
    grid-column: 8 / span 5;
    grid-row: 1
}
.block-vskritie-imgs {
    grid-column: 4 / -1;
    grid-row: 1;
    padding-top: 30%
}
@media (max-width: 1050px) {
    .block-vskritie-imgs {
        grid-column: 9 / 5;
        grid-row: 1;
        padding-top: 30%
    }
}
.block-vskritie-imgs img {
    width: 280px;
    height: 234px
}
@media (max-width: 768px) {
    .block-vskritie-imgs img {
        width: 150px;
        height: 125px
    }
}
.wane {
    margin-top: 40px
}

.wae p {
    max-width: 1400px;
    margin: 0 auto
}
.nawakom {
    text-align: center;
    max-width: 1250px;
    margin: 0 auto;
    padding-top: 40px;
}

.galoch {
    background-image: url(..//img/galka.png);
    background-repeat: no-repeat;
    padding: 0 0 0 30px
}
.block-master {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 25px
}
.block-mastera {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.block-luchie {
    margin-left: 15px
}
.pomogem {
    max-width: 450px;
    margin-top: 20px
}
.knopka-zakaz {
    border-radius: 50px;
    border: 3px solid #FFF;
    background: #B31616;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    font-size: 20px;
    color: #fff;
    padding: 3px 10px 7px
}
@media (max-width: 768px) {
    .block-knopki-centr {
        text-align: center
    }
}
.vskritie-zamkov-opic {
    margin-top: 50px
}
.block-vskrities {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px;
    align-items: center;
    justify-content: space-evenly;
}
@media (max-width: 768px) {
    .block-vskrities {
        flex-wrap: wrap;
        order: 1;
        margin: 0 auto
    }
}
.block-vskritiesq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-top: 30px;
    max-width: 1400px;
}
@media (max-width: 768px) {
    .block-vskritiesq {
        flex-wrap: wrap;
        order: 1;
        margin: 0 auto
    }
}
.block-vskritiesq img {
    width: 250px;
    height: 230px
}
@media (max-width: 768px) {
    .block-vskritiesq img {
        width: 200px;
        height: 186px
    }
}
@media (max-width: 375px) {
    .block-vskrities img {
        max-width: 300px
    }
}
.block-vskrit-text {
    max-width: 640px;
    border-left: 5px solid #B31616;
    padding-left: 20px;
}
.zamkismag {
    width: 303px;
    height: 210px
}
@media (max-width: 786px) {
    .zamkismag {
        width: 250px;
        height: 180px
    }
}
.polomka {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around
}
.block-vskritiesz {
    margin-top: 50px
}
@media (max-width: 768px) {
    .polomka {
        flex-wrap: wrap;
        order: 1;
        margin: 0 auto
    }
}
@media (max-width: 768px) {
    .polomka-blok {
        order: 2;
        margin-top: 40px
    }
}
.block_footer {
    background-color: #000;
    max-width: 1920px;
    margin: 0 auto;
    padding-bottom: 40px
}
.poshemu_mim {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #fff;
    padding-top: 30px
}
@media (max-width: 600px) {
    .poshemu_mim {
        font-size: 22px
    }
}
.blocki_footer {
    max-width: 40%;
    color: #fff
}
@media (max-width: 1020px) {
    .blocki_footer {
        max-width: 50%
    }
}
@media (max-width: 768px) {
    .blocki_footer {
        max-width: 100%
    }
}
.bloki_vmeste {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around
}
@media (max-width: 1024px) {
    .bloki_vmeste {
        justify-content: space-between
    }
}
@media (max-width: 768px) {
    .bloki_vmeste {
        display: block
    }
}
.daem_garantiu p {
    font-size: 20px
}
@media (max-width: 1024px) {
    .daem_garantiu p {
        font-size: 18px
    }
}
.block_foot {
    border-bottom: 2px solid #fff;
    margin-bottom: 10px
}
.block_fooderre {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 25px
}
.blocki_zamok img {
    width: 175px;
    height: 210px
}

@media (max-width: 768px) {
    .blocki_zamok {
        text-align: center
    }
}
@media (max-width: 768px) {
    .blocki_zamok img {
        width: 170px;
        height: 210px;
        margin-bottom: 15px
    }
}
#topNubex {
    position: fixed;
    right: 105px;
    bottom: 45px
}

@media (max-width: 768px) {
    #topNubex {
        position: fixed;
        right: 25px;
        bottom: 45px
    }
}
.modal-dialog {
    background-color: dimgrey;
    z-index: 200;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    border: 6px solid #b31616;
    border-radius: 15px;
    margin-top: 30px
}
.modal-content {
    background-color: #b8b8b8
}
.formas input {
    border-radius: 50px;
    border: 3px solid #333332;
    padding: 6px;
    margin: 10px
}
@media (max-width: 486px) {
    .formas input {
        margin-top: 10px
    }
}
.ukraine {
    color: #fff;
    text-align: center
}
.wpappers {
    height: 60px;
    margin-left: 100px
}
@media (max-width: 1232px) {
    .wpappers {
        display: none
    }
}
@media (max-width: 767px) {
    .wpappers {
        height: 48px
    }
}
.head-doo {
    display: none
}
@media (max-width: 1232px) {
    .head-doo {
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between
    }
}
.header_listss {
    padding-left: 0;
    margin-top: 25px
}
.header_listss li {
    list-style: none;
    margin: 0 0 0 10px;
    font-style: normal;
    font-weight: 300
}
.header_links {
    font-size: 18px;
    color: #fff
}
.header_listss a {
    text-decoration: none
}
.header_listss a :hover {
    color: #db4242
}
.zamok-img {
    height: 130px;
    margin-top: 30px
}
.block-vsotkr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.block-vsotkr img {
    width: 15px;
    height: 15px
}
.bl-vriem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    color: black;
}
.blockwith {
    width: 135px
}
@media (max-width: 380px) {
    .blockwith {
        width: 125px
    }
}
.overlay p {
    padding: 7px
}
.owibka-block {
    text-align: center
}
.owibka-block h1 {
    margin-top: 80px;
    color: #fff
}
.obvertk {
    text-align: center
}
.blok-strelok {
    padding-bottom: 20px
}
.vsk-owibki {
    margin-bottom: 30px;
    color: #fff
}
.knopka-glavn-nag {
    margin: 0 auto;
    text-transform: uppercase;
    background: #b31616;
    border-radius: 5px;
    box-shadow: 0 0 10px #fb0000;
    width: 180px;
    font-size: 25px;
    padding: 5px;
    box-shadow: 0 0 10px #000
}
.knopka-glavn-nag a {
    text-decoration: none;
    color: #f0f8ff
}
/*Замена Замка*/
.banners {
    background-image: url(../img/zamena-mon.webp);
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    background-size: cover;
    background-position: center;
}
@media (max-width: 1440px) {
    .banners {
        background-image: url(../img/zamena-plb.webp);
        background-repeat: no-repeat;
        width: 100%;
        background-position: center;
        background-position: top
    }
}
@media (max-width: 1024px) {
    .banners {
        background-image: url(../img/zamena-pl.webp);
        background-repeat: no-repeat;

        width: 100%;
        background-position: center;
        background-position: top
    }
}
@media (max-width: 550px) {
    .banners {
        background-image: url(../img/zamena-mobi.webp);
        background-repeat: no-repeat;
        width: 100%;
        background-position: center;
        background-position: top
    }
}
@media (max-width: 350px) {
    .banners {
        background-image: url(../img/zamena-mob.webp);
        background-repeat: no-repeat;
        width: 100%;
        background-position: center;
        background-position: top
    }
}
.block-nagatia {
  text-decoration: none;
  outline: none;
}
.block-ceni-zamk {
    display: flex;
    justify-content: space-around;
}
@media (max-width: 850px) {
    .block-ceni-zamk {
        display: block;
        justify-content: center;
    }
}
table, td, th {
    border-collapse: collapse;
    border: 3px solid #000000;
  }
.galochhck {
    background-image: url(..//img/checked.webp);
    background-repeat: no-repeat;
    padding: 0px 0px 0px 35px;
    margin-top: 10px;
    font-size: 20px;
}
.stoimost-raboti {
    max-width: 500px;
    font-size: 18px;
}
@media (max-width: 850px) {
    .block-text-cen {
        margin-top: 30px;
    }
}
@media (max-width: 850px) {
    #tabl {
        margin: auto;
    }
}
.kharka {
    font-size: 20px;
    margin: 0;
    margin-top: 17px;
    font-family: 'Roboto', sans-serif
}
@media (max-width: 600px) {
    .kharka {
        margin: 0 auto;
        margin-top: 17px;
        font-size: 20px
    }
}
.masanger {
    border: none;
    color: #fff;
    border-radius: 25px 25px 25px 25px;
    box-shadow: 0 0 10px red;
}
.block-vskriti-do {
    margin-top: 50px;
}
.block-vskrities-imgdo {
    display: flex;
    justify-content: center;
}
@media (max-width: 880px) {
    .block-vskrities-imgdo {
        display: block;
    }
}
.bloki-dotext {
    margin-left: 150px;
}
@media (max-width: 1070px) {
    .bloki-dotext {
        margin-left: 50px;
    }
}
@media (max-width: 880px) {
    .bloki-dotext {
        margin-left: 10px;
    }
}
.block-vskritie-textdo {
    max-width: 1300px;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
}
@media (max-width: 880px) {
    .bloki-kartinokdo {
        text-align: center;
    }
}
@media (max-width: 495px) {
    .bloki-kartinokdo img {
        width: 100%;
    }
}
/*Трубка позвонить*/
.knopka-vizova-mast {
    background-color: #fdb404;
    width: 200px;
    height: 40px;
    color: black;
    border-radius: 20px;
    border: 3px solid #fdb404;
    font-size: 1.3em;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
}
.kak-rabot {
    font-size: 27px;
    text-align: center;
    margin: 20px 0px 10px;
    color: #333332;
}
.block-thabks {
    text-align: center;
    margin-top: 50px;
  }
.spasibo {
    font-weight: 800;
    font-size: 30px;
  }
.vernyts {
    margin-top: 50px;
    padding: 9px 18px;
    vertical-align: middle;
    background: rgb(253, 180, 4);
    border: medium;
    color: rgb(255, 255, 255);
    border-radius: 25px;
    width: 230px;
    height: 50px;
}
.vernytss {
    margin-top: 50px;
    padding: 9px 18px;
    vertical-align: middle;
    background: rgba(253, 6, 6, 0.925);
    border: medium;
    color: rgb(255, 255, 255);
    border-radius: 25px;
    width: 230px;
    height: 50px;
}
/*Почему мы*/
.poshemu {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
    padding-top: 30px;
    color: #333332
}
@media (max-width: 600px) {
    .poshemu {
        font-size: 22px
    }
}
.block-poshemu {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: space-around;
    text-align: center;
    margin-top: 40px;
    grid-row-gap: 10px
}

@media (max-width: 825px) {
    .block-poshemu {
        grid-template-columns: repeat(2, 1fr);
    }
  
  .poperv:nth-child(3) {
    grid-column: 1 / -1;
  }
}
@media (max-width: 460px) {
    .block-poshemu {
        grid-template-columns: repeat(1, 1fr)
    }
}
.poperv img {
    width: 75px;
    height: 75px
}
/*Трубка позвонить и написать*/
.whatsapp {
    background: #0b9fdf;
}

.viber {
    background: #7b519d;
}

.call {
    background: #ff2241;
}
.yellow {
    background: #e61e04;
}

.multibutton {
    position: fixed;
    right: 15px;
    bottom: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 50px;
    height: 50px;
    transition: 0.2s ease;
}

.multibutton:hover {
    width: auto;
    height: auto;
}

.multibutton:hover .multibutton__list {
    position: relative;
    top: auto;
    bottom: 10px;
    visibility: visible;
}
.multibutton:hover .multibutton__item {
    visibility: visible;
    opacity: 1;
    transition: 0.3s ease;
    transform: scaleX(1) scaleY(1) translateY(0);
}

.multibutton__list {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: absolute;
    right: 0px;
    top: 80px;
    visibility: hidden;
    transition: 0.3s ease;
    list-style: none;
    padding: 0;
    margin: 0;
}
.multibutton__item {
    display: flex;
    align-items: center;
    margin: 7px 0;
    transform: scaleX(0.4) scaleY(0.4) translateY(150px);
    opacity: 0;
    visibility: hidden;
}

.multibutton__button {
    width: 50px;
    height: 50px;
    background: #ed0d0d;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    animation: animation_button 3s linear infinite;
    transition: all 200ms ease-out;
    z-index: 1000;
}
@keyframes animation_button {
    0% {
        box-shadow: 0 0 0 0 #ff8026, 0 0 0 0 rgba(255, 103, 9, 0.7);
    }
    40% {
        box-shadow: 0 0 0 13.62667px rgba(255,186, 38, 0), 0 0 0 6.81333px rgba(255, 75, 9, 0.7);
    }
    80% {
        box-shadow: 0 0 0 27.25333px rgba(255, 186, 38, 0), 0 0 0 13.62667px rgba(255,206, 9, 0);
    }
    100% {
        box-shadow: 0 0 0 34.06667px rgba(255, 186, 38, 0), 0 0 0 27.25333px rgba(255, 206, 9, 0);
    }
}
.multibutton__button svg {
    width: 30px;
    height: 30px;
    fill: #fff;
}

.multibutton__item:nth-child(1) .multibutton__icon{
        background: #ff2241;
    }

.multibutton__item:nth-child(2) .multibutton__icon{
    background: #7b519d;
}

.multibutton__item:nth-child(3) .multibutton__icon{
    background: #0b9fdf;
}
.multibutton__icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
}

.multibutton__icon svg{
    width: 26px;
    height: 26px;
    fill: #fff;
}

/*Замена Замка*/
.banners-avto {
    background-image: url(../img/vskritie-avtose.webp);
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    background-size: cover;
    background-position: center;
}
@media (max-width: 1440px) {
    .banners-avto {
        background-image: url(../img/vskritie-avtose-k.webp);
        background-repeat: no-repeat;
        width: 100%;
        background-position: center;
        background-position: top
    }
}
@media (max-width: 1024px) {
    .banners-avto {
        background-image: url(../img/vskritie-avtose-s.webp);
        background-repeat: no-repeat;

        width: 100%;
        background-position: center;
        background-position: top
    }
}
@media (max-width: 550px) {
    .banners-avto {
        background-image: url(../img/vskritie-avtose-c.webp);
        background-repeat: no-repeat;
        width: 100%;
        background-position: center;
        background-position: top
    }
}
@media (max-width: 350px) {
    .banners-avto {
        background-image: url(../img/vskritie-avtose-m.webp);
        background-repeat: no-repeat;
        width: 100%;
        background-position: center;
        background-position: top
    }
}