html {
    scroll-behavior: smooth;
}

html, body {
    height: 100%;
}
* {
    padding: 0;
    margin: 0;
    border: none; }

*,
*::before,
*::after {
    box-sizing: border-box; }

/* Links */
a {cursor: pointer; }

a, a:link, a:visited {
    text-decoration: none; }

a:hover {
    text-decoration: none; }

/* Common */
aside, nav, footer, header, section, main {
    display: block; }

h1, h2, h3, h4, h5, h6, p {
    font-size: inherit;
    font-weight: inherit; }

ul, ul li {
    list-style: none; }

/* Form */
input, textarea, button, select {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background-color: transparent; }

input::-ms-clear {
    display: none; }

button, input[type="submit"]:not(.btn-green) {
    display: inline-block;
    box-shadow: none;
    background: transparent none;
    cursor: pointer;}

input:focus, input:active,
button:focus, button:active {
    outline: none; }

button::-moz-focus-inner {
    padding: 0;
    border: 0;}

body {
    height: 100%;
    margin: 0;
    font-weight: 200;}

p {
    display: block;
    margin-bottom: 20px;
}
h1 {font-size: 2.8rem;}
h2 {font-size: 2rem;}
h3 {font-size: 1.5rem;}
h4 {font-size: 1.3rem;}
h5 {font-size: 1.2rem;}
h6 {font-size: 1.1rem;}

strong {
    font-weight: 600;
}

:root {
    --color-dirty-green: #b3af54;
    --color-dark-green: #97ba00;
    --color-white: #FFFFFF;
    --color-black: #0E0E0E;
    --color-gray: #797979;
    --color-green: #BADF1B;
    --color-l-gray: #F6F6F6;}

@font-face {
    font-family: 'UNCAGE';
    font-style: normal;
    font-weight: 100;
    font-display: auto;
    src: url('../fonts/UNCAGE-VF.ttf') format('truetype');
}

body, html {
    padding:0;
    margin: 0;
    height: 100%;
}
body {
    font-size: 15px;
    font-family: 'UNCAGE', serif;
    background-color: var(--color-l-gray);
    color: var(--color-black);
}

.wrapper {
    height: 100%;
}
.container {
    width :100%;
    max-width: 1440px;
    margin: 0 auto;}

.h-100 {
    height: 100%;}

.content {
    padding: 110px 0 50px 0;
}

header {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

header.homepage {
    height: 100%;
    max-height: 700px;
    background-image: url("/upload/2024/11/фон.webp");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

header.homepage .header-overlay {
    /*content: '';*/
    background-color: var(--color-black);
    opacity: 0.5;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    inset: 0;
    position: absolute;
}
header:not(.homepage) .logo {
    filter: invert();}

header .container {
    position: relative;
    /*z-index: 1;*/
}

header .row{
    display: grid;
    justify-content: space-between;
    gap: 10px;
    grid-template-columns: 30% 30% 15% 15%;}

header .row .col:nth-child(4) {
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 50px;
}

header .row .col {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    /*border: 1px solid red;*/
}

header .row .col:nth-child(3) {
    justify-content: space-between;
}

.page_title {
    margin: 80px 0;
    text-align: center;
}
.page_title span {
    padding-right: 20px;
}
.star-green-title {
    color: var(--color-green);}

.bluck {
    flex: 0 0 auto;
    margin:0 20px;
    padding: 10px;
    border-radius: 20px;
    color: black;
    align-items: center;
    display: flex;
    background: var(--color-white);}

.bluck span{
    margin-right: 10px;
    font-family: "UNCAGE", Sans-serif, serif;
    font-size: 15px;
    font-weight: 400;}

.bluck.one {
    color: var(--color-black);}

.bluck.two {
    color: var(--color-black);}

.bluck.three {
    color: var(--color-black);}

.star-green {
    color: var(--color-green);
    font-size: 24px!important;}

.star-green.title {
    font-size: 42px!important;}

.star-green.button {
    padding-right: 4px;}

.slider-flex{
    height: 60px;
    background: var(--color-white);
    display: flex;
    width: max-content;
    animation: text 490s infinite linear;
}

@keyframes text {
    0%{
        transform: translate(0, 0);}
    100%{
        transform: translate(calc(-100% + 100vw), 0);}
}

.widget-wrap.element-populated{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;}

.widget-container {
    width: 100%;
    overflow: hidden;
    background: var(--color-white);
    height: auto;        }


/*@media (max-width: 768px) {*/
/*    .widget-container {*/
/*        display: none;*/
/*    }*/
/*}*/


.d-flex {display: flex}
.justify-content-between {
    justify-content: space-between;
}

input.search-suggest {
    position: absolute;
    background: #FFF;
    padding: 15px;
    border-radius: 1rem;
    max-width: 250px;
}




.form-control {
    border: 1px solid #efefef;
    padding: 10px;
    margin: 10px 0;
    width: 100%;
    border-radius: .5rem;
}

.btn-green {
    background: var(--color-green);
    color: var(--color-black);
    padding: 10px 20px;
    display: inline-block;
}

.main-title {
    display: block;
    padding: 0 0 50px 0;
}
/*ACCORDION*/
.collapse {
    overflow: hidden;
    transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: opacity, height;
    will-change: opacity, contents;}

.collapse:not(.is-active) {
    height: 0;
    opacity: 0;}

.accordion .card__title span {
    width: 80%;}

.accordion {
    margin-top: 60px;
    margin-bottom: 100px;}

.accordion .card {
    overflow: hidden;
    margin: -1px -1px 1px;
    border-bottom: 1px solid var(--color-gray);
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: contents;
    text-align: left;}

.accordion .card:first-child {
    border-top: 1px solid var(--color-gray);}

.accordion .card:last-child {
    /*border-radius: 0 0 var(--border-radius) var(--border-radius);*/
    margin-bottom: -1px;}

.accordion .card:not(:last-child):not(.is-active) {
    /*border-bottom-color: transparent;*/
}

.accordion .card.is-active {}
.accordion .card.is-active + .card {
    /*border-top-color: transparent;*/
}

.accordion .card__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 3.5rem;
    margin: 0 0 -1px 0;
    padding: 1.5rem 1.25rem;
    color: #FFF;
    text-decoration: none;
    font-size: 1.3rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;}

.accordion .card__title:hover .icon {
    opacity: 0.8;}

.accordion .card__title.is-active .icon {
    transform: rotateZ(45deg);;
    opacity: 1;}

.accordion .card__title .icon {
    width: 28px;
    height: 28px;
    fill: var(--color-brown);
    opacity: 1;
    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    margin-right: -0.25rem;}

.accordion .card__content {
    color: #FFF;
    padding: 0 1.25rem 1.25rem;}

[data-toggle] {
    cursor: pointer;}

.box{
    animation: animName 40s linear infinite;}

.menu__toggle {display: none;}

.accordion.black .card__title,
.accordion.black .card__content {
    color: #000;}

.accordion.black .card {
    border-bottom: 1px solid #000;}

.accordion.black .card:first-child {
    border-top: 1px solid #000;}

.img-fluid {
    width: 100%;
    max-width: 100%;
    display: flex;
    height: 100%;}

/*.catalog .row {*/
/*    gap: 20px;*/
/*    display: grid;*/
/*    grid-template-columns: repeat(4,1fr);}*/

.catalog .grid {
    gap: 30px;
    display: grid;
    grid-template-columns: repeat(4,1fr);}

.content.catalog {
    height: auto;
    padding: 0;}

.row.product-item-list-col-4 {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 30px;}


/*features*/
.features {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    height: 100%;
}
.feature-item {
    width: 32.1%;
    text-align: center;
    background: var(--color-white);
    padding: 30px;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 1rem;
    align-items: center;
    justify-content: center;}

.feature-item:nth-child(4),
.feature-item:nth-child(5){
    width: 48.9%;}

.about .row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    gap: 30px;}

.about {
    margin-top: 60px;}

.about h2 {margin-bottom: 20px;}

footer {
    margin-top: 40px;
    padding: 30px 30px 80px 30px;
    background: var(--color-black);
    color: var(--color-white);}

footer a {
    padding: 6px 0;
    display: block;
    color: var(--color-white);}

footer p {
    color: var(--color-gray);
    font-size: 24px;
    padding: 6px 0;}

footer p a{
    color: var(--color-white);}

footer h3 {
    padding: 0 0 30px 0;
    color: var(--color-gray);
    text-transform: uppercase;}

footer .row {
    gap: 5%;
    display: flex;
    justify-content: space-between;}

footer .col {
    padding: 10px;}

.bottom-section {
    display: flex;
    justify-content: space-between;}

/*COCKIE*/

.cookie_notice .row {
    display: flex;
    gap: 20px;}

.cookie_notice {
    display: none;
    position: fixed;
    z-index: 9999999;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 0.85rem;
    font-family: Verdana, sans-serif;
    color: #000;
    background: #FFF;
    padding: 10px 20px;
    border-top: 1px solid #ededed;
    opacity: 0.9;
}
.cookie_notice p {
    white-space: break-spaces;
    margin-bottom: 0;
}

.cookie_btn {
    display: inline-block;
    text-decoration: none;
    position: relative;
    font-size: 0.7rem;
    padding: 4px 12px;
    color: #FFF;
    text-transform: uppercase;
    background: var(--color-green);}

.cookie_btn:hover {
    color: #FFF;
}
.cookie_btn:after,
.cookie_btn:before {
    position: absolute;
    height: 2px;
    left: 50%;
    background: #FFF;
    bottom: -6px;
    content: "";
    transition: all 280ms ease-in-out;
    width: 0;
}
.cookie_btn:before {
    top: -6px;
}
.cookie_btn:hover:after,
.cookie_btn:hover:before {
    width: 100%;
    left: 0;
}

.wrapper.personal {
    height: auto;
}

.search-block {
    background: var(--color-white);
    padding: 10px 20px;
    display: flex;
    align-items: center;
    border-radius: 1rem;}

#bx-soa-main-notifications {
    position: relative;
}

[id^=wait_comp] {
    color: var(--color-white) !important;
    background: rgba(0,0,0,0.4) !important;
    left: 0 !important;
    top:0 !important;
    height: 100% !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border: none !important
}