@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800&display=swap);@-webkit-keyframes tile {

    0%,12.5%,to {

        opacity: 1

    }



    25%,82.5% {

        opacity: 0

    }

}



@keyframes tile {

    0%,12.5%,to {

        opacity: 1

    }



    25%,82.5% {

        opacity: 0

    }

}



@keyframes animate {

    0% {

        background-position: 0

    }



    to {

        background-position: 400%

    }

}



*,:after,:before,body {

    font-family: 'Montserrat',sans-serif

}



body {

    background-size: cover!important;

    color: #fff;

    background: #f00;

    background: url(https://imgur.com/Crwvemj.png) no-repeat center center fixed;

    background-position: 50%;

    align-items: center;

    background-color: #f00;

    --background-color: conic-gradient (190deg, #f00, #f00, #f00, 110%, #f00);

    --text-color: #f00;

    --card-background-color: rgba(255, 0, 0);

    --card-border-color: rgba(255, 0, 0);

    --card-box-shadow-1: rgba(255, 0, 0);

    --card-box-shadow-1-y: 3px;

    --card-box-shadow-1-blur: 6px;

    --card-box-shadow-2: rgba(255, 0, 0);

    --card-box-shadow-2-y: 8px;

    --card-box-shadow-2-blur: 15px;

    --card-label-color: #f00;

    --card-icon-color: #f00;

    --card-icon-background-color: rgba(255, 0, 0);

    --card-icon-border-color: rgba(255, 0, 0);

    --card-shine-opacity: .1;

    --card-shine-gradient: conic-gradient(from 205deg at 50% 50%, rgba(255, 0, 0) 0deg, #6e4254 25deg, rgba(255, 0, 0) 295deg, rgba(255, 0, 0) 360deg);

    --card-line-color: #f00;

    --card-tile-color: #f00;

    --card-hover-border-color: rgba(255, 0, 0);

    --card-hover-box-shadow-1: rgba(255, 0, 0);

    --card-hover-box-shadow-1-y: 5px;

    --card-hover-box-shadow-1-blur: 10px;

    --card-hover-box-shadow-2: rgba(255, 0, 0);

    --card-hover-box-shadow-2-y: 15px;

    --card-hover-box-shadow-2-blur: 25px;

    --card-hover-icon-color: #f00;

    --card-hover-icon-background-color: #f00;

    --card-hover-icon-border-color: rgb(255, 0, 0);

    --blur-opacity: .01

}



@font-face {

    font-family: FontAwesome;

    font-style: normal;

    font-weight: 400;

    src: url(/files/stores/frontend/template_3/static/font-awesome/fontawesome-webfont.eot?v=4.6.3);

    src: url(/files/stores/frontend/template_3/static/font-awesome/fontawesome-webfont.eot?#iefix&v=4.6.3) format("embedded-opentype"),url(/files/stores/frontend/template_3/static/font-awesome/fontawesome-webfont.woff2?v=4.6.3) format("woff2"),url(/files/stores/frontend/template_3/static/font-awesome/fontawesome-webfont.woff?v=4.6.3) format("woff"),url(/files/stores/frontend/template_3/static/font-awesome/fontawesome-webfont.ttf?v=4.6.3) format("truetype"),url(/files/stores/frontend/template_3/static/font-awesome/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular) format("svg")

}



*,:after,:before {

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}



b,strong {

    font-weight: 500;

    top: 50px

}



:root,:root[data-theme=red_black] {

    --default-font-family: 'Montserrat', sans-serif

}



:root[data-theme=red_black] {

    --accent-color-800: #f00;

    --accent-color-900: #f00;

    --font-color-700: #fff;

    --font-color-800: rgba(255, 0, 0);

    --font-color-900: #7b7b7b;

    --bg-color-800: #333333;

    --bg-color-700: #363636;

    --bg-color-900: #1d1b1a;

    --product-items-trans-bg-color: rgba(255, 0, 0)

}



.DesktopCopyright-module__wrapper {

    border-radius: 10px

}



.boxBody,.boxFooter,.boxHeader {

    background: #28282800

}



.Header-module__wrapper {

    background-color: #ffffff00;

    margin-bottom: 20px;

    padding: 0 15px;

    min-height: 50px;

    font-weight: 500;

    width: 100%;

    display: flex;

    align-items: center;

    flex-wrap: wrap

}



.HeaderNav-module__wrapper {

    text-transform: uppercase;

    white-space: nowrap;

    text-decoration: none;

    background-color: transparent;

    border: 0;

    padding: 0;

    line-height: 100%;

    cursor: pointer;

    transition: color ease .2s;

    margin-left: 65px;

}



.PlayerMenu-module__loginLink,.PlayerMenu-module__profileLink {

    position: relative;

    text-align: center;

    line-height: 25px;

    color: #fff;

    text-transform: uppercase;

    text-decoration: none;

    box-sizing: border-box;

    background: linear-gradient(90deg,#f00,#48373c,#339999,#f00,#f00);

    background-size: 400%;

    border-radius: 10px;

    z-index: 1

}



.PlayerMenu-module__loginLink:hover,.PlayerMenu-module__profileLink:hover {

    animation: animate 8s linear infinite

}



.PlayerMenu-module__loginLink:before,.PlayerMenu-module__profileLink:before {

    content: "";

    position: absolute;

    top: -5px;

    right: -5px;

    bottom: -5px;

    left: -5px;

    z-index: -1;

    background: linear-gradient(90deg,#f00,#f00,#f00,#f00,#f00);

    background-size: 400%;

    border-radius: 40px;

    opacity: 0;

    transition: .5s

}



.PlayerMenu-module__loginLink:hover:before,.PlayerMenu-module__profileLink:hover:before {

    filter: blur(20px);

    opacity: 1;

    animation: animate 8s linear infinite

}



.PlayerMenu-module__loginLink {

    border-radius: 15px

}



.PlayerBalance-module__btn {

    background: #f00

}



.LangSwitcher-module__list.LangSwitcher-module__active,.NavServerDropDown-module__list.NavServerDropDown-module__active {

    position: absolute;

    right: -1rem;

    display: flex;

    flex-direction: row;

    align-items: flex-start;

    justify-content: flex-start;

    flex-wrap: wrap;

    padding: .75rem;

    border-radius: .375rem;

    border: .0625rem solid rgba(255, 0, 0)

}



.LangSwitcher-module__list.LangSwitcher-module__active {

    top: calc(100% + 1rem);

    width: 10rem;

    background: #f00 gap: 0.50rem

}



.NavServerDropDown-module__list.NavServerDropDown-module__active {

    width: 15rem;

    background: #f00 gap: 0.50rem /* Конец */

}



.card .icon,.card .icon svg,.grid {

    position: relative;

    z-index: 1

}



.grid {

    grid-template-columns: repeat(2,240px);

    grid-gap: 32px;

    margin-top: 30px

}



.card {

    background-color: var(--background-color);

    box-shadow: 0 var(--card-box-shadow-1-y) var(--card-box-shadow-1-blur) var(--card-box-shadow-1),0 var(--card-box-shadow-2-y) var(--card-box-shadow-2-blur) var(--card-box-shadow-2),0 0 0 1px var(--card-border-color);

    padding: 10px 10px 10px 20px;

    border-radius: 15px;

    cursor: pointer;

    position: relative;

    margin-bottom: 30px;

    transition: box-shadow .25s

}



.card::before {

    content: "";

    position: absolute;

    inset: 0;

    border-radius: 15px;

    background-color: #f00

}



.card .icon {

    z-index: 2;

    display: table;

    padding: 8px

}



.card .icon::after {

    content: "";

    position: absolute;

    inset: 1.5px;

    border-radius: 10px;

    background-color: var(--card-icon-background-color);

    border: 1px solid var(--card-icon-border-color);

    -webkit-backdrop-filter: blur(2px);

    backdrop-filter: blur(2px);

    transition: background-color .25s,border-color .25s

}



.card .icon svg {

    display: block;

    width: 24px;

    height: 24px;

    transform: translateZ(0);

    color: var(--card-icon-color);

    transition: color .25s

}



.card h4,.card p {

    z-index: 2;

    position: relative;

    font-size: 14px

}



.card h4 {

    margin: 12px 0 4px;

    font-family: inherit;

    font-weight: 600;

    line-height: 2;

    color: #f00

}



.card p {

    margin: 0;

    line-height: 1.7;

    color: #f00

}



.card .background,.card .shine {

    border-radius: inherit;

    position: absolute;

    inset: 0;

    overflow: hidden

}



.card .shine {

    z-index: 1;

    opacity: 0;

    transition: opacity .5s

}



.card .shine:before {

    content: "";

    width: 150%;

    padding-bottom: 150%;

    border-radius: 50%;

    position: absolute;

    left: 50%;

    bottom: 55%;

    filter: blur(35px);

    opacity: var(--card-shine-opacity);

    transform: translateX(-50%);

    background-image: var(--card-shine-gradient)

}



.card .background {

    -webkit-mask-image: radial-gradient(circle at 60% 5%,#f00 0,#f00 15%,transparent 60%);

    mask-image: radial-gradient(circle at 60% 5%,#f00 0,#f00 15%,transparent 60%)

}



.card .background .tiles {

    opacity: 0;

    transition: opacity .25s

}



.card .background .tiles .tile {

    position: absolute;

    background-color: var(--card-tile-color);

    -webkit-animation-duration: 8s;

    animation-duration: 8s;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    opacity: 0

}



.card .background .tiles .tile.tile-10,.card .background .tiles .tile.tile-4,.card .background .tiles .tile.tile-6 {

    -webkit-animation-delay: -2s;

    animation-delay: -2s

}



.card .background .tiles .tile.tile-3,.card .background .tiles .tile.tile-5,.card .background .tiles .tile.tile-8 {

    -webkit-animation-delay: -4s;

    animation-delay: -4s

}



.card .background .tiles .tile.tile-2,.card .background .tiles .tile.tile-9 {

    -webkit-animation-delay: -6s;

    animation-delay: -6s

}



.card .background .tiles .tile.tile-1 {

    top: 0;

    left: 0;

    height: 10%;

    width: 22.5%

}



.card .background .tiles .tile.tile-2 {

    top: 0;

    left: 22.5%;

    height: 10%;

    width: 27.5%

}



.card .background .tiles .tile.tile-3 {

    top: 0;

    left: 50%;

    height: 10%;

    width: 27.5%

}



.card .background .tiles .tile.tile-4 {

    top: 0;

    left: 77.5%;

    height: 10%;

    width: 22.5%

}



.card .background .tiles .tile.tile-5 {

    top: 10%;

    left: 0;

    height: 22.5%;

    width: 22.5%

}



.card .background .tiles .tile.tile-6 {

    top: 10%;

    left: 22.5%;

    height: 22.5%;

    width: 27.5%

}



.card .background .tiles .tile.tile-7 {

    top: 10%;

    left: 50%;

    height: 22.5%;

    width: 27.5%

}



.card .background .tiles .tile.tile-8 {

    top: 10%;

    left: 77.5%;

    height: 22.5%;

    width: 22.5%

}



.card .background .tiles .tile.tile-9 {

    top: 32.5%;

    left: 50%;

    height: 22.5%;

    width: 27.5%

}



.card .background .tiles .tile.tile-10 {

    top: 32.5%;

    left: 77.5%;

    height: 22.5%;

    width: 22.5%

}



.card .background .line {

    position: absolute;

    inset: 0;

    opacity: 0;

    transition: opacity .35s

}



.card .background .line:after,.card .background .line:before {

    content: "";

    position: absolute;

    background-color: var(--card-line-color);

    transition: transform .35s

}



.card .background .line:before {

    left: 0;

    right: 0;

    height: 1px;

    transform-origin: 0 50%;

    transform: scaleX(0)

}



.card .background .line:after {

    top: 0;

    bottom: 0;

    width: 1px;

    transform-origin: 50% 0;

    transform: scaleY(0)

}



.card .background .line.line-1:before {

    top: 10%

}



.card .background .line.line-1:after {

    left: 22.5%

}



.card .background .line.line-1:after,.card .background .line.line-1:before {

    transition-delay: .3s

}



.card .background .line.line-2:before {

    top: 32.5%

}



.card .background .line.line-2:after {

    left: 50%

}



.card .background .line.line-2:after,.card .background .line.line-2:before {

    transition-delay: .15s

}



.card .background .line.line-3:before {

    top: 55%

}



.card .background .line.line-3:after {

    right: 22.5%

}



.card:hover {

    box-shadow: 0 3px 6px var(--card-hover-box-shadow-1),0 var(--card-hover-box-shadow-2-y) var(--card-hover-box-shadow-2-blur) var(--card-hover-box-shadow-2),0 0 0 1px var(--card-hover-border-color)

}



.card:hover .icon::after {

    background-color: var(--card-hover-icon-background-color)

}



.card:hover .icon svg {

    color: var(--card-hover-icon-color)

}



.card:hover .shine {

    opacity: 1;

    transition-duration: .5s

}



.card:hover .background .tiles {

    opacity: 1;

    transition-delay: .25s

}



.card:hover .background .tiles .tile {

    -webkit-animation-name: tile;

    animation-name: tile

}



.card:hover .background .line {

    opacity: 1;

    transition-duration: .15s

}



.card:hover .background .line:before {

    transform: scaleX(1)

}



.card:hover .background .line:after {

    transform: scaleY(1)

}



.card:hover .background .line.line-1:after,.card:hover .background .line.line-1:before,.card:hover .shine {

    transition-delay: 0s

}



.card:hover .background .line.line-2:after,.card:hover .background .line.line-2:before {

    transition-delay: .15s

}



.card:hover .background .line.line-3:after,.card:hover .background .line.line-3:before {

    transition-delay: .3s

}



.MonitoringWidget-module__header {

    text-align: center

}



.MonitoringServer-module__wrapper {

    border-radius: .75rem;

    background: linear-gradient(190deg,#f00,#f00,#750202,110%,#750202);

    padding: 1.25rem;

    box-shadow: 0 6px 10px 0 rgba(0 0 0/20%)

}



.MonitoringServer-module__progressBar {

    animation: animate 8s linear infinite;

    z-index: 1

}



.Button-module__btn.Button-module__accent,.Button-module__btn.Button-module__accent:before,.MonitoringServer-module__progressBar {

    background: linear-gradient(90deg,#6b0000,#f00,#f00,#6b0000,#6b0000);

    background-size: 400%

}



.Button-module__btn.Button-module__accent {

    position: relative;

    text-align: center;

    line-height: 25px;

    color: #fff;

    text-transform: uppercase;

    text-decoration: none;

    box-sizing: border-box;

    border-radius: 10px;

    z-index: 0;

    border-color: #f00

}



.Button-module__btn.Button-module__accent:hover {

    animation: animate 8s linear infinite

}



.Button-module__btn.Button-module__accent:before {

    content: "";

    position: absolute;

    top: -5px;

    right: -5px;

    bottom: -5px;

    left: -5px;

    z-index: -1;

    border-radius: 40px;

    opacity: 0;

    transition: .5s

}



.Button-module__btn.Button-module__accent:hover:before {

    filter: blur(20px);

    opacity: 1;

    animation: animate 8s linear infinite

}



.MonitoringWidget-module__updatingLoaderWrapper {

    background-color: rgb(0 0 0/0%);

    box-shadow: 0 0 10px 0 rgb(0 0 0/10%)

}



.Search-module__wrapper {

    border-radius: 10px;

    height: 40px

}



.Search-module__input {

    background: linear-gradient(90deg,#363636,#393939,#414141,#393939,#363636);

    background-size: 400%;

    animation: animate 8s linear infinite

}



.Shop-module__header {

    width: 0%;

    font-size: 0

}



@media (min-width: 768px) {

    .Categories-module__category {

        margin-bottom: 0;

        background: #414141;

        box-shadow: 0 0 10px 0 rgb(0 0 0/10%);

        border-radius: 5px;

        display: flex;

        align-items: center;

        padding: 7px 13px;

        font-size: 14px;

        height: 34px

    }



    .Categories-module__category.Categories-module__active,.Categories-module__category:hover {

        background: #3a3032;

        color: var(--font-color-700)

    }



    .Categories-module__category:hover {

        background-color: var(--accent-color-800)

    }



    [data-categoryid="430181"] {

        color: #f00;

        background: linear-gradient(90deg,#f00,#f00,#f00,#f00,#f00);

        background-size: 400%;

        opacity: 1;

        animation: animate 8s linear infinite

    }

    [data-categoryid="431899"] {

        color: #fff;

        background: linear-gradient(90deg,#f00,#f00,#f00,#f00,#f00);

        background-size: 400%;

        opacity: 1;

        animation: animate 8s linear infinite

    }



    .Categories-module__categories {

        margin: 0

    }



    .Product-module__wrapper {

        background: linear-gradient(190deg,#363636,#363636,#363636,#f00,140%,#6e0000);

        border-radius: 10px;

        transition: 1s;

        box-shadow: 0 6px 10px 0 rgba(0 0 0/20%)

    }



    .Product-module__wrapper:hover {

        transform: scale(1.1)

    }



    .Product-module__discount,.Product-module__price {

        border-radius: 10px 0 10px 0;

        background: linear-gradient(90deg,#6e0000,#6e0000,#6e0000,#f00,#f00f00);

        background-size: 400%;

        animation: animate 8s linear infinite;

        z-index: 1

    }



    .Product-module__discount {

        border-radius: 0 10px 0 10px

    }



    .Product-module__name {

        text-align: center

    }



    .ProductModal-module__dropdown {

        background: #6e0000;

        border-radius: 10px

    }



    .productModalDescription {

        background-color: #36363600

    }



    .ProductModal-module__header {

        text-align: center;

        align-items: center;

        display: block;

        font-weight: 600

    }



    .TotalSum-module__input {

        background: #16161670;

        border-radius: 0 10px 10px 0

    }



    .TotalSum-module__currency {

        border-radius: 10px 0 0 10px

    }



    .CountSelector-module__input {

        background: #16161670;

        border-radius: 5px

    }



    .CountSelector-module__changeCountBtn {

        background: #f00;

        border-radius: 5px

    }



    .dropDownCurrentItem {

        background: #f00

    }



    .Selector-module__dropDownCurrentItem {

        background: linear-gradient(90deg,#f00,#f00,#f00,#393939,#363636);

        background-size: 400%;

        animation: animate 8s linear infinite;

        border-radius: 10px

    }



    .Selector-module__dropDownList.Selector-module__openOnBottom,.Selector-module__dropDownList.Selector-module__openOnTop,.dropDownList.dropDownListOpenOnTop {

        position: absolute;

        display: flex;

        flex-direction: row;

        align-items: flex-start;

        justify-content: flex-start;

        flex-wrap: wrap;

        padding: .75rem;

        border-radius: .375rem;

        border: .0625rem solid rgba(255, 0, 0);

        background: #f00 gap: 0.50rem

    }



    .ModalLayout-module__modal {

        margin-top: 20px;

        margin-bottom: 20px;

        box-shadow: 0 20px 25px -5px rgba(255, 0, 0),0 8px 10px -6px rgba(255, 0, 0);

        background: #282828;

        padding: 20px;

        border-radius: 35px;

        box-shadow: 0 0 0 0 rgb(255, 0, 0)

    }



    .dropDownCurrentItem {

        background: linear-gradient(90deg,#f00,#f00,#f00,#f00,#f00);

        background-size: 400%;

        animation: animate 8s linear infinite;

        border-radius: 10px

    }



    .CountSelector-module__inputWrapper,.TotalSum-module__inputWrapper {

        background: #16161670;

        border-radius: 10px

    }



    .desc-main {

        border-radius: 15px;

        padding: 10px;

        background: #f00;

        box-shadow: 0 0 10px 0 rgb(0 0 0/20%)

    }



    .desc_title {

        font-weight: 400;

        font-size: 12px;

        color: #f00;

        text-align: left

    }



    .desc-service {

        padding: 2% 4%;

        border-radius: 10px;

        background: #f00;

        justify-content: space-between;

        margin-top: 4px;

        flex-wrap: wrap

    }



    .desc-service,.desc-text-main {

        display: flex;

        align-items: center;

        width: 100%

    }



    .desc-text-info {

        font-weight: 300;

        font-size: 11px;

        color: #f00;

        text-align: left

    }



    .text-container {

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -ms-flex-direction: column;

        flex-direction: column;

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        justify-content: space-evenly;

        overflow: hidden;

        -webkit-box-flex: 1;

        -ms-flex: 1;

        flex: 1

    }



    .service__description {

        margin: 0;

        border-radius: 10px;

        background-color: #f00;

        border: 0 dashed #f00;

        text-align: center;

        font-size: 13px;

        padding: 8px 0

    }



    .pd-additional-info {

        align-items: center;

        display: flex;

        width: auto;

        height: 20px;

        padding: 0 10px;

        cursor: pointer;

        transform: scale(1);

        transition: transform 400ms cubic-bezier(.68,-.55,.27,1.55)

    }



    .pd-additional,.pd-additional-info {

        box-shadow: 0 0 5px rgb(0 0 0/30%);

        transform: translate3d(0,0,0);

        margin-left: 9px;

        font-size: 13px;

        color: rgba(255,255,255,.9)!important

    }



    .pd-additional {

        align-items: center;

        display: flex;

        background: linear-gradient(90deg,#f00,#f00);

        background-size: 400% 400%;

        animation: gradient 5s ease infinite;

        width: auto;

        height: 20px;

        padding: 0 10px;

        border-radius: 7px;

        transform: scale(1);

        transition: transform 400ms cubic-bezier(.68,-.55,.27,1.55)

    }



    .pd-additional-info {

        background: linear-gradient(90deg,#f00,#f00,#f00,#f00,#f00);

        background-size: 400%;

        border-radius: 15px;

        animation: animate 8s linear infinite

    }



    .desc-service-main {

        display: flex;

        justify-content: space-between;

        flex-wrap: wrap

    }



    .ProfileNav-module__logOut {

        text-align: center;

        display: block;

        border-radius: 10px;

        width: 100%;

        padding: 7px;

        color: var(--font-color-800);

        background: var(--accent-color-800)

    }



    .productModalImg {

        margin-bottom: 0 ;

        border-radius: 10px;

        /*ckground: #232323;

        background-size: 200px 150px;*/

  }

    .Product-module__img {

        border-radius: 10px

  }



    .BasketContent-module__header,.HistoryContent-module__header {

        display: flex;

        justify-content: space-around;

        font-size: 17px;

        margin-bottom: 20px;

        align-items: center;

        margin-left: auto;

        margin-right: auto;

        border-radius: 15px

    }



    .BasketSearch-module__wrapper,.HistorySearch-module__wrapper {

        border-radius: 15px

    }



    .ProfileNav-module__wrapper {

        min-width: 250px

    }



    .ProfileNav-module__navItem {

        cursor: pointer;

        background: var(--bg-color-700);

        border-radius: 10px;

        font-weight: 600;

        padding: 10px 15px;

        color: var(--font-color-900);

        transition: all .15s ease;

        margin-bottom: 2px;

        text-align: center

    }



    .ProfileNav-module__header {

        display: flex;

        align-items: center;

        flex-direction: column;

        border-radius: 15px;

        margin-bottom: 5px

    }



    .ProfileNav-module__name {

        font-size: 14px;

        text-align: center;

        width: 100%;

        vertical-align: middle;

        display: flex;

        align-content: center;

        flex-wrap: nowrap;

        flex-direction: row-reverse;

        justify-content: center;

        align-items: center;

        border-radius: 10px;

        font-weight: 600;

        margin-top: 15px;

        background: #363636;

        padding: 5px 7px

    }



    .ProfileNav-module__img {

        margin-bottom: 0;

        border-radius: 10px;

        width: 200px;

        height: 200px

    }



    .ProfileContent-module__input {

        background: linear-gradient(90deg,#363636,#363636,#363636,#f00,#363636);

        background-size: 400%;

        animation: animate 8s linear infinite;

        border-radius: 10px

    }



    .Selector-module__dropDownList.Selector-module__openOnBottom {

        top: calc(100% + 1rem)

    }



    .Selector-module__dropDownCurrentItem:focus,.Selector-module__dropDownCurrentItem:hover {

        outline: 1px solid #f00

    }



    .BasketTable-module__tableHeader,.HistoryTable-module__tableHeader,.ProfileContent-module__infoWrapper {

        border-radius: 10px

    }



    .ProfileContent-module__infoLine+.ProfileContent-module__infoLine {

        border-top: 1px solid #f00

    }



    .HistoryTable-module__tableTitle:last-child {

        text-align: center

    }



    .HistoryTable-module__tableTitle:first-child {

        text-align: center

    }



    .BasketTable-module__tableLine:nth-child(2n-1),.HistoryTable-module__tableLine:nth-child(2n-1) {

        border-radius: 10px

    }



    .BasketSearch-module__input,.HistorySearch-module__input {

        background: linear-gradient(90deg,#f00,#f00,#f00,#393939,#363636);

        background-size: 400%;

        animation: animate 8s linear infinite

    }



    .RouletteContent-module__rouletteItemInfo {

        font-size: 0

    }



    .RouletteContent-module__rouletteItem {

        background: linear-gradient(90deg,#363636,#393939,#414141,#393939,#363636);

        background-size: 400%;

        animation: animate 8s linear infinite;

        border-radius: 10px;

        transform: translate3d(0,0,0);

        box-shadow: 0 6px 10px 0 rgb(0 0 0/15%)

    }



    .RouletteContent-module__lineWrapper {

        position: relative;

        width: 100%;

        overflow: hidden;

        background: #33333300;

        display: flex;

        align-items: center;

        -webkit-mask-image: linear-gradient(to right,rgba(255,255,255,0) 5%,#000 25%,#000 75%,rgba(255,255,255,0) 95%)

    }



    .RouletteContent-module__rouletteItemImg {

        width: 200px;

        height: 200px;

        object-fit: contain;

        padding: 20px

    }



    .productModalContainsItem {

        border-radius: 10px

    }



    .productModalContainsTitle {

        width: 100%;

        display: block;

        font-weight: 500;

        margin-bottom: 6px;

        margin-top: 15px;

        text-align: center

    }



    .Button-module__btn.Button-module__gray {

        border-color: #5bf1ef;

        border-radius: 10px

    }

/* Ета киты йоу синие йоу */

@media (min-width: 768px){

.modal-lg {

    width: 600px;

    margin: 30px auto;

}}

.modal-sm {

    width: 350px;

}

.modal-body {

    margin: 0px 10px;

}

.modal-backdrop.show {

  opacity: .25;

}

@media (min-width: 768px){

.modal.show .modal-dialog {

  -webkit-transform: translate(0);

  transform: translate(0);

  width: 620px;

}}

@media (max-width: 768px){

.modal.show .modal-dialog {

  -webkit-transform: translate(0);

  transform: translate(0);

  width: 340px;

}}

.modal .modal-footer {

    background: #f00;

    border-top: 0px solid #f00;

    padding: 10px 5px;

    display: flex;

    flex-direction: column-reverse;

    flex-wrap: nowrap;

    justify-content: center;

    align-items: center;

    width: 100px;

    height: 40px;

    margin-left: auto;

    margin-right: auto;

    border-radius: 10px;

    margin-top: 15px

}

.modal .modal-header {

    background: #f00;

    border-bottom: 0px solid #f00;

    text-align: center;

}

.modal .modal-content {

    background: linear-gradient(225deg,#f00,#f00,#f00,140%,#f00);

    padding: 25px;

  	border-radius: 35px;

  	box-shadow: 0 6px 10px 0 rgba(0 0 0/20%)

}

.modal .modal-header h4 {

    font-size: 16px;

    font-weight: 600;

}

.modal-content {

  opacity: 1;

  transition: opacity .2s linear;

}

.serverheader {

    border-radius: 15px;

    margin-bottom: 10px;

    font-size: 20px;

    margin-top: 20px;

}

.kit-items {

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    flex-direction: row;

    align-content: center;

    align-items: center

}

.kit-item {

    margin: 4px;

    border-radius: 10px;

    text-align: center;

    cursor: pointer;

    background: linear-gradient(90deg,#f00,#f00,#f00,#f00,#f00);

    background-size: 400%;

    animation: animate 8s linear infinite;

    box-shadow: 0 6px 10px 0 rgba(0 0 0/25%);

    width: 80px;

    height: 80px;

}

.animated {

    animation-duration: 1s;

    animation-fill-mode: unset;

}

.kit-item:hover {

    transition: transform 200ms cubic-bezier(0.68, -0.55, 0.27, 1.55);

    transform: scale(1.1);

}

.kit-item__image {

    width: 100%;

    transform: scale(0.7);

}

.kit-item__quantity {

    top: -20px;

    position: relative;

    border-radius: 0px 0px 15px 15px;

  	font-size: 12px;

}

.serverheader span {

    padding: 2px 12px 2px 12px;

    border-radius: 7px;

    text-transform: uppercase;

    font-size: 15px;

    background: linear-gradient(90deg,#f00,#f00,#f00,#f00,#f00);

    background-size: 400%;

    animation: animate 8s linear infinite;

    transform: translate3d(0, 0, 0)

}

.Cookie-module__wrapper {

    border-radius: 10px

}

.ShopFooter-module__link {

    background: linear-gradient(190deg,#f00,#f00,#f00,150%,#f00);

    box-shadow: 0 6px 10px 0 rgba(0 0 0/20%);

    padding: 0.5rem;

    border-radius: 10px

}

.DesktopCopyright-module__wrapper {

    border-radius: 10px

}

/* канец */



.Toast-module__toast.Toast-module__error .Toast-module__title {

    color: #f00

}

.Toast-module__icon {

    fill: #f00

}

.Toast-module__toast.Toast-module__success .Toast-module__title {

    color: #f00

}

.Header-module__logo {

    font-size: 23px;

    margin-left: 35px  

}

.Header-module__logo:hover {

    color: #f00;

}

.Banner-module__img {

    margin: 7px;

    max-width: 0%;

}