@charset "UTF-8";

a {
    color: var(--bs-primary);
    text-decoration: none;
}

.logo-svg {
    fill: var(--bs-primary);
    width: 100px;
    height: auto;
}
.top-menu .d-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 50px;
    grid-gap: 5px;
    align-content: center;
    grid-template-areas:
"menubutton menubutton menubutton menubutton logo logo logo logo modules modules modules modules ";

}

.menubutton {
    grid-area: menubutton;
}

.logo {
    grid-area: logo;
}

.header-modules {
    grid-area: modules;
}

.header-menu {
    grid-area: headermenu;
}


@media (min-width: 1199px) {
    .top-menu .d-grid {
        grid-template-areas:
"logo headermenu headermenu headermenu headermenu headermenu headermenu modules  modules modules modules modules ";
    }
}

@media (min-width: 1399px) {
    .top-menu .d-grid {
        grid-template-areas:
"logo headermenu headermenu headermenu headermenu headermenu headermenu modules  modules modules modules modules ";
    }
}

.text-justify {
    text-align: justify !important;
}

.shadow-hover-sm:hover {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.shadow-hover:hover {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

#system-message-container {
    position: fixed;
    bottom: 5px;
    right: 5px;
    width: 300px;
    z-index: 5;
    padding: 0;
}
#system-message-container joomla-alert {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
}

/*joomla-tab[view="tabs"] > div[role="tablist"],
joomla-tab > joomla-tab-element,
.form-select,
.form-control,
.input-group-text,
.input-group,
.bottom,
.card,
.btn{
    border-radius: 0;
}
*/


.header-modules a {
    color: var(--bs-black);
}

.header-modules p{
    margin-bottom: 0;
}

/*---------- Кнопки -------------*/

.text-justify {
    text-align: justify !important;
}

.shadow-hover-sm:hover {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.shadow-hover:hover {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

#system-message-container {
    position: fixed;
    bottom: 5px;
    right: 5px;
    width: 300px;
    z-index: 5;
    padding: 0;
}
#system-message-container joomla-alert {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
}

.btn-primary {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-shadow: inset 0 3px 5px #00000020;
    --bs-btn-disabled-color: var(--bs-white);
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-shadow: inset 0 3px 5px #00000020;
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-primary);
    --bs-gradient: none;
}

.dark-bg-change{
    background-color: rgba(0, 0, 0, 0.35);
    color: #f6f6f6;
    transition: all 0.3s linear;
}

.dark-bg-change:hover{
    background-color: rgba(0, 0, 0, 0.25);
}

/*-----------Слайдер на главной----------------------*/
.bannerslideSwiper .swiper-slide{
    height: 720px!important;
}

.slider-title-block h3{
    font-size: 60px;
    font-weight: 800;
    color: #f6f6f6;
    transition: all 0.3s linear;
}

.slider-subtitle-block p{
    font-size: 36px;
    font-weight: 600;
    color: #f6f6f6;
}

.slider-content-wrapper{
    background-color: rgba(71, 63, 55, 0.3);
}

.slide-nav-button.swiper-button-disabled{
    /*background-color: rgba(255, 255, 255, .2);*/
}

.bannerslideSwiper .swiper-button-next, .bannerslideSwiper .swiper-button-prev {
    color: #ededed;
    height: 50px;
    width: 50px;
    padding: 10px;
}

.bannerslideSwiper.swiper-horizontal .swiper-button-next{
    right: 12px;
}

.bannerslideSwiper.swiper-horizontal .swiper-button-prev{
    left: 12px;
}

.bannerslideSwiper .swiper-button-next, .bannerslideSwiper .swiper-button-prev {
    &.swiper-button-disabled {
        pointer-events: auto;
    }
}



.cards-v1 .card-body h3 {
    color: #f6f6f6;
    font-size: 30px;
}


/*------------Swiper sliders------------*/
.newmoduleSwiper .swiper-pagination-bullet-active {
    background: var(--bs-primary);
}

.newmoduleSwiper .swiper-pagination-bullet{
    width: 80px;
    border-radius: 3px;
    height: 3px;
}

.newmoduleSwiper .swiper-pagination{
    position: relative;
}

.newmoduleSwiper-a{
    height: 280px;
}


.catalog-main-page-img{
    height: 530px;
}




/*------------------------Footer----------------------*/
.footer-soc-net img{
    height: 20px;
    width: auto;
}

.footer a{
    color: var(--bs-black);
}

.footer a:hover{
    color: var(--bs-primary);
}

@media (max-width: 1200px) {
    .bannerslideSwiper .swiper-slide{
        height: 500px!important;
    }
}


@media (max-width: 576px) {
    .bannerslideSwiper .swiper-slide{
        height: 300px!important;
    }

    .catalog-main-page-img{
        height: 360px;
    }

    .newmoduleSwiper .swiper-pagination-bullet {
        width: 20px;
        height: 4px;
    }

}