:root {
    --bs-blue: #8d0dfd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #582246 !important;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}

.container-fluid {
    max-width: 2000px;
}
.cart_mobile {
    font-size: 11px;
}
span.me-2 {
    display: block;
    width: 100%;
    text-align: left;
}
.card-img {
    max-height: 80px;
    overflow: hidden;
    background-size: cover;

}
.card-img.news {
    height:auto !important;
    max-height: 100% !important;
    overflow: hidden;
    background-size: cover;

}
card-body-category {
    padding: 5px;
    height:auto;
}
.img-fluid-category {
    border-radius: 8px;
}
.violet{
    background: #582246;
    color: #ffffff;
    padding: 7px;
    margin: 0 auto;
}
a{color: #582246 !important;}

header{
    background: #ffffff;
    font-size: 0.8rem;
    margin-bottom: 10px;
    /*-webkit-box-shadow: 0px 10px 26px -3px rgba(34, 60, 80, 0.2);*/
    /*-moz-box-shadow: 0px 10px 26px -3px rgba(34, 60, 80, 0.2);*/
    /*box-shadow: 0px 10px 26px -3px rgba(34, 60, 80, 0.2);*/
}
header .text-phone {
    color: #000;
    font-size:0.8rem;
    padding: .45rem 1rem .3rem .3rem;
    font-weight: 400;
}
.topmenu ul {
    padding: 0;
    margin: 0;
    position: relative;
}
.topmenu ul li {
    list-style: none;
    display: block;
    float: left;
    width: auto;
    padding-left: 0;
    padding-right: 10px;

    font-size: 13px;
}
.topmenu ul li a {
    text-decoration: double #bb9bf6;
}
#cssmenu > ul > li > a {
    padding: .8rem .7rem .65rem .7rem;
    font-size: 0.8rem;
    letter-spacing: 1px;
    text-decoration: none;
    color: #000000;
    font-weight: 400;
    text-transform: uppercase;
    transition: all 0.3s ease-out;
}
#cssmenu > ul > li > a:hover {
    padding: .8rem .7rem .65rem .7rem;
    font-size: 0.8rem;
    letter-spacing: 1px;
    text-decoration: none;
    color: #c4a1dc;
    font-weight: 400;
    text-transform: uppercase;
    transition: all 0.3s ease-out;
}
.headermenu{
    position: relative;
    margin-top: 20px;
    font-size: 1rem;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}

.headermenu ul li{
    list-style: none;
    display: inline-grid;
    padding-right: 0.7rem;
}
ul.nav.justify-content-center.catalog_menu li {
margin-right: 2px;
}
ul.nav.justify-content-center.catalog_menu li a{
    background: #fff;
    color: #582246 !important;
    border: dotted 3px #cecbcb;
    border-radius: 5px;
}
ul.nav.justify-content-center.catalog_menu li a:hover{
    background: #e5c5fa;
    color: #582246 !important;
    border: dotted 3px #cecbcb;
    border-radius: 5px;
}
a.navbar-brand {
    margin-left: -15px;
}
.marquee {
    text-align: left;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: bold;
}

.marquee span {
    display: inline-block;
    width: 100%;
    text-indent: 0;
    animation: marquee 50s linear infinite;
    color: #ffffff;
    font-size: 1rem;
    text-transform: uppercase;

}
.marquee a{
    color: #ffffff !important;
}

.marquee span:hover {
    animation-play-state: paused
}
.form-check-input:checked{
    background-color: #B7636C;
    border-color: #B7636C;
}
.slider-track {
    background: #B7636C !important;

}
.rangeslider input[type="range"] {
    background: #B7636C !important;
    color: #B7636C !important;
}
input.slider_2 {
    background: #B7636C !important;
    color: #B7636C !important;
}
h2.accordion-header {
    background: #e5c5fa !important;
}
@keyframes marquee {
    0% {
        transform: translate(100%, 0);
    }
    100% {
        transform: translate(-100%, 0);
    }
}



.what {
    background: #cfb2e8;
    margin: 1rem 0;
    padding: 3rem 0;
    text-align: center;
    border-radius: 5px;
}
.round {
    /*border-radius: 50%;*/
    /*border: solid 3px #582246;*/

}
h4 {
    font-size: 1.1rem;
}

.footer-bs{
    position: relative;
    padding: 20px 0;
    color: #ffffff;
    margin: 3rem;

}
.footer-bs a {
    color: #ffffff !important;
  }
.footer_menu {
    column-width: 48%;
    column-count: 2;
    column-gap: 4%;

}
.footer_menu ul li{
    background: none;
    list-style: circle;

}
.footer_menu ul li a{
  color: #ffffff;
}
.gallery {
    margin-bottom: 3rem;
}
img.d-block {
    border-radius: 5px;
}
.inline {
    position: relative;
    display: inline-grid;
}
.brands {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 15px;
    text-align: center;
    border-bottom: dotted 10px #bb9bf6;
    border-top:dotted 10px #bb9bf6;
}
.menu_mobile {
    position: relative;
    font-size: 1.3rem;
}
img.img_nashi-brendy{
    width: 70px;
}
img.img_chto-budete-vyazat{
    width: 150px;
    border-radius: 50%;
    padding: 10px;
}


.grid-item {
    background: url("/img/foto.png") no-repeat;
    background-size: cover;
    background-position: top center;
    margin: 1px;
    border-radius: 5px;
}
img.foto {
    position: relative;
    margin-top: 12vh;
    margin-bottom: 2vh;
}


.btn-primary {
    color: #fff !important;
    background-color: #582246;
    border-color: #582246;
}
.btn-primary:hover {
    color: #582246;
    background-color: #bb9bf6;
    border-color: #bb9bf6;
}
.banner_name {
    position: relative;
    padding: 5px;
    max-width: 150px;
    text-align: center;
}
.product_foto {
    width: 100%;
    height: 350px;
    overflow: hidden !important;
}

.badge-amount {
    position: absolute;
    padding: 2px 3px;
    margin-top: 35px;
    left: 5px;
    background: #FFFFFF;
    border: solid 1px #7750a5;
    padding: 5px;
    border-radius: 5px;
    color: #7750a5;
    font-size: 0.8rem;
}

@media all and (max-width: 800px){
    .grid-item {
        margin: 0;
    }
    img.foto {
        margin-top: 7vh;
    }
    .menu_tablet ul li {
        list-style: none;
        display: block;
        float: left;
        padding: 10px;
        margin-right: 5px;
        font-size: 12px;
        border: dotted;
        border-radius: 5px;
        margin-bottom: 15px;
    }
    .menu_mobile ul {
        padding: 0;
        margin: 0;
    }
    .menu_mobile ul li {
        list-style: none;
        display: block;
        float: left;
        padding: 10px;
        margin-right: 5px;
        font-size: 12px;
        border: dotted;
        border-radius: 5px;
        margin-bottom: 15px;
    }
    .menu_mobile ul li a{

        font-size: 12px;
        text-decoration: none;
    }
    .menu_mobile ul li a:hover{
        font-size: 12px;
        text-decoration: none;
    }


}
/* iPad (все) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

    .menu_tablet ul li {
        list-style: none;
        display: block;
        float: left;
        margin-right: 5px;
        padding-right: 10px;
        font-size: 12px;
    }
    ul.nav.justify-content-center.catalog_menu li a{

        font-size: 12px;
    }
    ul.nav.justify-content-center.catalog_menu li a:hover{

        font-size: 12px;
    }
    .menu_mobile ul li {
        list-style: none;
        display: block;
        float: left;
        padding: 10px;
        margin-right: 5px;
        font-size: 12px;
        border: dotted;
        border-radius: 5px;
        margin-bottom: 15px;
    }
}

/* iPad (портретный режим) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

    .menu_tablet ul li {
        list-style: none;
        display: block;
        float: left;
        margin-right: 5px;
        padding-right: 10px;
        font-size: 12px;
    }
    ul.nav.justify-content-center.catalog_menu li a{

        font-size: 12px;
    }
    ul.nav.justify-content-center.catalog_menu li a:hover{

        font-size: 12px;
    }
    .menu_mobile ul li {
        list-style: none;
        display: block;
        float: left;
        padding: 10px;
        margin-right: 5px;
        font-size: 12px;
        border: dotted;
        border-radius: 5px;
        margin-bottom: 15px;
    }
}

/* iPad (альбомный режим) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .menu_tablet ul li {
        list-style: none;
        display: block;
        float: left;
        padding: 10px;
        margin-right: 5px;
        font-size: 12px;
        border: dotted;
        border-radius: 5px;
        margin-bottom: 15px;
    }
    .menu_mobile ul li {
        list-style: none;
        display: block;
        float: left;
        padding: 10px;
        margin-right: 15px;
    }
    .menu_mobile ul li a{

        font-size: 12px;
        text-decoration: none;
    }
    .menu_mobile ul li a:hover{
        font-size: 12px;
        text-decoration: none;
    }

}