.loader {
    
    width: 48px;
    height: 48px;
    border: 5px solid #FFF;
    border-bottom-color: #e52f3b;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    }

    @keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
    } 

.loader__parent {
    display: flex;
    width: max-content;
    height: max-content;
    margin: 20px auto 1px;
}

.choices * {
    background: #171717 !important;
    border-color: #2a2a2a !important; 
}
.choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
    background-color: #2a2a2a !important;
}

.view-btn.is-active {
    cursor: unset;
}


.modal--lk .popup__close {
    position: absolute;
    right: 10px;
}

.modal--lk .popup__header-col--title{
    display: flex;align-items: center;justify-content: center;width: 100%;
}

.modal--lk .header__logo
{
     position: absolute;
    left: 10px;
}    
    @media(max-width: 600px) {
        .modal--lk .header__logo
        {
            display: none;
        }
    }


.modal--lk .popup__body
{
        display: flex;
    flex-direction: column;
    margin: 0px auto;
    gap: 20px;
    height: min-content;
    width: 60%;
    padding: 30px 5%;
}

.bx-authform {
    margin: 20px auto;
}


.bx-authform * {
    color: #fff !important;
}

.bx-authform input.btn.btn-primary {
    background-color: #e52f3b !important;
}

input.choices__input {
    color: #fff !important;
}
html{
    scroll-behavior:smooth;
}
.add-to-fav--outline.active {
    background-color: #e52f3b !important;
    -webkit-box-shadow: inset 0 0 0 1px #e52f3b !important;
    box-shadow: inset 0 0 0 1px #e52f3b !important;
    color: #fff !important;
}

@media(max-width: 575.98px)
{
.page--home a.catalog-compact__btn {
    display: block;
}
}


:root
{
  --font-size--html: 16px;
    --font-size--banner: 3.5rem;
    --font-size--h1: 2rem;
    --font-size--h2: 1.5rem;
    --font-size--h3: 1.25rem;
    --font-size--h4: 1rem;
    --font-size--h5: 1rem;
    --font-size--h6: 1rem;
    --font-size--big: 1.5rem;
    --font-size--regular: 0.875rem;
    --font-size--small: 0.75rem;
    --font-size--micro: 0.5rem;
    --border-radius--main: 0.5rem;
    --border-radius--small: 0.375rem;
    --border-radius--micro: 0.25rem;
    --margin--section: 7.5rem;
    --border--half: 0.5px;
    --border--1px: 1px;
    --border--2px: 2px;
    --color--black: #1F1F1F;
    --color--white: #FFF;
    --color--purple: #512981;
    --color--dark-purple: #370E64;
    --color--gray: #BFBFBF;
    --color--light-gray: #F0F0F0;
    --color--light-gray-two: #FAFAFA;
    --color--dark-gray: #8C8C8C;
    --color--blue: #2F54EB;
    --color--red: #FA541C;
    --box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    --transition--main: all 0.3s ease 0s;
}
 .pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 1.5rem
}

 .pagination:last-child {
    margin-bottom: 0
}

 .pagination-navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .5rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    margin-top: 30px;
}

 .pagination-navigation .pagination-navigation__bullet {
    border: var(--border--1px) solid rgba(0,0,0,0);
    max-width: 32px;
    min-width: 32px;
    width: 100%;
    height: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: var(--border-radius--micro);
    -moz-border-radius: var(--border-radius--micro);
    border-radius: var(--border-radius--micro);
    position: relative;
    -webkit-transition: var(--transition--main);
    -o-transition: var(--transition--main);
    -moz-transition: var(--transition--main);
    transition: var(--transition--main);
    -webkit-transition: -webkit-transform 0s ease 0s;
    transition: -webkit-transform 0s ease 0s;
    -o-transition: -o-transform 0s ease 0s;
    -moz-transition: transform 0s ease 0s, -moz-transform 0s ease 0s;
    transition: transform 0s ease 0s;
    transition: transform 0s ease 0s, -webkit-transform 0s ease 0s, -moz-transform 0s ease 0s, -o-transform 0s ease 0s;
    background-color: var(--color--black)
}

 .pagination-navigation .pagination-navigation__bullet:hover {
    border-color: var(--color--light-gray-two)
}

 .pagination-navigation .pagination-navigation__bullet span {
    margin-bottom: 0
}

 .pagination-navigation .pagination-navigation__bullet__prev svg, .pagination-navigation .pagination-navigation__bullet__next svg {
    max-width: 16px;
    min-width: 16px;
    width: 100%;
    height: 16px;
    fill: var(--color--white)
}

 .pagination-navigation .pagination-navigation__bullet__prev svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

 .pagination-navigation .pagination-navigation__bullet__active {
    border-color: var(--color--white)
}


 .pagination-navigation .pagination-navigation__bullet__disabled {
    pointer-events: none
}

 .pagination-navigation .pagination-navigation__bullet__disabled:hover {
    background-color: var(--color--white)
}

 .pagination-navigation .pagination-navigation__bullet__disabled svg {
    fill: var(--color--gray)
}

.modal {
    display: none;
    position: fixed; 
    z-index: 9999; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4); 
  }
  
  .modal-content {
    background-color: #fefefe;
    margin: 15% auto; 
    padding: 20px;
    border: 1px solid #888;
    width: 40rem; 
  }
  .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
  }
  
  .close:hover,
  .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
  }


  input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 1000px #000 inset;
  transition: background-color 5000s ease-in-out 0s;
}
.bx-authform input:not([type="submit"]){
    background: none !important;
}


.callback__form
input:-webkit-autofill,
.callback__form input:-webkit-autofill:hover, 
.callback__form input:-webkit-autofill:focus,
.form-contacts input:-webkit-autofill,
.form-contacts input:-webkit-autofill:hover,
.form-contacts input:-webkit-autofill:focus
{
  -webkit-text-fill-color: #000;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}

.section-stats--about .stats
{
    padding-bottom: 100px !important;
}