/*tooltip */
.tooltip-container {
    position: relative;
    /* display: inline-block; */
    cursor: pointer;
    /* margin: 6rem; */
}

.tooltip {
    display: none;
    padding: 10px 13px !important;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    padding: 6px;
    position: absolute;
    z-index: 1;
    bottom: 85%;
    left: 50%;
    transform: translateX(-50%);
    animation-duration: 0.6s !important;
}

.tooltip-container:hover .tooltip {
    display: block;
    opacity: 1;
}

/**/
/** Loader **/
.fc-loader {
    width: 25px;
    height: 25px;
    margin:0px!important;
    border: 5px solid #C50F3C;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: fc-rotation 1s linear infinite;
    }

@keyframes fc-rotation {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
/**/
.social-block{
    padding: 25px 0;
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

@import url(https://fonts.googleapis.com/css2?family=Alatsi&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@1,900&display=swap);

@font-face {
    font-family: "webly-light";
    src: url(/fonts/weblysleekuil.ttf?f674fb1cde71d733770b7dc654a6c8fe);
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "webly-lightitalic";
    src: url(/fonts/weblysleekuili.ttf?9c56378914f168292328a2e14e788454);
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "webly-reguliar";
    src: url(/fonts/weblysleekuisl.ttf?dabfbed9a84a87c0e1dfe2acc00bd498);
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "webly-reguliaritalic";
    src: url(/fonts/weblysleekuisli.ttf?4a10f0b5f4c0bb2b15d1b939193ccd5f);
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "webly-bold";
    src: url(/fonts/weblysleekuisb.ttf?dff7e6ae39f65959f10fce83ba6f00c0);
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "webly-bolditalic";
    src: url(/fonts/weblysleekuisbi.ttf?9250bbdc21b62e9f0d6804fc7ac711b7);
    font-weight: 700;
    font-style: italic;
}

/*
*	Mixins
*/
/* autoprefixer: off */
/* autoprefixer: on */
/*
*   Variables
*/
.archive-block {
    position: relative;
    overflow: hidden;
}

.archive-block #archive-cal {
    background-color: #C50F3C;
    height: 62px;
    border: 0;
    color: white;
    font-size: 16px;
    padding: 0 30px 0 66px;
}

.archive-block .cal-block {
    position: absolute;
    top: 16px;
    left: 24px;
}

.archive-block .items {
    overflow-y: scroll;
    box-sizing: border-box;
}

.archive-block .items a {
    display: block;
    padding: 12px 22px;
    font-size: 20px;
    color: #002269;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.archive-block .items li {
    border-bottom: 1px solid rgba(0, 34, 105, 0.14);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.archive-block .items li:hover,
.archive-block .items li.selected {
    background-color: #002269;
}

.archive-block .items li:hover a,
.archive-block .items li.selected a {
    color: white;
}

.archive-block ul {
    width: 100%;
    padding: 0;
    margin: 0;
}

.archive-block input[type=date]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
}

input[type=checkbox] {
    cursor: pointer;
}

.select {
    width: 100%;
    box-sizing: border-box;
    background: #ECECEC;
    border-radius: 3px;
    border: none;
    padding: 14px 18px;
    color: #002169;
    opacity: 0.5;
    font-size: 18px;
    border: 1px solid #ccc;
}

h1.block-header {
    font-size: 48px;
    font-family: "webly-bold";
    color: rgba(20, 28, 45, 0.74);
    text-transform: capitalize;
    margin: 0;
}

.rotate {
    transform: rotate(-90deg) translate3d(-50%, 0, 0);
}

.rotate-arrow {
    transform: rotate(90deg);
}

.button {
    background-color: #FFA300;
    color: white;
    display: inline-block;
}

.container {
    max-width: 1420px;
    width: 100%;
    margin: 0 auto;
}

.container .create {
    width: 100%;
    font-weight: 600;
    text-align: start;
    grid-column: 1/-1;
}

.container .create a {
    color: #002169;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.address-reciver {
    padding: 12px 0;
}

.address-reciver span {
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 600;
}

.cont .content {
    line-height: 24px;
}

.cont .content .submit {
    padding: 10px 12px;
}

.cont .content .default-active-star div {
    margin-bottom: 20px;
    background: white;
    padding-top: 16px;
    display: flex;
    gap: 10px;
    cursor: pointer;
    align-items: center;
}

.cont .content .default-active-star svg {
    width: 26px;
    height: 26px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 999px;
    padding: 4px;
}

.cont .card {
    padding: 0 8px;
    height: 100%;
}

.cont .card .card-wrapper{
    height: 100%;
    border-radius: 2px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 16px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    background: white;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}


.cont .card .card-wrapper:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

.cont .card .card-header {
    border-bottom: 1px solid #f5f5f5;
}

.cont .card .card-header span {
    font-weight: 700;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    text-transform: uppercase;
}

.cont .card .card-header svg {
    cursor: pointer;
}

.ytp-chrome-top-buttons {
    display: none !important;
}

.fb-comment-box iframe {
    width: 100% !important;
}

.inner-container {
    /* width: 100%; */
    margin: 0 auto;
    box-sizing: border-box;
}

.inner-container .garoink {
    width: 100%;
}

.flex-block {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.shadow {
    box-shadow: 0 3px 6px rgba(0, 34, 105, 0.1);
}

.wide-block {
    width: 100vw;
    height: 100vh;
}

.view-more-button {
    height: 50px;
    background-color: #FFA300;
    border: none;
    font-size: 20px;
    border-radius: 2px;
    color: white;
    padding: 0 30px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
}

.view-more-button:hover {
    background-color: #C50F3C;
}

.from-bottom {
    animation: fromBottom 1s;
}

@-webkit-keyframes fromBottom {
    0% {
        transform: translate(24%, 22%);
        opacity: 0;
    }

    100% {
        transform: translate(0%, 0%);
        opacity: 1;
    }
}

@keyframes fromBottom {
    0% {
        transform: translate(24%, 22%);
        opacity: 0;
    }

    100% {
        transform: translate(0%, 0%);
        opacity: 1;
    }
}

.from-top {
    animation: fade 1s;
}

@-webkit-keyframes fade {
    0% {
        transform: translate(-24%, -22%);
        opacity: 0;
    }

    100% {
        transform: translate(0%, 0%);
        opacity: 1;
    }
}

@keyframes fade {
    0% {
        transform: translate(-24%, -22%);
        opacity: 0;
    }

    100% {
        transform: translate(0%, 0%);
        opacity: 1;
    }
}

blockquote {
    border-left: 19px solid #C50F3C;
}

html {
    line-height: 1.5;
    font-size: 16px;
    font-family: "webly-light";
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    margin: 0 0 20px 0;
}

h2 {
    line-height: 1.3;
}

input {
    width: 100%;
    box-sizing: border-box;
    background: #ECECEC;
    border-radius: 3px;
    border: none;
    padding: 14px 18px;
    color: #002169;
    opacity: 0.5;
    font-size: 18px;
    border: 1px solid #ccc;
}

input.uk-input:focus {
    background-color: transparent;
    color: white;
}

input:focus {
    outline: 0;
}

.submit {
    max-width: max-content;
    font-size: 20px;
    background: #ECECEC;
    border-radius: 210px;
    padding: 21px 44px;
    border: unset;
    width: 100%;
    cursor: pointer;
}

.submit span {
    background: linear-gradient(92.38deg, #002169 -10.19%, #C50F3C 51.02%, #FFA200 104.72%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.submit:hover {
    background: linear-gradient(92.38deg, #002169 -10.19%, #C50F3C 51.02%, #FFA200 104.72%);
    color: #ffffff;
}

.submit:hover span {
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-clip: unset;
    text-fill-color: unset;
    color: #ffffff;
}

.submit:focus {
    background: linear-gradient(92.38deg, #002169 -10.19%, #C50F3C 51.02%, #FFA200 104.72%);
}

.submit:focus span {
    color: #ffffff;
}

svg {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
    vertical-align: middle;
}

body {
    height: 1000px;
    min-width: 300px;
    overflow-x: hidden;
    margin: 0;
}

body.no-scroll {
    overflow: hidden;
}

::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(154, 153, 153, 0.63);
}

.inner-container.news {
    margin-bottom: 135px;
    max-width: 1420px;
}

.inner-container.news h2.block-header {
    font-size: 48px;
    font-family: "webly-bold";
    color: #002269;
    margin-bottom: 26px;
}

.gradient-text {
    background: rgb(0, 33, 105);
    background: -moz-linear-gradient(-45deg, rgb(0, 33, 105) 0%, rgb(197, 15, 60) 50%, rgb(255, 162, 0) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgb(0, 33, 105)), color-stop(50%, rgb(197, 15, 60)), color-stop(100%, rgb(255, 162, 0)));
    background: -webkit-linear-gradient(-45deg, rgb(0, 33, 105) 0%, rgb(197, 15, 60) 50%, rgb(255, 162, 0) 100%);
    background: -o-linear-gradient(-45deg, rgb(0, 33, 105) 0%, rgb(197, 15, 60) 50%, rgb(255, 162, 0) 100%);
    background: -ms-linear-gradient(-45deg, rgb(0, 33, 105) 0%, rgb(197, 15, 60) 50%, rgb(255, 162, 0) 100%);
    background: linear-gradient(135deg, rgb(0, 33, 105) 0%, rgb(197, 15, 60) 50%, rgb(255, 162, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#002169", endColorstr="#ffa200", GradientType=1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.item-block {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: auto;
}

.layer-block {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.loading {
    font-size: 36px;
    font-family: "webly-bold";
    color: #002269;
    text-transform: capitalize;
    width: 100%;
    text-align: center;
    padding: 20px 0;
}

.load-more-wrapper {
    display: flex;
    justify-content: center;
    margin: 24px 0;
}

.load-more-wrapper .load-more {
    height: 50px;
    background-color: #FFA300;
    border: none;
    font-size: 20px;
    border-radius: 2px;
    color: white;
    padding: 0 30px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
}

.load-more-wrapper .load-more:hover {
    background-color: #C50F3C;
}

.loader-ellips {
    font-size: 20px;
    /* change size here */
    position: relative;
    width: 4em;
    height: 1em;
    margin: 10px auto;
}

.loader-ellips__dot {
    display: block;
    width: 1em;
    height: 1em;
    border-radius: 0.5em;
    background: #555;
    /* change color here */
    position: absolute;
    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
    left: 0;
}

.loader-ellips__dot:nth-child(3) {
    left: 1.5em;
}

.loader-ellips__dot:nth-child(4) {
    left: 3em;
}

@keyframes reveal {
    from {
        transform: scale(0.001);
    }

    to {
        transform: scale(1);
    }
}

@keyframes slide {
    to {
        transform: translateX(1.5em);
    }
}

.loader-ellips__dot:nth-child(1) {
    animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
    animation-name: slide;
}

.loader-ellips__dot:nth-child(4) {
    animation-name: reveal;
    animation-direction: reverse;
}

button:focus {
    outline: 0;
}

img {
    object-fit: cover;
}

a {
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    text-decoration: none;
}

#bg-block {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100vh;
    overflow: hidden;
    z-index: -1;
}

#bg-block .image-block {
    width: 100%;
    height: 100%;
}

#bg-block .bg {
    width: 100%;
    height: 100%;
    background-size: cover;
}

#bg-block .white-grad {
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.35);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgb(255, 255, 255) 58%, rgb(255, 255, 255) 80%, rgb(255, 255, 255) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.35)), color-stop(58%, rgb(255, 255, 255)), color-stop(80%, rgb(255, 255, 255)), color-stop(100%, rgb(255, 255, 255)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgb(255, 255, 255) 58%, rgb(255, 255, 255) 80%, rgb(255, 255, 255) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgb(255, 255, 255) 58%, rgb(255, 255, 255) 80%, rgb(255, 255, 255) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.35) 0%, rgb(255, 255, 255) 58%, rgb(255, 255, 255) 80%, rgb(255, 255, 255) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.35) 0%, rgb(255, 255, 255) 58%, rgb(255, 255, 255) 80%, rgb(255, 255, 255) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=0);
}

.owl-nav {
    position: absolute;
}

.owl-nav .cls-1 {
    fill: none;
    stroke: #fff;
    stroke-width: 2px;
    opacity: 0.49;
}

sup {
    top: -12px;
    right: -8px;
}

.player-item .player-number {
    font-family: "webly-bold";
    color: rgba(255, 255, 255, 0.82);
    margin-right: 18px;
}

.player-item .player-name {
    font-family: "webly-bold";
    color: white;
    display: block;
    text-transform: capitalize;
}

.player-item .player-position {
    color: #FFA300;
    font-family: "webly-light";
    display: block;
    text-transform: capitalize;
}

.col-3 {
    width: 25%;
}

.col-4 {
    width: 33.33333%;
}

.news-block {
    position: relative;
    border: 6px solid rgba(0, 34, 105, 0.78);
    width: 333px;
    box-sizing: border-box;
    margin: 0 10px 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    float: left;
    background-color: white;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.news-block h3 {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 30px;
    color: #002269;
    font-family: "webly-light";
    line-height: normal;
    margin: 0 0 15px;
    display: -moz-box;
    display: -webkit-box;
    display: box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-block time {
    font-size: 19px;
    color: #C50F3C;
    font-family: "webly-light";
    /* margin-bottom: 30px; */
    display: inline-block;
    position: absolute;
    bottom: 40px;
    right: 30px;
    left: 30px;
    opacity: 0.6;
}

.news-block .layer-block {
    background: rgba(255, 162, 0, 0.24);
    background: -moz-linear-gradient(top, rgba(255, 162, 0, 0.24) 0%, rgba(0, 34, 105, 0.78) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 162, 0, 0.24)), color-stop(100%, rgba(0, 34, 105, 0.78)));
    background: -webkit-linear-gradient(top, rgba(255, 162, 0, 0.24) 0%, rgba(0, 34, 105, 0.78) 100%);
    background: -o-linear-gradient(top, rgba(255, 162, 0, 0.24) 0%, rgba(0, 34, 105, 0.78) 100%);
    background: -ms-linear-gradient(top, rgba(255, 162, 0, 0.24) 0%, rgba(0, 34, 105, 0.78) 100%);
    background: linear-gradient(to bottom, rgba(255, 162, 0, 0.24) 0%, rgba(0, 34, 105, 0.78) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffa200", endColorstr="#002269", GradientType=0);
}

.news-block .tag-block {
    position: absolute;
    top: 30px;
    left: 30px;
    font-size: 12px;
    font-family: "webly-reguliar";
    color: #C50F3C;
    text-transform: uppercase;
}

.news-block .image-block {
    height: 180px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.news-block .image-block img {
    height: 100%;
    width: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.news-block .content-block {
    padding: 80px 30px;
    /* margin-top: -20px; */
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    box-sizing: border-box;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.news-block .news-desc {
    font-size: 14px;
    color: rgba(0, 34, 105, 0.6);
    max-height: 70px;
    overflow: hidden;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-block .like-comment {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-top: 32px;
    position: absolute;
    bottom: 40px;
    right: 30px;
    left: 30px;
    display: none;
}

.news-block .like-comment .like {
    margin-right: 40px;
}

.news-block .read-more {
    font-family: "webly-reguliar";
    font-size: 18px;
    color: #FFA300;
}

.news-block:hover {
    border-color: #C50F3C;
}

.news-block:hover h3 {
    color: #C50F3C;
}

.news-block.caption-under {
    border: none;
}

.news-block.caption-under .tag-block {
    text-transform: capitalize;
    color: white;
    font-family: "webly-bold";
}

.news-block.caption-under h3 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0px;
}

.news-block.caption-under .content-block {
    padding-top: 40px;
    padding-bottom: 40px;
    margin-top: 0px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.news-block.caption-under .like-comment {
    position: static;
}

.news-block.caption-under .news-desc {
    max-height: 46px;
    overflow: hidden;
}

.news-block.caption-under:hover .content-block {
    padding-top: 10px;
}

.news-block.caption-under:hover .image-block {
    height: 210px;
}

.news-block.l-image {
    border: none;
}

.news-block.l-image h3 {
    font-size: 20px;
    font-family: "webly-reguliar";
    margin-bottom: 6px;
}

.news-block.l-image .image-block {
    height: 240px;
}

.news-block.l-image .content-block {
    height: 100%;
    padding: 30px 30px 18px;
}

.news-block.l-image:hover .content-block {
    padding: 30px 30px 38px;
}

.news-block.l-image:hover .image-block {
    height: 220px;
}

.news-block.caption-on {
    border: none;
    overflow: hidden;
}

.news-block.caption-on h3 {
    font-size: 28px;
    font-family: "webly-reguliar";
    color: white;
}

.news-block.caption-on time {
    font-size: 13px;
    color: #FFA300;
    font-family: "webly-light";
    margin-bottom: 0px;
    display: inline-block;
}

.news-block.caption-on .image-block {
    height: 100%;
}

.news-block.caption-on .content-block {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding-bottom: 50px;
    margin-top: 0px;
}

.news-block.caption-on .like-comment {
    position: static;
}

.news-block.caption-on:hover img {
    transform: scale(1.02);
}

.news-block.caption-on:hover .content-block {
    padding-bottom: 60px;
}

.news-block.video {
    border: none;
    width: 460px;
    height: 300px;
}

.news-block.video .layer-block {
    background: rgba(255, 162, 0, 0.38);
    background: -moz-linear-gradient(top, rgba(255, 162, 0, 0.38) 0%, rgba(0, 34, 105, 0.78) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 162, 0, 0.38)), color-stop(100%, rgba(0, 34, 105, 0.78)));
    background: -webkit-linear-gradient(top, rgba(255, 162, 0, 0.38) 0%, rgba(0, 34, 105, 0.78) 100%);
    background: -o-linear-gradient(top, rgba(255, 162, 0, 0.38) 0%, rgba(0, 34, 105, 0.78) 100%);
    background: -ms-linear-gradient(top, rgba(255, 162, 0, 0.38) 0%, rgba(0, 34, 105, 0.78) 100%);
    background: linear-gradient(to bottom, rgba(255, 162, 0, 0.38) 0%, rgba(0, 34, 105, 0.78) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffa200", endColorstr="#002269", GradientType=0);
}

.news-block.video .image-block {
    width: 100%;
    height: 100%;
}

.news-block.video .image-block img {
    width: 100%;
    height: 100%;
}

.news-block.video .content-block {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    min-height: 70px;
    padding-bottom: 36px;
}

.news-block.video .content-block>div {
    margin-left: 12px;
}

.news-block.video h3 {
    font-size: 36px;
    color: white;
    margin: 0px 68px 0 0;
    line-height: normal;
    display: -moz-box;
    display: -webkit-box;
    display: box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-block.video h4 {
    font-size: 24px;
    color: white;
    margin: 0px 68px 0 0;
    line-height: normal;
    display: -moz-box;
    display: -webkit-box;
    display: box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-block.video svg {
    max-width: 60px;
}

.news-block.video .video-play {
    position: absolute;
    right: 27px;
    bottom: 27px;
}

.top-competition-block {
    position: relative;
    text-align: -webkit-center;
    text-align: center;
}

.top-competition-block .layer-block {
    background: rgba(11, 33, 77, 0.75);
    background: -moz-linear-gradient(-45deg, rgba(11, 33, 77, 0.75) 0%, rgba(154, 17, 49, 0.75) 50%, rgba(187, 123, 12, 0.75) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(11, 33, 77, 0.75)), color-stop(50%, rgba(154, 17, 49, 0.75)), color-stop(100%, rgba(187, 123, 12, 0.75)));
    background: -webkit-linear-gradient(-45deg, rgba(11, 33, 77, 0.75) 0%, rgba(154, 17, 49, 0.75) 50%, rgba(187, 123, 12, 0.75) 100%);
    background: -o-linear-gradient(-45deg, rgba(11, 33, 77, 0.75) 0%, rgba(154, 17, 49, 0.75) 50%, rgba(187, 123, 12, 0.75) 100%);
    background: -ms-linear-gradient(-45deg, rgba(11, 33, 77, 0.75) 0%, rgba(154, 17, 49, 0.75) 50%, rgba(187, 123, 12, 0.75) 100%);
    background: linear-gradient(135deg, rgba(11, 33, 77, 0.75) 0%, rgba(154, 17, 49, 0.75) 50%, rgba(187, 123, 12, 0.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0b214d", endColorstr="#bb7b0c", GradientType=1);
}

.top-competition-block .bg-image-block {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.top-competition-block .bg-image-block img {
    width: 100%;
    height: 100%;
}

.top-competition-block .competition-name {
    padding-top: 55px;
}

.top-competition-block .competition-name h1 {
    font-size: 36px;
    font-family: "webly-reguliar";
    color: white;
    margin-bottom: 0;
}

.top-competition-block .location {
    font-family: "webly-light";
    font-size: 20px;
    color: white;
    padding-top: 6px;
}

.top-competition-block .location svg {
    margin-right: 10px;
}

.top-competition-block .competition-date {
    font-size: 17px;
    font-family: "webly-bold";
    color: #FFA300;
    padding-top: 8px;
}

.top-competition-block .competition-date svg {
    margin-right: 10px;
}

.top-competition-block .competition-info {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    padding-bottom: 100px;
}

.top-competition-block .competition-info .team-block {
    padding-bottom: 20px;
}

.top-competition-block .competition-info .team-logo {
    width: 220px;
}

.top-competition-block .competition-info .team-logo img {
    width: 100%;
}

.top-competition-block .competition-info .team-name {
    font-size: 24px;
    font-family: "webly-bold";
    color: white;
    text-transform: uppercase;
    margin-top: 34px;
    display: block;
    letter-spacing: 1.2px;
}

.top-competition-block .results-block {
    padding: 0 98px;
}

.top-competition-block .score-block {
    font-size: 96px;
    font-family: "webly-bold";
    color: white;
}

.top-competition-block .timer-container .countdown-title {
    color: #E8EAEE;
    font-size: 17px;
    font-family: "webly-light";
    width: 100%;
    margin-bottom: 10px;
    display: block;
}

.top-competition-block .timer-container .countdown-block {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background-color: rgba(0, 34, 105, 0.3);
    border-radius: 25px;
    padding: 14px;
}

.top-competition-block .timer-container .clock-col {
    padding: 0px 16px;
    line-height: 1;
    position: relative;
}

.top-competition-block .timer-container .clock-col:after {
    content: ":";
    font-size: 30px;
    position: absolute;
    right: -2px;
    top: 0;
    color: rgba(230, 230, 230, 0.5);
    line-height: 0.7;
}

.top-competition-block .timer-container .clock-col:last-child:after {
    display: none;
}

.top-competition-block .timer-container .timer {
    font-size: 30px;
    font-family: "webly-bold";
    color: #E6E6E6;
    display: block;
    letter-spacing: 2px;
    min-width: 45px;
}

.top-competition-block .timer-container .clock-label {
    font-size: 11px;
    font-family: "webly-reguliar";
    color: #FFA300;
    display: block;
    letter-spacing: 1.5px;
}

.select-block {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 50px;
}

.select-block label {
    font-family: "webly-reguliar";
    font-size: 18px;
    color: rgba(255, 255, 255, 0.8);
    margin-right: 18px;
}

.select-block .uk-select:not([multiple]):not([size]) {
    -webkit-appearance: caret;
    -moz-appearance: caret;
    background-repeat: no-repeat;
}

.select-block .uk-form-controls {
    position: relative;
}

.select-block .uk-form-controls:after {
    content: "";
    position: absolute;
    right: 12px;
    top: 12px;
    display: block;
    width: 12px;
    height: 8px;
    background-image: url(/assets/css/img/arrow.png);
    background-size: 12px;
    background-repeat: no-repeat;
}

.select-block select.uk-select {
    border: none;
    border-radius: 3px;
    overflow: hidden;
    color: #002269;
    font-family: "webly-bold";
    font-size: 14px;
    text-transform: capitalize;
}

.select-block select:not([multiple]):not([size]) {
    height: 30px;
    padding: 0 40px 0 12px;
    background-position: 88% 50%;
}

.select-block .uk-select:not([multiple]):not([size]) option {
    min-height: 25px;
}

.results-list .results-filter {
    box-shadow: 1px 1px 3px rgba(0, 34, 105, 0.21);
    background: rgb(0, 33, 105);
    background: -moz-linear-gradient(-45deg, rgb(0, 33, 105) 0%, rgb(197, 15, 60) 50%, rgb(255, 162, 0) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgb(0, 33, 105)), color-stop(50%, rgb(197, 15, 60)), color-stop(100%, rgb(255, 162, 0)));
    background: -webkit-linear-gradient(-45deg, rgb(0, 33, 105) 0%, rgb(197, 15, 60) 50%, rgb(255, 162, 0) 100%);
    background: -o-linear-gradient(-45deg, rgb(0, 33, 105) 0%, rgb(197, 15, 60) 50%, rgb(255, 162, 0) 100%);
    background: -ms-linear-gradient(-45deg, rgb(0, 33, 105) 0%, rgb(197, 15, 60) 50%, rgb(255, 162, 0) 100%);
    background: linear-gradient(135deg, rgb(0, 33, 105) 0%, rgb(197, 15, 60) 50%, rgb(255, 162, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#002169", endColorstr="#ffa200", GradientType=1);
}

.results-list .results-list-container {
    background-color: white;
    box-shadow: 1px 1px 3px rgba(0, 34, 105, 0.21);
    padding: 66px 52px;
}

.results-list .results-list-container h2.block-header {
    font-family: "webly-bold";
    font-size: 25px;
    text-transform: capitalize;
}

.results-list .results-list-container h2.block-header span {
    font-family: "webly-reguliar";
}

.results-list .results-list-container .month-block {
    display: inline-block;
}

.results-list .results-list-container .explainer-block {
    font-family: "webly-reguliar";
    font-size: 12px;
    color: rgba(0, 34, 105, 0.6);
    float: right;
    padding-top: 6px;
}

.results-list .results-list-container .explainer-block svg {
    margin-right: 12px;
}

.results-list .results-list-container .res-item {
    border-bottom: 1px solid rgba(20, 28, 45, 0.1);
    padding: 20px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.results-list .results-list-container .res-item .result-list-link {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 12px;
}

.results-list .results-list-container .res-item .date {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 150px;
}

.results-list .results-list-container .res-item .date svg {
    margin-right: 12px;
}

.results-list .results-list-container .res-item .date time {
    font-family: "webly-bold";
    font-size: 16px;
    color: rgba(20, 28, 45, 0.8);
    display: inline-block;
    text-transform: capitalize;
}

.results-list .results-list-container .res-item .date span {
    color: rgba(0, 34, 105, 0.6);
    font-size: 15px;
    font-family: "webly-light";
    display: block;
}

.results-list .results-list-container .res-item:hover {
    box-shadow: 0 3px 6px rgba(0, 34, 105, 0.1);
    padding: 20px 12px;
}

.results-list .results-list-container .match-info {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 0 2px;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -webkit-justify-content: center;
    justify-content: center;
}

.results-list .results-list-container .team-block {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.results-list .results-list-container .team-block.second {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.results-list .results-list-container .team-name {
    font-family: "webly-bold";
    font-size: 18px;
    color: rgba(20, 28, 45, 0.8);
    text-transform: capitalize;
}

.results-list .results-list-container .team-logo {
    width: 35px;
    margin: 0 6px;
}

.results-list .results-list-container .score-block {
    font-size: 26px;
    color: rgba(197, 15, 15, 0.68);
    font-family: "webly-bold";
    padding: 0 24px;
    letter-spacing: 2px;
    line-height: 1.3;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 70px;
    text-align: -webkit-center;
    text-align: center;
}

.results-list .results-list-container .competition-name {
    font-family: "webly-reguliar";
    font-size: 14px;
    color: rgba(20, 28, 45, 0.8);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 200px;
}

.results-list .results-list-container .competition-logo {
    min-width: 40px;
    width: 40px;
    margin-right: 14px;
}

.results-list .results-list-container .tickets-block {
    width: 56px;
    height: 42px;
    border-radius: 3px;
    box-shadow: 2px 2px 3px rgba(0, 32, 91, 0.17);
    cursor: default;
    box-sizing: border-box;
    padding: 8px 16px 6px 19px;
    margin-left: 130px;
    background: #a49e9e;
}

.results-list .results-list-container .divider-block {
    padding-top: 100px;
}

.shop-item {
    margin: 0 10px 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
}

.shop-item .image-block {
    width: 333px;
    height: 440px;
    border: 1px solid rgba(0, 34, 105, 0.25);
    box-sizing: border-box;
}

.shop-item .content-block {
    background-color: #002269;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 76px;
    position: relative;
}

.shop-item .content-block span:not(.cart-block) {
    font-family: "webly-light";
    font-size: 20px;
    color: white;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    padding: 0 20px;
    box-sizing: border-box;
    max-width: 264px;
}

.shop-item .cart-block {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 76px;
    width: 76px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 76px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: rgb(253, 160, 0);
    background: -moz-linear-gradient(-45deg, rgb(253, 160, 0) 0%, rgb(219, 106, 19) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgb(253, 160, 0)), color-stop(100%, rgb(219, 106, 19)));
    background: -webkit-linear-gradient(-45deg, rgb(253, 160, 0) 0%, rgb(219, 106, 19) 100%);
    background: -o-linear-gradient(-45deg, rgb(253, 160, 0) 0%, rgb(219, 106, 19) 100%);
    background: -ms-linear-gradient(-45deg, rgb(253, 160, 0) 0%, rgb(219, 106, 19) 100%);
    background: linear-gradient(135deg, rgb(253, 160, 0) 0%, rgb(219, 106, 19) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fda000", endColorstr="#db6a13", GradientType=1);
}

.shop-item .cart-block svg {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.shop-item .cart-block:hover svg {
    width: 38px;
}

.trophies-slider {
    display: none;
    margin: 0;
    max-width: 1420px;
}

.trophies-slider .owl-nav {
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    left: 0;
}

.trophies-slider .owl-prev,
.trophies-slider .owl-next {
    position: absolute;
}

.trophies-slider .owl-prev {
    left: -100px;
    transform: translateY(-50%);
}

.trophies-slider .owl-next {
    right: -100px;
    transform: translateY(-50%);
}

.trophies-item {
    width: 100%;
    height: 100%;
    border: 4px solid #FFA300;
    background-color: rgba(0, 34, 105, 0.45);
    margin: 0;
    box-sizing: border-box;
    padding: 52px 0 0;
}

.trophies-item h1 {
    position: absolute;
    right: 20px;
    top: 0;
    font-family: arial;
    font-weight: 700;
    font-size: 80px;
    opacity: 0.35;
    color: white;
}

.trophies-item h2 {
    text-align: center;
    color: #d5d5d5;
    font-weight: 700;
    padding-top: 10px;
    font-size: 22px;
}

.trophies-item img {
    width: auto !important;
    margin: auto;
}

header #header-block {
    position: fixed;
    top: 40px;
    bottom: 40px;
    left: 40px;
    width: 104px;
    z-index: 100;
}

header .logo-block {
    z-index: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

header .logo-block svg {
    -webkit-filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.3));
}

header .menu-cont {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 1;
    transition-delay: 10ms;
    width: 90px;
    margin: auto;
    background-color: #C50F3C;
    box-sizing: border-box;
    border-radius: 55px;
    z-index: -1;
    height: calc(100% - 80px);
    position: relative;
    top: -66px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

header .menu-cont.hide {
    height: 200px;
}

header .menu-cont.hide .vertical-block {
    opacity: 0;
    transition-duration: 10ms;
    transition-delay: 10ms;
    visibility: hidden;
}

header .menu-icon {
    cursor: pointer;
    text-align: center;
    margin: 100px 0 36px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
}

header .menu-icon>span {
    color: white;
    font-size: 9px;
    text-transform: uppercase;
    font-family: "webly-reguliar";
    letter-spacing: 2px;
    margin-left: 2px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

header .menu-icon div {
    width: 35px;
    height: 14px;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-bottom: 8px;
    cursor: pointer;
}

header .menu-icon div span {
    width: 35px;
    height: 2px;
    background-color: white;
    display: block;
    position: absolute;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

header .menu-icon div span:first-child {
    top: 0;
}

header .menu-icon div span:last-child {
    bottom: 0;
}

header .menu-icon.open div span {
    width: 27px;
}

header .menu-icon.open div span:first-child {
    top: 0;
    transform: rotate(-45deg) translate(1px, 5px);
}

header .menu-icon.open div span:last-child {
    bottom: 0;
    transform: rotate(42deg) translate(-3px, -10px);
}

header .menu-icon:hover>span {
    color: #FFA300;
}

header .menu-icon:hover div span {
    cursor: pointer;
    background-color: #FFA300;
}

header .vertical-block {
    transition-delay: 600ms;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

header .vertical-block.active {
    padding-bottom: 20px;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

header .vertical-block.active .social-block {
    display: none;
}

header .vertical-block.active .fc-name {
    transform: rotate(-90deg) translate3d(50%, 0, 0);
}

header .vertical-block.active .fc-name span {
    font-size: 28px;
}

header .fc-name span {
    font-family: "webly-bold";
    font-size: 36px;
    color: white;
    white-space: nowrap;
    letter-spacing: 3.4px;
    line-height: 1;
}

header .social-block {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    transform: rotate(-90deg) translate3d(50%, 0, 0);
    padding-left: 40px;
}

header .social-block a {
    font-family: "webly-light";
    font-size: 12px;
    color: white;
    text-transform: uppercase;
    margin-right: 24px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    line-height: 1;
}

header .social-block a:hover {
    color: #FFA300;
}

header .search-lang {
    position: absolute;
    top: 26px;
    right: 50px;
    padding: 24px 36px;
    border-radius: 46px;
    z-index: 90;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

header .search-lang:hover {
    background: rgba(0, 34, 105, 0.21);
}

header .search-block {
    margin-right: 40px;
    position: relative;
    cursor: pointer;
    z-index: 15;
    width: 46px;
    height: 30px;
    margin-top: -4px;
}

header .search-block::after {
    opacity: 0.95;
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(46%, -75%) scale(0);
    border-radius: 50%;
    transform-origin: center center;
    background: rgb(58, 28, 92);
    background: -moz-linear-gradient(-45deg, rgb(58, 28, 92) 0%, rgb(207, 40, 51) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgb(58, 28, 92)), color-stop(100%, rgb(207, 40, 51)));
    background: -webkit-linear-gradient(-45deg, rgb(58, 28, 92) 0%, rgb(207, 40, 51) 100%);
    background: -o-linear-gradient(-45deg, rgb(58, 28, 92) 0%, rgb(207, 40, 51) 100%);
    background: -ms-linear-gradient(-45deg, rgb(58, 28, 92) 0%, rgb(207, 40, 51) 100%);
    background: linear-gradient(135deg, rgb(58, 28, 92) 0%, rgb(207, 40, 51) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3a1c5c", endColorstr="#cf2833", GradientType=1);
}

header .search-block path {
    opacity: 0.8;
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 3;
    enable-background: new;
}

header .search-block:hover path {
    stroke: #FFA300;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

header .search-field {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(199, 31, 73, 0.001);
    top: -26px;
    right: -50px;
    bottom: 0;
    transform: scale(0);
    opacity: 0;
    transform-origin: top right;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    z-index: 20;
    transition-delay: 0.4s;
}

header .search-field .input-field {
    max-width: 1140px;
    margin: auto;
    position: absolute;
    top: 45%;
    right: 0;
    left: 0;
    transform: translateY(-50%);
}

header .search-field input {
    background-color: rgba(199, 31, 73, 0.001);
    font-size: 40px;
    font-family: "webly-light";
    color: white;
    border: none;
    height: auto;
    padding: 14px 0;
    border-bottom: 2px solid rgba(255, 255, 255, 0.55);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

header .search-field input::placeholder {
    color: rgba(255, 255, 255, 0.8);
}

header .search-field input:focus {
    border-color: white;
    border-bottom: 2px solid rgb(255, 255, 255);
}

header .close-btn {
    position: absolute;
    right: 0;
    top: 0;
}

header .close-btn>div {
    position: relative;
    width: 160px;
    height: 160px;
}

header .close-btn span {
    width: 1px;
    height: 48px;
    background-color: rgba(255, 255, 255, 0.8);
    display: block;
    position: absolute;
    top: 50%;
    right: 50%;
}

header .close-btn span:first-child {
    transform: translate(-50%, -50%) rotate(45deg);
}

header .close-btn span:last-child {
    transform: translate(-50%, -50%) rotate(-45deg);
}

header .search-block.open::after {
    transform: translate(46%, -75%) scale(200);
}

header .search-block.open .search-field {
    transform: scale(1);
    opacity: 1;
}

header .lang-block {
    display: inline-block;
    border-radius: 22px;
    padding: 0px 52px 0px 33px;
    background-color: rgba(0, 34, 105, 0.49);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    min-width: 140px;
    box-sizing: border-box;
    text-align: center;
    height: 35px;
    line-height: 30px;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

header .lang-block>ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

header .lang-block span {
    font-size: 11px;
    font-family: "webly-reguliar";
    color: #E1E1E1;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

header .lang-block svg {
    position: absolute;
    top: 10px;
    right: 24px;
}

header .lang-block path {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    fill: rgba(255, 255, 255, 0.66);
}

header .lang-block:hover span {
    color: #FFA300;
}

header .lang-block:hover path {
    fill: #FFA300;
}

header .lang-block .drop {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    top: 35px;
    right: 0;
    left: 0;
    visibility: hidden;
    min-width: 140px;
    overflow: hidden;
    padding: 12px 0;
    margin: 0;
    background-color: rgba(0, 34, 105, 0.6);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    list-style: none;
    margin-top: 0;
    opacity: 0;
    padding-left: 0;
    z-index: -2;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
}

header .lang-block .drop li {
    text-align: center;
}

header .lang-block .drop a {
    font-size: 9px;
    font-family: "webly-reguliar";
    color: #E1E1E1;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    height: 32px;
    display: block;
    line-height: 32px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

header .lang-block .drop li:hover a {
    color: #3c3d4b;
    background-color: #FFA300;
}

header .lang-block.open {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    background-color: rgba(0, 34, 105, 0.6);
}

header .lang-block.open span {
    color: #FFA300;
}

header .lang-block.open .drop {
    opacity: 1;
    visibility: visible;
}

header .lang-block.open svg {
    transform: rotate(180deg) translateY(-4px);
}

header .lang-block.open path {
    fill: #FFA300;
}

header .auth-block {
    display: inline-block;
    border-radius: 22px;
    box-sizing: border-box;
    text-align: center;
    height: 35px;
    line-height: 30px;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

header .auth-block>ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

header .auth-block span {
    font-size: 11px;
    font-family: "webly-reguliar";
    color: #E1E1E1;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

header .auth-block .drop {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    top: 73px;
    right: -10px;
    visibility: hidden;
    min-width: 265px;
    overflow: hidden;
    padding: 15px 0;
    margin: auto;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    align-items: center;
    align-items: center;
    justify-content: space-evenly;
    list-style: none;
    margin-top: 0;
    opacity: 0;
    padding-left: 0;
    z-index: -2;
    border-radius: 10px;
    display: flex;
}

header .auth-block .drop li {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    text-align: center;
    background: #FFFFFF;
    border-radius: 210px;
}

header .auth-block .drop a {
    font-size: 14px;
    line-height: 19px;
    font-family: "webly-reguliar";
    color: #002169;
    display: block;
    padding: 7px 28px;
}

header .auth-block .drop li:hover {
    background: linear-gradient(92.38deg, #002169 -10.19%, #C50F3C 51.02%, #FFA200 104.72%);
}

header .auth-block .drop li:hover a {
    color: #ffffff;
}

header .auth-block .drop .avatar {
    width: 65px;
    height: 65px;
    border-radius: 100%;
}

header .auth-block .drop .avatar img {
    width: 65px;
    height: 65px;
    border-radius: 100%;
}

header .auth-block .drop h4 {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #002169;
    margin: 6px;
}

header .auth-block .drop .icon {
    display: flex;
    gap: 8px;
}

header .auth-block .drop .icon a {
    background-color: rgba(0, 33, 105, 0.5);
    padding: 5px;
    border-radius: 100%;
}

header .auth-block.open {
    border-radius: 0px;
}

header .auth-block.open .arrow {
    width: 0;
    height: 0;
    margin-left: 7px;
    border-right: 9px solid transparent;
    border-left: 9px solid transparent;
    border-bottom: 9px solid #F1F1F1;
    position: absolute;
    top: 64px;
}

header .auth-block.open span {
    color: #FFA300;
}

header .auth-block.open .drop {
    opacity: 1;
    visibility: visible;
}

header .cart-block {
    display: block;
    border-radius: 22px;
    padding: 0px 20px 0px 20px;
    box-sizing: border-box;
    text-align: center;
    height: 35px;
    line-height: 30px;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

header .cart-block>ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

header .cart-block span {
    font-size: 11px;
    /* font-family: "webly-reguliar"; */
    color: #E1E1E1;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

header .cart-block:hover path {
    fill: #FFA300;
    stroke: #FFA300;
}

header .cart-block:hover circle {
    stroke: #FFA300;
}

header .cart-block .cart-count {
    bottom: 0;
    background: #C50F3C;
    left: 20px;
    border-radius: 87%;
    height: 13px;
    font-size: 8px;
    line-height: 16px;
    display: flex;
    padding: 0.2px 5px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

header .cart-block .drop {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    top: 60px;
    right: 0;
    visibility: hidden;
    min-width: 140px;
    overflow: hidden;
    padding: 12px 0;
    margin: 0;
    background-color: white;
    border-radius: 5px;
    list-style: none;
    margin-top: 0;
    opacity: 0;
    padding-left: 0;
    z-index: -2;
    width: 273px;
}

@media screen and (max-width: 600px) {
    header .cart-block .drop {
        right: -53px;
    }

    .cont .card {
        padding: 0 2px;
    }

}

header .cart-block .drop li {
    text-align: center;
}


header .cart-block .drop li:hover a {
    color: #3c3d4b;
    background-color: #FFA300;
}

header .cart-block .drop .header {
    border-bottom: 0.25px solid rgba(0, 0, 0, 0.40);;
    margin: 5px 24px;
    padding: 5px;
}

header .cart-block .drop .header h1 {
    margin: 0;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #002169;
}

header .cart-block .drop .header h1 span {
    color: #002169;
}

header .cart-block .drop .content {
    padding: 0 13px;
    align-items: center;
}

header .cart-block .drop .content .cart-image {
    width: 80px;
    height: 80px;
}

header .cart-block .drop .content .cart-image img {
    width: 100%;
    height: 100%;
    border-radius: 3px;
}

header .cart-block .drop .content .cont-right {
    text-align: left;
    margin-left: 7px;
    color: #002169;
}

header .cart-block .drop .content .cont-right p,
header .cart-block .drop .content .cont-right h1 {
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #002169;
    opacity: 0.6;
    margin: 10px 0;
}

header .cart-block .drop .footer {
    margin: 12px 34px;
    display: flex;
    justify-content: center;
}

header .cart-block.open {
    border-radius: 0px;
}

header .cart-block.open .drop {
    opacity: 1;
    visibility: visible;
    background: white;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}


header .menu-open {
    display: none;
    z-index: -2;
    opacity: 0;
    position: fixed;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(21, 68, 192, 0.98);
}

header .menu-open .container {
    max-width: 1345px;
    margin: 0 auto;
    padding-top: 155px;
}

header .menu-open .open-menu-cont {
    position: relative;
    width: 100vw;
    overflow: scroll;
    height: 100vh;
}

header .menu-open .open-menu-block .arrow {
    display: none;
    position: absolute;
    right: 0;
    width: 50px;
    height: 100%;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    padding: 6px;
}

header .menu-open .open-menu-block .arrow path {
    fill: rgba(255, 255, 255, 0.66);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

header .menu-open .open-menu-block .arrow:hover path {
    fill: #C50F3C;
}

header .menu-open .open-menu-block>ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}

header .menu-open .open-menu-block>ul>li {
    line-height: 1.8;
    padding-right: 48px;
}

header .menu-open .open-menu-block ul {
    padding-left: 0;
    list-style-type: none;
}

header .menu-open .open-menu-block h2 {
    font-size: 26px;
    color: white;
    font-family: "webly-light";
}

header .menu-open .open-menu-block li a {
    font-size: 18px;
    color: rgba(246, 247, 248, 0.74);
    font-family: "webly-light";
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

header .menu-open .open-menu-block .submenu li:hover a {
    color: #FFA300;
}

header .menu-open .menu-social {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media only screen and (min-width: 1345px) {
    header .menu-open .menu-social {
        max-width: 1345px;
        margin: 0 auto;
    }
}

header .menu-open .menu-social span {
    font-size: 24px;
    color: rgba(246, 247, 248, 0.6);
    font-family: "webly-light";
}

header .menu-open .menu-social .online-shop a {
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 43px;
    display: flex;
    align-items: center;
    color: #FFFFFF;
}

@media only screen and (max-width: 1024px) {
    header .menu-open .menu-social .online-shop a {
        font-size: 24px;
        margin-left: 200px;
    }
}

@media only screen and (max-width: 600px) {
    header .menu-open .menu-social .online-shop a {
        margin-left: 0px;
    }
}

header .menu-open .menu-social .social-net-links {
    display: flex;
}

header .menu-open .menu-social .soc-net {
    display: flex;
    align-items: end;
    flex-wrap: wrap;
    margin-left: 48px;
    gap: 16px;
}

header .menu-open .menu-social .soc-net a {
    margin: 0 0 4px 15px;
    display: inline-block;
    opacity: 0.4;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

header .menu-open .menu-social .soc-net path {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

header .menu-open .menu-social .soc-net a:first-child {
    margin-left: 0;
}

header .menu-open .menu-social .soc-net a:hover {
    opacity: 1;
}

header .menu-open .menu-social .soc-net a:hover path {
    fill: #FFA300;
}

header .menu-open .fc-name {
    position: fixed;
    bottom: -92px;
    left: 140px;
    letter-spacing: 20px;
}

header .menu-open .fc-name span {
    font-size: 234px;
    text-transform: uppercase;
    opacity: 0.05;
}

header .menu-open.open {
    display: block;
    z-index: 99;
    opacity: 1;
}

.modal {
    position: fixed;
    z-index: 100000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.8);
    visibility: hidden;
    opacity: 0;
    transition: all 0.15s ease-out;
}

.modal .modalClose {
    position: relative;
    top: 12px;
    right: 20px;
    cursor: pointer;
}

.modal.effect {
    visibility: visible;
    opacity: 1;
}

.modal .modal-header {
    display: flex;
    justify-content: space-between;
    padding: 20px;
}

.modal .modal-content {
    position: fixed;
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #FFFFFF;
    max-width: 360px;
    width: 100%;
    max-height: 600px;
    height: 100%;
}

.modal .modal-body {
    padding: 20px;
    color: black;
}

.modal .modal-body p {
    text-align: center;
    font-size: 16px;
    letter-spacing: 0.1em;
    color: black;
}

.modal .modalClose {
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    position: fixed;
    width: 15px;
    height: 15px;
}

.modal .modalClose:before,
.modal .modalClose:after {
    content: "";
    position: absolute;
    top: 18px;
    left: 0;
    right: 0;
    height: 4px;
    background: #B4B4B4;
    border-radius: 4px;
}

.modal .modalClose:before {
    transform: rotate(45deg);
}

.modal .modalClose:after {
    transform: rotate(-45deg);
}

.modal hr {
    height: 1px;
    border: none;
    color: #E7E7E7;
    background-color: #E7E7E7;
}

.modal .clearfix {
    clear: both;
}

.modal .clearfix.log-reg p {
    text-align: center;
    padding-top: 8px;
}

.modal .clearfix.log-reg .clearfix.log-reg span {
    background-color: #fbfbfb;
    padding: 0px 20px;
}

.modal .light-grey-text {
    color: #d0d2d3 !important;
}

#home h2.block-header {
    font-family: "webly-bold";
    font-size: 48px;
    color: #002269;
    margin-top: 88px;
    text-transform: capitalize;
}

#home .left-block {
    width: 940px;
}

#home .right-block {
    width: 460px;
}

#home .inner-container.home {
    max-width: 1420px;
}

#home .news-section {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

#home .news-section.top {
    margin: 40px 0 20px;
}

#home .news-section.top .owl-stage {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

#home .news-section.top .news-block {
    width: 100%;
    margin: 0;
    height: 100%;
}

#home .news-section.top .owl-item {
    margin-bottom: 20px;
}

#home .news-section.top .news-block.caption-under .image-block {
    height: 180px;
}

#home .news-section.top .news-block.caption-under h3 {
    -webkit-line-clamp: 3;
    max-height: 120px;
}

#home .news-section.top .news-block.caption-under:hover .image-block {
    height: 210px;
}

#home .news-section.top .owl-nav {
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin-top: -34px;
}

#home .news-section.top .owl-nav path {
    stroke: #002269;
    opacity: 0.3;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#home .news-section.top .owl-nav svg:hover path {
    opacity: 0.6;
}

#home .news-section.top .owl-prev,
#home .news-section.top .owl-next {
    position: absolute;
}

#home .news-section.top .owl-next {
    right: -100px;
}

#home .news-section.top .owl-prev {
    left: -100px;
}

#home .news-section.top .owl-dots {
    position: absolute;
    right: 0;
    left: 0;
    bottom: -10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}

#home .news-section.top .owl-dots span {
    width: 8px;
    display: inline-block;
    height: 8px;
    background-color: #002269;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-right: 12px;
}

#home .news-section.top .owl-dots .owl-dot:last-child span {
    margin-right: 0;
}

#home .news-section.top .owl-dots .owl-dot.active span {
    background-color: #c50f3c;
}

#home .matches-block {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
    padding: 0 70px 0;
    height: 250px;
    background: rgb(255, 162, 0);
    background: -moz-linear-gradient(-45deg, rgb(255, 162, 0) 0%, rgb(164, 8, 52) 50%, rgb(0, 33, 105) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgb(255, 162, 0)), color-stop(50%, rgb(164, 8, 52)), color-stop(100%, rgb(0, 33, 105)));
    background: -webkit-linear-gradient(-45deg, rgb(255, 162, 0) 0%, rgb(164, 8, 52) 50%, rgb(0, 33, 105) 100%);
    background: -o-linear-gradient(-45deg, rgb(255, 162, 0) 0%, rgb(164, 8, 52) 50%, rgb(0, 33, 105) 100%);
    background: -ms-linear-gradient(-45deg, rgb(255, 162, 0) 0%, rgb(164, 8, 52) 50%, rgb(0, 33, 105) 100%);
    background: linear-gradient(135deg, rgb(255, 162, 0) 0%, rgb(164, 8, 52) 50%, rgb(0, 33, 105) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffa200", endColorstr="#002169", GradientType=1);
}

#home .matches-block .competition-info {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
}

#home .matches-block .team-block {
    text-align: center;
}

#home .matches-block .team-logo {
    width: 105px;
}

#home .matches-block .team-logo img {
    width: 100%;
}

#home .matches-block .team-name {
    font-size: 18px;
    font-family: "webly-light";
    color: rgba(255, 255, 255, 0.7);
    text-transform: capitalize;
    margin-top: 8px;
    display: block;
}

#home .matches-block .score-block.versus {
    font-size: 32px;
    font-family: "webly-bold";
    color: rgba(255, 255, 255, 0.5);
    margin: 0 40px 40px;
    text-transform: uppercase;
}

#home .matches-block .countdown-block {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    line-height: 1.4;
}

#home .matches-block .countdown-title {
    font-size: 32px;
    font-family: "webly-light";
    color: #FFA300;
    text-align: center;
    max-width: 400px;
}

#home .matches-block .clock-col {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-right: 8px;
}

#home .matches-block .timer-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

#home .matches-block .timer {
    font-size: 58px;
    color: white;
    font-family: "webly-light";
}

#home .matches-block .clock-label {
    font-family: "webly-light";
    font-size: 21px;
    color: rgba(255, 255, 255, 0.95);
}

#home .matches-block .button {
    height: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: #1544C0;
    font-family: "webly-reguliar";
    color: white;
    letter-spacing: 2px;
    height: 63px;
    line-height: 1;
    padding: 0px 52px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

#home .matches-block .button:hover {
    background-color: #FFA300;
    color: #002269;
}

#home .video-section {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0 0px 20px 0;
}

#home .video-section .left-block {
    margin-right: 20px;
}

#home .video-section .left-block .news-block.video {
    width: 100%;
    height: 620px;
    margin: 0;
}

#home .video-section .right-block .news-block.video {
    width: 100%;
    margin: 0;
}

#home .video-section .subscribe-block {
    height: 300px;
    width: 100%;
    margin: 0 0px 20px;
    border: 10px solid #FFA300;
    box-sizing: border-box;
    text-align: center;
    padding: 58px 0;
}

#home .video-section .subscribe-block span {
    font-family: "webly-reguliar";
    font-size: 21px;
    text-transform: uppercase;
    color: #002269;
    display: block;
    margin-top: 30px;
}

#stat_table .results-section,
#home .results-section {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

#home .results-section .left-block {
    margin-right: 20px;
}

#stat_table .results-section table,
#home .results-section table {
    width: 100%;
    border-spacing: 0;
    box-shadow: 1px 1px 3px rgba(0, 34, 105, 0.21);
}

#stat_table .results-section th,
#home .results-section th {
    font-weight: inherit;
}

#home .results-section th:first-child {
    padding-left: 48px;
}

#home .results-section th:last-child {
    padding-right: 48px;
}

#home .results-section td:first-child {
    padding-left: 48px;
}

#home .results-section td:last-child {
    padding-right: 48px;
}

#stat_table .results-section tr,
#home .results-section tr {
    font-size: 21px;
    font-family: "webly-reguliar";
}

#home .results-section .position-team {
    text-align: left;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

#home .results-section .position-team>span {
    font-family: "webly-bold";
    color: rgba(95, 108, 122, 0.26);
    display: inline-block;
    margin-right: 30px;
}

#home .results-section .team-name {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 6px;
}

#home .results-section .team-name .image-block {
    width: 35px;
    margin-right: 12px;
}

#home .results-section .team-name span {
    text-transform: capitalize;
}

#stat_table .results-section thead tr,
#home .results-section thead tr {
    color: white;
}

#stat_table .results-section thead th {
    padding: 13px 13px;
    line-height: 1;
}

#home .results-section thead th {
    padding: 30px 24px;
    line-height: 1;
}

#stat_table .results-section tbody td,
#home .results-section tbody td {
    text-align: center;
    padding: 12px 24px;
}

#stat_table .results-section tbody .blue,
#home .results-section tbody .blue {
    color: #002269;
}

#stat_table .results-section tbody .red,
#home .results-section tbody .red {
    color: #C50F3C;
}

#stat_table .results-section tbody .grey,
#home .results-section tbody .grey {
    color: #5F6C7A;
    font-family: "webly-bold";
}

#stat_table .results-section tbody .empty-row td,
#home .results-section tbody .empty-row td {
    padding: 20px;
}

#home .results-section .right-block {
    overflow: hidden;
    box-sizing: border-box;
}

#home .results-section .right-block .voting-block {
    width: 100%;
    background-color: #002269;
    margin-bottom: 20px;
}

#home .results-section .right-block .red-block {
    width: 100%;
    height: 270px;
    background-color: #C50F3C;
}

#home .left-block {
    margin-right: 20px;
}

#home .left-block .news-slider .layer-block {
    background: rgba(11, 33, 77, 0.5);
    background: -moz-linear-gradient(-45deg, rgba(11, 33, 77, 0.5) 0%, rgba(154, 17, 49, 0.5) 50%, rgba(187, 123, 12, 0.5) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(11, 33, 77, 0.5)), color-stop(50%, rgba(154, 17, 49, 0.5)), color-stop(100%, rgba(187, 123, 12, 0.5)));
    background: -webkit-linear-gradient(-45deg, rgba(11, 33, 77, 0.5) 0%, rgba(154, 17, 49, 0.5) 50%, rgba(187, 123, 12, 0.5) 100%);
    background: -o-linear-gradient(-45deg, rgba(11, 33, 77, 0.5) 0%, rgba(154, 17, 49, 0.5) 50%, rgba(187, 123, 12, 0.5) 100%);
    background: -ms-linear-gradient(-45deg, rgba(11, 33, 77, 0.5) 0%, rgba(154, 17, 49, 0.5) 50%, rgba(187, 123, 12, 0.5) 100%);
    background: linear-gradient(135deg, rgba(11, 33, 77, 0.5) 0%, rgba(154, 17, 49, 0.5) 50%, rgba(187, 123, 12, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0b214d", endColorstr="#bb7b0c", GradientType=1);
}

#home .left-block .news-slider .news-block {
    height: 450px;
    margin: 0 0 0;
    width: 940px;
}

#home .left-block .news-slider .image-block {
    width: 940px;
}

#home .left-block .news-slider .content-block {
    padding: 30px;
}

#home .left-block .news-slider h3 {
    font-size: 34px;
    font-family: "webly-bold";
    line-height: 39px;
}

#home .left-block .news-slider .owl-nav {
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    left: 0px;
}

#home .left-block .news-slider .owl-nav svg {
    width: 8px;
}

#home .left-block .news-slider .owl-nav:hover .owl-prev,
#home .left-block .news-slider .owl-nav:hover .owl-next {
    opacity: 1;
}

#home .left-block .news-slider .owl-prev,
#home .left-block .news-slider .owl-next {
    background-color: rgba(0, 34, 105, 0.49);
    border-radius: 50%;
    width: 27px;
    height: 27px;
    box-sizing: border-box;
    position: absolute;
    opacity: 0.6;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#home .left-block .news-slider .owl-prev {
    padding-left: 8px;
    margin-left: 20px;
}

#home .left-block .news-slider .owl-next {
    right: 0;
    padding-left: 10px;
    margin-right: 20px;
}

#home .right-block .desc-block {
    background-color: #E8E9F1;
    padding: 30px 40px;
    line-height: 42px;
    height: 450px;
    box-sizing: border-box;
}

#home .right-block .desc-block p {
    font-size: 24px;
    font-family: "webly-reguliar";
    color: #002269;
    line-height: 42px;
    display: block;
    max-height: 330px;
    overflow: hidden;
    margin: 0 0 20px;
}

#home .right-block .desc-block a {
    font-size: 24px;
    font-family: "webly-reguliar";
    color: #C50F3C;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-transform: capitalize;
}

#home .right-block .desc-block a:hover {
    text-decoration: underline;
}

#home .right-block .desc-block>div {
    max-height: 365px;
    overflow: auto;
}

#home #trophies-container {
    position: relative;
    background-image: url(/assets/css/img/bg/bg6.jpg);
}

#home #trophies-container .inner-container {
    max-width: 1420px;
    padding: 92px 0;
    z-index: 1;
    position: relative;
}

#home #trophies-container .layer-block {
    z-index: 0;
    background: rgba(255, 162, 0, 0.5);
    background: -moz-linear-gradient(-45deg, rgba(255, 162, 0, 0.5) 0%, rgba(164, 8, 52, 0.5) 50%, rgba(0, 33, 105, 0.5) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255, 162, 0, 0.5)), color-stop(50%, rgba(164, 8, 52, 0.5)), color-stop(100%, rgba(0, 33, 105, 0.5)));
    background: -webkit-linear-gradient(-45deg, rgba(255, 162, 0, 0.5) 0%, rgba(164, 8, 52, 0.5) 50%, rgba(0, 33, 105, 0.5) 100%);
    background: -o-linear-gradient(-45deg, rgba(255, 162, 0, 0.5) 0%, rgba(164, 8, 52, 0.5) 50%, rgba(0, 33, 105, 0.5) 100%);
    background: -ms-linear-gradient(-45deg, rgba(255, 162, 0, 0.5) 0%, rgba(164, 8, 52, 0.5) 50%, rgba(0, 33, 105, 0.5) 100%);
    background: linear-gradient(135deg, rgba(255, 162, 0, 0.5) 0%, rgba(164, 8, 52, 0.5) 50%, rgba(0, 33, 105, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffa200", endColorstr="#002169", GradientType=1);
}

#home .item-block.partners {
    margin-bottom: 80px;
}

#home .partners-item {
    width: 220px;
    height: 220px;
    margin: 0 10px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

#home .see-all {
    display: inline-block;
    float: right;
    font-size: 18px;
    color: #5F6C7A;
    font-family: "webly-light";
}

#home .see-all a.button {
    font-family: "webly-reguliar";
    color: white;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 15px;
    letter-spacing: 2.2px;
    padding: 14px 48px 16px 46px;
    background-color: #002269;
    margin-left: 24px;
    box-shadow: 0 3px 6px rgba(0, 32, 91, 0.44);
}

#home .see-all a.button:hover {
    background-color: #FFA300;
}

#home #top-block {
    min-width: 300px;
}

#top-block {
    overflow: hidden;
    height: 80vh;
}

#top-block #top-slider {
    height: 100%;
    position: relative;
}

#top-block #top-slider .container {
    max-width: 1420px;
    width: 100%;
    margin: 0 auto;
}

#top-block #top-slider .slider-item {
    height: 80vh;
    position: relative;
}

#top-block #top-slider .image-block {
    height: 100%;
    overflow: hidden;
}

#top-block #top-slider .image-block .bg {
    width: 100%;
    height: 100%;
    background-size: cover;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#top-block #top-slider .image-block .anim-block {
    width: 100%;
    height: 100%;
    background-size: cover;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#top-block #top-slider .image-block .layer-block {
    background: rgba(0, 33, 105, 0.45);
    background: -moz-linear-gradient(45deg, rgba(0, 33, 105, 0.45) 0%, rgba(197, 15, 60, 0.45) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(0, 33, 105, 0.45)), color-stop(100%, rgba(197, 15, 60, 0.45)));
    background: -webkit-linear-gradient(45deg, rgba(0, 33, 105, 0.45) 0%, rgba(197, 15, 60, 0.45) 100%);
    background: -o-linear-gradient(45deg, rgba(0, 33, 105, 0.45) 0%, rgba(197, 15, 60, 0.45) 100%);
    background: -ms-linear-gradient(45deg, rgba(0, 33, 105, 0.45) 0%, rgba(197, 15, 60, 0.45) 100%);
    background: linear-gradient(45deg, rgba(0, 33, 105, 0.45) 0%, rgba(197, 15, 60, 0.45) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#002169", endColorstr="#c50f3c", GradientType=1);
}

#top-block #top-slider .content-block {
    position: absolute;
    box-sizing: border-box;
    transform: translateY(-50%);
    right: 0;
    left: 0;
    bottom: 0;
    padding-left: 136px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}

#top-block #top-slider .content-block h1 {
    font-size: 40px;
    max-width: 1100px;
    margin: 0;
    margin-bottom: 32px;
    color: white;
    font-family: "webly-bold";
    max-width: 1024px;
    letter-spacing: 1px;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.31);
    line-height: 1;
}

#top-block #top-slider .content-block time {
    font-size: 28px;
    color: #E1E1E1;
    font-family: "webly-light";
    opacity: 0.7;
    padding-left: 12px;
    max-width: 60%;
}

#top-block #top-slider .content-block .button {
    font-size: 22px;
    padding: 0px 44px 0px;
    height: 62px;
    border-radius: 55px;
    margin-top: 116px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 1;
}

#top-block #top-slider .content-block .button:hover {
    background-color: #002269;
}

#top-block .owl-nav {
    right: 108px;
    bottom: 50px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

#top-block .owl-nav svg {
    width: 12px;
}

#top-block .owl-prev,
#top-block .owl-next {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: rgba(0, 34, 105, 0.3);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#top-block .owl-prev:hover,
#top-block .owl-next:hover {
    background-color: rgba(0, 34, 105, 0.6);
}

#top-block .owl-prev {
    padding: 20px 26px !important;
    box-sizing: border-box;
    margin-right: 10px;
}

#top-block .owl-next {
    padding: 20px 0px 20px 31px !important;
    box-sizing: border-box;
}

#top-block .owl-dots {
    display: none;
}

footer {
    margin-top: 30px;
}

footer .top-footer {
    background-color: #002269;
    padding: 120px 0 100px;
    box-sizing: border-box;
}

footer .top-footer .arrow {
    display: none;
    position: absolute;
    right: 0;
    width: 50px;
    height: 100%;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
}

footer .top-footer .arrow path {
    fill: rgba(255, 255, 255, 0.66);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

footer .top-footer .arrow:hover path {
    fill: #C50F3C;
}

footer .top-footer>ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}

footer .top-footer>ul>li {
    line-height: 1.8;
    padding-right: 24px;
    padding-left: 24px;
}

footer .top-footer ul {
    padding-left: 0;
    list-style-type: none;
}

footer .top-footer h2 {
    font-size: 28px;
    color: white;
    font-family: "webly-reguliar";
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0.8;
}

footer .top-footer li a {
    font-size: 18px;
    color: rgba(246, 247, 248, 0.44);
    font-family: "webly-light";
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

footer .top-footer .submenu li:hover a {
    color: #FFA300;
}

footer .bottom-footer {
    background-color: #091D47;
    padding: 90px 0 40px;
    box-sizing: border-box;
    position: relative;
}

footer .bottom-footer .container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

footer .bottom-footer .footer-links {
    line-height: 2.2;
    opacity: 0.8;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

footer .bottom-footer .footer-links a {
    font-size: 18px;
    font-family: "webly-light";
    color: #F6F7F8;
    display: block;
    letter-spacing: 0.5px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

footer .bottom-footer .footer-links a:hover {
    color: #FFA300;
}

footer .bottom-footer .footer-info {
    text-align: center;
    line-height: 2.3;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

footer .bottom-footer .footer-info>span {
    font-size: 15px;
    font-family: "webly-light";
    color: rgba(246, 247, 248, 0.7);
    display: block;
    opacity: 0.5;
}

footer .bottom-footer .soc-net {
    margin-top: 12px;
}

footer .bottom-footer .soc-net a {
    margin-right: 16px;
    opacity: 0.6;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

footer .bottom-footer .soc-net path {
    fill: rgba(246, 247, 248, 0.74);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

footer .bottom-footer .soc-net a:hover {
    opacity: 1;
}

footer .bottom-footer .soc-net a:hover path {
    fill: #FFA300;
}

footer .bottom-footer .subscribe-block {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

footer .bottom-footer .subscribe-block>div {
    width: 300px;
    margin-left: auto;
}

footer .bottom-footer .subscribe-block h4 {
    font-size: 18px;
    color: rgba(246, 247, 248, 0.8);
}

footer .bottom-footer .subscribe-block .mail-block {
    position: relative;
}

footer .bottom-footer .subscribe-block input {
    width: 300px;
    height: 47px;
    font-size: 14px;
    background-color: rgba(0, 0, 0, 0.1);
    border: none;
    border: 1px solid rgba(246, 247, 248, 0.09);
    color: rgba(246, 247, 248, 0.7);
    padding: 0 42px 0 15px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

footer .bottom-footer .subscribe-block input::placeholder {
    color: rgba(246, 247, 248, 0.2);
    font-size: 14px;
    letter-spacing: 0.5px;
}

footer .bottom-footer .subscribe-block input:focus {
    border: 1px solid rgba(246, 247, 248, 0.2);
}

footer .bottom-footer .subscribe-block button {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 12px 17px;
    background-color: rgba(0, 0, 0, 0.1);
    border: none;
    cursor: pointer;
}

footer .bottom-footer .subscribe-block span {
    font-size: 12px;
    font-family: "webly-light";
    color: rgba(246, 247, 248, 0.2);
    letter-spacing: 0.5px;
    padding: 6px;
    display: block;
}

footer .bottom-footer .logo-block {
    position: absolute;
    top: 0;
    right: 50%;
    transform: translate(50%, -61%);
}

footer .bottom-footer .copyright {
    padding: 60px 0 40px;
}

footer .bottom-footer .copyright span {
    color: rgba(246, 247, 248, 0.6);
    font-size: 14px;
    letter-spacing: 0.5px;
}

footer .bottom-footer .copyright .made-by {
    color: white;
}

footer .bottom-footer .copyright .made-by a {
    color: #C50F3C;
    font-family: "webly-bold";
}

#player-list .inner-container {
    max-width: 1260px;
    padding: 90px;
    box-sizing: border-box;
}

#player-list h2.block-header {
    font-size: 28px;
    font-family: "webly-bold";
    color: rgba(197, 15, 60, 0.81);
    width: 100%;
    text-align: center;
    margin-bottom: 54px;
    text-transform: capitalize;
}

#player-list .player-item {
    width: 333px;
    height: 400px;
    position: relative;
    margin: 0 10px 100px;
}

#player-list .player-item.junior>.player-name {
    display: none;
}

#player-list .player-item.junior .name-name {
    margin-bottom: 20px;
    font-size: 24px !important;
}

#player-list .player-item.junior:hover>.player-name {
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
    font-size: 20px;
}

#player-list .player-item.junior:hover .image-block {
    display: none;
}

#player-list .player-item.junior:hover .content-block {
    height: 100%;
    z-index: -1;
}

#player-list .player-item.junior:hover .content-block>* {
    display: none;
}

#player-list .player-item .content-block {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3px 20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: rgba(58, 28, 92, 0.88);
    background: -moz-linear-gradient(-45deg, rgba(58, 28, 92, 0.88) 0%, rgb(207, 40, 51) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(58, 28, 92, 0.88)), color-stop(100%, rgb(207, 40, 51)));
    background: -webkit-linear-gradient(-45deg, rgba(58, 28, 92, 0.88) 0%, rgb(207, 40, 51) 100%);
    background: -o-linear-gradient(-45deg, rgba(58, 28, 92, 0.88) 0%, rgb(207, 40, 51) 100%);
    background: -ms-linear-gradient(-45deg, rgba(58, 28, 92, 0.88) 0%, rgb(207, 40, 51) 100%);
    background: linear-gradient(135deg, rgba(58, 28, 92, 0.88) 0%, rgb(207, 40, 51) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3a1c5c", endColorstr="#cf2833", GradientType=1);
}

#player-list .player-item .player-number {
    font-size: 48px;
    color: rgba(255, 255, 255, 0.82);
    margin-right: 18px;
}

#player-list .player-item .player-name {
    font-size: 24px;
    margin: 6px 0;
    line-height: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#player-list .player-item .player-position {
    font-size: 12px;
    margin-bottom: 6px;
}

#player-list .player-item:hover .content-block {
    padding: 20px 20px;
}

#player #top-info-block {
    overflow: hidden;
    background: rgb(58, 28, 92);
    background: -moz-linear-gradient(315deg, rgb(58, 28, 92) 0%, rgb(207, 40, 51) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgb(58, 28, 92)), color-stop(100%, rgb(207, 40, 51)));
    background: -webkit-linear-gradient(315deg, rgb(58, 28, 92) 0%, rgb(207, 40, 51) 100%);
    background: -o-linear-gradient(315deg, rgb(58, 28, 92) 0%, rgb(207, 40, 51) 100%);
    background: -ms-linear-gradient(315deg, rgb(58, 28, 92) 0%, rgb(207, 40, 51) 100%);
    background: linear-gradient(315deg, rgb(58, 28, 92) 0%, rgb(207, 40, 51) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3a1c5c", endColorstr="#cf2833", GradientType=1);
}

#player .inner-container {
    max-width: 1420px;
}

#player .player-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100vh;
    position: relative;
}

#player .player-item .iamge-block {
    position: static !important;
    bottom: 0;
    left: -80px;
    margin-bottom: -221px;
    margin-left: auto;
}

#player .player-item .iamge-block img {
    width: 100%;
}

#player .player-item .content-block {
    width: calc(100% - 600px);
    margin-left: calc(4% + 100px);
    position: absolute;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

#player .player-item .number-name-block {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
}

#player .player-item .number-name-block .player-number {
    font-size: 144px;
    margin-right: 40px;
    color: rgba(255, 255, 255, 0.5);
    line-height: 1;
}

#player .player-item .number-name-block .player-name {
    font-size: 78px;
}

#player .player-item .number-name-block .player-position {
    font-size: 26px;
    margin: -12px 0 12px;
}

#player .player-item .social-block {
    background-color: rgba(0, 34, 105, 0.14);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0px 0 0px 32px;
    margin-bottom: 25px;
    height: 57px;
}

#player .player-item .social-block>div {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 70px;
}

#player .player-item .social-block span {
    font-size: 20px;
    color: white;
    font-family: "webly-light";
    line-height: 1.2;
}

#player .player-item .social-block .soc-net {
    text-transform: capitalize;
    display: block;
    white-space: nowrap;
    font-family: "webly-light";
}

#player .player-item .social-block .count-of-followers {
    font-size: 28px;
}

#player .player-item .social-block .count-of-followers>span {
    font-family: "webly-bold";
    font-size: 48px;
}

#player .player-item .personal-info {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

#player .player-item .personal-info ul {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}

#player .player-item .personal-info ul:first-child {
    text-align: right;
    margin-right: 20px;
}

#player .player-item .personal-info li {
    font-size: 18px;
    color: white;
    border-color: transparent;
}

#player #bio-container.open .content-block {
    padding-bottom: 50px;
}

#player #bio-container.open .content-block p:nth-child(n+3) {
    display: block;
}

#player #bio-container.open .read-more-button {
    position: absolute;
    top: 34px;
    right: 34px;
}

#player #bio-container.open .read-more-button span {
    width: 40px;
    font-size: 30px;
    font-weight: bold;
    height: 40px;
    line-height: 35px;
    background: rgba(0, 34, 105, 0.8);
    transform: rotate(45deg);
}

#player #bio-container.open .read-more-button span:hover {
    transform: rotate(135deg);
}

#player #bio-container .inner-container {
    max-width: 995px;
    margin-top: 30px;
    position: relative;
}

#player #bio-container .content-block {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#player #bio-container .content-block p {
    font-size: 24px;
    font-family: "webly-light";
    color: rgba(20, 28, 45, 0.74);
    letter-spacing: 0.2px;
    line-height: 1.7;
    padding: 6px 0;
    margin: 0 0 20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    transition-delay: 0.5s;
}

#player #bio-container .content-block p:nth-child(n+3) {
    display: none;
}

#player #bio-container .read-more-button {
    text-align: center;
    text-align: -webkit-center;
    margin: 35px 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#player #bio-container .read-more-button span {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer;
    width: 50px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    border-radius: 50%;
    color: white;
    font-size: 37px;
    height: 50px;
    line-height: 42px;
    background: rgb(0, 33, 105);
    background: -moz-linear-gradient(-45deg, rgb(0, 33, 105) 0%, rgb(107, 24, 81) 53%, rgb(197, 15, 60) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgb(0, 33, 105)), color-stop(53%, rgb(107, 24, 81)), color-stop(100%, rgb(197, 15, 60)));
    background: -webkit-linear-gradient(-45deg, rgb(0, 33, 105) 0%, rgb(107, 24, 81) 53%, rgb(197, 15, 60) 100%);
    background: -o-linear-gradient(-45deg, rgb(0, 33, 105) 0%, rgb(107, 24, 81) 53%, rgb(197, 15, 60) 100%);
    background: -ms-linear-gradient(-45deg, rgb(0, 33, 105) 0%, rgb(107, 24, 81) 53%, rgb(197, 15, 60) 100%);
    background: linear-gradient(135deg, rgb(0, 33, 105) 0%, rgb(107, 24, 81) 53%, rgb(197, 15, 60) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#002169", endColorstr="#c50f3c", GradientType=1);
}

#player #bio-container .read-more-button span:hover {
    transform: rotate(90deg);
}

#player h2.block-header {
    font-size: 48px;
    font-family: "webly-bold";
    color: #002269;
    margin-bottom: 26px;
}

#media .inner-container {
    max-width: 1420px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

#media .inner-container:first-child {
    padding: 120px 0 30px;
}

#media .item-block {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#media .item-block>h1 {
    margin-left: 12px;
}

#media h1.block-header {
    font-size: 48px;
    font-family: "webly-bold";
    color: rgba(20, 28, 45, 0.74);
    text-transform: capitalize;
    margin: 0;
    width: 100%;
    margin-bottom: 16px;
}

#media .left-block {
    max-width: 1060px;
    width: 100%;
}

#media .right-block {
    width: 333px;
    margin-left: 20px;
}

#media .right-block h2 {
    font-size: 22px;
    font-family: "webly-bold";
    color: #002269;
    margin: 47px 12px 12px;
}

#media .right-block>div {
    background-color: #FFA300;
    height: 490px;
}

#media .news-block h3 {
    font-size: 26px;
    font-family: "webly-reguliar";
}

#news-open .layer-block {
    background: rgba(21, 67, 192, 0.4);
    background: -moz-linear-gradient(left, rgba(21, 67, 192, 0.4) 0%, rgba(156, 12, 53, 0.35) 57%, rgba(255, 162, 0, 0.31) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(21, 67, 192, 0.4)), color-stop(57%, rgba(156, 12, 53, 0.35)), color-stop(100%, rgba(255, 162, 0, 0.31)));
    background: -webkit-linear-gradient(left, rgba(21, 67, 192, 0.4) 0%, rgba(156, 12, 53, 0.35) 57%, rgba(255, 162, 0, 0.31) 100%);
    background: -o-linear-gradient(left, rgba(21, 67, 192, 0.4) 0%, rgba(156, 12, 53, 0.35) 57%, rgba(255, 162, 0, 0.31) 100%);
    background: -ms-linear-gradient(left, rgba(21, 67, 192, 0.4) 0%, rgba(156, 12, 53, 0.35) 57%, rgba(255, 162, 0, 0.31) 100%);
    background: linear-gradient(to right, rgba(21, 67, 192, 0.4) 0%, rgba(156, 12, 53, 0.35) 57%, rgba(255, 162, 0, 0.31) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1543c0", endColorstr="#ffa200", GradientType=1);
}

#news-open .inner-container.news-open {
    max-width: 1420px;
}

#news-open .inner-container.news-open>div {
    max-width: 1240px;
    margin: 0 auto 0 60px;
}

#news-open #open-news-container {
    height: 900px;
    position: relative;
}

#news-open #open-news-container.video {
    height: auto;
}

#news-open #open-news-container.video .video-block {
    max-width: 1420px;
    position: relative;
    padding-bottom: 70px;
}

#news-open #open-news-container.video .video-block video {
    height: 100%;
    width: 100%;
}

#news-open #open-news-container.video .video-block .content-block {
    position: static;
}

#news-open #open-news-container.video .video-block h1 {
    color: #002269;
    margin: 50px 0 0;
}

#news-open #open-news-container .image-block {
    height: 100%;
}

#news-open #open-news-container .image-block img {
    width: 100%;
    height: 100%;
}

#news-open #open-news-container .content-block {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}

#news-open #open-news-container h1 {
    font-family: "webly-bold";
    font-size: 48px;
    padding-bottom: 24px;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.31);
    letter-spacing: 0;
    color: white;
    /* font-size: 48px;font-family: $bold;text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);letter-spacing: 3px; */
}

#news-open #news-content-container {
    padding-bottom: 64px;
}

#news-open #news-content-container h2 {
    font-size: 32px;
    font-family: "webly-bold";
    color: #002269;
    letter-spacing: 2px;
    line-height: 52px;
}

#news-open #news-content-container h3 {
    font-size: 28px;
    font-family: "webly-bold";
    color: #3c3d4b;
    letter-spacing: 2px;
    line-height: 45px;
}

#news-open #news-content-container time {
    font-size: 24px;
    font-family: "webly-bold";
    color: #C50F3C;
    line-height: 53px;
    letter-spacing: 2px;
}

#news-open #news-content-container p {
    font-size: 20px;
    letter-spacing: 1.4px;
    line-height: 40px;
    color: #3c3d4b;
}

#news-open #news-content-container img {
    max-width: 100%;
}

#news-open #news-content-container a {
    color: #FFA300;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#news-open #news-content-container a:hover {
    color: #C50F3C;
}

#news-open .news-inner-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
    margin-top: 40px;
    min-height: 500px;
}

#news-open .news-inner-container .content {
    margin-left: 195px;
}

#news-open .news-inner-container .content p {
    margin: 0;
    padding: 14px 0;
    max-width: 780px;
}

#news-open .news-inner-container .social-block {
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
}

#news-open .news-inner-container .social-block .share {
    background-color: #C50F3C;
    box-sizing: border-box;
    width: 100%;
    height: 90px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

#news-open .news-inner-container .social-block ul {
    list-style-type: none;
    padding: 26px 0;
    margin: 0;
    background-color: #002269;
}

#news-open .news-inner-container .social-block path {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#news-open .news-inner-container .social-block a {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

#news-open .news-inner-container .social-block li {
    width: 100%;
    height: 64px;
    box-sizing: border-box;
}

#news-open .news-inner-container .social-block li:hover path {
    fill: #FFA300;
}

#match-center .inner-container {
    max-width: 1180px;
    padding: 85px 0 0;
}

#match-center .inner-container.results-list {
    padding-top: 0;
}

#match-center h1.block-header {
    margin-bottom: 20px;
}

#match-center .results-list .results-filter {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 25px 50px;
}

#history #bg-block {
    background-size: cover;
}

#history .inner-container {
    max-width: 1180px;
}

#history .block-header {
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

#history .wide-block {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

#history .wide-block .content-block {
    max-width: 940px;
    margin: 0 auto;
}

#history p {
    font-size: 28px;
    color: white;
    line-height: 46px;
    text-align: center;
    margin: 0 0 40px;
}

#history h2.block-header {
    font-size: 38px;
    color: #002269;
}

#history .layer-block {
    background: rgba(0, 32, 92, 0.67);
}

#history .content-block h1.block-header {
    font-size: 64px;
    font-family: "webly-reguliar";
    color: rgba(255, 255, 255, 0.8);
    text-align: center;
    margin-bottom: 84px;
}

#history .flex-block {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box;
    padding: 0 120px;
}

#history .flex-block svg {
    min-width: 218px;
    margin-right: 82px;
}

#history .flex-block h2.block-header {
    margin-bottom: 36px;
}

#history .flex-block span {
    color: rgba(197, 15, 15, 0.61);
    font-size: 28px;
    line-height: 54px;
    letter-spacing: 2px;
}

#history .flex-block span p {
    color: rgba(197, 15, 15, 0.61);
    font-size: 28px;
    line-height: 54px;
    letter-spacing: 2px;
}

#history .bg-content {
    background-color: #9F2943;
    position: relative;
    padding: 78px 120px;
    margin-top: 148px;
}

#history .bg-content .image-block {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
    z-index: -1;
}

#history .wide-block.image {
    position: relative;
    background-size: cover;
}

#history .wide-block.image .inner-container {
    z-index: 1;
}

#history .wide-block.image h2.header-block {
    font-size: 100px;
    color: white;
    text-align: center;
}

#history .wide-block.image p {
    font-size: 24px;
}

#history .wide-block.image.yellow h2.header-block {
    color: #C50F3C;
}

#history .wide-block.image.yellow p {
    color: #050D1C;
}

#history .wide-block.image.yellow .clip-block {
    background-color: #002269;
}

#history .clip-block {
    width: 3px;
    margin: 0 auto;
    background-color: #FFA300;
    position: absolute;
    right: 0;
    left: 0;
}

#history .clip-block svg {
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    min-width: 34px;
}

#history .clip-block.top {
    height: 106px;
    top: 0;
}

#history .clip-block.top svg {
    top: 106px;
}

#history .clip-block.bottom {
    height: 150px;
    bottom: 0;
}

#history .clip-block.bottom svg {
    bottom: 150px;
}

#history .inner-container.text-block {
    padding: 124px 0 50px;
}

#history .inner-container.text-block p {
    font-size: 32px;
    line-height: 60px;
    color: #002269;
    margin-bottom: 70px;
}

#history blockquote {
    font-size: 26px;
    color: #002269;
    max-width: 940px;
    margin: 0 auto;
    padding-left: 62px;
    line-height: 48px;
    margin-bottom: 70px;
    font-style: italic;
}

#contacts #contacts-cont {
    position: relative;
}

#contacts .contact-block {
    background-color: #002269;
    padding: 42px 60px;
    position: absolute;
    top: 15%;
    left: 16%;
}

#contacts .contact-block>div {
    padding: 32px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

#contacts .contact-block>div:last-child {
    border-bottom: none;
}

#contacts .contact-block h2 {
    font-size: 36px;
    font-family: "webly-reguliar";
    color: white;
}

#contacts .contact-block h5 {
    font-size: 17px;
    font-family: "webly-reguliar";
    color: white;
    margin: 0 0 3px;
    letter-spacing: 1.2px;
}

#contacts .contact-block span {
    font-size: 22px;
    font-family: "webly-light";
    color: white;
}

#partners-container .partners-item {
    border-bottom: 1px solid rgba(147, 147, 147, 0.0901960784);
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
}

#partners-container .content-block {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 20px 36px;
}

#partners-container .content-block h3 {
    font-size: 30px;
    color: #002269;
    font-family: "webly-bold";
}

#partners-container .content-block a {
    color: grey;
    font-size: 18px;
    white-space: nowrap;
}

#partners-container .content-block a:hover {
    color: #C50F3C;
}

#partners-container .content-block a:hover path {
    fill: #C50F3C;
}

#partners-container .content-block svg {
    margin-right: 6px;
}

#history .inner-container.text-block p {
    font-size: 28px;
}

#history .inner-container.text-block h2.header-block {
    text-align: center;
    font-size: 54px;
    padding-bottom: 32px;
    color: #c50f3c;
}

#history .wide-block.image h2.header-block {
    font-size: 64px;
    font-weight: bold;
}

#s-page .inner-container {
    max-width: 1180px;
    padding: 85px 0;
}

#s-page .block-header {
    margin-bottom: 24px;
    font-family: "webly-bold";
    color: #002269;
}

#s-page .s-page-body {
    background: #FFF;
    max-width: 780px;
    padding: 4.5em 4em;
    font-size: 18px;
    line-height: 1.66em;
    min-height: 60vh;
}

#s-page .s-page-body table td {
    padding: 8px 16px;
    border-color: #d2d2d2;
}

#s-page .s-page-body .item-block:first-child {
    margin-bottom: 40px;
}

#s-page .s-page-body .item-block:first-child .player-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
}

#s-page .s-page-body .item-block:first-child .block-header {
    font-family: "webly-reguliar";
    color: #C50F3C;
    font-size: 24px;
}

#s-page .s-page-body .item-block:first-child .image-block {
    width: 320px;
}

#s-page .s-page-body .item-block:first-child .player-name {
    color: #002269;
    font-size: 28px;
    margin-bottom: 12px;
}

#s-page .s-page-body .item-block {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

#s-page .s-page-body .item-block .player-item {
    margin: 0 10px;
    width: 240px;
}

#s-page .s-page-body .item-block .image-block {
    width: 100%;
}

#s-page .s-page-body .item-block .content-block {
    padding: 6px 20px 30px;
}

#s-page .s-page-body .item-block .block-header {
    font-family: "webly-reguliar";
    color: #C50F3C;
    font-size: 20px;
}

#s-page .s-page-body .item-block .player-name {
    color: #002269;
    font-size: 20px;
    margin-bottom: 3px;
}

#s-page .s-page-body .bio {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 12px 24px;
}

#s-page .s-page-body .bio p {
    max-height: 200px;
    overflow: hidden;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#s-page .s-page-body .bio p:nth-child(n+3) {
    display: none;
}

#s-page .s-page-body .bio a {
    font-size: 20px;
    font-family: "pragmatica_book";
    color: #C50F3C;
    text-transform: capitalize;
    margin-top: 20px;
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#s-page .s-page-body .bio a:hover {
    text-decoration: underline;
}

#s-page img {
    height: auto;
}

html[lang=hy] #home h2.block-header {
    font-size: 42px;
    margin: 40px 0 36px;
}

.fadeIn {
    opacity: 1;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.inner-container .s-page-body .container {
    display: flex;
}

.inner-container .s-page-body .container .title {
    margin-right: 24px;
    margin-top: 26px;
}

.store {
    max-width: 1060px;
    margin: auto;
    min-height: 100vh;
}

.antialiased .nav-cat ,
.store .nav-cat {
    display: flex;
    justify-content: center;
    margin: auto;
    background: white
}

.antialiased .nav-cat ul,
.store .nav-cat ul {
    display: flex;
    gap: 15px;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 10px;
    margin: 0;
    list-style: none;
}

.antialiased .nav-cat ul li,
.store .nav-cat ul li {
    margin-right: 44px;
    flex: none;
    order: 1;
    flex-grow: 0;
    text-align: center;
    padding: 8px;
}

@media only screen and (max-width: 600px) {
    .antialiased .nav-cat ul li,
    .store .nav-cat ul li {
        margin-right: 0px;
    }
}

.antialiased .nav-cat ul li.active,
.store .nav-cat ul li.active {
    border-bottom: 2px solid #C50F3C;
}

.antialiased .nav-cat ul li.active a
.store .nav-cat ul li.active a {
    color: #002169;
}

.antialiased .nav-cat ul li a ,
.store .nav-cat ul li a {
    color: #002169;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
}

.store .store-container {
    border-radius: 4px;
    background: #FFFFFF;
}

@media only screen and (max-width: 600px) {
    .store .store-container .store-box{
        padding:16px!important;
    }
}

.store .store-container.cart-wrapper .filter {
    border-radius: 8px 8px 0 0;
    min-height: 80px;
    margin-top: 165px;
}

.store .store-container.store-wrapper {
    margin-left: 160px;
    margin-right: 20px;
}

.store .store-container.payment {
    max-width: 962px;
    margin-left: 148px;
}

@media only screen and (max-width: 900px) {
    .store .store-container.payment {
        margin: 0px 16px 0px 16px;
    }
}

.store .store-container.auth {
    max-width: 962px;
    margin-left: 148px;
}

@media only screen and (max-width: 900px) {
    .store .store-container.auth {
        margin: 0px 16px 0px 16px;
    }
}

.store .store-container.auth .filter {
    border-radius: 8px 8px 0 0;
    min-height: 80px;
    margin-top: 165px;
}

.store .store-container .store-pagination {
    font-size: 18px;
    font-weight: 600;
    color: #002169;
}

.store .store-container .store-pagination nav {
    display: flex;
    max-width: max-content;
    gap: 8px;
    align-items: center;
    margin-left: 20px;
}

.store .store-container .store-pagination a {
    background: linear-gradient(92.38deg, #002169 -10.19%, #C50F3C 51.02%, #FFA200 104.72%);
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    outline: none;
}

.store .store-container .store-pagination a:active {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.store .store-container .filter {
    background: linear-gradient(92.38deg, #002169 -10.19%, #C50F3C 51.02%, #FFA200 104.72%);
    padding: 18px 83px;
}

@media only screen and (max-width: 600px) {
    .store .store-container .filter {
        padding: 18px 24px;
    }

    .store .store-container.cart-wrapper {
        margin: 0px;
    }

    .store .store-container.store-wrapper {
        margin: 0px;
    }

}

.store .store-container .filter select {
    -webkit-appearance: none;
    appearance: none;
}

.store .store-container .filter select {
    background: #fff;
    border: unset;
    color: #002169;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);
    margin-right: 24px;
    background-position: 100%;
    background-repeat: no-repeat;
    padding: 8px 14px;
    border-radius: 4px;
    cursor: pointer;
    min-width: 120px;
}

.store .store-container .filter select:focus-visible {
    outline: none;
}

.store .store-container .filter select:focus {
    background-color: #ffffff;
    color: #000000;
}

@media only screen and (max-width: 600px) {
    .store .store-container .filter select {
        padding: 10px;
        margin: 0 10px;
    }
}

.store .store-container .store-box {
    padding: 16px 0px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    grid-gap: 32px;
    align-items: stretch;
}

.store .store-container .store-box .card {
    background: #FFFFFF;
    height: 100%;
    border: 0.25px solid rgba(0, 34, 105, 0.1);
}

.store .store-container .store-box .card .img-content {
    filter: grayscale(0.2) brightness(0.9);
    padding: 0 0;
    transition: filter 0.3s ease;
}

.store .store-container .store-box .card .img-content img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.store .store-container .store-box .card .card-footer {
    position: relative;
    display: flex;
    margin: 12px;
    height: 60px;
    padding-top: 6px;
    justify-content: space-between;
    align-items: center;
    font-style: normal;
    font-weight: 500;
    border-color: #002169;
    color: #002169;
}

.store .store-container .store-box .card .card-footer h3,
.store .store-container .store-box .card .card-footer span{
    margin: 0;
    transition: background-color 0.5s ease;
}


.store .store-container .store-box .card .card-footer a {
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
}

.store .store-container .store-box .card .card-footer a h3 {
    margin-top: 6px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 19px;
    color: #002169;
    list-style: armenian;
    font-style: normal;
}

.store .store-container .store-box .card .card-footer a span {
    font-size: 14px;
    color: #002169;
    transition: all 1s ease;
}


.store .store-container .store-box .card .card-footer::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    opacity:0;
    border-top: 1px solid transparent; /* Set the border width */
    border-image: linear-gradient(to right, #ff0000, #0000ff); /* Define the linear gradient */
    border-image-slice: 1; /* Ensure the whole border is covered by the gradient */
    transition: opacity 0.3s
}

.store .store-container .store-box .card:hover .card-footer::after {
    opacity:1;
}

.store .store-container .store-box .card:hover{
    transform: scale(1.02);
    transition: transform 0.3s;
    position: relative;
    z-index: 2;
}

.store .store-container .store-box .card:hover h3,
.store .store-container .store-box .card:hover span {
    background: linear-gradient(92.38deg, #002169 -10.19%, #C50F3C 51.02%, #FFA200 104.72%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.store .store-container .store-box .card:hover .img-content{
    filter: grayscale(0) brightness(1);
}

.store .store-container .cart-box {
    clear: both;
    font-size: 18px;
    overflow: hidden;
    width: 100%;
    border-radius: 4px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 600px) {
    .store .store-container .cart-box {
        width: 100%;
    }
}

.store .store-container .cart-box .basket {
    min-height: 70vh;
    margin: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 60px;
}

.store .store-container .cart-box .basket .basket-product-list{
    padding: 0 30px;
}
@media screen and (max-width: 600px) {
    .store .store-container .cart-box .basket {
        width: 100%;
        font-size: 28px;
    }

    .delivery_sector .delivery_type{
        grid-template-columns: 1fr!important;
        gap: 5px!important;
    }

    .delivery_sector * {
        font-size: 16px;
    }

}

.store .store-container .cart-box .basket .basket-header-chapter {
    display: flex;
    gap: 30px;
    margin-right: 25px;
    margin-left: 280px;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #002169;
    text-align: center;
    padding-bottom: 4px;
    border-bottom: 0.75px solid rgba(0, 0, 0, 0.1);
    display: none;
}

.store .store-container .cart-box .basket .basket-header-chapter p {
    margin: 0;
    text-align: left;
}

.store .store-container .cart-box .basket .basket-header-chapter .title-wrapper {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr;
}

.store .store-container .cart-box .basket .basket-header-chapter .title-wrapper div {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.store .store-container .cart-box .basket .basket-header-chapter .title-wrapper div p {
    text-align: center;
}

@media screen and (max-width: 800px) {
    .store .store-container .cart-box .basket .basket-header-chapter {
        display: none;
    }
}

.store .store-container .cart-box .basket .container .screen {
    margin-top: 20px;
}

.store .store-container .cart-box .basket .cart-head {
    margin-bottom: 20px;
}

.store .store-container .cart-box .basket .cart-head .cart-head-box {
    padding: 4px;
    padding-top: 64px;
    display: flex;
    justify-content: center;
    gap: 20px;
    font-weight: 600;
    color: #002169;
    font-size: 32px;
    text-align: center;
}

.store .store-container .cart-box .basket .cart-head .all-count-product {
    display: flex;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 50px;
}

.store .store-container .cart-box .basket .cart-head .all-count-product p {
    background: linear-gradient(135deg, #FAAB46 0%, #CC2135 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin: 0px;
}

.store .store-container .cart-box .basket .cart-head .title-basket {
    padding: 0 8px;
    gap: 8px;
    display: flex !important;
    justify-content: space-around !important;
}

.store .store-container .cart-box .basket .cart-head .title-basket span {
    font-size: 40px;
    font-weight: 700;
    color: #002169;
}

@media only screen and (max-width: 600px) {
    .store .store-container .cart-box .basket .cart-head .title-basket span {
        font-size: 28px;
    }
}

.store .store-container .cart-box .basket .cart-head .payment-header {
    display: flex;
    align-items: center;
    background: linear-gradient(92.38deg, #002169 -10.19%, #C50F3C 51.02%, #FFA200 104.72%);
    height: 50px;
    padding-bottom: 12px;
    margin-bottom: 44px;
    border-bottom: 1px solid #F3F3F3;
}

.store .store-container .cart-box .basket .cart-head .payment-header span {
    padding: 12px;
    font-size: 32px;
    font-weight: 700;
    color: white;
}

.store .store-container .cart-box .basket .cart-head .header-basket {
    display: flex;
    align-items: center;
    background: linear-gradient(92.38deg, #002169 -10.19%, #C50F3C 51.02%, #FFA200 104.72%);
    height: 70px;
    padding-bottom: 12px;
    margin-bottom: 44px;
    border-bottom: 1px solid #f3f3f3;
}

.store .store-container .cart-box .basket .cart-head .header-basket span {
    padding: 12px;
    font-size: 32px;
    font-weight: 700;
    color: white;
}

.store .store-container .cart-box .basket .cart-head .header-basket .allBasketProductChose {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 14px;
    max-width: max-content;
    margin-top: 28px;
}

.store .store-container .cart-box .basket .cart-head .header-basket .allBasketProductChose input {
    width: 14px;
    height: 14px;
}

.store .store-container .cart-box .basket .cart-head .header-basket .allBasketProductChose label {
    font-size: 18px;
    cursor: pointer;
    width: max-content;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.store .store-container .cart-box .basket .cart-head .count {
    background: linear-gradient(135deg, #FAAB46 0%, #CC2135 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    opacity: 0.75;
}

.store .store-container .cart-box .basket .basket-item {
    display: flex;
    align-items: start;
    margin-bottom: 30px;
    margin: 0px auto;
    gap: 50px;
    border-radius: 8px;
    padding-bottom: 30px;
}

@media screen and (max-width: 800px) {
    .store .store-container .cart-box .basket .basket-item {
        border-bottom: 0.75px solid rgba(0, 0, 0, 0.1);
    }

    .cart-box .basket .basket-header-chapter{
        display: none!important;
    }


}

.store .store-container .cart-box .basket .basket-item{
    min-height: 200px;
}

.store .store-container .cart-box .basket .basket-item .basket-item-image {
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    height: 175px;
    width: auto;
    aspect-ratio: 1;
}

.store .store-container .cart-box .basket .basket-item .basket-item-image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 600px) {
    .store .store-container .cart-box .basket .basket-item {
        flex-direction: column;
    }

    .store .store-container .cart-box .basket .basket-item .basket-item-image {
        height: auto;
        max-width: 100%;
    }
}

.store .store-container .cart-box .basket .basket-item .basket-about-item {
    display: flex;
    padding-bottom: 22px;
    gap: 10px;
    width: 100%;
    min-height: 152px;
    flex-direction: column;
    justify-content: space-between;
    border-bottom: 0.75px solid rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 800px) {
    .store .store-container .cart-box .basket .basket-item {
        border: none;
    }

    .delivery_sector{ margin-top: 0!important;}
}

.store .store-container .cart-box .basket .basket-item .basket-about-item .product-name {
    display: flex;
    justify-content: space-between;
    align-items: end;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
    text-align: start;
    gap: 20px;
    color: #002169;
}

@media screen and (max-width: 700px) {
    .store .store-container .cart-box .basket .basket-item .basket-about-item .product-name {
        font-size: 20px;
    }
}

.store .store-container .cart-box .basket .basket-item .basket-about-item .product-item {
    display: flex;
    justify-content: space-between;
}

.store .store-container .cart-box .basket .basket-item .basket-about-item .product-content .product-description {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 1fr;
    font-style: normal;
    font-weight: 700;
    width: 100%;
    font-size: 20px;
    line-height: 27px;
    gap: 20px;
    color: #596f9d;
}

@media screen and (max-width: 800px) {
    .store .store-container .cart-box .basket .basket-item .basket-about-item .product-content .product-description {
        grid-template-columns: 1fr;
        font-size: 16px;
    }
}

.store .store-container .cart-box .basket .basket-item .basket-about-item .product-content .product-description p {
    margin: 0;
}

.store .store-container .cart-box .basket .basket-item .basket-about-item .product-content .product-description .product-count-price {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 48px;
    color: #002169;
}

.store .store-container .cart-box .basket .basket-item .basket-about-item .product-content .product-description .product-count-price .counter {
    display: flex;
    justify-content: space-between;
    max-width: auto;
    background: #ececec;
    width: 100%;
}

.store .store-container .cart-box .basket .basket-item .basket-about-item .product-content .product-description .product-count-price .counter input {
    opacity: 1;
    width: 100% !important;
}

.store .store-container .cart-box .basket .basket-item .basket-about-item .product-content .product-description .product-count-price .counter .changer {
    font-size: 20px;
    border: none;
    background: none;
    cursor: pointer;
}

.store .store-container .cart-box .basket .basket-item .basket-about-item .product-content .product-description .product-count-price .price {
    display: flex;
    width: 100%;
    justify-content: end;
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
    text-align: center;
}

@media only screen and (max-width: 800px) {
    .store .store-container .cart-box .basket .basket-item .basket-about-item .product-content .product-description .product-count-price .price {
        justify-content: end;
    }
}

.store .store-container .cart-box .basket .basket-item .basket-item-counter {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.store .store-container .cart-box .basket .basket-item .basket-item-counter .counter {
    display: flex;
    flex-direction: row;
    gap: 4px;
    max-width: min-content;
    align-items: center;
    padding: 8px 10px;
    background-color: #f6f6fa;
    border-radius: 8px;
}

.store .store-container .cart-box .basket .basket-item .basket-item-counter .counter input {
    min-width: 50px;
}

.store .store-container .cart-box .basket .basket-item .basket-item-counter .changer {
    font-size: 20px;
    border: none;
    background: none;
    cursor: pointer;
}

.store .store-container .cart-box .basket .basket-item .basket-product-price {
    display: flex;
    flex-direction: column;
    align-items: end;
}

.store .store-container .cart-box .basket .basket-item .basket-product-price .price-now {
    font-size: 20px;
    font-weight: 700;
}

.store .store-container .cart-box .basket .basket-item .basket-product-price .old-price {
    font-size: 14px;
    line-height: 1.2;
    color: #a0a0a4;
    border-bottom: 1px dashed;
    max-width: max-content;
}

@media only screen and (max-width: 800px) {
    .store .store-container .cart-box .basket .basket-item .basket-item-image {
        gap: 0px;
        position: relative;
    }

    .store .store-container .cart-box .basket .basket-item .basket-item-image input {
        position: absolute;
        top: 0px;
        width: 20px;
        height: 20px;
    }

    .store .store-container .cart-box .basket .basket-item .basket-item-image img {
        object-fit: cover;
        width: 100%;
        height: auto;
    }

    .store .store-container .cart-box .basket .basket-item .about-basket-item {
        max-width: 100%;
    }

    .store .store-container .cart-box .basket .basket-item .about-basket-item p {
        font-size: calc(4vw + 2vmin);
    }

    .store .store-container .cart-box .basket .basket-item .about-basket-item span {
        font-size: calc(3vw + 1vmin);
    }

    .store .store-container .cart-box .basket .basket-item .basket-item-counter {
        display: flex;
        margin-top: 20px;
        flex-direction: row;
        font-size: 16px;
    }

    .store .store-container .cart-box .basket .basket-item .basket-product-price {
        margin-top: 20px;
    }
}

.store .store-container .cart-box .basket .order-item {
    display: flex;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    max-width: 700px;
    margin: 10px auto;
    gap: 30px;
    border-radius: 8px;
    padding: 8px;
}

@media screen and (max-width: 800px) {
    .store .store-container .cart-box .basket .order-item {
        border-bottom: 0.75px solid rgba(0, 0, 0, 0.1);
        gap: 10px;
        margin: 24px 16px;
    }
}

.store .store-container .cart-box .basket .order-item .basket-item-image {
    border-radius: 3px;
    max-width: 60px;
    height: auto;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

.store .store-container .cart-box .basket .order-item .basket-item-image img {
    object-fit: cover;
    width: 100%;
    height: auto;
}

@media screen and (max-width: 480px) {
    .store .store-container .cart-box .basket .order-item {
        flex-direction: column;
    }

    .store .store-container .cart-box .basket .order-item .basket-item-image {
        height: auto;
        max-width: 100%;
    }
}

.store .store-container .cart-box .basket .order-item .basket-item-counter {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.store .store-container .cart-box .basket .order-item .basket-item-counter .counter {
    display: flex;
    flex-direction: row;
    gap: 4px;
    max-width: min-content;
    align-items: center;
    padding: 8px 10px;
    background-color: #f6f6fa;
    border-radius: 8px;
}

.store .store-container .cart-box .basket .order-item .basket-item-counter .counter input {
    min-width: 20px;
}

.store .store-container .cart-box .basket .order-item .basket-item-counter .changer {
    font-size: 20px;
    border: none;
    background: none;
    cursor: pointer;
}

.store .store-container .cart-box .basket .order-item .basket-product-price {
    display: flex;
    flex-direction: column;
    align-items: end;
}

.store .store-container .cart-box .basket .order-item .basket-product-price .price-now {
    font-size: 20px;
    font-weight: 700;
}

.store .store-container .cart-box .basket .order-item .basket-product-price .old-price {
    font-size: 14px;
    line-height: 1.2;
    color: #a0a0a4;
    border-bottom: 1px dashed;
    max-width: max-content;
}

@media only screen and (max-width: 800px) {
    .store .store-container .cart-box .basket .order-item .basket-item-image {
        gap: 0px;
        position: relative;
    }

    .store .store-container .cart-box .basket .order-item .basket-item-image input {
        position: absolute;
        top: 0px;
        width: 20px;
        height: 20px;
    }

    .store .store-container .cart-box .basket .order-item .basket-item-image img {
        object-fit: cover;
        width: 100%;
        height: auto;
    }

    .store .store-container .cart-box .basket .order-item .about-basket-item {
        max-width: 100%;
    }

    .store .store-container .cart-box .basket .order-item .about-basket-item p {
        font-size: calc(4vw + 2vmin);
    }

    .store .store-container .cart-box .basket .order-item .about-basket-item span {
        font-size: calc(3vw + 1vmin);
    }

    .store .store-container .cart-box .basket .order-item .basket-item-counter {
        display: flex;
        margin-top: 20px;
        flex-direction: row;
        font-size: 16px;
    }

    .store .store-container .cart-box .basket .order-item .basket-product-price {
        margin-top: 20px;
    }
}

.store .store-container .cart-box .basket .cart-footer {
    display: flex;
    justify-content: space-between;
    margin-top: 76px;
    padding: 14px;
}

.store .store-container .cart-box .basket .cart-footer .left-cont {
    font-style: normal;
    color: #002169;
}

.store .store-container .cart-box .basket .cart-footer .left-cont p {
    margin: 0;
}

.store .store-container .cart-box .basket .cart-footer .left-cont .service-cost {
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
}

.store .store-container .cart-box .basket .cart-footer .left-cont .service-cost-price {
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    text-align: center;
}

.store .store-container .cart-box .basket .cart-footer .left-cont .back {
    margin-top: 93px;
    margin-left: 30px;
}

.store .store-container .cart-box .basket .cart-footer .right-cont {
    font-style: normal;
    color: #002169;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.store .store-container .cart-box .basket .cart-footer .right-cont p {
    margin: 0;
}

.store .store-container .cart-box .basket .cart-footer .right-cont .right-box .total-cost {
    font-weight: 700;
    font-size: 28px;
    line-height: 38px;
}

.store .store-container .cart-box .basket .cart-footer .right-cont .right-box .total-price {
    font-weight: 600;
    font-size: 32px;
    line-height: 44px;
    text-align: center;
}

.store .store-container .cart-box .basket-module {
    color: #111;
}

.store .store-container .cart-box label {
    display: block;
    margin-bottom: 0.3125rem;
}

.store .store-container .cart-box .basket-labels {
    border-bottom: 0.75px solid rgba(0, 0, 0, 0.8);
    margin-top: 1.625rem;
}

.store .store-container .cart-box ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}

@media screen and (max-width: 900px) {
    .store .store-container .cart-box ul {
        justify-content: flex-start;
    }
}

.store .store-container .cart-box li {
    display: inline-block;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    padding: 0.625rem 0;
    color: #002169;
}

@media screen and (max-width: 600px) {
    .store .store-container .cart-box li {
        font-size: 12px;
    }
}

.store .store-container .cart-box li.price {
    display: flex;
    justify-content: flex-end;
}

@media screen and (max-width: 600px) {
    .store .store-container .cart-box li.price {
        justify-content: flex-start;
    }
}

.store .store-container .cart-box li.price:before,
.store .store-container .cart-box li.subtotal:before {
    content: "";
}

.store .store-container .cart-box .item {
    display: flex;
    width: 100%;
    align-items: center;
}

.store .store-container .cart-box .price,
.store .store-container .cart-box .quantity,
.store .store-container .cart-box .subtotal {
    width: 15%;
}

@media screen and (max-width: 600px) {

    .store .store-container .cart-box .price,
    .store .store-container .cart-box .quantity,
    .store .store-container .cart-box .subtotal {
        width: 20%;
    }
}

.store .store-container .cart-box .remove {
    text-align: center;
    background: #ECECEC;
    border-radius: 4px;
    width: 28px;
    height: 28px;
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.store .store-container .cart-box .item-heading {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.store .store-container .cart-box .basket-product {
    border-bottom: 0.75px solid rgba(0, 0, 0, 0.8);
    padding: 1rem 0;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.store .store-container .cart-box .basket-product .subtotal {
    text-align: left;
    color: #002169;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
}

@media screen and (max-width: 900px) {
    .store .store-container .cart-box .basket-product .subtotal {
        font-size: 16px;
        width: 30%;
    }
}

.store .store-container .cart-box .product-image {
    width: 151px;
    height: 204px;
    margin-right: 74px;
    border-radius: 3px;
}

@media screen and (max-width: 900px) {
    .store .store-container .cart-box .product-image {
        width: 64px;
        height: auto;
        margin-right: 20px;
    }
}

.store .store-container .cart-box .product-image img {
    width: 100%;
    height: 100%;
}

.store .store-container .cart-box .product-details {
    width: 40%;
}

@media screen and (max-width: 900px) {
    .store .store-container .cart-box .product-details {
        width: 26%;
    }
}

.store .store-container .cart-box .product-details h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
    text-align: left;
    color: #002169;
}

@media screen and (max-width: 900px) {
    .store .store-container .cart-box .product-details h1 {
        font-size: 16px;
        line-height: 0;
    }
}

.store .store-container .cart-box .product-details p {
    color: #002169;
    opacity: 0.65;
}

.store .store-container .cart-box .quantity-box {
    background: #ECECEC;
    border-radius: 4px;
    padding: 5px;
}

.store .store-container .cart-box .btn-count {
    color: #002169;
    cursor: pointer;
}

.store .store-container .cart-box .quantity-field {
    background-color: transparent;
    border: none;
    border-radius: 4px;
    font-size: 20px;
    padding: 2px;
    width: 20%;
    text-align: center;
}

.store .store-container .payment-box {
    clear: both;
    font-size: 18px;
    margin: 80px auto;
    overflow: hidden;
    max-width: 960px;
    border-radius: 4px;
}

.store .store-container .payment-box .basket {
    min-height: 70vh;
    max-width: 960px;
    margin: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 60px;
}

@media screen and (max-width: 600px) {
    .store .store-container .payment-box .basket {
        width: 100%;
        font-size: 28px;
    }
}

.store .store-container .payment-box .basket .container .screen {
    margin-top: 20px;
}

.store .store-container .payment-box .basket .success-payment-content {
    display: grid;
    gap: 18px;
}

.store .store-container .payment-box .basket .success-payment-content .payment-success-icon {
    width: 100%;
}

@media screen and (max-width: 900px) {
    .store .store-container .payment-box .basket .success-payment-content .payment-success-icon {
        max-width: 160px;
        width: 100%;
        margin: auto;
    }
}

.store .store-container .payment-box .basket .success-payment-content .payment-success-message {
    width: 100%;
    max-width: 652px;
    margin: auto;
}

.store .store-container .payment-box .basket .success-payment-content .order-history {
    margin-top: 60px;
}

.store .store-container .payment-box .basket .success-payment-content .order-history button {
    cursor: pointer;
}

.store .store-container .payment-box .basket .success-payment-content div {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.store .store-container .payment-box .basket .success-payment-content div h1 {
    font-style: normal;
    font-weight: 700;
    line-height: 54px;
    text-align: center;
    /* Blue */
    color: #002169;
}

@media screen and (max-width: 900px) {
    .store .store-container .payment-box .basket .success-payment-content div h1 {
        font-size: 32px;
    }
}

@media screen and (max-width: 600px) {
    .store .store-container .payment-box .basket .success-payment-content div h1 {
        font-size: 24px;
    }
}

.store .store-container .payment-box .basket .success-payment-content div button {
    background: #ECECEC;
    border-radius: 210px;
    border: none;
    padding: 13px 30px;
}

.store .store-container .payment-box .basket .success-payment-content div button span {
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 44px;
    /* identical to box height */
    text-align: center;
    /* Gradient */
    background: linear-gradient(92.38deg, #002169 -10.19%, #C50F3C 51.02%, #FFA200 104.72%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    padding: 31px 14px;
}

@media screen and (max-width: 900px) {
    .store .store-container .payment-box .basket .success-payment-content div button span {
        font-size: 24px;
    }
}

@media screen and (max-width: 600px) {
    .store .store-container .payment-box .basket .success-payment-content div button span {
        font-size: 18px;
    }
}

.store .store-container .payment-box .basket .failure-payment-content {
    display: grid;
    gap: 18px;
}

.store .store-container .payment-box .basket .failure-payment-content .payment-failure-icon {
    width: 100%;
}

@media screen and (max-width: 900px) {
    .store .store-container .payment-box .basket .failure-payment-content .payment-failure-icon {
        width: 100%;
        max-width: 120px;
        margin: auto;
    }
}

.store .store-container .payment-box .basket .failure-payment-content .payment-failure-message {
    width: 100%;
    max-width: 652px;
    margin: auto;
}

.store .store-container .payment-box .basket .failure-payment-content .payment-failure-message h1 {
    color: #C50F3C;
}

.store .store-container .payment-box .basket .failure-payment-content .order-history {
    margin-top: 120px;
}

.store .store-container .payment-box .basket .failure-payment-content div {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.store .store-container .payment-box .basket .failure-payment-content div h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 54px;
    text-align: center;
    /* Blue */
    color: #002169;
}

@media screen and (max-width: 900px) {
    .store .store-container .payment-box .basket .failure-payment-content div h1 {
        font-size: 28px;
    }
}

.store .store-container .payment-box .basket .failure-payment-content div button {
    background: #ECECEC;
    border-radius: 210px;
    border: none;
    padding: 8px 30px;
}

.store .store-container .payment-box .basket .failure-payment-content div button a {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 44px;
    /* identical to box height */
    text-align: center;
    /* Gradient */
    background: linear-gradient(92.38deg, #002169 -10.19%, #C50F3C 51.02%, #FFA200 104.72%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    padding: 31px 14px;
}

@media only screen and (max-width: 940px) {
    .store .store-container .payment-box .basket .failure-payment-content div button a {
        font-size: 24px;
    }
}

.store .store-container .payment-box .basket .cart-head {
    margin-bottom: 20px;
}

.store .store-container .payment-box .basket .cart-head .cart-head-box {
    padding: 4px;
    padding-top: 64px;
    display: flex;
    justify-content: center;
    gap: 20px;
    font-weight: 600;
    color: #002169;
    font-size: 32px;
    text-align: center;
}

.store .store-container .payment-box .basket .cart-head .headerBasket {
    display: flex;
    align-items: center;
    background: linear-gradient(92.38deg, #002169 -10.19%, #C50F3C 51.02%, #FFA200 104.72%);
    height: 70px;
    padding-bottom: 12px;
    margin-bottom: 44px;
    border-bottom: 1px solid #f3f3f3;
}

.store .store-container .payment-box .basket .cart-head .headerBasket span {
    padding: 12px;
    font-size: 32px;
    font-weight: 700;
    color: white;
}

.store .store-container .payment-box .basket .cart-head .headerBasket .allBasketProductChose {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 14px;
    max-width: max-content;
    margin-top: 28px;
}

.store .store-container .payment-box .basket .cart-head .headerBasket .allBasketProductChose input {
    width: 14px;
    height: 14px;
}

.store .store-container .payment-box .basket .cart-head .headerBasket .allBasketProductChose label {
    font-size: 18px;
    cursor: pointer;
    width: max-content;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.store .store-container .payment-box .basket .cart-head .payment-header {
    display: flex;
    align-items: center;
    background: linear-gradient(92.38deg, #002169 -10.19%, #C50F3C 51.02%, #FFA200 104.72%);
    height: 50px;
    padding-bottom: 12px;
    margin-bottom: 44px;
    border-bottom: 1px solid #f3f3f3;
}

.store .store-container .payment-box .basket .cart-head .payment-header span {
    padding: 12px;
    font-size: 32px;
    font-weight: 700;
    color: white;
}

.store .store-container .payment-box .basket .cart-head .count {
    background: linear-gradient(135deg, #FAAB46 0%, #CC2135 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    opacity: 0.75;
}

.store .store-container .payment-box .basket .basket-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    margin: 10px;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}

.store .store-container .payment-box .basket .basket-item .basket-item-image {
    display: flex;
    align-items: center;
    gap: 16px;
}

.store .store-container .payment-box .basket .basket-item .basket-item-image input {
    width: 14px;
    height: 14px;
}

.store .store-container .payment-box .basket .basket-item .basket-item-image img {
    object-fit: cover;
    width: 76px;
    height: 96px;
}

.store .store-container .payment-box .basket .basket-item .about-basket-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
    max-width: 400px;
}

.store .store-container .payment-box .basket .basket-item .about-basket-item p {
    font-family: "webly-bold";
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

.store .store-container .payment-box .basket .basket-item .about-basket-item span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.store .store-container .payment-box .basket .basket-item .basket-item-counter {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.store .store-container .payment-box .basket .basket-item .basket-item-counter .counter {
    display: flex;
    flex-direction: row;
    gap: 4px;
    max-width: min-content;
    align-items: center;
    padding: 8px 10px;
    background-color: #f6f6fa;
    border-radius: 8px;
}

.store .store-container .payment-box .basket .basket-item .basket-item-counter .counter input {
    min-width: 20px;
}

.store .store-container .payment-box .basket .basket-item .basket-item-counter .changer {
    font-size: 20px;
    border: none;
    background: none;
    cursor: pointer;
}

.store .store-container .payment-box .basket .basket-item .basket-product-price {
    display: flex;
    flex-direction: column;
    align-items: end;
}

.store .store-container .payment-box .basket .basket-item .basket-product-price .price-now {
    font-size: 20px;
    font-weight: 700;
}

.store .store-container .payment-box .basket .basket-item .basket-product-price .old-price {
    font-size: 14px;
    line-height: 1.2;
    color: #a0a0a4;
    border-bottom: 1px dashed;
    max-width: max-content;
}

@media only screen and (max-width: 940px) {
    .store .store-container .payment-box .basket .basket-item {
        flex-direction: column;
    }

    .store .store-container .payment-box .basket .basket-item .basket-item-image {
        gap: 0px;
        position: relative;
        align-items: flex-start;
    }

    .store .store-container .payment-box .basket .basket-item .basket-item-image input {
        position: absolute;
        top: 0px;
        width: 20px;
        height: 20px;
    }

    .store .store-container .payment-box .basket .basket-item .basket-item-image img {
        object-fit: cover;
        width: 100%;
        height: auto;
    }

    .store .store-container .payment-box .basket .basket-item .about-basket-item {
        max-width: 100%;
    }

    .store .store-container .payment-box .basket .basket-item .about-basket-item p {
        font-size: calc(4vw + 2vmin);
    }

    .store .store-container .payment-box .basket .basket-item .about-basket-item span {
        font-size: calc(3vw + 1vmin);
    }

    .store .store-container .payment-box .basket .basket-item .basket-item-counter {
        display: flex;
        margin-top: 20px;
        flex-direction: row;
        font-size: 16px;
    }

    .store .store-container .payment-box .basket .basket-item .basket-product-price {
        margin-top: 20px;
    }
}

.store .store-container .payment-box .basket .cart-footer {
    display: flex;
    justify-content: space-between;
    margin-top: 76px;
    padding: 14px;
}

.store .store-container .payment-box .basket .cart-footer .left-cont {
    font-style: normal;
    color: #002169;
}

.store .store-container .payment-box .basket .cart-footer .left-cont p {
    margin: 0;
}

.store .store-container .payment-box .basket .cart-footer .left-cont .service-cost {
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
}

.store .store-container .payment-box .basket .cart-footer .left-cont .service-cost-price {
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    text-align: center;
}

.store .store-container .payment-box .basket .cart-footer .left-cont .back {
    margin-top: 93px;
    margin-left: 30px;
}

.store .store-container .payment-box .basket .cart-footer .right-cont {
    font-style: normal;
    color: #002169;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.store .store-container .payment-box .basket .cart-footer .right-cont p {
    margin: 0;
}

.store .store-container .payment-box .basket .cart-footer .right-cont .right-box .total-cost {
    font-weight: 700;
    font-size: 28px;
    line-height: 38px;
}

.store .store-container .payment-box .basket .cart-footer .right-cont .right-box .total-price {
    font-weight: 600;
    font-size: 32px;
    line-height: 44px;
    text-align: center;
}

.store .store-container .payment-box .basket-module {
    color: #111;
}

.store .store-container .payment-box label {
    display: block;
    margin-bottom: 0.3125rem;
}

.store .store-container .payment-box .basket-labels {
    border-bottom: 0.75px solid rgba(0, 0, 0, 0.8);
    margin-top: 1.625rem;
}

.store .store-container .payment-box ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 900px) {
    .store .store-container .payment-box ul {
        justify-content: flex-start;
    }
}

.store .store-container .payment-box li {
    display: inline-block;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    padding: 0.625rem 0;
    color: #002169;
}

@media screen and (max-width: 600px) {
    .store .store-container .payment-box li {
        font-size: 12px;
        margin-left: 10px;
    }
}

.store .store-container .payment-box li.price {
    display: flex;
    justify-content: flex-end;
}

@media screen and (max-width: 600px) {
    .store .store-container .payment-box li.price {
        justify-content: flex-start;
    }
}

.store .store-container .payment-box li.price:before,
.store .store-container .payment-box li.subtotal:before {
    content: "";
}

.store .store-container .payment-box .item {
    display: flex;
    width: 100%;
    align-items: center;
}

.store .store-container .payment-box .price,
.store .store-container .payment-box .quantity,
.store .store-container .payment-box .subtotal {
    width: 15%;
}

@media screen and (max-width: 600px) {

    .store .store-container .payment-box .price,
    .store .store-container .payment-box .quantity,
    .store .store-container .payment-box .subtotal {
        width: 20%;
    }
}

.store .store-container .payment-box .remove {
    text-align: center;
    background: #ECECEC;
    border-radius: 4px;
    width: 28px;
    height: 28px;
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.store .store-container .payment-box .item-heading {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.store .store-container .payment-box .basket-product {
    border-bottom: 0.75px solid rgba(0, 0, 0, 0.8);
    padding: 1rem 0;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.store .store-container .payment-box .basket-product .subtotal {
    text-align: left;
    color: #002169;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
}

@media screen and (max-width: 900px) {
    .store .store-container .payment-box .basket-product .subtotal {
        font-size: 16px;
        width: 30%;
    }
}

.store .store-container .payment-box .product-image {
    width: 151px;
    height: 204px;
    margin-right: 74px;
    border-radius: 3px;
}

@media screen and (max-width: 900px) {
    .store .store-container .payment-box .product-image {
        width: 64px;
        height: auto;
        margin-right: 20px;
    }
}

.store .store-container .payment-box .product-image img {
    width: 100%;
    height: 100%;
}

.store .store-container .payment-box .product-details {
    width: 40%;
}

@media screen and (max-width: 900px) {
    .store .store-container .payment-box .product-details {
        width: 26%;
    }
}

.store .store-container .payment-box .product-details h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
    text-align: left;
    color: #002169;
}

@media screen and (max-width: 900px) {
    .store .store-container .payment-box .product-details h1 {
        font-size: 16px;
        line-height: 0;
    }
}

.store .store-container .payment-box .product-details p {
    color: #002169;
    opacity: 0.65;
}

.store .store-container .payment-box .quantity-box {
    background: #ECECEC;
    border-radius: 4px;
    padding: 5px;
}

.store .store-container .payment-box .btn-count {
    color: #002169;
    cursor: pointer;
}

.store .store-container .payment-box .quantity-field {
    background-color: transparent;
    border: none;
    border-radius: 4px;
    font-size: 20px;
    padding: 2px;
    width: 20%;
    text-align: center;
}

.store .product-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
    grid-gap: 48px;
    padding: 20px;
}

.store .product-container .product-description {
    font-style: normal;
    grid-column: 1/-1;
}

.store .product-container .product-description p ul {
    font-size: 18px;
}

.store .product-container .wrapper-curved-text {
    display: flex;
    color: white;
    flex-direction: column;
    position: absolute;
    width: 100%;
    top: 102px;
}

.store .product-container .wrapper-curved-text .curved-text {
    margin: 0 auto;
    left: 30%;
    font-size: 32px;
    z-index: 30;
}

.store .product-container .wrapper-curved-text .curved-text span {
    text-transform: uppercase;
    font-family: "Alatsi", sans-serif;
    font-weight: 700;
    min-width: 0.5em;
    color: inherit;
    text-align: center;
    padding: 0;
    margin: 0;
}

.store .product-container .curved-number {
    z-index: 2;
}

.store .product-container .curved-number span {
    color: inherit;
    font-size: 174px;
    line-height: 220px;
    text-align: center;
    padding: 0;
    margin: 0;
    display: inline-block;
    transform: scale(0.7, 1.6);
}

@media only screen and (max-width: 1000px) {
    .store .product-container .wrapper-curved-text {
        top: 9%;
    }

    .store .product-container .wrapper-curved-text .curved-text {
        font-size: clamp(1.375rem, -0.5302rem + 3.4483vw, 1.625rem);
    }

    .store .product-container .wrapper-curved-text .curved-number span {
        font-size: clamp(10.5rem, -8.0754rem + 33.6207vw, 12.9375rem);
        line-height: clamp(9.75rem, -5.4914rem + 27.5862vw, 11.75rem);
        transform: scale(0.5, 1.1);
    }
}

@media only screen and (max-width: 883px) {
    .store .product-container .wrapper-curved-text {
        top: 14%;
    }

    .store .product-container .wrapper-curved-text .curved-text {
        font-size: clamp(1.75rem, -0.1214rem + 4.9822vw, 2.625rem);
    }

    .store .product-container .wrapper-curved-text .curved-number span {
        font-size: clamp(9.75rem, -0.944rem + 28.4698vw, 14.75rem);
        line-height: clamp(9.75rem, -0.944rem + 28.4698vw, 14.75rem);
        transform: scale(0.5, 1.1);
    }
}

@media only screen and (max-width: 600px) {
    .store .product-container .wrapper-curved-text {
        top: 14%;
    }

    .store .product-container .wrapper-curved-text .curved-text {
        font-size: clamp(1.375rem, -0.0179rem + 5.7143vw, 2.125rem);
    }

    .store .product-container .wrapper-curved-text .curved-number span {
        font-size: clamp(9.5rem, 3.2143rem + 38.0952vw, 17.5rem);
        line-height: clamp(9.5rem, 3.2143rem + 38.0952vw, 17.5rem);
    }
}

.store .product-container .gallery {
    width: 100%;
    display: block;
    max-width: 540px;
    position: relative;
}

@media screen and (max-width: 1000px) {
    .store .product-container .gallery {
        width: 100%;
        max-width: 100%;
    }
}

.store .product-container .gallery-slider {
    width: 100%;
    height: auto;
    margin: 0 0 10px 0;
}

.store .product-container .gallery-slider .swiper-slide {
    width: auto;
}

.store .product-container .gallery-slider .swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.store .product-container .gallery-thumbs {
    width: 100%;
    padding: 0;
    overflow: hidden;
}

@media screen and (max-width: 600px) {
    .store .product-container .gallery-thumbs {
        width: 100%;
    }
}

.store .product-container .gallery-thumbs .swiper-slide {
    width: 100px;
    height: 100px;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    opacity: 0.4;
}

.store .product-container .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

.store .product-container .gallery-thumbs .swiper-slide img {
    width: auto;
    height: 100%;
    padding: 40px;
}

.store .product-container .product-info {
    width: 90%;
    height: 100%;
    max-width: 100%;
    margin: auto;
}

.store .product-container .product-info .info-header {
    border-bottom: 3px solid #C50F3C;
}

.store .product-container .product-info .info-header h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    text-align: center;
    line-height: 54px;
    color: #002169;
    padding-bottom: 20px;
}

.store .product-container .product-info .size,
.store .product-container .product-info .color {
    font-style: normal;
    font-weight: 700;
    padding: 0 7px;
    padding-bottom: 25px;
    padding-top: 25px;
    border-bottom: 1px solid;
}

.store .product-container .product-info .color {
    padding-top: 40px;
}
@media screen and (max-width: 600px) {

    .store .product-container .product-info .size .tab-content,
    .store .product-container .product-info .color .tab-content {
        width: 100%;
        overflow: auto;
    }
}

.store .product-container .product-info .size p,
.store .product-container .product-info .color p {
    font-size: 24px;
    line-height: 33px;
    color: #002169;
    opacity: 0.7;
    margin:0;
    margin-bottom: 13px;
}

.store .product-container .product-info .size .radio-toolbar input[type=radio],
.store .product-container .product-info .color .radio-toolbar input[type=radio] {
    display: none;
}

.store .product-container .product-info .size .radio-toolbar input[type=radio]:checked+label,
.store .product-container .product-info .color .radio-toolbar input[type=radio]:checked+label {
    background: linear-gradient(135deg, #F99207 0%, #C91938 100%);
    color: #FFFFFF;
}

.store .product-container .product-info .size .radio-toolbar input[type=radio]:disabled+label,
.store .product-container .product-info .color .radio-toolbar input[type=radio]:disabled+label {
    background: #CDCDCD;
    color: #002169;
}

.store .product-container .product-info .size .radio-toolbar label,
.store .product-container .product-info .color .radio-toolbar label {
    background: #ECECEC;
    border-radius: 3px;
    min-width: 44px;
    padding: 1px 2px;
    height: 44px;
    margin-right: 10px;
    font-size: 18px;
    line-height: 30px;
    color: #002169;
    text-transform: uppercase;
    cursor: pointer;
}

.store .product-container .product-info .size .radio-toolbar label:hover,
.store .product-container .product-info .color .radio-toolbar label:hover {
    background: linear-gradient(135deg, #F99207 0%, #C91938 100%);
    color: #FFFFFF;
}

.store .product-container .product-info .size .radio-toolbar label .color-box,
.store .product-container .product-info .color .radio-toolbar label .color-box {
    padding: 10px;
    border: 3px solid #FFFFFF;
    border-radius: 50%;
}

.store .product-container .product-info .btn-box {
    border-bottom: 3px solid #C50F3C;
    padding-bottom: 30px;
    padding-top: 30px;
    font-style: normal;
}

.store .product-container .product-info .btn-box input[type=radio] {
    display: none;
}

.store .product-container .product-info .btn-box input[type=radio]:checked+label {
    background: linear-gradient(135deg, #F99207 0%, #C91938 100%);
    color: #FFFFFF;
}

.store .product-container .product-info .btn-box label {
    padding: 6px 22px;
    background: #ECECEC;
    border: unset;
    width: 100%;
    font-weight: 600;
    font-size: 18px;
    line-height: 36px;
    text-align: center;
    color: #002169;
    cursor: pointer;
}

.store .product-container .product-info .btn-box label:hover {
    background: linear-gradient(135deg, #FAAB46 0%, #CC2135 100%);
    color: #FFFFFF;
}

.store .product-container .product-info .btn-box label .color-box {
    padding: 10px;
    border: 3px solid #FFFFFF;
    border-radius: 50%;
}

.store .product-container .product-info .btn-box button {
    padding: 6px 22px;
    background: #ECECEC;
    border-radius: 3px;
    border: unset;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #002169;
    cursor: pointer;
}

.store .product-container .product-info .btn-box button.active {
    background: linear-gradient(135deg, #FAAB46 0%, #CC2135 100%);
    color: #FFFFFF;
}

.store .product-container .product-info .btn-box button:hover {
    background: linear-gradient(135deg, #FAAB46 0%, #CC2135 100%);
    color: #FFFFFF;
}

.store .product-container .product-info .btn-box .individual {
    display: none;
    width: 100%;
    box-sizing: border-box;
    background: linear-gradient(135deg, #FAAB46 0%, #CC2135 100%);
    border-radius: 3px;
    padding: 15px;
    margin-top: 30px;
    border-top: 1px solid #fff;
    flex-direction: column;
}

.store .product-container .product-info .btn-box .individual.active {
    display: flex;
}

.store .product-container .product-info .btn-box .individual input {
    text-transform: uppercase;
    border-radius: 3px;
    padding: 12px;
    background: rgba(255, 255, 255, 0.50);
    border: none;
    color: #002169;
}

.store .product-container .product-info .btn-box .individual input::placeholder {
    color: #fff;
}

.store .product-container .product-info .btn-box .individual input:nth-child(1) {
    margin-bottom: 15px;
}

.store .product-container .product-info .total {
    margin-top: 40px;
    align-items: baseline;
}

.store .product-container .product-info .total span:nth-child(1) {
    color: #002169;
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
}

.store .product-container .product-info .total span:nth-child(2) {
    color: #002169;
    font-weight: 600;
    font-size: 30px;
    line-height: 41px;
}

.store .product-container .product-info .add-cart {
    margin-top: 56px;
}

@media screen and (max-width: 600px) {

    .store .product-container .product-info .btn-box div{
        gap:10px;
        flex-wrap: wrap;
    }

    .store .product-container .product-info .btn-box .individual{
        margin: 10px 0;
    }
}

.store .product-container .product-info .add-cart button span svg path {
    fill: #DF592D;
}

.store .product-container .product-info .add-cart button span svg circle {
    fill: #E35A1E;
}

.store .product-container .product-info .add-cart button:hover span svg path {
    fill: #FFFFFF;
}

.store .product-container .product-info .add-cart button:hover span svg circle {
    fill: #FFFFFF;
}

@media only screen and (max-width: 600px) {
    .store .product-container .product-info .info-header h1 {
        font-size: 20px;
        line-height: normal;
        margin: 0;
    }

    .store .product-container .product-info .tabs .size p {
        font-size: 22px;
        margin: 16px auto;
    }

    .store .product-container .product-info .tabs .size .tab-content label {
        font-size: 16px;
    }


}

.store .auth-basket,
.store .empty-basket {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    display: none;
}


.store .auth-basket p,
.store .empty-basket p {
    margin-bottom: 8px;
    text-align: center;
    font-size: 25px;
}

.store .auth-basket .empty-basket-links,
.store .empty-basket .empty-basket-links {
    margin: 40px auto;
    gap: 16px;
    justify-content: space-between;
    width: 100%;
    display: flex;
    justify-content: center;
}

.delivery_sector {
    width: 80%;
    padding: 10px;
    margin: 35px auto;
}

.delivery_sector .delivery-header {
    display: none;
}

.delivery_sector .delivery_type {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Two columns with equal width */
    gap: 20px; /* Adjust the gap between grid items if needed */
    justify-content: space-between;
    margin: 10px auto;
}


.delivery_sector .selecotr-item {
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.delivery_sector .selector-item_radio {
    appearance: none;
    display: none;
}

.delivery_sector .selector-item_label {
    line-height: 1.5;
    font-size: clamp(16px, calc(14px + ((100vw - 320px) / (1920 - 320))), 32px);
    padding: 6px 15px;
    text-align: center;
    cursor: pointer;

    background: #ECECEC;
    border-radius: 210px;

    transition-duration: .5s;
    transition-property: transform, color, box-shadow;
    transform: none;
}

.delivery_sector .selector-item_label span {
    font-weight: 900;
    background: linear-gradient(92.38deg, #002169 -10.19%, #C50F3C 51.02%, #FFA200 104.72%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.delivery_sector p {
    line-height: 1.5;
    /* font-size: 14px; */
    text-align: center;
    font-size: clamp(16px, calc(14px + ((100vw - 320px) / (1920 - 320))), 32px);
}

.delivery_sector .selector-item_radio:checked+.selector-item_label {
    background: linear-gradient(92.38deg, #002169 -10.19%, #C50F3C 51.02%, #FFA200 104.72%);
    box-shadow: 0 0 4px rgba(0, 0, 0, .5), 0 2px 4px rgba(0, 0, 0, .5);
    transform: translateY(-2px);
}

.delivery_sector .selector-item_radio:checked+.selector-item_label span {
    font-weight: 900;
    background: white;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.delivery_sector .delivery_disable {
    display: none
}

.delivery_sector .delivery_disable.open {
    display: block
}

.delivery_sector .delivery_enable {
    display: none
}

.delivery_sector .delivery_enable.open {
    display: block
}

.total-price-basket{
    max-width: 200px;
    text-align: end;
    color: #002169;
    margin-bottom: 8px;
}

.pay-basket-product .pay-cancel-button {
    grid-row: 1/-1;
    border-radius: 999px;
}

.pay-basket-product .pay-cancel-button:hover {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.pay-basket-product .shipping-price {
    font-size: 20px;
    font-weight: 600;
}

.pay-basket-product .total-price-basket {
    margin-left: auto;
}

.pay-basket-product .total-price-basket .total-price span,
.pay-basket-product .total-price-basket span {
    font-weight: 600;
    font-size: 20px !important;
    line-height: 24px;
}


@media only screen and (max-width: 740px) {
    .pay-basket-product .shipping-price {
        font-size: 14px;
        line-height: 16px;
        font-weight: 600;
    }
}

.btn-back {
    margin: 48px;
}

.store-slider {
    height: 460px;
}

@media only screen and (max-width: 600px) {
    .store-slider {
        height: 100vw;
        margin: 0;
        line-height: 10;
    }

    .slider-content{
        width: 80%!important;
    }

    .delivery_sector .selecotr-item {
        width: 90%;
        margin-bottom: 5px;
    }
}

.store-slider .image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.store-slider .slider-content {
    position: absolute;
    display: flex;
    align-items: self-end;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 50%;
}

.store-slider h1 {
    color: #FFF;
    text-align: center;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.10);
    font-family: Noto Sans Armenian;
    font-size: 28px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}

@media only screen and (max-width: 600px) {
    .store-slider h1 {
        margin: 0;
        font-size: 16px;
        line-height: 22px;
    }

    .store-slider h1 .image-remove-button {
        margin: 4px;
    }
}

.store-slider .swiper-button-prev,
.store-slider .swiper-button-next {
    display: none;
}

.store-slider .btn-buy {
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 80px;
    padding: 14px 25px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    margin: auto;
}

@media only screen and (max-width: 600px) {
    .store-slider .btn-buy {
        padding: 10px 16px;
        font-size: 12px;
        line-height: 20px;
        margin: 17px auto;
    }
}

.store-slider .btn-buy span {
    background: linear-gradient(92.38deg, #002169 -10.19%, #C50F3C 51.02%, #FFA200 104.72%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.image-remove-button {
    top: 0;
    right: 0;
    margin: 10px;
    position: absolute;
}

@media only screen and (max-width: 1100px) {
    .image-remove-button {
        margin: 0;
    }
}

.image-remove-button button {
    border: none;
    background: none;
}

.swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    font-size: 10vw;
    color: #fff;
    transition: 0.5s all;
    position: relative;
    background-repeat: no-repeat;
    object-fit: contain;
}

.swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* button style */
.swiper-pagination-bullet {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    margin: 0 10px;
    background-color: transparent;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.3s;
}

.swiper-pagination-bullet span {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* button circle */
.progress {
    transform: rotate(-90deg);
}

.circle-origin {
    fill: transparent;
    stroke: rgb(255, 255, 255);
    stroke-width: 1;
    stroke-linecap: round;
    stroke-dasharray: 125.664px;
    stroke-dashoffset: 125.664px;
}

.swiper-pagination-bullet-active .circle-origin {
    animation: progress 5s;
}

@keyframes progress {
    0% {
        stroke-dashoffset: 125.664px;
    }

    90% {
        stroke-dashoffset: 0;
    }

    100% {
        stroke-dashoffset: -125.664px;
    }
}

.flex {
    display: flex;
}

.flex-wrap {
    flex-wrap: wrap;
}

.w-full {
    width: 100%;
}

.items-center {
    align-items: center;
}

.justify-center {
    justify-content: center;
}

.justify-start {
    justify-content: flex-start;
}

.justify-evenly {
    justify-content: space-evenly;
}

.justify-between {
    justify-content: space-between;
}

.justify-around {
    justify-content: space-around;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.auth .container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.auth .login {
    width: 450px;
    padding: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    transition: width 0.7s, height 0.7s, background-color 0.7s, transform 0.7s;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media screen and (max-width: 760px) {
    .auth .login {
        width: 100%;
        padding: 0;
    }
}

.auth .login__field {
    padding: 10px 0px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.auth .login__icon {
    position: absolute;
    top: 30px;
    color: #7875B5;
}

.auth .login__input {
    background: #ECECEC;
    border-radius: 3px;
    border: none;
    padding: 14px 18px;
    color: #002169;
    opacity: 0.5;
    font-size: 18px;
    border: 1px solid #ccc;
}

.auth .login__input::placeholder {
    font-size: 18px;
    line-height: 27px;
    color: #002169;
    opacity: 0.5;
}

.auth .login__input:active {
    outline: none;
    border-bottom-color: #6A679E;
}

.auth .login__input:focus {
    outline: none;
    border-bottom-color: #6A679E;
}

.auth .login__input:hover {
    outline: none;
    border-bottom-color: #6A679E;
}

.pyunik_responsive_text {
    font-size: clamp(16px, calc(16px + ((100vw - 320px) / (1920 - 320))), 32px) !important;
}

.pyunik_default_button,
.auth .login__submit {
    max-width: max-content;
    padding: 12px 20px;
    background: #ECECEC;
    border-radius: 210px;
    border: unset;
    font-family: initial;
    letter-spacing: 1.5px;
    width: 100%;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    cursor: pointer;
}

.pyunik_default_button span,
.auth .login__submit span {
    background: linear-gradient(92.38deg, #002169 -10.19%, #C50F3C 51.02%, #FFA200 104.72%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
    font-family: initial;
    letter-spacing: 1.5px;
    background-clip: text;
    text-fill-color: transparent;
}

.pyunik_default_button:hover,
.auth .login__submit:hover {
    background: linear-gradient(92.38deg, #002169 -10.19%, #C50F3C 51.02%, #FFA200 104.72%);
}

.pyunik_default_button:hover span,
.auth .login__submit:hover span {
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-clip: unset;
    text-fill-color: unset;
    color: #ffffff;
}

.pyunik_default_button:focus,
.auth .login__submit:focus {
    background: linear-gradient(92.38deg, #002169 -10.19%, #C50F3C 51.02%, #FFA200 104.72%);
}

.pyunik_default_button:focus span,
.auth .login__submit:focus span {
    color: #ffffff;
}

.auth .button__icon {
    font-size: 24px;
    margin-left: auto;
    color: #7875B5;
}

.auth .social-login {
    text-align: center;
    color: #fff;
}

.auth .social-login .social-title {
    font-family: "webly-bold";
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    text-align: center;
    color: #002169;
    opacity: 0.5;
    padding-top: 20px;
    padding-bottom: 18px;
}

.auth .auth-register {
    padding-top: 25px;
    font-size: 18px;
}

@media screen and (max-width: 600px) {
    .auth .auth-register {
        font-size: 14px;
    }
}

.auth .auth-register span {
    font-weight: 600;
    text-align: center;
    color: #002169;
    opacity: 0.5;
}

.auth .auth-register a {
    font-weight: 800;
    text-align: center;
    color: #002169;
}

.auth .remember .container {
    font-family: "webly-bold";
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 18px;
    line-height: 27px;
    color: rgba(0, 33, 105, 0.5);
}

@media screen and (max-width: 760px) {
    .auth .remember .container {
        font-size: 14px;
    }
}

.auth .remember .container span {
    margin-bottom: 5px;
}

.auth .remember .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.auth .remember .container input:checked~.checkmark {
    background-color: #002269;
}

.auth .remember .container input:checked~.checkmark:after {
    display: block;
}

.auth .remember .container:hover input~.checkmark {
    background-color: #ccc;
}

.auth .remember .container .checkmark:after {
    top: 8px;
    left: 8px;
    width: 7px;
    height: 7px;
    border-radius: 4px;
    background: white;
}

.auth .remember .checkmark {
    position: absolute;
    top: 4px;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #eee;
    border-radius: 4px;
}

.auth .remember .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.auth .social-icons {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.auth .btn-link {
    color: rgba(0, 33, 105, 0.5);
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 5px;
}

@media screen and (max-width: 760px) {
    .auth .btn-link {
        font-size: 14px;
    }
}

.auth .btn-link:hover {
    background: linear-gradient(92.38deg, #002169 -10.19%, #C50F3C 51.02%, #FFA200 104.72%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.auth .social-login__icon {
    background: #ECECEC;
    border-radius: 3px;
    width: 200px;
    height: 55px;
    color: rgba(0, 33, 105, 0.5);
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 27px;
}

.auth .social-login__icon:hover {
    background: linear-gradient(92.38deg, #002169 -10.19%, #C50F3C 51.02%, #FFA200 104.72%);
}

.auth .social-login__icon:hover span {
    color: #ffffff;
}

.bg-gray-200 {
    --bg-opacity: 1;
    background-color: #edf2f7;
    background-color: rgba(237, 242, 247, var(--bg-opacity));
}

.bg-none {
    background: inherit;
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.antialiased .cont {
    border-radius: 8px;
    background: #F5F5F5;
    max-width: 1061px;
    width: auto;
    min-height: 80vh;
    margin: 80px 8px 8px 140px;
}

@media screen and (max-width: 600px) {
    .antialiased .antialiased-container{
        padding: 0;
        margin: 0;
        width: 100%;
        margin-top: 50px;
    }

    .antialiased .cont {
        margin: 0px;
    }
}

@media screen and (min-width: 1350px) {
    .antialiased .cont {
        margin: 80px auto;
        padding-bottom: 50px;
    }
}

.antialiased .cont .cont-header {
    border-radius: 8px 8px 0 0;
    background: linear-gradient(92.38deg, #002169 -10.19%, #C50F3C 51.02%, #FFA200 104.72%);
    height: 157px;
    display: flex;
    align-items: flex-end;
}

@media only screen and (max-width: 1100px) {
    .antialiased .cont .cont-header {
        align-items: center;
    }
}

.antialiased .cont .cont-header .avatar {
    top: 60px;
    margin-left: 40px;
}

@media only screen and (max-width: 1100px) {
    .antialiased .cont .cont-header .avatar {
        top: 10px;
        margin-left: 10px;
    }
}

.antialiased .cont .cont-header .avatar label {
    bottom: 0;
    right: 0;
}

.antialiased .cont .cont-header .avatar img {
    max-width: 180px;
    max-height: 180px;
    width: 180px;
    height: 180px;
}

@media only screen and (max-width: 1100px) {
    .antialiased .cont .cont-header .avatar img {
        max-width: 126px;
        max-height: 126px;
    }
}

@media only screen and (max-width: 1100px) {
    .antialiased .cont .cont-header .avatar .file-input {
        max-width: 15px;
        max-height: 15px;
        padding: 6px;
    }

    .antialiased .cont .cont-header .avatar .file-input svg {
        display: flex;
    }
}

.antialiased .cont .cont-header .profile-avatar {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 196px;
    height: 196px;
}

@media only screen and (max-width: 720px) {
    .antialiased .cont .cont-header .profile-avatar {
        width: 100px;
        height: 100px;
        top: 0;
        left: 20px;
    }
}

.antialiased .cont .cont-header .title {
    margin-left: 20px;
    color: #FFFFFF;
    font-weight: 700;
    font-size: 32px;
    line-height: 36px;
}

@media only screen and (max-width: 720px) {
    .antialiased .cont .cont-header .title {
        margin-left: 20px;
        font-size: 22px;
    }
}

.antialiased .cont .cont-header .title h4 {
    margin: 10px 0px;
}

.antialiased .cont .nav {
    justify-content: center;
    border-bottom-color: #ebebeb;
    border-width: 0.75px;
    border-bottom-style: solid;
}

.antialiased .cont .nav ul {
    padding: 0;
    list-style-type: none;
    display: flex;
    justify-content: center;
}

.antialiased .cont .nav ul li {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    margin: 20px;
}

@media only screen and (max-width: 600px) {
    .antialiased .cont .nav ul {
        flex-wrap: wrap;
    }

    .antialiased .cont .nav ul li {
        font-size: 12px;
    }
}

.antialiased .cont .nav ul li a {
    color: #002169;
}

.antialiased .cont .nav ul li a.active {
    /* border-bottom-color: #C50F3C; */
    padding-bottom: 5px;
    background: linear-gradient(92.38deg, #002169 -10.19%, #C50F3C 51.02%, #FFA200 104.72%);
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    outline: none;
}

.antialiased .cont .content {
    max-width: 620px;
    margin: auto;
}

.antialiased .cont .content button {
    background: #ECECEC;
    border-radius: 210px;
    border: unset;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #002169;
    cursor: pointer;
}

.antialiased .cont .content button span {
    padding: 22px 25px;
    background: linear-gradient(92.38deg, #002169 -10.19%, #C50F3C 51.02%, #FFA200 104.72%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.antialiased .cont .content button.active {
    background: linear-gradient(135deg, #FAAB46 0%, #CC2135 100%);
    color: #FFFFFF;
}

.antialiased .cont .content button.active span {
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    text-fill-color: unset;
    color: #FFFFFF;
}

.antialiased .cont .content button:hover {
    background: linear-gradient(135deg, #FAAB46 0%, #CC2135 100%);
    color: #FFFFFF;
}

.antialiased .cont .content button:hover span {
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    text-fill-color: unset;
    color: #FFFFFF;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

@media screen and (max-width: 600px) {
    input::placeholder {
        font-size: 14px;
    }
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.max-w-3xl {
    max-width: 48rem;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.shadow-md {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.left-0 {
    left: 0;
}

.bottom-0 {
    bottom: 0;
}

.right-0 {
    right: 0;
}

.fixed {
    position: fixed;
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.bg-white {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.shadow {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.p-10 {
    padding: 2.5rem;
}

.rounded-lg {
    border-radius: 0.5rem;
}

.border-b-2 {
    border-bottom: 2px;
}

.w-32 {
    width: 8rem;
}

.mb-4 {
    margin-bottom: 1rem;
}

.mb-2 {
    margin-bottom: 0.5rem;
}

.ml-12 {
    margin-left: 12px;
}

.h-32 {
    height: 8rem;
}

.rounded-full {
    border-radius: 9999px;
}

.bg-gray-100 {
    --bg-opacity: 1;
    background-color: #f7fafc;
    background-color: rgba(247, 250, 252, var(--bg-opacity));
}

.font-medium {
    font-weight: 500;
}

.cursor-pointer {
    cursor: pointer;
}

.bg-white {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.mb-5 {
    margin-bottom: 1.25rem;
}

.text-center {
    text-align: center;
}

.hidden {
    display: none;
}

.text-gray-700 {
    --text-opacity: 1;
    color: #4a5568;
    color: rgba(74, 85, 104, var(--text-opacity));
}

@media screen and (max-width: 600px) {
    .sm-h-14px {
        height: 14px;
        width: 14px;
    }
}

@media screen and (max-width: 600px) {
    .sm-h-28px {
        height: 14px;
        width: 14px;
    }
}

.mb-1 {
    margin-bottom: 0.25rem;
}

.font-bold {
    font-weight: 700;
}

.block {
    display: block;
}

.w-full {
    width: 100%;
}

.text-gray-600 {
    --text-opacity: 1;
    color: #718096;
    color: rgba(113, 128, 150, var(--text-opacity));
}

.shadow-sm {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.px-5 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.border-slate-300 {
    border-color: #e2e8f0;
}

.border {
    border: 1px;
}

.mt-10 {
    margin-top: 10rem;
}

.mt-5 {
    margin-top: 5rem;
}

.mt-2 {
    margin-top: 2rem;
}

.pt-10 {
    padding-top: 10rem;
}

button.hover\:bg-blue-600:hover,
a.hover\:bg-blue-600:hover {
    --bg-opacity: 1;
    background-color: #4e5f81;
    background-color: rgba(78, 95, 129, var(--bg-opacity));
}

button.hover\:text-white:hover,
a.hover\:text-white:hover {
    color: #ffffff;
}

.text-white {
    color: #ffffff;
}

.error-block {
    color: red;
    margin: 10px 0;
}

.success-block {
    color: green;
}

.no-arrow {
    -moz-appearance: textfield;
}

.no-arrow::-webkit-inner-spin-button {
    display: none;
    -webkit-appearance: none;
    margin: 0;
}

.no-arrow::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.addresses .container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 20px;
}

.addresses .container .card {
    background: linear-gradient(79deg, #002169 -10.19%, #C50F3C 51.02%, #FFA200 104.72%);
    min-height: 220px;
    height: 100%;
    border-radius: 10px;
}

.addresses .container .card-wrapper {
    padding: 20px;
}

.addresses .container .card-wrapper span {
    color: #ffffff;
}

.border-teal-500 {
    --border-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--border-opacity)) !important;
}

.text-teal-900 {
    --text-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--text-opacity)) !important;
}

.bg-teal-100 {
    --bg-opacity: 1 !important;
    background-color: #e6fffa !important;
    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important;
}

.pt-100 {
    padding-top: 100px;
}

.pt-120 {
    padding-top: 120px;
}

.shadow-unset {
    box-shadow: unset !important;
}

.p-12 {
    padding: 12px;
}

.gap-16px {
    gap: 16px;
}

.wh-196px {
    width: 196px;
    height: 196px;
}

@media only screen and (max-width: 600px) {
    .sm-wh-100px {
        width: 100px;
        height: 100px;
    }
}

.max-w-196px {
    max-width: 196px;
}

.invalid-feedback {
    padding-top: 8px;
    font-size: 12px;
    color: #FF0000;
}

.active-box-shadow-md:active {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.justify-around {
    justify-content: space-around;
}

.relative {
    position: relative !important;
}

.items-end {
    align-items: end;
}

.block {
    display: block;
}

.col-span-full {
    grid-column: 1/-1;
}

.max-w-1228px {
    max-width: 1228px;
}

@media screen and (max-width: 900px) {
    .max-w-1228px {
        max-width: 1060px;
    }
}

.order-details {
    display: none;
    margin: 0px auto 10px;
    gap: 30px;
    padding: 0 8px 8px 8px;
    /* Remove extra left and right margins, due to padding */
    /* Clear floats after the columns */
    /* Responsive columns */
    /* Style the counter cards */
}

@media screen and (max-width: 800px) {
    .order-details {
        border-bottom: 0.75px solid rgba(0, 0, 0, 0.1);
        gap: 10px;
    }
}

.order-details .row {
    display: grid;
    background: white;
    grid-template-columns: 1fr 2fr;
}

.order-details .row .column1 {
    float: left;
    width: 100%;
    padding: 0 10px;
}

.order-details .row .column1 h3 {
    color: #002169;
    font-weight: 700;
}

.order-details .row .column1 .card {
    font-weight: bold;
    color: #002169;
}

.order-details .row .column2 {
    color: #596f9d;
    float: left;
    font-weight: 600;
    width: 100%;
    padding: 0 10px;
}

.order-details .row .column2 h3 {
    color: #002169;
    font-weight: 700;
}

.order-details .row {
    margin: -8px;
}

@media screen and (max-width: 800px) {
    .order-details .row {
        font-size: 14px;
    }
}

.order-details .row:after {
    content: "";
    display: table;
    clear: both;
}

@media screen and (max-width: 600px) {
    .order-details .column1 {
        width: 50%;
        display: block;
        margin-bottom: 20px;
    }

    .order-details .column2 {
        width: 100%;
        display: block;
        margin-bottom: 20px;
    }
}

.order-details .card {
    padding: 16px;
    text-align: start;
}

.hidden {
    display: none;
}

.levels {
    display: flex;
    align-items: start;
    position: relative;
    top: -14px;
}

.levels div {
    margin: 0 4px;
}

.levels div svg {
    width: 20px;
    height: 20px;
}

.column-2-30g {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.button__text {
    font-size: 18px;
    line-height: 27px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media screen and (max-width: 600px) {
    .button__text {
        font-size: 14px;
    }
}

.navigation {
    max-width: 300px;
    margin: auto;
    margin-bottom: 48px;
    margin-top: 48px;
}

.navigation .pagination-previous {
    margin: auto;
    color: #002169;
    max-width: max-content;
    padding: 8px 20px;
    background: #ECECEC;
    border-radius: 210px;
    border: unset;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    cursor: pointer;
}

.navigation .pagination-previous span {
    background: linear-gradient(92.38deg, #002169 -10.19%, #C50F3C 51.02%, #FFA200 104.72%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.navigation a {
    color: #002169;
    max-width: max-content;
    background: #ECECEC;
    border-radius: 210px;
    border: unset;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    cursor: pointer;
}

.navigation a span {
    background: linear-gradient(92.38deg, #002169 -10.19%, #C50F3C 51.02%, #FFA200 104.72%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.customize-cost span {
    font-size: 16px;
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 12px 0 0 0;
    color: #002169;
    font-weight: 700;
    line-height: 33px;
    opacity: 0.7;
}

.customize-cost span p {
    margin: 0;
}

.order-list {
    padding-bottom: 20px;
}

.order-item {
    display: flex;
    max-width: 700px;
    margin: auto;
    background: white;
    gap: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 8px;
}

@media screen and (max-width: 800px) {
    .order-item {
        flex-direction: column;
        border-bottom: 0.75px solid rgba(0, 0, 0, 0.1);
        gap: 10px;
        margin: 24px 16px;
    }
}

.order-item .basket-item-image {
    border-radius: 3px;
    max-width: 140px;
    height: auto;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

.order-item .basket-item-image img {
    object-fit: cover;
    width: 100%;
    height: auto;
}

@media screen and (max-width: 480px) {
    .order-item .basket-item-image {
        height: auto;
        max-width: 100%;
    }
}

.order-item .order-about-item {
    display: flex;
    padding: 20px 0px 20px 10px;
    gap: 10px;
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
}

@media screen and (max-width: 800px) {
    .order-item .order-about-item {
        border: none;
    }
}

.order-item .order-about-item .title-item {
    display: flex;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    color: #002169;
}

.order-item .order-about-item .product-name {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 12px;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    color: #002169;
}

.order-item .order-about-item .product-name .item-head {
    font-size: 20px;
    font-weight: 700;
}

.order-item .order-about-item .product-name .order-item-detail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.order-item .order-about-item .product-name .order-item-detail h2 {
    font-size: 28px;
    font-weight: 700;
    margin: 0;
}

.order-item .order-about-item .product-name .product-order-col {
    display: flex;
    overflow-x: auto;
    align-items: start;
    flex-direction: column;
    font-weight: 600;
}

.order-item .order-about-item .product-name .product-order-col .order-item-count {
    margin-top: 6px;
    display: flex;
    justify-items: center;
    align-items: center;
    background: #cdcdcd;
    border-radius: 4px;
    padding: 4px 12px;
}

.order-item .order-about-item .product-name .product-order-col span {
    text-align: start;
}

@media screen and (max-width: 700px) {
    .order-item .order-about-item .product-name {
        font-size: 12px;
    }
}

.order-item .order-about-item .product-name .order-product-item-wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.order-item .order-about-item .product-name .order-product-item-wrapper .order-product-item {
    text-align: start;
    min-width: 100px;
    display: grid;
    grid-template-rows: repeat(3, minmax(0, 1fr));
}

.order-item .order-about-item .product-name .order-product-item-wrapper .order-product-item span {
    color: #002169;
    font-size: 20px;
    font-weight: 700;
}

.order-item .order-about-item .product-name .order-product-item-wrapper .order-product-item div {
    font-size: 18px;
    color: #596f9d;
}

.order-item .order-about-item .product-name .order-iterm-price,
.order-item .order-about-item .product-name .order-item-apperance {
    display: flex;
    align-items: center;
    font-size: 20px;
}

.order-item .order-about-item .product-item {
    display: flex;
    justify-content: space-between;
}

.order-item .order-about-item .product-content .product-description {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 1fr;
    font-style: normal;
    font-weight: 700;
    width: 100%;
    font-size: 20px;
    line-height: 27px;
    color: #596f9d;
}

@media screen and (max-width: 800px) {
    .order-item .order-about-item .product-content .product-description {
        grid-template-columns: 1fr;
        font-size: 16px;
    }
}

.order-item .order-about-item .product-content .product-description p {
    margin: 0;
}

.order-item .order-about-item .product-content .product-description .product-count-price {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 48px;
    color: #002169;
}

.order-item .order-about-item .product-content .product-description .product-count-price .counter {
    display: flex;
    justify-content: space-between;
    max-width: auto;
    background: #ececec;
    width: 100%;
}

.order-item .order-about-item .product-content .product-description .product-count-price .counter input {
    opacity: 1;
    width: 100% !important;
}

.order-item .order-about-item .product-content .product-description .product-count-price .counter .changer {
    font-size: 20px;
    border: none;
    background: none;
    cursor: pointer;
}

.order-item .order-about-item .product-content .product-description .product-count-price .price {
    display: flex;
    width: 100%;
    justify-content: start;
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
    text-align: center;
}

@media only screen and (max-width: 800px) {
    .order-item .order-about-item .product-content .product-description .product-count-price .price {
        justify-content: end;
    }
}

.order-item .basket-item-counter {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.order-item .basket-item-counter .counter {
    display: flex;
    flex-direction: row;
    gap: 4px;
    max-width: min-content;
    align-items: center;
    padding: 8px 10px;
    background-color: #f6f6fa;
    border-radius: 8px;
}

.order-item .basket-item-counter .counter input {
    min-width: 20px;
}

.order-item .basket-item-counter .changer {
    font-size: 20px;
    border: none;
    background: none;
    cursor: pointer;
}

.order-item .basket-product-price {
    display: flex;
    flex-direction: column;
    align-items: end;
}

.order-item .basket-product-price .price-now {
    font-size: 20px;
    font-weight: 700;
}

.order-item .basket-product-price .old-price {
    font-size: 14px;
    line-height: 1.2;
    color: #a0a0a4;
    border-bottom: 1px dashed;
    max-width: max-content;
}

@media only screen and (max-width: 800px) {
    .order-item .basket-item-image {
        gap: 0px;
        position: relative;
    }

    .order-item .basket-item-image input {
        position: absolute;
        top: 0px;
        width: 20px;
        height: 20px;
    }

    .order-item .basket-item-image img {
        object-fit: cover;
        width: 100%;
        height: auto;
    }

    .order-item .about-basket-item {
        max-width: 100%;
    }

    .order-item .about-basket-item p {
        font-size: calc(4vw + 2vmin);
    }

    .order-item .about-basket-item span {
        font-size: calc(3vw + 1vmin);
    }

    .order-item .basket-item-counter {
        display: flex;
        margin-top: 20px;
        flex-direction: row;
        font-size: 16px;
    }

    .order-item .basket-product-price {
        margin-top: 20px;
    }
}

.order-container .navigation {
    display: none;
}

.swiper-wrapper .image {
    background: linear-gradient(92.38deg, #002169 -10.19%, #C50F3C 51.02%, #FFA200 104.72%);
    opacity: 0.55;
}

.store .store-section {
    padding-bottom: 48px !important;
}

.cols-2 {
    grid-template-columns: auto auto;
}

.cart-block .cart-count {
    z-index: 1;
    position: absolute;
    animation: leaves 0.5s ease-in-out infinite alternate;
}

@keyframes leaves {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.2);
    }
}

.store-menu {
    padding-bottom: 32px;
    margin-top: 120px;
}

@media screen and (max-width: 1040px) {
    .store-menu {
        margin-top: 0;
    }
}

.shop-section {
    margin: 40px 0px 20px;
    padding: 1rem 3rem 1rem 2rem;
    align-items: center;
    min-height: 99px;
    justify-content: space-between;
    display: flex;
}

.shop-section div {
    background: linear-gradient(92.38deg, #002169 -10.19%, #C50F3C 51.02%, #FFA200 104.72%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.shop-section div h1 {
    font-family: "GHEA Grapalat";
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    margin: 0;
}

@media screen and (min-width: 1040px) and (max-width: 1600px) {
    .shop-section {
        margin: 40px 0px 0px;
        padding: 1rem 3rem 1rem 2rem;
        align-items: center;
        display: flex;
    }

    .shop-section img {
        width: 100%;
        max-width: 600px;
    }

    .shop-section .main-shop-text {
        background: linear-gradient(92.38deg, #002169 -10.19%, #C50F3C 51.02%, #FFA200 104.72%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }

    .shop-section .main-shop-text h1 {
        font-family: "GHEA Grapalat";
        font-style: normal;
        font-weight: 700;
        font-size: 36px;
        margin: 0;
    }
}

@media only screen and (max-width: 1400px) {
    .shop-section {
        justify-content: center;
        gap: 12px;
        flex-direction: column-reverse;
    }
}

@media only screen and (max-width: 1040px) {
    .shop-section {
        flex-wrap: wrap;
    }

    .shop-section div h1 {
        font-size: 24px;
    }

    .shop-section img {
        width: 100%;
        max-width: 400px;
        padding: 4px;
    }
}

.border-gradient {
    border: 10px solid;
    border-image-slice: 1;
    border-radius: 20px;
}

.border-gradient-purple {
    border-image-source: linear-gradient(92.38deg, #002169 -10.19%, #C50F3C 51.02%, #FFA200 104.72%);
}

.only-top {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

@media screen and (max-width: 1850px) {

    #home .inner-container.home,
    #news-open .inner-container.news-open {
        max-width: 80%;
    }

    #media .inner-container {
        max-width: 86%;
        margin-left: 185px;
    }
}

@media screen and (max-width: 1600px) {
    header .menu-open .container {
        max-width: 1200px;
    }

    html[lang='hy'] header .menu-open .container {
        margin-left: 185px;
    }

    header .menu-open .open-menu-block li a {
        font-size: 18px;
    }

    header .social-block {
        padding-left: 24px;
    }

    header .social-block a {
        margin-right: 18px;
    }

    #top-block #top-slider .container {
        max-width: 80%
    }

    /*#top-block #top-slider .content-block h1{font-size: 110px;}*/
    #home .inner-container.home {
        max-width: 1200px;
        margin: 0 auto 0 185px;
    }

    #home .news-section.top .news-block {
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        -o-flex: 1;
        flex: 1;
    }

    #home .matches-block .countdown-title {
        font-size: 35px;
    }

    #home .matches-block .timer {
        font-size: 50px;
    }

    #home .news-section {}

    #home .news-section .mob-slider .news-block {
        width: 100%;
        margin: 0 0 20px;
        height: 100%
    }

    #home .news-section.top .item-block {
        margin: 0 -10px
    }

    #home .news-section.top .news-block.caption-under .image-block {
        height: 220px
    }

    #home .news-section.top .news-block.caption-under:hover .image-block {
        height: 240px
    }

    .owl-stage {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    .mob-slider {
        display: none;
        width: 100%;
        padding-bottom: 20px;
        margin: 0;
    }

    .owl-dots {
        position: absolute;
        right: 0;
        left: 0;
        bottom: -10px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
    }

    .owl-dots span {
        width: 8px;
        display: inline-block;
        height: 8px;
        background-color: #002269;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        margin-right: 12px;
    }

    .owl-dot:last-child span {
        margin-right: 0
    }

    .owl-dot.active span {
        background-color: #c50f3c;
    }

    #home .right-block {
        width: calc(100% - 810px);
    }

    #home .left-block {
        width: 790px;
    }

    #home .video-section .subscribe-block {
        width: auto;
    }

    .news-block.video {
        width: auto;
    }

    #home .results-section thead th {
        padding: 30px 10px;
    }

    #home .results-section tbody td {
        padding: 15px 0px;
    }

    #home .results-section tr {
        font-size: 18px;
    }

    #home .results-section td:first-child,
    #home .results-section th:first-child {
        padding-left: 35px;
    }

    #home .left-block .news-slider .news-block {
        width: 100%
    }

    #home .shop-section .shop-item {
        width: 100%;
        margin: 0;
    }

    #home .shop-item .image-block {
        width: 100%
    }

    #home #trophies-container .inner-container {
        max-width: 1024px
    }

    .trophies-slider .owl-prev {
        left: -80px;
        transform: translateY(-50%);
    }

    .trophies-slider .owl-next {
        right: -80px;
        transform: translateY(-50%);
    }

    #home .matches-block .timer-container {
        padding: 0 20px;
    }

    footer .top-footer ul {
        max-width: 1200px
    }

    footer .top-footer li a {
        font-size: 18px
    }

    footer .bottom-footer .container {
        max-width: 1200px
    }

    #media .inner-container {
        max-width: 1200px;
    }

    #media .left-block {
        max-width: 700px
    }

    #news-open #open-news-container {
        height: 750px;
    }

    #news-open .inner-container.news-open {
        max-width: 1200px;
    }

    #news-open #open-news-container h1 {
        font-size: 50px;
        line-height: 1.4;
    }

    .inner-container.news {
        max-width: 1200px;
        padding-top: 30px;
    }

    .inner-container.news .mob-slider .news-block {
        width: 100%;
        height: 100%;
        margin: 0
    }

    .inner-container.news .mob-slider .owl-item {
        padding-bottom: 6px;
    }

    html[lang='hy'] .inner-container.news h2.block-header {
        margin-bottom: 18px;
        font-size: 40px;
    }

    #news-open #open-news-container.video .video-block {
        max-width: 1200px;
        padding-bottom: 12px;
    }

    #news-open #open-news-container.video .video-block h1 {
        margin: 20px 0 0;
    }

    #news-open .news-inner-container {
        margin-top: 32px;
    }

    #player .player-item .iamge-block {
        width: 680px;
        left: -10px;
    }

    #home .partners-item {
        margin: 0;
        width: 100%;
        height: 100%
    }

    #s-page .inner-container {
        margin-left: 200px
    }

    #media .news-block {
        width: 45%;
    }
}

@media screen and (max-width: 1440px) {

    /*#top-block #top-slider .content-block h1{font-size: 100px;}*/
    header .search-field .input-field {
        max-width: 75%;
    }

    header .menu-open .container {
        max-width: 60%;
    }

    #top-block #top-slider .content-block time {
        font-size: 36px;
    }

    #home .inner-container.home {
        max-width: 1060px
    }

    #home .matches-block {
        padding: 0 50px 0;
    }

    #home .left-block {
        -webkit-flex: 2;
        -moz-flex: 2;
        -ms-flex: 2;
        -o-flex: 2;
        flex: 2;
    }

    #home .right-block {
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        -o-flex: 1;
        flex: 1;
    }

    #home .left-block .news-slider {
        width: 694px
    }

    #home .left-block .news-slider .image-block {
        width: 694px
    }

    #home .right-block .desc-block {
        line-height: 1.3
    }

    #home .right-block .desc-block p {
        font-size: 20px;
        max-height: 270px;
        line-height: 1.7;
    }

    #home .right-block .desc-block a {
        font-size: 20px;
    }

    #home h2.block-header {
        font-size: 42px;
        margin-top: 66px;
    }

    #player-list .inner-container {
        margin: 0 auto 0 185px
    }

    #player .player-item .iamge-block {
        width: 640px;
        left: 74px;
    }

    #player .player-item .content-block {
        width: calc(100% - 490px);
    }

    #player .player-item .number-name-block .player-number {
        font-size: 110px;
    }

    #player .player-item .number-name-block .player-name {
        font-size: 66px;
    }

    #player .player-item .number-name-block .player-position {
        font-size: 22px;
    }

    #player .inner-container.news {
        max-width: 940px
    }

    #news-open #open-news-container h1 {
        font-size: 45px;
    }

    #news-open #open-news-container.video .video-block {
        max-width: 1060px
    }

    #news-open #open-news-container.video .video-block h1 {
        font-size: 45px;
        line-height: 1.3;
        margin: 12px 0 0;
    }

    #news-open .inner-container.news-open {
        max-width: 1060px;
    }

    #news-open .news-inner-container .content {
        margin-left: 160px;
    }

    #news-open .inner-container.news-open {
        max-width: 1060px;
        margin: 0 auto 0 185px
    }

    #news-open .inner-container.news-open>div {
        max-width: 100%;
        margin: 0
    }

    .inner-container.news {
        max-width: 1060px;
    }

    footer .top-footer h2 {
        font-size: 26px;
    }

    footer .top-footer li a {
        font-size: 17px;
    }

    footer .top-footer>ul {
        margin: 0 auto 0 185px
    }

    footer .top-footer ul {
        max-width: 1060px
    }

    footer .bottom-footer .container {
        max-width: 1060px;
        margin: 0 auto 0 185px;
    }

    footer .bottom-footer .footer-links a {
        font-size: 16px;
    }

    #history p {
        font-size: 26px;
        line-height: 1.7;
    }

    #history .flex-block svg {
        min-width: 150px;
        margin: 0 82px 0 30px;
    }

    #history .flex-block span,
    #history .flex-block span p {
        line-height: 1.7;
        font-size: 25px;
    }

    #history .bg-content {
        max-width: 1060px;
        box-sizing: border-box;
        margin: 100px auto 30px;
        padding: 30px 100px;
    }

    #history .wide-block.image h2.header-block {
        font-size: 47px;
    }

    #history .inner-container.text-block {
        max-width: 940px
    }

    #history .inner-container.text-block p {
        font-size: 25px;
        line-height: 1.7;
    }

    #history blockquote {
        font-size: 24px;
        padding-left: 45px;
        line-height: 1.7;
        border-left: 10px solid #C50F3C;
        max-width: 730px;
    }

    #history .inner-container.text-block h2.header-block {
        font-size: 47px
    }

    #match-center .inner-container {
        max-width: 1060px;
    }

    .top-competition-block .competition-info .team-logo {
        width: 168px;
    }

    .top-competition-block .results-block {
        padding: 0 90px;
    }

    .top-competition-block .score-block {
        font-size: 66px;
    }

    #home .video-section .subscribe-block {
        height: 250px;
    }

    #home .video-section .subscribe-block span {
        font-size: 18px;
    }

    #home .video-section .subscribe-block img {
        width: 50%
    }

    #home .video-section .right-block .news-block.video {
        height: 250px
    }

    #home .video-section .left-block .news-block.video {
        height: 520px
    }

    #home .shop-item .image-block img {
        height: 100%
    }

    #home .matches-block .countdown-title {
        font-size: 30px;
    }

    #home .matches-block .clock-label {
        font-size: 16px;
    }

    #home .matches-block .timer {
        font-size: 44px;
    }

    #home #trophies-container .inner-container {
        max-width: 1060px;
        margin: 0 auto 0 185px
    }

    .trophies-item h2 {
        font-size: 20px;
    }

}

@media screen and (max-width: 1380px) {
    #top-block #top-slider .content-block time {
        font-size: 30px;
    }

    #home .inner-container.home {
        max-width: 1024px;
    }

    #home #trophies-container .inner-container {
        max-width: 1024px;
    }

    header .menu-open .fc-name {
        bottom: -17px;
    }

    header .menu-open .fc-name span {
        font-size: 190px;
    }

    #home h2.block-header {
        font-size: 40px;
    }

    html[lang=hy] #home h2.block-header {
        font-size: 40px;
    }

    #home .news-section.top .news-block.caption-under .image-block {
        height: 170px;
    }

    #home .news-section.top .news-block.caption-under:hover .image-block {
        height: 190px;
    }

    #home .news-section.top .news-block.caption-under .content-block {
        padding: 20px 30px 40px
    }

    #home .news-section.top .news-block.caption-under:hover .content-block {
        padding: 20px 30px 20px
    }

    #home .news-section.top .news-block.caption-under h3 {
        font-size: 26px;
    }

    #home .left-block .news-slider {
        width: 670px;
    }

    #match-center .inner-container {
        margin-left: 180px;
    }

    #bg-block .bg {
        background-size: 100%
    }

    .results-list .results-list-container .tickets-block {
        margin-left: 20px
    }

    #media .inner-container {
        margin: 0 auto 0 185px;
        justify-content: initial;
        max-width: 1060px
    }


}

@media screen and (min-width: 600px) {

    #player #stat-container .inner-container {
        padding-right: 25px;
        padding-left: 180px;
    }
}


@media screen and (max-width: 1280px) {
    h1.block-header {
        font-size: 42px;
    }

    header .menu-open .container {
        max-width: 880px;
    }

    header .menu-open .open-menu-block h2 {
        font-size: 24px;
    }

    header .menu-open .open-menu-block li a {
        font-size: 17px;
    }

    header .menu-open .fc-name {
        left: 0;
        right: 0;
        text-align: -webkit-center;
        text-align: center;
    }

    header .menu-open .fc-name span {
        font-size: 130px;
    }

    header .menu-open .menu-social {
        right: 0;
        bottom: 130px;
        left: 0;
        -webkit-justify-content: center;
        justify-content: center;
    }

    #top-block #top-slider .content-block h1 {
        font-size: 36px;
        line-height: 1.3;
        margin-bottom: 12px;
    }

    #top-block #top-slider .content-block time {
        font-size: 26px;
    }

    #top-block #top-slider .content-block .button {
        font-size: 20px;
        margin-top: 78px;
    }

    #home .inner-container.home {
        max-width: 940px;
    }

    #home h2.block-header {
        font-size: 36px;
    }

    #home .left-block .news-slider {
        width: 615px;
    }

    #home #trophies-container .inner-container {
        max-width: 940px;
    }

    #home .left-block .news-slider .news-block {
        height: 380px;
    }

    #home .right-block .desc-block {
        height: 380px;
    }

    #home .right-block .desc-block p {
        font-size: 18px;
        max-height: 240px;
        overflow: hidden;
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 8;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #home .shop-item .image-block {
        height: 360px
    }

    footer .top-footer ul {
        max-width: 940px;
    }

    footer .bottom-footer .container {
        max-width: 940px;
    }

    footer .bottom-footer .logo-block svg {
        width: 100px;
    }

    footer .top-footer h2 {
        font-size: 22px;
    }

    footer .top-footer>ul>li {
        padding-right: 19px;
        padding-left: 19px;
    }

    footer .top-footer li a {
        font-size: 16px;
    }

    #news-open #open-news-container.video .video-block,
    #news-open .inner-container.news-open {
        max-width: 940px;
    }

    #news-open #open-news-container.video .video-block h1 {
        font-size: 36px;
        margin: 6px 0 0;
    }

    #news-open #news-content-container time {
        letter-spacing: 1px;
        font-size: 20px;
    }

    #news-open #news-content-container p {
        letter-spacing: 1.3px;
        font-size: 22px;
    }

    #news-open .news-inner-container .social-block .share svg {
        width: 24px;
    }

    #news-open #news-content-container a svg {
        width: 20px
    }

    #news-open .news-inner-container .social-block {
        width: 92px;
    }

    #news-open .news-inner-container .social-block ul {
        padding: 10px 0;
    }

    #news-open #open-news-container {
        height: 80vh;
        overflow: hidden;
    }

    .inner-container.news {
        max-width: 940px;
    }

    #player-list .inner-container {
        max-width: 80%
    }

    #player-list .player-item {
        width: 300px;
    }

    #player-list .player-item .player-number {
        font-size: 36px;
    }

    #player-list .player-item .player-name {
        font-size: 22px;
    }

    #player .player-item .iamge-block {
        width: 560px;
        left: 120px;
    }

    #player .player-item .number-name-block .player-number {
        font-size: 80px;
    }

    #player .player-item .number-name-block .player-name {
        font-size: 56px;
    }

    #player #bio-container .inner-container {
        padding-top: 35px;
        padding-right: 25px;
        margin: 0 auto 0 185px;
    }

    #media h1.block-header {
        font-size: 40px;
    }

    #media .news-block h3 {
        font-size: 20px;
    }

    #media .inner-container {
        margin-left: 180px;
        max-width: 980px;
    }

    #media .left-block {
        max-width: 620px;
    }

    #media .news-block {
        width: 45%;
    }

    #media .right-block h2 {
        margin: 36px 12px 12px;
    }

    #history .bg-content {
        max-width: 940px;
    }

    #history .inner-container {
        max-width: 72%
    }

    #history .inner-container.text-block {
        max-width: 72%
    }

    #history p,
    #history .inner-container.text-block p {
        font-size: 22px;
        line-height: 1.6;
    }

    #history .flex-block {
        padding: 0
    }

    #history .flex-block span,
    #history .flex-block span p {
        font-size: 22px;
    }

    #history .wide-block.image p,
    #history blockquote {
        font-size: 22px;
    }

    #history .content-block h1.block-header {
        font-size: 50px;
    }

    #history .wide-block.image h2.header-block,
    #history .inner-container.text-block h2.header-block {
        font-size: 42px;
    }

    #match-center .inner-container {
        max-width: 80%
    }

    #match-center .select-block {
        margin-right: 30px;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        align-items: flex-start;
    }

    #match-center .select-block label {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .select-block select:not([multiple]):not([size]) {
        padding: 0px 30px 0 12px;
    }

    .news-block.caption-on h3 {
        font-size: 22px;
    }

    html[lang='hy'] .inner-container.news h2.block-header {
        font-size: 34px;
    }

    .inner-container.news h2.block-header {
        font-size: 34px;
    }

    #home .matches-block {
        padding: 0 30px;
    }

    #home .matches-block .score-block.versus {
        margin: 0 12px 40px;
    }

    #home .matches-block .countdown-title {
        font-size: 26px;
    }

    .trophies-item img {
        width: 60% !important;
    }

    .news-block.video h3 {
        font-size: 30px;
    }

    .news-block.video h4 {
        font-size: 20px;
    }

    .news-block.video .content-block {
        padding-bottom: 24px;
    }

    #home .left-block .news-slider h3 {
        font-size: 30px;
    }

    #s-page .s-page-body {
        max-width: 80% !important
    }

}

@media screen and (max-width: 1200px) {
    .inner-container.news-inner-container {
        flex-wrap: wrap;
    }

    header .menu-open .container {
        max-width: 840px;
        margin-left: 200px;
    }

    html[lang='hy'] header .menu-open .container {
        margin-left: 200px
    }

    header .menu-open .open-menu-block ul {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    header .menu-open .open-menu-block>ul>li {
        -webkit-flex: auto;
        -moz-flex: auto;
        -ms-flex: auto;
        -o-flex: auto;
        flex: auto;
        width: 20%;
        margin-bottom: 50px;
    }

    header .search-field .input-field {
        max-width: 66%;
    }

    #s-page .inner-container {
        margin-left: 180px;
    }

    #s-page h1.block-header {
        font-size: 36px;
    }

    #partners-container .image-block {
        width: 170px;
    }

    #s-page .inner-container {
        max-width: 80%;
    }

    #top-block #top-slider .container {
        max-width: 60%;
        padding: 0
    }

    #home .inner-container.home {
        max-width: 74%;
    }

    #home .matches-block {
        height: 240px
    }

    #home .matches-block .team-logo {
        width: 80px;
    }

    #home .matches-block .countdown-title {
        font-size: 22px;
    }

    #home .matches-block .timer {
        font-size: 36px;
    }

    #home .matches-block .button {
        font-size: 16px;
        height: 50px;
        padding: 0px 30px;
    }

    #home .matches-block .clock-label {
        font-size: 14px;
    }

    #home .video-section .subscribe-block {
        height: 200px;
        padding: 34px 0;
    }

    #home .video-section .subscribe-block img {
        width: 38%
    }

    #home .video-section .subscribe-block span {
        font-size: 17px;
        margin-top: 20px
    }

    #home .video-section .left-block .news-block.video {
        height: 450px;
    }

    .news-block.video svg {
        max-width: 50px;
    }

    .news-block.video h3 {
        font-size: 28px;
    }

    .news-block.video h4 {
        font-size: 18px;
    }

    #home .results-section .position-team>span {
        margin-right: 8px;
    }

    #home .left-block .news-slider h3 {
        font-size: 28px;
    }

    #home #trophies-container .inner-container {
        max-width: 74%
    }

    #home .video-section .right-block .news-block.video {
        height: 230px
    }

    #home .left-block .news-slider {
        width: 580px
    }

    #home .right-block .desc-block {
        padding: 20px 28px;
    }

    html[lang=hy] #home h2.block-header {
        font-size: 36px;
    }

    #top-block #top-slider .content-block h1 {
        font-size: 32px;
    }

    #top-block #top-slider .content-block time {
        line-height: 1.3;
        font-size: 24px;
    }

    #top-block #top-slider .content-block .button {
        margin-top: 60px;
    }

    footer .top-footer {
        height: auto;
        padding: 120px 0 80px;
    }

    footer .top-footer>ul {
        max-width: 66%;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    footer .top-footer>ul>li {
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        -o-flex: 1;
        flex: 1;
        margin-bottom: 20px;
    }

    footer .bottom-footer .container {
        max-width: 66%;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    footer .bottom-footer .subscribe-block {
        width: 100%;
        flex: none;
    }

    footer .bottom-footer .subscribe-block>div {
        width: 100%
    }

    footer .bottom-footer .subscribe-block input {
        width: 100%
    }

    .results-list .results-list-container .res-item .date {
        min-width: 100px;
        max-width: 100px;
    }

    .results-list .results-list-container .res-item .date time {
        font-size: 14px;
    }

    .results-list .results-list-container .score-block {
        max-width: 55px;
        min-width: 55px;
    }

}

@media screen and (max-width: 1024px) {
    header .menu-open .container {
        max-width: 600px;
    }

    header .menu-open .menu-social {
        bottom: 76px;
    }

    header .menu-open .menu-social span {
        font-size: 20px;
    }

    header .menu-open .open-menu-block h2 {
        margin-bottom: 16px;
    }

    header .menu-open .fc-name {
        bottom: -8px
    }

    header .menu-open .fc-name span {
        font-size: 70px;
    }

    #media h1.block-header {
        font-size: 45px;
        margin-bottom: 10px;
    }

    #media .right-block {
        width: 620px;
        margin: 0;
    }

    #media .inner-container {
        margin-left: 170px;
        max-width: 70%;
    }

    #home .news-section.top .news-block.caption-on .content-block {
        top: 0
    }

    #top-block #top-slider .content-block h1 {
        font-size: 28px;
    }

    #top-block #top-slider .content-block time {
        font-size: 22px;
    }

    #top-block #top-slider .content-block .button {
        margin-top: 50px;
        padding: 0px 36px 0px;
        font-size: 20px;
        height: 58px;
    }

    #home .inner-container.home {
        max-width: 65%;
    }

    #home .matches-block {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
        padding: 30px 28px;
    }

    #home .matches-block .countdown-title {
        font-size: 30px;
    }

    #home .matches-block .timer-container {
        margin: 20px 0;
    }

    #home .matches-block .button {
        padding: 0px 42px;
    }

    #home .matches-block .team-logo {
        width: 70px;
    }

    #home .video-section {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 0px 40px 0;
    }

    #home .video-section .left-block {
        width: 100%
    }

    #home .video-section .left-block .news-block.video {
        height: 460px;
    }

    #home .video-section .right-block {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        margin-top: 40px
    }

    #home .video-section .right-block .news-block.video {
        margin-left: 20px;
        width: 50%;
    }

    #home .results-section,
    #home .news-section {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #home .results-section .right-block {
        width: 100%
    }

    #home .video-section .subscribe-block {
        padding: 40px 20px;
        border: 5px solid #FFA300;
        margin-bottom: 0;
        height: auto;
        width: 50%;
    }

    /*#home .results-section .right-block .voting-block{height: 150px;}*/
    #home .results-section .right-block .red-block {
        height: 150px;
    }

    #home .left-block {
        width: 100%
    }

    #home .left-block .news-slider {
        width: 100%
    }

    #home .left-block .news-slider .content-block {
        padding: 40px;
    }

    #home .right-block {
        width: 100%
    }

    #home .right-block .desc-block {
        height: auto;
    }

    #home .news-section.top .news-block.caption-under h3 {
        font-size: 22px;
    }

    #home #trophies-container .inner-container {
        max-width: 65%
    }

    #home #trophies-container .owl-dots {
        bottom: -30px
    }

    #news-open #open-news-container {
        height: 560px;
    }

    #news-open #open-news-container.video .video-block,
    #news-open .inner-container.news-open {
        max-width: 620px
    }

    #news-open .inner-container.news-open>div {
        margin: 0 auto 0 0;
    }

    #news-open .news-inner-container {
        margin-top: 8px;
    }

    #news-open .news-inner-container .content {
        margin-left: 120px;
    }

    #news-open .news-inner-container .social-block {
        width: 75px;
    }

    #news-open .news-inner-container .social-block .share {
        height: 75px
    }

    .social-block{
        padding: 21px 0;
    }

    #news-open #news-content-container p {
        font-size: 20px;
        line-height: 1.4;
    }

    #match-center .inner-container {
        max-width: 70%;
    }

    .news-block.caption-on h3 {
        font-size: 22px;
    }

    .news-block.caption-on time {
        bottom: 18px
    }

    html[lang=hy] #home h2.block-header {
        font-size: 32px;
    }

    html[lang=hy] #home .inner-container.home {
        padding-top: 0
    }

    .news-block.video h3 {
        font-size: 32px;
    }

    .news-block.video .content-block {
        padding-bottom: 24px;
    }

    .inner-container.news,
    #player-list .inner-container {
        max-width: 620px
    }

    .trophies-slider {
        margin: 0 auto
    }

    .top-competition-block .competition-name {
        padding-top: 26px;
    }

    .top-competition-block .competition-name h1 {
        font-size: 30px;
    }

    .top-competition-block .score-block {
        font-size: 36px;
        margin-top: 80px;
    }

    .top-competition-block .results-block {
        padding: 0
    }

    .top-competition-block .competition-info {
        padding-bottom: 50px
    }

    .top-competition-block .competition-info .team-block {
        transform: translateY(-56px);
    }

    .top-competition-block .competition-info .team-logo {
        width: 140px;
    }

    .top-competition-block .competition-info .team-name {
        font-size: 20px;
        margin-top: 12px;
    }

    .results-list .results-list-container {
        padding: 40px 20px;
    }

    .results-list .results-list-container .tickets-block {
        display: none
    }

    #history .inner-container {
        max-width: 66%;
    }

    #player #top-info-block,
    #player .player-item {
        height: 80vh
    }

    #player .player-item .iamge-block {
        width: 440px;
    }

    #player .player-item .content-block {
        width: calc(100% - 460px);
        margin-right: 30px;
    }

    #player .player-item .number-name-block .player-number {
        margin-right: 24px;
    }

    #player .player-item .number-name-block .player-name {
        font-size: 50px;
    }

    #player #bio-container .inner-container {
        max-width: 620px
    }

    #player h2.block-header {
        font-size: 40px;
    }

    #player #bio-container .content-block p {
        font-size: 20px;
        line-height: 1.3;
        margin-bottom: 12px;
    }

    #player #bio-container.open .read-more-button {
        top: 22px;
    }

    #history .inner-container.text-block {
        max-width: 66%;
    }

    #history p,
    #history .inner-container.text-block p {
        font-size: 20px;
    }

    #history .wide-block.image p,
    #history blockquote {
        font-size: 20px;
    }

    #history blockquote {
        padding-left: 30px;
        border-left: 8px solid #C50F3C;
    }

    #history .flex-block span,
    #history .flex-block span p {
        font-size: 20px;
    }

    #s-page h1.block-header {
        font-size: 32px;
    }

    #s-page .inner-container {
        max-width: 70%;
    }

    #s-page .s-page-body {
        max-width: 100% !important;
    }

    #contacts .contact-block {
        padding: 26px 40px;
        margin-left: 50px;
    }

    #contacts .contact-block h2 {
        font-size: 30px;
        margin-bottom: 0;
    }

    #contacts .contact-block span {
        font-size: 20px;
    }

    #contacts .contact-block>div {
        padding: 22px 0;
    }
}

@media screen and (max-width: 980px) {
    header .search-block svg {
        width: 40px
    }

    header .search-field input {
        font-size: 36px;
    }

    #top-block #top-slider .content-block h1 {
        font-size: 25px;
    }

    #top-block #top-slider .content-block .button {
        padding: 0px 32px 0px;
        font-size: 18px;
        height: 50px;
    }

    #top-block .owl-nav svg {
        width: 10px;
    }

    #top-block .owl-prev {
        padding: 17px 22px !important
    }

    #top-block .owl-next {
        padding: 16px 0px 16px 28px !important;
    }

    #top-block .owl-prev,
    #top-block .owl-next {
        width: 60px;
        height: 60px;
    }

    #top-block #top-slider .content-block time {
        max-width: 70%;
    }

    #s-page .s-page-body {
        padding: 20px 30px;
        line-height: 1.7;
    }

    #s-page .s-page-body td,
    #s-page .s-page-body th {
        padding: 20px 0;
        height: auto !important
    }

    #s-page .s-page-body tr {
        height: auto !important
    }

    .news-block h3 {
        font-size: 22px;
    }

    #news-open #open-news-container h1 {
        line-height: 1.3;
        font-size: 36px;
    }

    .social-block{
        padding: 0;
    }


    #news-open #news-content-container p {
        letter-spacing: 1px;
        font-size: 20px;
        line-height: 1.5;
    }

    #media h1.block-header {
        font-size: 38px;
        margin-bottom: 18px;
    }

    #media .news-block {
        width: 45%;
    }

    h1.block-header {
        font-size: 38px;
    }

    #player .player-item .number-name-block {
        margin-bottom: 20px
    }

    #player .player-item .iamge-block {
        width: 430px;
        left: 120px;
    }

    #player .player-item .number-name-block .player-name {
        font-size: 46px;
        line-height: 1.3;
        margin-bottom: 10px;
    }

    #player .player-item .number-name-block .player-number {
        font-size: 70px;
        margin-right: 24px;
    }

    #player .player-item .number-name-block .player-position {
        font-size: 20px;
        margin-bottom: 0;
    }

    #player .player-item .social-block span {
        font-size: 18px;
    }

    #player .player-item .social-block>div {
        padding-right: 50px;
    }

    #player .player-item .personal-info li {
        font-size: 17px;
    }

    #history #bg-block {
        height: 80vh;
    }

    #history .content-block h1.block-header {
        font-size: 44px;
        margin-bottom: 20px;
    }

    #history .flex-block svg {
        min-width: 100px;
        margin: 0 60px 0 30px;
    }

    #history .wide-block {
        height: auto;
    }

    #history .inner-container {
        padding: 12% 0 8%;
        margin-left: 170px;
    }

    #history .wide-block.image .inner-container {
        padding: 13% 0;
    }

    #history .clip-block.top {
        height: 70px;
    }

    #history .clip-block.top svg {
        top: 70px
    }

    #history .clip-block.bottom {
        height: 100px;
    }

    #history .clip-block.bottom svg {
        bottom: 100px
    }
}

@media screen and (max-width: 768px) {
    html[lang='hy'] header .menu-open .container {
        margin-left: 170px;
    }

    header .menu-open .container {
        margin-left: 170px;
        max-width: 70%;
    }

    header .menu-open .open-menu-block li a {
        font-size: 16px;
    }

    header .search-field .input-field {
        margin-left: 170px;
    }

    header .search-block {
        margin-right: 24px;
        margin-top: 0px;
    }

    header .search-block svg {
        width: 34px
    }

    header .search-lang {
        padding: 18px 24px;
    }

    #top-block #top-slider .container {
        margin-left: 190px;
    }

    #top-block #top-slider .content-block h1 {
        font-size: 22px;
    }

    #top-block #top-slider .content-block time {
        max-width: 85%;
        font-size: 20px;
    }

    #top-block .owl-nav {
        right: 50px
    }

    #home .inner-container.home {
        margin: 0 auto 0 170px;
    }

    #home .video-section .left-block .news-block.video {
        height: 380px;
    }

    #home .video-section .subscribe-block {
        width: auto;
    }

    #home .video-section .right-block .news-block.video {
        width: auto;
    }

    #home .video-section .right-block {
        margin: 20px 0 0;
    }

    #home .video-section {
        margin: 0 0 20px
    }

    #home .results-section td:first-child,
    #home .results-section th:first-child {
        padding-left: 22px;
    }

    #home .results-section th:last-child {
        padding-right: 30px;
    }

    #home .results-section td:last-child {
        padding-right: 30px;
    }

    #home .left-block .news-slider .content-block {
        padding: 18px 30px;
    }

    #home #trophies-container .inner-container {
        margin: 0 auto 0 170px;
    }

    footer .top-footer {
        padding: 80px 0;
    }

    footer .bottom-footer .container,
    footer .top-footer>ul {
        margin: 0 auto 0 170px;
    }

    #news-open .inner-container.news-open {
        max-width: 60%;
        margin: 0 auto 0 170px;
    }

    #news-open .news-inner-container {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin: 0;
        min-height: 200px;
    }

    #news-open .news-inner-container .content {
        margin: 0
    }

    #news-open .news-inner-container .social-block {
        position: static;
        width: 100%;
        height: 60px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
        margin-top: 0px;
    }

    #news-open .news-inner-container .social-block .share {
        width: 70px;
        height: 100%
    }

    #news-open .news-inner-container .social-block .share svg {
        width: 20px
    }

    #news-open .news-inner-container .social-block ul {
        padding: 0;
        height: 60px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        -o-flex: 1;
        flex: 1;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    #news-open .news-inner-container .social-block li {
        width: auto;
        height: 100%;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        -o-flex: 1;
        flex: 1;
        text-align: center;
    }

    #news-open .news-inner-container .social-block li svg {
        width: 20px
    }

    #news-open #news-content-container a svg {
        width: 18px
    }

    #player-list h2.block-header {
        font-size: 28px;
    }

    #player-list .player-item {
        height: 320px;
        margin: 0 10px 40px;
    }

    #player-list .player-item img {
        width: 100%
    }

    #player-list .player-item .player-name {
        font-size: 20px;
        margin-bottom: 0px;
    }

    #player-list .player-item:hover .player-name {
        margin-bottom: 6px
    }

    #player #top-info-block {
        height: 60vh;
    }

    #player .player-item {
        height: 60vh;
    }

    #player .player-item .iamge-block {
        width: 360px;
        left: 100px;
    }

    #player .player-item .content-block {
        width: calc(100% - 400px);
        margin-right: 36px;
    }

    #player .player-item .number-name-block .player-name {
        font-size: 30px;
    }

    #player .player-item .number-name-block .player-number {
        font-size: 50px;
    }

    #player .player-item .personal-info li {
        font-size: 16px;
    }

    #player h2.block-header {
        font-size: 32px;
    }

    #player #bio-container .inner-container {
        max-width: 65%;
        margin: 0 auto 0 170px;
        padding: 46px 0;
    }

    #player #bio-container .content-block p {
        margin-bottom: 10px;
    }

    #player #bio-container.open .read-more-button {
        top: 0;
        right: -22px;
    }

    .news-block.video h3 {
        font-size: 28px;
    }

    .news-block .content-block {
        padding: 80px 20px;
    }

    #player-list .inner-container {
        max-width: 65%;
        margin: 0 auto 0 170px;
        padding-top: 80px;
    }

    .top-competition-block .timer-container .clock-col {
        padding: 0px 10px;
    }

    .top-competition-block .timer-container .countdown-block {
        padding: 10px;
    }

    .top-competition-block .timer-container .timer {
        font-size: 24px;
        min-width: 42px;
    }

    .top-competition-block .competition-info .team-logo {
        width: 100px;
    }

    .top-competition-block .competition-info .team-name {
        font-size: 16px;
        margin-top: 4px;
    }

    .top-competition-block .score-block {
        font-size: 32px;
        margin-top: 110px;
    }

    .top-competition-block .competition-info .team-block {
        transform: translate(0, -80px);
    }

    .top-competition-block .competition-name h1 {
        font-size: 26px;
    }

    #match-center .results-list .results-filter {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .results-list .results-list-container .res-item .result-list-link {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .results-list .results-list-container .competition-name {
        width: 100%;
        max-width: 100%;
        justify-content: center;
        margin-top: 20px;
    }

    .results-list .results-list-container .divider-block {
        padding-top: 60px
    }

    .inner-container .s-page-body .container {
        display: flex;
    }

    .inner-container .s-page-body .container .title {
        margin-right: 24px;
        margin-top: 26px;
    }

}

@media screen and (max-width: 600px) {
    .item-block {
        margin: 0;
        width: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .rotate {
        transform: inherit;
    }

    header .menu-cont.hide {
        height: 50px
    }

    header .vertical-block.active {
        -webkit-justify-content: center;
        justify-content: center;
        padding-bottom: 0
    }

    header .vertical-block.active .fc-name {
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    header .vertical-block.active .fc-name span {
        font-size: 18px;
    }

    header .search-lang {
        display: none;
        top: 56px;
        right: 8px;
        position: fixed;
        z-index: 99
    }

    header .fc-name {
        margin-left: 84px;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
    }

    header.active .fc-name {
        margin-left: 68px
    }

    header .fc-name span {
        font-size: 18px;
        letter-spacing: 1px;
    }

    header #header-block {
        top: 0;
        right: 0;
        left: 0;
        height: 50px;
        width: 100%;
    }

    header .logo-block {
        display: inline-block;
        margin: 4px 0 0 12px;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
    }

    header.active .logo-block {
        display: inline-block;
        margin: 5px 0 0 20px;
    }

    header .logo-block img {
        width: 58px;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
    }

    header.active .logo-block img {
        width: 30px;
    }

    header .vertical-block {
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
    }

    header .menu-cont {
        width: 100%;
        top: 0;
        height: 50px;
        border-radius: 0;
        position: absolute;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    header .social-block {
        transform: inherit;
        display: none;
    }

    header .menu-icon {
        margin: 0;
        height: 50px;
        width: 55px;
        background-color: #002269;
        -webkit-justify-content: center;
        justify-content: center;
    }

    header .menu-icon>span {
        font-size: 8px;
    }

    header .menu-icon div {
        width: 28px;
        height: 12px;
        margin-bottom: 3px
    }

    header .menu-icon div span {
        width: 28px
    }

    header .menu-icon.open div span:first-child {
        transform: rotate(-45deg) translate(0px, 5px);
    }

    header .menu-icon.open div span:last-child {
        transform: rotate(45deg) translate(-2px, -7px);
    }

    header .menu-icon.open div span {
        width: 20px;
    }

    header .menu-open {
        width: 300px;
        display: block;
        transform: translateX(100%);
        -webkit-transition: transform 0.3s ease;
        -moz-transition: transform 0.3s ease;
        -o-transition: transform 0.3s ease;
        transition: transform 0.3s ease;
        left: inherit;
    }

    header .menu-open .container {
        padding: 120px 0px 20px !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: 0;
        max-width: 100%
    }

    header .menu-open.open {
        transform: translateX(0%);
    }

    header .menu-open.open .open-menu-cont {
        width: 100%;
    }

    header .menu-open.open .open-menu-block>ul {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 400px;
        overflow-x: hidden;
        overflow-y: scroll;
        display: block;
    }

    header .menu-open .open-menu-block .arrow {
        display: block;
    }

    header .menu-open .submenu {
        height: 0;
        padding: 0 0 0px 14px;
        opacity: 0;
        /*visibility: hidden;*/
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    header .menu-open .submenu.open {
        height: auto;
        visibility: visible;
        opacity: 1;
        padding: 10px 0 10px 14px;
    }

    header .menu-open .open-menu-block h2 {
        font-size: 20px;
        margin: 0;
        padding: 10px 0;
    }

    header .menu-open .open-menu-block>ul>li {
        transform: matrix(1, 0, 0, 1, 0, 0) !important;
        opacity: 1 !important;
        margin-bottom: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.12);
        overflow: hidden;
        padding-left: 20px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        width: 100%;
        box-sizing: border-box;
    }

    header .menu-open .open-menu-block li a {
        font-size: 17px;
        display: block
    }

    header .menu-open .submenu li:hover a {
        padding-left: 3px
    }

    header .menu-open .menu-social {
        position: static;
    }

    header .menu-open .menu-social span {
        display: none;
    }

    header .menu-open .menu-social .soc-net {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        width: 100%;
        margin: 0
    }

    header .menu-open .fc-name {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0
    }

    header .menu-open .fc-name span {
        font-size: 35px;
    }

    #history p {
        font-size: 16px;
    }

    #history .inner-container {
        padding: 12% 10px;
        margin: 0;
        max-width: 100%
    }

    #history .inner-container.text-block {
        padding: 30px 12px;
        max-width: 100%;
    }

    #history .inner-container.text-block p {
        font-size: 16px;
        margin-bottom: 12px;
    }

    #history .inner-container.text-block h2.header-block {
        font-size: 25px;
        margin-bottom: 0;
        padding-bottom: 6px;
    }

    #history .content-block h1.block-header {
        margin-top: 84px;
        margin-bottom: 20px;
        font-size: 25px;
    }

    #history .flex-block {
        padding: 0 20px;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #history .flex-block svg {
        width: 60px;
        min-width: 20px;
        margin: 30px auto 30px;
    }

    #history .flex-block span,
    #history .flex-block span p {
        font-size: 16px;
    }

    #history .wide-block {
        height: auto;
        -webkit-align-items: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
    }

    #history .wide-block.image {
        padding: 148px 0;
        height: auto;
    }

    #history .wide-block.image p {
        font-size: 16px;
    }

    #history .wide-block.image h2.header-block {
        font-size: 25px;
    }

    #history .wide-block.image .inner-container {
        padding: 0 10px;
    }

    #history .bg-content {
        padding: 3px 30px;
    }

    #history #bg-block {
        height: 90vh
    }

    #player-list #bg-block {
        position: fixed;
    }

    #history blockquote {
        font-size: 16px;
        padding-left: 20px;
        border-left: 3px solid #C50F3C;
        margin-bottom: 12px;
    }

    #top-block {
        height: 212px;
        margin-top: 50px
    }

    #top-block,
    #top-block #top-slider,
    #top-block #top-slider .slider-item {
        height: 212px
    }

    #top-block #top-slider .content-block {
        top: inherit;
        bottom: 0;
        right: 0;
        left: 0;
        transform: translateY(0);
        padding: 0 35px 24px;
        margin-left: auto;
        max-width: 100%;
    }

    #top-block #top-slider .content-block h1 {
        font-size: 20px;
        height: 51px;
        margin-bottom: 10px;
        line-height: 1.1;
        display: -moz-box;
        display: -webkit-box;
        display: box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #top-block #top-slider .content-block time {
        max-width: 80%;
        font-size: 14px;
        display: -moz-box;
        display: -webkit-box;
        display: box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #top-block #top-slider .content-block .button {
        font-size: 11px;
        text-transform: uppercase;
        padding: 0 18px;
        height: 30px;
        margin-top: 14px;
    }

    #top-block .owl-nav {
        right: 20px;
        bottom: 24px;
    }

    #top-block .owl-prev,
    #top-block .owl-next {
        width: 30px;
        height: 30px;
    }

    #top-block .owl-nav svg {
        width: 6px
    }

    #top-block .owl-prev {
        padding: 1px 9px 0 10px !important;
    }

    #top-block .owl-next {
        padding: 1px 0px 0px 12px !important;
    }

    #home .inner-container.home {
        margin: 0;
        max-width: 100%
    }

    #home .news-section {
        padding: 0 12px;
        box-sizing: border-box;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #home .news-section.top {
        margin: 14px 0px 20px;
    }

    #home .news-section.top .item-block {
        margin: 0
    }

    #home .news-section.top .news-block {
        width: 100%;
        height: 140px;
        -webkit-flex: auto;
        -moz-flex: auto;
        -ms-flex: auto;
        -o-flex: auto;
        flex: auto;
    }

    #home .news-section.top .news-block.caption-under .image-block {
        height: 140px
    }

    #home .news-section.top .news-block.caption-under .content-block {
        padding: 12px 20px;
    }

    #home .news-section.top .news-block.caption-under:hover .content-block {
        padding: 12px 20px;
    }

    #home .news-section.top .news-block.caption-under h3 {
        font-size: 18px;
    }

    #home .news-section.top .news-block.caption-under:hover .image-block {
        height: 140px
    }

    #home .left-block .news-slider {
        width: 100%
    }

    #home .left-block .news-slider .news-block {
        width: 100%;
        height: 100%
    }

    #home .left-block .news-slider .image-block {
        width: 100%;
        height: 240px;
        min-width: 100%;
        max-width: 100%
    }

    #home .left-block .news-slider .content-block {
        padding: 14px 20px;
        top: inherit;
        position: absolute;
    }

    #home .left-block .news-slider h3 {
        font-size: 20px;
        line-height: 1.2;
        color: white
    }

    #home .left-block .news-slider .layer-block {
        display: block
    }

    #home .left-block .news-slider .owl-dots {
        display: none;
    }

    #home .matches-block {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 20px 12px;
        margin-bottom: 12px;
    }

    #home .matches-block .team-block {
        max-width: 130px;
        min-width: 130px;
    }

    #home .matches-block .team-logo {
        width: 60px;
        margin: 0 auto;
    }

    #home .matches-block .team-name {
        font-size: 15px;
        line-height: 1;
    }

    #home .matches-block .score-block.versus {
        font-size: 22px;
        margin: 0 20px 40px;
    }

    #home .matches-block .timer-container {
        margin-top: 18px 0 12px;
    }

    #home .matches-block .countdown-title {
        font-size: 20px;
        margin-bottom: 8px
    }

    #home .matches-block .timer {
        font-size: 25px;
    }

    #home .matches-block .clock-label {
        display: inline-block;
        margin-right: 10px;
    }

    #home .matches-block .button {
        font-size: 14px;
        height: 40px;
        padding: 0px 25px;
    }

    #home .video-section {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0;
        padding: 0 12px;
    }

    #home .video-section .left-block {
        margin: 0
    }

    #home .left-block,
    #home .right-block {
        width: 100%;
        margin: 0;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 0px !important;
    }

    #home .video-section .left-block .news-block.video {
        height: 250px;
    }

    #home .video-section .subscribe-block {
        border: 5px solid #FFA300;
        margin: 12px 0;
        padding: 24px 36px;
        height: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex !important;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    #home .video-section .subscribe-block img {
        width: 80px;
    }

    #home .video-section .subscribe-block span {
        margin: 0 0 0 30px;
        line-height: 1.2;
        font-size: 17px;
    }

    .news-block.video {
        width: 100%;
        height: 250px;
        margin-left: 0px !important;
    }

    #stat_table .results-section,
    #home .results-section {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        overflow: hidden;
        margin: 12px 0 0;
    }

    #home .results-section table {
        display: block
    }

    #home .results-section tr {
        font-size: 14px;
    }

    #home .results-section th:first-child {
        padding-left: 12px;
    }

    #home .results-section thead th {
        padding: 20px 20px;
    }

    #home .results-section td:first-child {
        padding-left: 12px;
    }

    #home .results-section tbody td {
        padding: 15px 8px;
    }

    #home .results-section th:last-child {
        padding-right: 12px;
    }

    #home .results-section td:last-child {
        padding-right: 12px;
    }

    #home .results-section .left-block {
        margin-right: 0
    }

    #home .results-section .position-team>span {
        margin-right: 2px;
    }

    #home .results-section .right-block {
        padding: 12px 12px 0;
    }

    #home .results-section .right-block .voting-block {
        height: auto;
        margin-bottom: 0
    }

    #home .results-section .right-block .red-block {
        height: 120px;
    }

    html[lang=hy] #home h2.block-header {
        font-size: 25px;
        margin: 30px 0 15px;
    }

    #home h2.block-header {
        font-size: 25px;
        margin-top: 30px;
        padding: 0 20px;
        text-align: center
    }

    #home .right-block .desc-block {
        height: 100%;
        padding: 18px 20px;
        line-height: 1.3;
        margin-bottom: 22px;
    }

    #home .right-block .desc-block p {
        font-size: 18px;
        line-height: 1.7;
    }

    #home .right-block .desc-block a {
        font-size: 20px;
    }

    #home .shop-section {
        margin-bottom: 30px;
        padding: 0 20px;
    }

    #home #trophies-container {
        margin-bottom: 0px
    }

    #home #trophies-container .inner-container {
        padding: 14px 0;
        margin: 0;
        max-width: 100%
    }

    #home #trophies-container .owl-dots {
        bottom: -4px
    }

    #home .see-all {
        display: block;
        float: none;
        font-size: 14px;
    }

    #home .see-all a.button {
        font-size: 12px;
        padding: 10px 20px 10px;
    }

    #home .item-block.partners {
        padding: 0 20px 20px;
        box-sizing: border-box;
        margin-bottom: 30px;
    }

    #home .partners-item {
        margin: 0;
        width: 100%;
        height: 100%
    }

    #home .partners-item img {
        width: 60%;
        margin: 0 auto;
    }

    .inner-container.partners h2.block-header {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

    #home .see-all>span {
        display: none
    }

    .item-block {
        margin: 0;
        width: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .news-block {
        margin: 0 0 12px;
        width: 100%;
        border: 5px solid rgba(0, 34, 105, 0.78);
    }

    .news-block.l-image,
    .news-block.caption-under {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .news-block.l-image .image-block,
    .news-block.caption-under .image-block,
    .news-block.caption-on .image-block {
        min-width: 140px;
        max-width: 140px;
        height: 140px
    }

    .news-block.l-image .content-block,
    .news-block.caption-under .content-block,
    .news-block.caption-on .content-block {
        padding: 12px 20px;
    }

    .news-block.l-image:hover .content-block {
        padding: 12px 20px
    }

    .news-block.l-image:hover .image-block,
    .news-block.caption-under:hover .image-block {
        height: 140px;
    }

    .news-block.caption-under:hover .content-block {
        padding-top: 14px;
    }

    .news-block .tag-block {
        top: 12px;
        left: 20px;
        font-size: 10px;
    }

    .news-block h3 {
        font-size: 18px;
        line-height: 1.4;
        margin-bottom: 6px;
    }

    .news-block time {
        position: static;
        font-size: 13px
    }

    .news-block .news-desc {
        margin-bottom: 6px;
        line-height: 1.3
    }

    .news-block .content-block {
        padding: 30px 20px 12px;
    }

    .news-block.caption-under h3 {
        margin-bottom: 6px;
    }

    .news-block.caption-under .news-desc {
        max-height: 40px
    }

    .news-block.caption-on {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .news-block.caption-on .layer-block {
        display: none
    }

    .news-block.caption-on .content-block {
        top: 0;
        position: static;
    }

    .news-block.caption-on h3 {
        font-size: 18px;
        -webkit-line-clamp: 3;
        color: #002269;
        margin-top: 6px;
    }

    .news-block.caption-on:hover .content-block {
        padding-bottom: 12px
    }

    .news-block.caption-on:hover img {
        transform: scale(1);
    }

    .news-block.caption-on:hover h3 {
        color: #C50F3C
    }

    .news-block.video .content-block {
        padding-bottom: 20px;
    }

    .news-block.video h3 {
        font-size: 20px;
        line-height: 1.2;
    }

    .news-block.video h4 {
        font-size: 20px;
        line-height: 1.2;
    }

    .news-block.video .content-block>div {
        right: 20px;
        bottom: 20px;
    }

    .news-block.video svg {
        max-width: 36px;
    }

    .shop-item {
        margin: 0 0 20px
    }

    .shop-item .image-block {
        width: 100%;
        height: 250px
    }

    .shop-item .image-block img {
        height: 100%
    }

    .trophies-slider {
        padding: 0 12px 20px;
        box-sizing: border-box;
        overflow: hidden;
    }

    .trophies-item {
        width: 100%;
        height: 100%;
        margin: 0 auto 20px;
        padding: 18px 0;
    }

    .trophies-item img {
        width: 50% !important;
    }

    #contacts footer {
        margin-top: 12px
    }

    footer .top-footer {
        padding: 20px 12px 40px;
        height: 100%
    }

    footer .top-footer>ul {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0;
        max-width: 100%;
    }

    footer .top-footer>ul>li {
        position: relative;
        padding-right: 80px;
        overflow: hidden;
        width: 100%;
        margin-bottom: 0;
        -webkit-box-flex: inherit;
        -moz-box-flex: inherit;
        -webkit-flex: inherit;
        -ms-flex: inherit;
        flex: inherit;
    }

    footer .top-footer .arrow {
        display: block;
        right: -16px;
    }

    footer ul.submenu {
        height: 0;
        padding: 0 0 12px 20px;
        opacity: 0;
        /*visibility: hidden;*/
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    footer ul.submenu.open {
        height: auto;
        visibility: visible;
        opacity: 1;
    }

    footer .top-footer h2 {
        font-size: 22px;
        margin-bottom: 6px;
    }

    footer .top-footer h2:hover {
        color: #FFA300
    }

    footer .bottom-footer {
        padding: 48px 12px 10px;
        height: 100%
    }

    footer .bottom-footer .logo-block svg {
        width: 80px
    }

    footer .bottom-footer .container {
        margin: 0;
        max-width: 100%;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 16px 0 8px;
    }

    footer .bottom-footer .footer-links {
        -webkit-order: 1;
        -moz-order: 1;
        -ms-order: 1;
        -o-order: 1;
        order: 1;
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        margin-top: 12px;
    }

    footer .bottom-footer .subscribe-block h4 {
        display: none
    }

    footer .bottom-footer .subscribe-block {
        margin-top: 20px
    }

    footer .bottom-footer .footer-links {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    footer .bottom-footer .footer-links a {
        font-size: 15px;
        margin-right: 12px
    }

    footer .bottom-footer .footer-links a:last-child {
        margin-right: 0px
    }

    #media h1.block-header {
        font-size: 22px;
        margin-bottom: 8px;
        padding: 0 12px;
        box-sizing: border-box;
    }

    #media .item-block {
        padding: 0 12px
    }

    #media .right-block h2 {
        margin: 47px 0 12px;
    }

    #media .news-block h3 {
        font-size: 18px;
        margin-bottom: 8px;
    }

    #media .right-block {
        width: 100%;
        margin: 0;
        padding: 0 20px
    }

    #media .inner-container:first-child {
        padding: 90px 0 30px;
    }

    #media .inner-container {
        margin-left: 0;
        margin: 0;
        max-width: 100%;
    }

    #media .news-block {
        width: 100%;
    }

    #news-open #open-news-container {
        margin-top: 50px;
        height: 260px
    }

    #news-open .inner-container.news-open {
        padding: 0 12px;
        box-sizing: border-box;
        margin: 0;
        max-width: 100%;
    }

    #news-open .inner-container.news-open>div {
        margin: 0;
    }

    #news-open #open-news-container h1 {
        font-size: 22px;
        margin-bottom: 0px;
    }

    #news-open #news-content-container {
        padding-bottom: 6px;
    }

    #news-open #news-content-container p {
        font-size: 18px;
        line-height: 1.7;
        padding: 6px 0;
    }

    #news-open #news-content-container time {
        font-size: 14px;
        line-height: 2.7;
        margin-top: 12px;
        width: 100%;
        display: block;
    }

    #news-open .mob-slider {
        padding-bottom: 10px
    }

    #news-open .mob-slider .news-block .news-desc {
        -webkit-line-clamp: 2;
        max-height: 36px;
    }

    .inner-container.news {
        padding: 26px 12px 0;
        box-sizing: border-box;
        margin-bottom: 0;
        margin: 0;
        max-width: 100%;
    }

    html[lang='hy'] .inner-container.news h2.block-header {
        font-size: 25px;
    }

    .inner-container.news h2.block-header {
        font-size: 25px;
    }

    .inner-container.news .mob-slider .news-block {
        height: 140px
    }

    #news-open #open-news-container.video .video-block {
        padding-bottom: 12px;
    }

    #news-open #open-news-container.video .video-block .content-block {
        padding: 0 20px;
    }

    #news-open #open-news-container.video .video-block h1 {
        margin: 6px 0 0;
        padding-bottom: 0;
        font-size: 22px;
    }

    h1.block-header {
        font-size: 30px;
    }

    #player-list .inner-container {
        padding: 50px 12px 0;
        margin: 0;
        max-width: 100%;
    }

    .store-section{
        height: 50px!important;
        padding: 0!important;
    }

    #player-list .inner-container.list {
        padding-top: 0px;
        margin: 0;
        max-width: 100%;
    }

    #player-list h2.block-header {
        font-size: 24px;
        margin: 30px 0 12px;
    }

    #player-list .inner-container.list .item-block {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    #player-list .player-item {
        width: 48%;
        margin: 0;
        height: 100%
    }

    #player-list .player-item .image-block {
        width: 100%;
        height: 100%
    }

    #player-list .player-item .image-block img {
        width: 100%;
        height: 100%
    }

    #player-list .player-item .content-block {
        padding: 8px 16px;
    }

    #player-list .player-item .player-number {
        font-size: 25px;
        margin-right: 16px;
    }

    #player-list .player-item .player-name {
        font-size: 20px;
    }

    #player #top-info-block {
        padding-top: 50px;
        overflow: hidden;
        height: auto;
    }

    #player .player-item {
        height: 100%;
        padding-top: 24px;
    }

    #player .player-item .content-block {
        width: 100%;
        padding: 10px;
        margin: 0;
        position: static;
    }

    #player .player-item .number-name-block {
        margin-bottom: 12px
    }

    #player .player-item .number-name-block .player-number {
        font-size: 30px;
        margin-right: 20px;
    }

    #player .player-item .number-name-block .player-name {
        font-size: 20px;
    }

    #player .player-item .number-name-block .player-position {
        font-size: 16px;
        margin: 0px;
    }

    #player .player-item .social-block {
        padding: 16px 10px 15px;
        margin-bottom: 16px;
    }

    #player .player-item .social-block>div {
        padding-right: 12px;
    }

    #player .player-item .social-block span {
        font-size: 15px;
    }

    #player .player-item .social-block span svg {
        width: 10px;
    }

    #player .player-item .social-block .count-of-followers {
        font-size: 13px
    }

    #player .player-item .social-block .count-of-followers>span {
        font-size: 20px;
    }

    #player .player-item .personal-info li {
        font-size: 15px;
    }

    #player .player-item .iamge-block {
        position: static;
        margin-bottom: -6px;
    }

    #player .player-item .iamge-block img {
        width: 100%
    }

    #player .player-item .social-block {
        display: none;
    }

    .wide-block {
        height: auto;
    }

    #player h2.block-header {
        font-size: 25px;
        margin: 12px 0 8px;
    }

    #player #stat-container .inner-container,
    #player #bio-container .inner-container {
        padding: 0px 12px;
        max-width: 100%;
        margin: 0;
    }

    #player #bio-container .content-block p {
        font-size: 16px;
        margin: 0;
    }

    #player #bio-container.open .read-more-button {
        top: -20px;
        right: 12px;
        margin: 18px 0;
    }

    .news-block.l-image h3,
    .news-block.caption-under h3 {
        -webkit-line-clamp: 2;
    }

    #match-center .inner-container {
        padding: 90px 12px 0;
        max-width: 100%;
        margin: 0
    }

    .top-competition-block {
        padding: 0 12px
    }

    .top-competition-block .competition-name {
        padding-top: 30px;
    }

    .top-competition-block .competition-name h1 {
        font-size: 25px;
    }

    .top-competition-block .location {
        font-size: 15px;
    }

    .top-competition-block .location svg {
        margin: -6px 10px 0 0;
        width: 12px;
    }

    .top-competition-block .competition-date {
        font-size: 14px;
    }

    .top-competition-block .competition-date svg {
        margin: -3px 10px 0 0;
        width: 12px;
    }

    .top-competition-block .competition-info {
        padding: 0px 0px 20px;
    }

    .top-competition-block .results-block {
        padding: 0 12px
    }

    .top-competition-block .score-block {
        font-size: 30px;
    }

    .top-competition-block .timer-container .countdown-title {
        font-size: 13px;
    }

    .top-competition-block .timer-container .clock-col {
        padding: 0
    }

    .top-competition-block .timer-container .timer {
        font-size: 18px;
    }

    .top-competition-block .timer-container .clock-label {
        font-size: 10px;
        letter-spacing: 0.5px;
    }

    .top-competition-block .timer-container .clock-col:after {
        font-size: 16px;
        line-height: 1.1;
    }

    .top-competition-block .competition-info .team-logo {
        width: 110px;
    }

    .top-competition-block .competition-info .team-name {
        margin-top: 6px;
        font-size: 18px;
    }

    #match-center .inner-container.results-list {
        padding-top: 20px
    }

    #match-center .results-list .results-filter {
        padding: 16px 20px;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #match-center h1.block-header {
        margin-bottom: 8px
    }

    .results-filter .select-block {
        margin: 0 20px 10px 0;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
    }

    .results-filter .select-block label {
        font-size: 14px;
        margin-bottom: 3px;
    }

    .results-list .results-list-container .explainer-block {
        display: none;
    }

    .results-list .results-list-container h2.block-header {
        font-size: 20px;
        margin: 0
    }

    .results-list .results-list-container .divider-block {
        padding-top: 14px;
    }

    .results-list .results-list-container {
        padding: 16px 20px;
        margin-bottom: 24px;
    }

    .results-list .results-list-container .res-item {
        padding: 12px 0 16px;
    }

    .results-list .results-list-container .res-item .result-list-link {
        padding-left: 0px;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        justify-content: center;
    }

    .results-list .results-list-container .res-item .date {
        width: 100%;
        -webkit-justify-content: center;
        justify-content: center;
        min-width: 100%;
        max-width: 100%;
    }

    .results-list .results-list-container .score-block {
        font-size: 20px;
        padding: 0px 6px 22px;
        line-height: 2;
        text-align: -webkit-center;
        text-align: center;
    }

    .results-list .results-list-container .team-block {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .results-list .results-list-container .team-block.second .team-logo {
        -webkit-order: 1;
        -moz-order: 1;
        -ms-order: 1;
        -o-order: 1;
        order: 1;
    }

    .results-list .results-list-container .team-name {
        font-size: 14px;
    }

    .results-list .results-list-container .tickets-block {
        margin-left: 20px;
    }

    .results-list .results-list-container .competition-name {
        max-width: 100%;
        width: 100%;
        margin-top: 20px;
        -webkit-justify-content: center;
        justify-content: center;
    }

    .mob-slider .news-block.caption-on .content-block {
        top: 0;
        padding: 30px 20px 12px;
    }

    #home .video-section .subscribe-block span {
        margin: 0 0 0 26px;
        font-size: 13px;
    }

    html[lang=hy] #home .inner-container.home {
        padding-top: 0px;
    }

    html[lang='hy'] header .menu-open .container {
        margin-left: 0
    }

    .mob-slider .news-block.caption-on h3 {
        font-size: 18px;
        -webkit-line-clamp: 2;
    }

    header .search-lang:hover {
        background: transparent;
    }

    header .search-block {
        width: 25px;
        line-height: 1.8;
    }

    header .close-btn>div {
        width: 80px;
        height: 80px;
    }

    header .search-field {
        top: -6px;
        right: -8px
    }

    header .search-field .input-field {
        padding: 0 20px;
        max-width: 100%;
        margin-left: 0
    }

    header .search-field input {
        font-size: 18px;
    }

    header .close-btn span {
        height: 25px;
    }

    #s-page .inner-container {
        margin-left: 0;
        padding: 85px 12px 0;
        max-width: 100%
    }

    #s-page h1.block-header {
        font-size: 25px;
        margin-bottom: 8px
    }

    #s-page .s-page-body {
        padding: 20px;
    }

    #partners-container .image-block {
        width: 150px;
        min-width: 120px;
    }

    #partners-container .content-block {
        padding: 14px 20px;
    }

    #partners-container .content-block h3 {
        font-size: 22px;
    }

    #map {
        width: 100%;
        height: 400px
    }

    #contacts .contact-block h2 {
        font-size: 22px;
    }

    #contacts .contact-block>div {
        padding: 20px 0;
    }

    #contacts .contact-block h5 {
        font-size: 15px;
    }

    #contacts .contact-block span {
        font-size: 18px;
    }

    #contacts .contact-block {
        position: static;
        box-sizing: border-box;
        width: 100%;
        margin: 0;
        padding: 14px 12px;
    }

    #s-page h1.block-header {
        font-size: 22px;
    }

    .inner-container .s-page-body .container {
        flex-direction: column;
        align-items: center;
    }

    .inner-container .s-page-body .container .box {
        text-align: center;
    }
}

@media screen and (max-width: 480px) {

    /*#home .results-section tr{font-size: 12px}*/
    /*#home .results-section td:first-child{padding-left: 10px;}*/
    /*#home .results-section tbody td{padding: 20px 0px 0;}*/
    #player-list .player-item .player-number {
        font-size: 20px;
    }

    #player-list .player-item .player-name {
        font-size: 16px;
    }

    #player-list .player-item .player-position {
        font-size: 11px;
    }

    #player .player-item .iamge-block img {
        height: 100%
    }

    #player .player-item .number-name-block .player-number {
        font-size: 25px;
        margin-right: 18px;
    }

    #player .player-item .number-name-block .player-name {
        font-size: 18px
    }

    #player .player-item .number-name-block .player-position {
        font-size: 12px;
    }

    #player .player-item .personal-info li {
        font-size: 13px;
    }

    .top-competition-block .timer-container .countdown-block {
        padding: 10px 8px;
    }

    .top-competition-block .timer-container .timer {
        font-size: 16px;
        min-width: 36px;
    }

    .top-competition-block .competition-info .team-logo {
        width: 60px;
        margin: 0 auto;
    }

    .top-competition-block .competition-info .team-name {
        margin-top: 0px;
        font-size: 14px;
    }

    .top-competition-block .competition-info .team-block {
        padding-bottom: 12px;
    }

    .top-competition-block .competition-name h1 {
        font-size: 22px;
    }

    .top-competition-block .score-block {
        font-size: 22px;
        margin: 36px 0 32px;
    }

    .results-filter .select-block {
        margin: 0 0px 10px 0;
    }

    #home .results-section thead th {
        padding: 20px 10px;
    }

    h1.block-header {
        font-size: 25px;
    }

    footer .bottom-footer .footer-links {
        margin-top: 10px
    }

    footer .bottom-footer .footer-links a {
        font-size: 13px;
        margin-right: 12px
    }

    footer .bottom-footer .container {
        padding: 6px 0 8px;
    }
}

@media screen and (max-width: 420px) {
    #player-list .player-item {
        width: 100%
    }

    #player-list .player-item .content-block {
        padding: 12px 20px;
    }

    #player-list .player-item .player-number {
        font-size: 30px;
    }

    #player-list .player-item .player-name {
        font-size: 22px;
    }

    #home .results-section thead th {
        padding: 20px 4px;
    }
}

@media screen and (max-width: 375px) {
    .top-competition-block .competition-info .team-block {
        transform: translate(22px, -54px);
    }

    .top-competition-block .competition-info .team-block.second {
        transform: translate(-22px, -54px);
    }


    #home .results-section tbody td {
        padding: 15px 4px;
    }

    #home .results-section .team-name .image-block {
        max-width: 30px;
        min-width: 30px;
        margin-right: 8px;
    }

    #home .results-section td:first-child {
        padding-left: 10px;
    }
}

@media screen and (max-width: 320px) {
    #player .player-item .content-block {
        padding: 14px 0px 0 12px;
        min-width: 150px;
    }

    #player .player-item .number-name-block .player-number {
        font-size: 20px;
        margin-right: 14px;
    }

    #player .player-item .number-name-block .player-name {
        font-size: 16px;
    }

    .top-competition-block .competition-info .team-name {
        font-size: 12px;
    }

    .top-competition-block .score-block {
        font-size: 18px;
        margin: 20px 0 0;
        line-height: 4;
    }

    .top-competition-block .competition-info .team-logo {
        width: 44px;
    }

    .top-competition-block .competition-info .team-block {
        transform: translate(34px, -88px);
    }

    .top-competition-block .competition-info .team-block.second {
        transform: translate(-34px, -88px);
    }

    .top-competition-block .competition-name h1 {
        font-size: 18px;
    }

    .results-filter .select-block select.uk-select {
        width: 100%;
    }

    .news-block.l-image .image-block,
    .news-block.caption-under .image-block {
        width: 120px;
        height: 120px
    }

    .news-block.l-image h3,
    .news-block.caption-under h3 {
        -webkit-line-clamp: 3;
    }

    .news-block .news-desc {
        display: none
    }

    #home .video-section .subscribe-block {
        padding: 24px 16px;
    }

    #top-block #top-slider .content-block {
        padding: 0 20px 24px;
    }

    #home .results-section tr {
        font-size: 13px;
    }

}

@media screen and (max-height: 870px) and (min-width: 601px) {
    header .social-block {
        display: none
    }

    header .vertical-block {
        padding-bottom: 20px;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
    }

    header .vertical-block .fc-name {
        transform: rotate(-90deg) translate3d(50%, 0, 0);
    }

    header .vertical-block .fc-name span {
        font-size: 28px;
    }
}

@media screen and (max-height: 780px) and (max-width: 980px) {
    header .menu-open .container {
        padding-top: 40px
    }
}

@media screen and (max-height: 780px) {
    header .menu-open .container {
        padding-top: 40px
    }
}

@media only screen and (max-width: 1050px) {
    #stat_table .results-section table {
        display: block
    }
}

/* Style v1 */

/* armenian */
@font-face {
    font-family: 'Noto Sans Armenian';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosansarmenian/v42/ZgN7jOZKPa7CHqq0h37c7ReDUubm2SEdFXp7ig73qtTY5idbxZhVoCmoeG70Lw.woff2) format('woff2');
    unicode-range: U+0308, U+0530-058F, U+2010, U+2024, U+25CC, U+FB13-FB17;
}

/* latin-ext */
@font-face {
    font-family: 'Noto Sans Armenian';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosansarmenian/v42/ZgN7jOZKPa7CHqq0h37c7ReDUubm2SEdFXp7ig73qtTY5idbxYZVoCmoeG70Lw.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Noto Sans Armenian';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosansarmenian/v42/ZgN7jOZKPa7CHqq0h37c7ReDUubm2SEdFXp7ig73qtTY5idbxYhVoCmoeG4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* armenian */
@font-face {
    font-family: 'Noto Sans Armenian';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosansarmenian/v42/ZgN7jOZKPa7CHqq0h37c7ReDUubm2SEdFXp7ig73qtTY5idbxZhVoCmoeG70Lw.woff2) format('woff2');
    unicode-range: U+0308, U+0530-058F, U+2010, U+2024, U+25CC, U+FB13-FB17;
}

/* latin-ext */
@font-face {
    font-family: 'Noto Sans Armenian';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosansarmenian/v42/ZgN7jOZKPa7CHqq0h37c7ReDUubm2SEdFXp7ig73qtTY5idbxYZVoCmoeG70Lw.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Noto Sans Armenian';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosansarmenian/v42/ZgN7jOZKPa7CHqq0h37c7ReDUubm2SEdFXp7ig73qtTY5idbxYhVoCmoeG4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* armenian */
@font-face {
    font-family: 'Noto Sans Armenian';
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosansarmenian/v42/ZgN7jOZKPa7CHqq0h37c7ReDUubm2SEdFXp7ig73qtTY5idbxZhVoCmoeG70Lw.woff2) format('woff2');
    unicode-range: U+0308, U+0530-058F, U+2010, U+2024, U+25CC, U+FB13-FB17;
}

/* latin-ext */
@font-face {
    font-family: 'Noto Sans Armenian';
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosansarmenian/v42/ZgN7jOZKPa7CHqq0h37c7ReDUubm2SEdFXp7ig73qtTY5idbxYZVoCmoeG70Lw.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Noto Sans Armenian';
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/notosansarmenian/v42/ZgN7jOZKPa7CHqq0h37c7ReDUubm2SEdFXp7ig73qtTY5idbxYhVoCmoeG4.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Main Options */

p,span{
    font-weight: 300;
}

/**/
.noto-sans{
    color: var(--Blue, #002169);
    text-align: center;
    font-family: Noto Sans Armenian;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

html:lang(hy) {
    font-family: Noto Sans Armenian;
}

.default-button{
    text-align: center;
    font-family: Noto Sans Armenian;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 27px */
}

.two-line {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2; /* Maximum lines to display */
}


.aspect-85 { aspect-ratio: 0.85; }

.text-center { text-align: center; }

.mt-4 { margin-top: 4px; }
.mb-8 { margin-bottom: 8px; }

.h-full{ height: 100%; }
.w-auto{ width: auto; }

.border-t-1{ border-top: 1px solid; }
.bold-700{ font-weight: 700; }
.fs-16 { font-size: 16px; }
.fs-14 { font-size: 14px; }
.fs-12 { font-size: 12px; }
.opacity-70{ opacity: 0.7; }
.gap-30{ gap: 30px; }
.m-auto{ margin: auto;}
.p-sm-8{ padding: 8px;}

.p-12{ padding: 12px;}
.mt-32 { margin-top: 32px;}
.mt-sm-32 { margin-top: 32px;}

.responsive-text {
    font-size: clamp(16px, calc(16px + ((100vw - 320px) / (1920 - 320))), 32px) !important;
    font-family: initial;
    letter-spacing: 1.5px;
}

.btn-default-disabled{
    max-width: max-content;
    padding: 12px 20px;
    background: #ECECEC;
    border-radius: 210px;
    border: unset;
    letter-spacing: 1.5px;
    width: 100%;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    color: gray;

    text-align: center;
    font-family: Noto Sans Armenian!important;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 27px */
    transition: all 0.2s!important;
}

.btn-default {
    max-width: max-content;
    padding: 12px 20px;
    background: #ECECEC;
    border-radius: 210px;
    border: unset;
    letter-spacing: 1.5px;
    width: 100%;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    cursor: pointer;

    text-align: center;
    font-family: Noto Sans Armenian!important;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 27px */
}

.btn-default span {
    background: linear-gradient(92.38deg, #002169 -10.19%, #C50F3C 51.02%, #FFA200 104.72%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-align: center;
    font-family: Noto Sans Armenian!important;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;

}

.btn-default:hover {
    background: linear-gradient(92.38deg, #002169 -10.19%, #C50F3C 51.02%, #FFA200 104.72%)!important;
}

.btn-default:hover span{
    background: unset!important;
    -webkit-background-clip: unset!important;
    -webkit-text-fill-color: unset!important;
    background-clip: unset!important;
    text-fill-color: unset!important;
    color: #ffffff!important;
}

.gradient-svg svg path, .gradient-svg ellipse {
    fill: #24336A;
}

.gradient-svg:hover svg path, .gradient-svg:hover svg ellipse {
    fill: revert-layer;
}

.store-cards *,
.store-cards *::after {
  box-sizing: border-box;
}

.store-cards {
  max-height:350px;
  overflow:auto;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.cards_item {
  display: flex;
  width: 100%;
}

@media (min-width: 650px) {
  .cards_item {
    width: 50%;
  }
}

@media (min-width: 1100px) {
  .cards_item {
    width: 33.3333%;
  }
}

@media (max-width: 600px) {
    .p-sm-8{ padding: 0px; }
    .mt-sm-32 { margin-top: 0px;}

    .delivery_sector{
        width: 100%;
        padding: 0;
        margin: 0;
    }


    .store-cards {
        max-height:315px;
    }
}
@media (min-width: 600px) {
    .p-sm-40{padding: 40px;}
}
.card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    color: black;
    font-weight: 400;
}