.bg-success {
    background-color: #609244 !important;
}
.offcanvas-body {
    
    background: #d9ded3 !important;
}
span.text-success {
    color: #609244 !important;
}
button.animate__.animate__bounceInLeft.wow.btn.btn-success.btn-md.h6.p-3.fw-bold.animated {
    background: #609244 !important;
}
button.animate__bounceInLeft.wow.btn.btn-success.btn-md.h6.p-3.mt-2.fw-bold {
    background: #609244 !important;
}
.lin {
    height: 5px;
    background: #ffffff71;
}

.item {
    display: inline-block;
    margin-block: 3px;
    position: relative;
    font-size: 18px;
    font-weight: 444;
}

#active {
    border-bottom: 3px solid white;
    margin-top: 5px;
}

.item::after {
    content: '';
    width: 100%;
    height: 3px;
    background: #ffffff;
    border-radius: 4px;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 27px;
    transform: scaleY(0);
    transform-origin: left;
    transition: transform .50s ease;
}

.item:hover::after {
    transform: scaleY(1);
}


.item:hover .list_ul {
    display: block;
}

.list_ul {
    position: absolute;
    display: none;
    z-index: 99;
    margin-left: -90px;
    margin-top: -5px;
}



.ul {
    width: 280px;
    padding: 10px;
    color: rgb(0, 0, 0);
    background: #ffffffc5;

}

.list_ul li {
    margin-bottom: 11px;
}

.item:hover .list_ul {
    display: block;
}

.title {
    margin-top: 50px;
    font-size: 88px;
    font-weight: 999;
}

.borber {
    height: 12px;
    max-width: 353px;
    background: #609244;
    margin-top: -20px;
}

.card {
    min-height: 314px;
    padding: 19px 23px 34px;
    position: relative;
    width: 386px;
    background: rgba(96, 146, 68, 0.77);
    margin-top: 50px !important;
}

.card:nth-child(2) {
    background: rgba(27, 63, 7, 0.65)
}

.card:nth-child(3) {
    background: rgb(255, 255, 255);
}

.card input {
    outline: none;
    height: 40px;
}

.list_item {
    margin-top: 35px;
}

.product {
    background: url(http://www.ksmk.ru/images/sloi_20_kopiya_4.png);
    width: 100%;
    height: 100%;
    background-size: cover;
}
footer.bg-success.p-3.mt-5 {
    background: #609244 !important;
}
.product_card {
    float: left;
    min-height: 515px;
    padding: 55px 25px 30px;
    position: relative;
    width: 100%;
    background: #ffffff;
    -webkit-box-shadow: 10.927389px 13.022756px 19.2px 4.8px rgb(46 74 34 / 49%);
    -moz-box-shadow: 10.927389px 13.022756px 19.2px 4.8px rgba(46, 74, 34, 0.49);
}

.product_card4 {
    background: #cedac8;
}

.product_card .border {
    width: 157px;
    height: 8px;
    background: #609244;
    margin-top: -5px;
}

/* .colculator {
    margin: 37px auto 0;
    min-height: 866px;
    padding: 46px 67px;
    position: relative;
    width: 100%;
    background: #ffffff;
    -webkit-box-shadow: 10.927389px 13.022756px 19.2px 4.8px rgb(46 74 34 / 49%);
    -moz-box-shadow: 10.927389px 13.022756px 19.2px 4.8px rgba(46, 74, 34, 0.49);
    box-shadow: 10.927389px 13.022756px 19.2px 4.8px rgb(46 74 34 / 49%);
} */

.content3 {
    background: url(../imge/Lounge.png);
    width: 100%;
    padding: 50px;
    background-size: cover;
    margin-top: 70px;
}

@media(max-width: 678px) {
    .title {
        font-size: 40px;
    }

    .colculator {
        padding: 25px;
    }


}


/*  */

.figure {
    background: url(http://www.ksmk.ru/images/pryamougolnik_12.png);
    background-size: 100%;
    width: 269px;
    height: 387px;
    padding: 10px;
}

.figure2 {
    background: url(http://www.ksmk.ru/images/pryamougolnik_12_kopiya.png);
    background-size: 100%;
    width: 269px;
    height: 387px;
    padding: 10px;
}

.figure3 {
    background: url(http://www.ksmk.ru/images/pryamougolnik_12_kopiya_2.png);
    background-size: 100%;
    width: 269px;
    height: 387px;
    padding: 10px;
}

.figure4 {
    background: url(http://www.ksmk.ru/images/pryamougolnik_12_kopiya_3.png);
    background-size: 100%;
    width: 269px;
    height: 387px;
    padding: 10px;
}
figure.figure.text-white {
    width: 227px;
    height: 387px;
    padding: -60px;
    object-fit: cover;
    background-repeat: no-repeat;
}

figure h6 {
    margin-top: 100%;
    background: #609244cc;
    padding: 9px;
    color: white;
    font-weight: 600;
    border-radius: 9px 0px 0px 9px;
}

figure p {
    font-weight: 400;
    font-size: 12px;
    background: #8bc34a;
    padding: 10px;
    border-radius: 9px;
}

.hover09 figure {
    -webkit-filter: sepia(0);
    filter: sepia(0);
    -webkit-transition: .3s ease-in-out;
    transition: .4s ease-in-out;
}

.hover09 figure:hover {
    -webkit-filter: sepia(90%);
    filter: sepia(90%);
}

.content4 {
    background: #506157;
}

.content4 img {
    margin-top: -70px;
}

.content5 .div_imge {
    background: url(http://www.ksmk.ru/images/karta.png);
    background-size: cover;
    max-width: 90%;
    height: 90%;
}

.content6 {
    background: url(../imge/Lounge.png);
    background-size: cover;
    width: 100%;
    padding: 10px;
}

.content7 {
    background: #9CB28E;
}



.img {
    position: relative;
    margin-top: -110px;
    z-index: -1;
}
p.animate__.animate__zoomIn.wow.text-white.animated {
    width: 818px;
}
.img1 {
    position: relative;
    margin-top: -110px;
    z-index: -2;
}

.img2 {
    position: relative;
    z-index: -3;
    margin-top: -110px;
}

.img3 {
    position: relative;
    z-index: -4;
    margin-top: -110px;
}

.img4 {
    position: relative;
    z-index: -5;
    margin-top: -110px;
}



.img5 {
    animation: all 2s alternate infinite ease-in;
}

.img1 {
    animation: all 2s alternate infinite ease-in;
}

.img3 {
    animation: all 2s alternate infinite ease-in;
}


/* AN */
.element-animation {
    opacity: 0;
    transform: translateY(100px);
}

.element-animation.element-show {
    opacity: 1;
    transition: all 3s;
    transform: translateY(0%);
}


@keyframes all {
    0% {
        transform: translateY(10%);
    }

    100% {
        transform: translateY(-10%);
    }
}

.span_num {
    width: 35px;
    height: 35px;
    position: absolute;
    margin-left: 30px;
    margin-top: 40px;
    margin-left: 65px;
}

.colculator select {
    max-width: 230px;
    min-height: 46px;
    outline: none;
    margin-top: 5px;
}

.colculator input {
    max-width: 230px;
    min-height: 46px;
    outline: none;
    margin-top: 5px;
}

.colculator label {
    font-size: 14px;
}


@media only screen and (max-width: 960px) {
    .navbar {
        gap: 0px;
        justify-content: space-between;
    }
    p.animate__.animate__zoomIn.wow.text-white.animated {
    width: 300px;
}

    .content6 {
        margin-top: 3rem;
    }

    .catolog .row {
        margin: auto;
    }

    .catolog .row img {
        margin-top: -40px;
    }

    .aboutBlok .btn {
        width: 100%;
    }

    .IMGE {
        width: 100%;
    }

    .product {
        width: 100%;
    }

    .imgeee {
        display: none;
    }

}

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

    .contigori_main_card {
        flex-direction: column;
    }

    .contigori_main_card .card {
        width: 100%;
    }

    .content3 img {
        width: 100%;
    }

    .IMGE {
        width: 100%;
    }


}

/* CARIGORI */
.header2 {
    background: url(../imge/imge.png);
    width: 100%;
    min-height: 100%;
    background-size: cover;
    /* background: rgba(17, 36, 6, 0.19) */
}

.contigori_main {
    margin-top: 100px;
}

.contigori_main_card {
    display: flex;
}


.contigori_main_card .card {
    height: 339px;
    max-width: 700px;
    background: rgba(15, 149, 80, 0.83);
}

.contigori_main_card .card:nth-child(2) {
    background: rgba(7, 86, 45, 0.83);
}

.catolog .border {
    height: 14px;
    max-width: 360px;
    background: #609244;
}

.contigori_main .border {
    height: 14px;
    max-width: 360px;
    background: #609244;
}

.catolog .border:nth-child(2) {
    height: 7px;
    width: 180px;
}

.taitle_p {
    font-size: 14px;
}

/* aboutBlok */
.aboutBlok {
    background: url(http://www.ksmk.ru/images/sloi_20_kopiya_4.png);
    width: 100%;
    min-height: 840px;
    background-size: cover;
}

.aboutBlok_card {
    width: 100%;
    background: #cedac8;
}

.aboutBlok_card tr {
    padding: 10px;
    margin-top: 10px;
}

.aboutBlok .btn {
   width: 60%;
    height: 63px;
    font-weight: 555;
}

/* tool */
.tool_card {
    background: #6192449c;
}