:root {
    color-scheme: light dark;
    --main-white:  rgb(250, 250, 250);
    --main-red:  rgb(255, 0, 0);
    --main-black:  rgb(0, 0, 0);

    --big-img-height-small: 80px;
    --big-img-height-big: 200px;
    --big-img-height-big2: 300px;
    --big-img-height-main: 400px;


    --not-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve'%3E%3Cmetadata%3E Svg Vector Icons : http://www.onlinewebfonts.com/icon %3C/metadata%3E%3Cg%3E%3Cg transform='translate(0.000000,511.000000) scale(0.100000,-0.100000)'%3E%3Cpath d='M4482.2,4999.3C2572,4785,953.1,3484.5,349.7,1678.3c-93.6-274.7-162.3-563.9-212.2-880.2c-49.9-328.8-49.9-1038.3,0-1373.3C299.8-1621.8,745-2541.5,1446.3-3269.8c420.3-439,826.1-734.5,1373.3-1007.1c1446.1-722,3139.9-688.7,4552.8,91.6c428.6,237.2,740.7,476.5,1113.2,851.1C9234.7-2581.1,9698.7-1653,9861-585.6c52,343.3,52,1067.5,0,1404.5c-135.3,878.1-491.1,1695.8-1032.1,2372.1c-189.3,237.2-609.7,645-853.1,826.1c-663.8,497.3-1362.9,796.9-2195.2,944.7C5493.4,5011.8,4777.6,5032.6,4482.2,4999.3z M5666.1,4345.9c1552.3-264.3,2811.1-1298.4,3356.3-2757c183.1-491.1,251.8-892.7,251.8-1477.4c0-476.5-22.9-674.2-122.8-1061.2c-58.3-220.6-239.3-728.3-262.2-728.3c-12.5,0-7445.1,4113.7-7465.9,4132.4c-29.1,27,428.6,584.7,640.9,782.4c674.2,622.2,1483.6,1005,2405.4,1129.9C4738.1,4404.2,5393.5,4393.8,5666.1,4345.9z M4856.7-163.2C7449.4-1601,8577.1-2237.7,8568.8-2256.4c-27-74.9-355.8-472.3-541-659.6C6519.2-4435,4143-4593.2,2409.7-3292.7c-218.5,164.4-582.6,520.2-759.5,740.7c-370.4,466.1-638.8,998.8-790.7,1568.9C749.2-568.9,726.3-377.5,726.3,111.5c0,476.5,22.9,674.2,122.8,1061.2c60.4,235.1,241.4,728.3,264.3,728.3C1123.7,1901,2807.1,970.9,4856.7-163.2z'/%3E%3Cpath d='M4182.5,2683.4c-195.6-70.7-343.3-222.6-399.5-414.1c-20.8-66.6-31.2-193.5-31.2-349.6c0-143.6-8.3-247.6-20.8-251.8c-10.4-2.1,226.8-143.6,530.6-312.1l553.5-308h172.7c349.6,0,680.4-131.1,934.3-372.5c83.2-79.1,185.2-201.8,226.8-274.7l79.1-133.2l940.5-522.3L8111-779.1l6.3,963.4c4.2,923.9,2.1,969.7-37.5,1077.8c-54.1,145.7-156.1,260.1-293.4,337.1l-112.4,62.4l-711.6,6.2l-713.7,6.2v258c0,208.1-8.3,280.9-41.6,370.4c-54.1,145.7-156.1,260.1-293.4,337.1l-112.4,62.4l-769.9,4.2C4419.7,2710.4,4244.9,2706.2,4182.5,2683.4z'/%3E%3Cpath d='M1883.2-506.5c6.2-1489.8,6.2-1516.9,49.9-1610.5c64.5-137.3,162.3-237.2,295.5-303.8l118.6-58.3h2653h2653l120.7,58.3c66.6,33.3,116.5,70.8,112.4,83.2c-4.2,16.6-1718.7,984.2-1881.1,1059.1c-39.5,18.7-58.3,10.4-139.4-60.4c-387-341.2-982.1-409.9-1469.1-170.6c-355.8,174.8-636.7,541-719.9,934.3c-29.1,139.4-31.2,453.6-4.2,557.6c6.2,22.9-703.3,430.7-1623,934.3l-172.7,93.6L1883.2-506.5z'/%3E%3Cpath d='M4280.3-412.9c20.8-133.2,126.9-335,222.6-422.4c143.6-129,291.3-185.2,486.9-187.3c158.2,0,364.1,52,364.1,91.6c0,14.6-1048.7,605.5-1075.8,605.5C4272-325.5,4272-365,4280.3-412.9z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
body {
    color: var(--color);
    background-color: var(--background-color) !important;
}
header {
    background-color: var(--header-bg-color) !important;
}

footer {
    background-color: var(--footer-bg-color) !important;
}

a {
    color: var(--a-color) !important;
    text-decoration: none;
}

a:hover {
    color: var(--main-red) !important;
    text-decoration: none;
}

a.only-red {
    color: var(--main-red) !important;
}

.super-small {
    font-size: .675em !important;
}

.contact-color {
    color: var(--color) !important;
}

.img-logo {
    height: 40px !important;
    content: var(--logo-file) !important;
}

.img-logo-max {
    max-height: 120px !important;
    content: var(--logo-file) !important;
}

.btn {
    color: var(--main-white) !important;
}
.btn:hover {
    color: var(--main-white) !important;
}

.navbar-brand {
    transition: .2s ease-in-out transform;
    font-weight: 900;
}
.navbar-brand:hover {
    transform: rotate(-5deg) scale(1.1);
}
.navbar-toggler {
    border: 0;
    font-size: 1.5rem;
    color: var(--color) !important;
}
.navbar-toggler:focus {
    box-shadow: none;
}
.navbar-toggler:active {
    box-shadow: none;
}
.navbar-main-link {
    background-color: var(--nvabar-main-bg-color) !important;
    border-radius: 10px !important;
}
.navbar-main-link-a {
    color: var(--color) !important;
    font-weight: 600 !important;
    font-size: 1.2rem !important;
}
.navbar-main-link.active {
    border-bottom: 2px solid var(--main-red);
    border-top: 2px solid var(--main-red);
}
.navbar-link-phone {
    font-size:1rem;
}
.header-contact-block {
    color: var(--color) !important;
}
.header-contact-block:hover {
    color: var(--color) !important;
}


.table {
    color: var(--color);
    border-color: var(--table-border-color) !important;
}
.table-striped>tbody>tr:nth-of-type(odd)>* {
    color: var(--color);
}

.offcanvas {
    background-color: var(--offcanvas-bg-color);
}
.text-red {
    color: var(--main-red) !important;
}
.text-black {
    color: var(--main-black) !important;
}

.text-logo {
    color: var(--main-red) !important;
    font-weight: 900;
}

.btn-close {
    background: var(--background-btn-close);
}
.btn-close-dark {
    background: var(--background-btn-close-dark);
}
.btn-close-img {
    background: var(--background-btn-close-img);
}

.btn-red {
    color: #fff;
    background-color: var(--main-red) !important;
    border-color: var(--main-red) !important;
    
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--main-red) !important;
    --bs-btn-border-color: var(--main-red) !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: var(--c-btn-hover) !important;
    --bs-btn-hover-border-color: #e80017 !important;
    --bs-btn-focus-shadow-rgb: #e80017 !important;
    --bs-btn-active-color: #fff !important;
    --bs-btn-active-bg: #e80017 !important;
    --bs-btn-active-border-color: #e80017 !important;
    --bs-btn-active-shadow: inset 0 3px 5px var(--c-btn-color-shadow) !important;
    --bs-btn-disabled-color: #fff !important;
    --bs-btn-disabled-bg: var(--main-red) !important;
    --bs-btn-disabled-border-color: var(--main-red) !important;
}

.btn-vcard {
    color: var(--color) !important;
    background-color: var(--c-btn-vcard-color) !important;
    border-color: var(--c-btn-vcard-color) !important;
    
    --bs-btn-color: var(--color);
    --bs-btn-bg: var(--c-btn-vcard-color) !important;
    --bs-btn-border-color: var(--c-btn-vcard-color) !important;
    --bs-btn-hover-color: var(--color) !important;
    --bs-btn-hover-bg: var(--c-btn-hover) !important;
    --bs-btn-hover-border-color: var(--c-btn-vcard-color) !important;
    --bs-btn-focus-shadow-rgb:var(--c-btn-vcard-color) !important;
    --bs-btn-active-color: var(--color) !important;
    --bs-btn-active-bg: var(--c-btn-vcard-color) !important;
    --bs-btn-active-border-color: var(--c-btn-vcard-color) !important;
    --bs-btn-active-shadow: inset 0 3px 5px var(--c-btn-color-shadow) !important;
    --bs-btn-disabled-color: #fff !important;
    --bs-btn-disabled-bg: var(--c-btn-vcard-color) !important;
    --bs-btn-disabled-border-color: var(--c-btn-vcard-color) !important;
}

.btn-vcard:hover {
    color: var(--color) !important;
}

.big-icon {
    height: 45px;
    width: 45px;
    line-height: 45px;
    font-size: 25px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    background: var(--main-red);
}

.c_slidebar {
    height: 400px;
    background-color: transparent;
    background: var(--banner-pattern) !important;
    border-radius: 10px;
}
.c_slidebar .c_slidebar_inner {
    height: 400px;
    padding-left: 60px !important;
    padding-right: 60px !important;
}
.c_slidebar_inner_table_right img {
    max-height: 350px;
}

.banner {
    width: 50%;
}

.carousel {
    border: 1.5px solid var(--table-border-color) !important;
    border-radius: 8px !important;
}

.carousel-control-btn {
    width: 5% !important;
}

.fs-responsive {
    font-size: calc(100% + 1vw + 1vh);
}

@media all and (max-width: 767px) {
    .c_slidebar {
        min-height: 250px !important;
        height: auto !important;
    }
    .c_slidebar .c_slidebar_inner {
        min-height: 250px !important;
        height: auto !important;
    }
    .banner {
        padding: 1.5rem !important;
        text-align: center !important;
        margin-left: 0rem!important;
    }
    .banner_description {
        font-size: .875em !important;
    }
}

.icon-key-benefits {
    border-radius: 50%;
    display: inline-block;
    font-size: 1.5rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: background-color .2s ease-in-out;
    width: 3rem;
    height: 3rem;
}

.icon-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.divider {
    border-bottom: 2px solid var(--main-red);
    margin-top: 1rem;
    margin-bottom: 1rem;
    width: 3rem;
}
.star-in-form {
    font-size: 12px;
    font-weight: 700;
    line-height: 0;
    margin: 0 0 0 4px;
    position: relative;
    color: var(--main-red);
}

.modal-content {
    color: var(--accent-color) !important;
}

.form-check-input:checked {
    background-color: var(--main-red);
    border-color: var(--main-red);
}


.card-c {
    background-color: var(--c-bs-card-bg);
}
.card-detail {
    background-color: transparent !important;
    border: 0 !important;
}

.image-slider {
    margin-right: auto;
    margin-left: auto;
    width: 100% !important;
    text-align: center;
}

.image-slider-item img {
    width: auto !important;
    object-fit: contain;
    border-radius: 0.375rem;
    max-width: 100%;
    max-height: 100%;
}

.image-slider-big {
    height: var(--big-img-height-big) !important;
}
.image-slider-big img {
    max-height: var(--big-img-height-big) !important;   
}
.image-slider-big2 {
    height: var(--big-img-height-big2) !important;
}
.image-slider-big2 img {
    max-height: var(--big-img-height-big2) !important;   
}
.image-slider-main {
    height: var(--big-img-height-main) !important;
}
.image-slider-main img {
    max-height: var(--big-img-height-main) !important;   
}
.image-slider-small {
    height: var(--big-img-height-small) !important;
}
.image-slider-small img {
    max-height: var(--big-img-height-small) !important;   
}

.img-not-found {
    background-color: var(--img-not-found-bg);
    padding: 1rem;
}



.carousel-img {
    border: 0 !important;
}
.carousel-item-img img {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer;
}
.carousel-item-img img:hover {
    transform: scale(1.1);
}
.carousel-item-img img:hover:after {
    transform: scale(1);
}


.carousel-indicators-img {
    margin-bottom: .2rem !important;
}
.carousel-indicators-img [data-bs-target] {
    width: 15px;
    height: 5px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}
.carousel-indicators-img .active {
    width: 20px;
}
.carousel-control-btn-img {
    width: 10% !important;
}

.carousel-inner-magnifier {
    position: absolute;
    width: 100% !important;
    z-index: 100;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: center;
}
.carousel-inner-magnifier span {
    background-image: var(--img-carousel-fullscreen-icon);
    filter: var(--img-carousel-fullscreen-icon-filter);
    
    width: 100px !important;
    height: 100px !important;

    margin: auto;
}

.form-floating {
    color: var(--input-group-color);
}
.modal-content-preview-img {
    height: 100vh;
    background-color:rgb(0, 0, 0) !important;
}
.modal-header-preview-img {
    position: absolute;
    z-index: 10;
    display: flex;
    right: 0;
    border: 0;
}

.modal-body-preview-img {
    position: relative;
    margin: auto;
    padding: 0;
    width: 100% !important;
    height: 100vh !important;
    display: flex;
}

.carousel-preview-img {
    border: 0 !important;
    margin: auto;
    display: contents;
    width: 100% !important;
}
.carousel-indicators-preview-img {
    list-style: none;
}
.carousel-inner-preview-img {
    height: 100% !important;
    width: 100% !important;
}
.carousel-item-preview-img {
    height: 100% !important;
    width: 100% !important;
}
.carousel-item-preview-img-image {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    height: 100% !important;
    width: auto !important;
}
.carousel-item-preview-img-image img {
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
}

.carousel-preview-img-control {
    width: 5% !important;
}
.carousel-preview-img-control-next-icon, .carousel-preview-img-control-prev-icon {
    width: 4rem;
    height: 4rem;
}


.page-link {
    color: var(--c-pagination-color);
    text-decoration: none;
    background-color: var(--c-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--c-pagination-border-color);
}
.active>.page-link:hover, .page-link.active:hover {
    color: var(--c-pagination-hover-color) !important;
}

.active>.page-link, .page-link.active {
    color: var(--c-pagination-active-color) !important;
    background-color: var(--c-pagination-active-bg);
    border-color: var(--c-pagination-active-border-color);
    font-weight: 600;
}
.disabled>.page-link, .page-link.disabled {
    color: var(--c-pagination-disabled-color);
    background-color: var(--c-pagination-disabled-bg);
    border-color: var(--c-pagination-disabled-border-color);
}


.form-select {
    color: var(--c-form-select-color) !important;
    background-color: var(--c-form-select-bg) !important;
    border: 1px solid var(--c-border-color);
}

.border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--c-border-color)!important;
}

a.link-product {
    color: var(--c-link-product-color) !important;
}
a.link-product:hover {
    color: var(--c-link-product-color-hover) !important;
}

.btn-pruduct {
    background-color: rgba(255, 0, 0, .7) !important;
    border-color: rgba(255, 0, 0, .7) !important;
}

.grecaptcha-badge { 
    visibility: hidden; 
}

.not-image {
    background: var(--not-image);
    background-repeat: no-repeat;
    background-position: center;

    min-width: 50px;
    min-height: 50px;

    max-width: 200px;
    max-height: 200px;

    filter: var(--not-image-filter);
}


.alert-danger {
    color: var(--c-alert-color) !important;
    background-color: var(--c-alert-bg) !important;
    border-color: var(--c-alert-border-color) !important;
}

.highlight {
    background-color: rgb(255, 255, 0) !important;
    padding: 0 !important;
}


.text-lead {
    color: var(--color-lead);
}

[class*=text-underline-] {
    background: repeat-x left 1em/1em .15em;
}
.text-underline-primary {
    background-image: linear-gradient(to right,  rgba(102,  88,  234,  0.2),  rgba(102,  88,  234,  0.2));
}
.text-underline-secondary {
    background-image: linear-gradient(to right,  rgba(87,  90,  123,  0.2),  rgba(87,  90,  123,  0.2));
}
.text-underline-success {
    background-image: linear-gradient(to right,  rgba(44,  212,  162,  0.2),  rgba(44,  212,  162,  0.2));
}
.text-underline-info {
    background-image: linear-gradient(to right,  rgba(13,  202,  240,  0.2),  rgba(13,  202,  240,  0.2));
}
.text-underline-warning {
    background-image: linear-gradient(to right,  rgba(245,  192,  112,  0.4),  rgba(245,  192,  112,  0.4));
}
.text-underline-danger {
    background-image: linear-gradient(to right,  rgba(249,  101,  91,  0.2),  rgba(249,  101,  91,  0.2));
}
.text-underline-light {
    background-image: linear-gradient(to right,  rgba(243,  248,  255,  0.2),  rgba(243,  248,  255,  0.2));
}
.text-underline-dark {
    background-image: linear-gradient(to right,  rgba(27,  22,  66,  0.2),  rgba(27,  22,  66,  0.2));
}
.text-underline-primary-dark {
    background-image: linear-gradient(to right,  rgba(86,  76,  175,  0.2),  rgba(86,  76,  175,  0.2));
}
.text-underline-primary-light {
    background-image: linear-gradient(to right,  rgba(104,  125,  237,  0.2),  rgba(104,  125,  237,  0.2));
}

.y-map-container {
    background-image: var(--ymap-container-bg-image);
    background-blend-mode: var(--ymap-container-blend-mode);
}
.y-map-container-object {
    mix-blend-mode: var(--ymap-container-mix-blend-mode);
}